/* yahtclub.kiev.ua — акцент сайту, текстовий блок, FAQ-акордеон, футер.
   Палітра в тон Pariwin (темний інтерфейс + жовтий акцент), але свій відтінок: тепле «сонячне» золото #ffd23f
   для кнопок і морська бірюза #2ec4d6 для декору статті; шапка статті — темно-синя з хвилею знизу. */
:root:root,body[data-color-scheme]{--control-primary:#ffd23f;--control-primary-hover:#f2c21f;--icon-tabbar:#ffd23f;
  --yc-ink:#0b1a2e;--yc-ink-2:#10233b;--yc-gold:#ffd23f;--yc-sea:#2ec4d6;--yc-sea-soft:#2ec4d626;--yc-line:#ffffff17}

.yc-article{padding:28px 16px 12px;flex:1 1 100%;width:100%;min-width:0;box-sizing:border-box}
.yc-article__in{max-width:1000px;margin:0 auto;background:#131c2e;border-radius:24px;overflow:hidden;
  border:1px solid var(--yc-line);color:#c9d0de;box-sizing:border-box;
  font-family:"Segoe UI",Roboto,Arial,sans-serif;font-size:16px;line-height:1.7;padding:0 40px 36px}
/* шапка статті: нічне море — темно-синій градієнт, золотий «маяк» праворуч, хвиля знизу */
.yc-head{margin:0 -40px 26px;padding:30px 40px 34px;position:relative;overflow:hidden;color:#f4f6fb;
  background:radial-gradient(110% 130% at 100% 0,#ffd23f2b 0,transparent 42%),linear-gradient(160deg,#10284a 0,var(--yc-ink) 70%)}
.yc-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:14px;opacity:.9;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='14' viewBox='0 0 40 14'%3E%3Cpath d='M0 9c5 0 5-6 10-6s5 6 10 6 5-6 10-6 5 6 10 6v5H0z' fill='%232ec4d6' fill-opacity='.55'/%3E%3C/svg%3E") 0 100%/40px 14px repeat-x}
.yc-head::before{content:"";position:absolute;right:36px;top:24px;width:70px;height:70px;border-radius:50%;
  border:2px solid #ffd23f80;box-shadow:0 0 0 8px #ffd23f14,inset 0 0 0 14px #2ec4d614}
.yc-head>*{position:relative;z-index:1;max-width:calc(100% - 120px)}
.yc-article--short .yc-article__in{padding-bottom:0}
.yc-article--short .yc-head{margin-bottom:0}
.yc-article h1,.yc-article h2,.yc-article h3{text-transform:none;letter-spacing:0;font-weight:800}
.yc-h1{font-size:32px;line-height:1.18;margin:0 0 12px;color:#fff !important}
.yc-article h2,.yc-article h3{color:#fff}
.yc-article h2{font-size:23px;line-height:1.3;margin:38px 0 14px;padding:0 0 0 18px;position:relative}
.yc-article h2::before{content:"";position:absolute;left:0;top:.2em;bottom:.2em;width:5px;border-radius:5px;
  background:linear-gradient(180deg,var(--yc-gold),var(--yc-sea))}
.yc-article h3{font-size:18px;margin:22px 0 8px;color:var(--yc-gold) !important}
.yc-article p,.yc-article li,.yc-article td{color:#c9d0de}
.yc-article p{margin:0 0 14px}
.yc-article ul,.yc-article ol{margin:0 0 18px;padding:14px 18px;list-style:none;background:var(--yc-ink-2);border-radius:16px;
  border-left:3px solid var(--yc-sea)}
.yc-article ul>li,.yc-article ol>li{position:relative;padding-left:30px;margin:0 0 8px}
.yc-article ul>li:last-child,.yc-article ol>li:last-child{margin-bottom:0}
.yc-article ul>li::before{content:"";position:absolute;left:4px;top:.5em;width:10px;height:10px;transform:rotate(45deg);
  border-radius:2px;background:var(--yc-gold);box-shadow:0 0 0 4px #ffd23f22}
.yc-article ol{counter-reset:ycol}
.yc-article ol>li::before{counter-increment:ycol;content:counter(ycol);position:absolute;left:0;top:.15em;width:22px;height:22px;
  border-radius:50%;background:var(--yc-sea);color:var(--yc-ink);font-size:12px;font-weight:800;text-align:center;line-height:22px}
.yc-article a{color:var(--yc-sea);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.yc-article a:hover{color:var(--yc-gold)}
.yc-article strong{color:#fff}
.yc-article img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover;border-radius:18px;margin:10px 0 22px;background:var(--yc-ink);
  border:1px solid var(--yc-line);box-shadow:0 18px 40px -26px #000}
.yc-byline{display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:1.2;color:#d3d9e6;margin:0 !important;
  padding:6px 12px;border-radius:999px;background:#ffffff10}
.yc-byline::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--yc-gold);box-shadow:0 0 0 4px #ffd23f33}
.yc-crumbs ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0 0 12px;padding:0;font-size:13px;color:#b8c0d0;background:none;border:0}
.yc-crumbs li{padding:0 !important;margin:0 !important}
.yc-crumbs li::before{display:none}
.yc-crumbs li+li::before{display:inline;content:"›";position:static;background:none;box-shadow:none;transform:none;width:auto;height:auto;margin-right:6px;color:var(--yc-gold)}
.yc-crumbs a{color:#e8ecf5 !important;text-decoration:none !important;font-weight:400 !important}
.yc-table-wrap{overflow-x:auto;margin:0 0 20px;border-radius:16px;border:1px solid var(--yc-line)}
.yc-table{width:100%;border-collapse:collapse;font-size:15px}
.yc-table th{background:linear-gradient(90deg,#ffd23f30,#2ec4d61f);color:#fff;text-align:left;font-weight:700}
.yc-table th,.yc-table td{padding:11px 16px;border-bottom:1px solid var(--yc-line);vertical-align:top}
.yc-table tr:last-child td{border-bottom:0}
.yc-table td:first-child{font-weight:600;color:#fff;width:38%}
.yc-table tr:nth-child(even) td{background:#00000029}
.yc-faq-list{display:grid;gap:10px;margin:8px 0 6px}
.yc-faq{border-radius:14px;background:var(--yc-ink-2);overflow:hidden;border:1px solid var(--yc-line);transition:border-color .2s,box-shadow .2s}
.yc-faq[open]{border-color:var(--yc-gold);box-shadow:0 0 0 3px #ffd23f1a}
.yc-faq summary{list-style:none;cursor:pointer;padding:15px 56px 15px 18px;position:relative}
.yc-faq summary::-webkit-details-marker{display:none}
.yc-faq summary h3{margin:0;font-size:16px;padding:0;color:#fff !important}
.yc-faq summary::after{content:"";position:absolute;right:20px;top:50%;width:9px;height:9px;margin-top:-7px;
  border-right:2px solid var(--yc-gold);border-bottom:2px solid var(--yc-gold);transform:rotate(45deg);transition:transform .25s,margin .25s}
.yc-faq[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.yc-faq__a{padding:0 18px 6px;animation:ycFade .3s ease}
@keyframes ycFade{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.yc-footer{border-top:1px solid var(--yc-line);position:relative;background:var(--yc-ink) !important;color:#c9d0de !important;padding:24px 16px 96px}
.yc-footer p,.yc-footer .footer-copyright{color:#c9d0de !important}
.yc-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:3px;background:linear-gradient(90deg,var(--yc-gold),var(--yc-sea),transparent)}
.yc-footer .yc-seals{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:14px}
.yc-seal-txt{font-size:13px;font-weight:600;text-decoration:none;opacity:.85;color:inherit;border:1px solid currentColor;border-radius:999px;padding:2px 10px}
.yc-age{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;font-weight:800;font-size:13px;
  border:2px solid var(--yc-gold);color:var(--yc-gold)}
.yc-h1-legal{text-transform:none !important}
@media (max-width:767px){
  .yc-article{padding:16px 8px 6px}
  .yc-article__in{padding:0 16px 24px;border-radius:18px}
  .yc-head{margin:0 -16px 18px;padding:22px 16px 28px}
  .yc-head::before{width:42px;height:42px;right:12px;top:12px;opacity:.6}
  .yc-head>*{max-width:100%}
  .yc-h1{font-size:24px;padding-right:40px}
  .yc-article h2{font-size:20px}
  .yc-article ul,.yc-article ol{padding:12px 12px}
  .yc-table{font-size:14px}
  .yc-table td:first-child{width:auto}
}