/* ==================== R05 · content/SEO consolidation (2026-09-20) ====================
   Additive only. site.css (R04C) is untouched: palette, type, hero, portraits, rhythm are inherited.
   New here: skip link · lang switch as links · section-active nav · breadcrumbs · home secondary row ·
   practice-hub accordion · practice-page sections · contact FAQ · CTA strip · back-to-top · POC badge w/o controls. */

/* skip link (keyboard) */
.skip{position:absolute;left:-999px;top:.75rem;z-index:30;background:var(--surface);color:var(--ink);padding:.6rem 1rem;text-decoration:none;font-size:.9375rem}
.skip:focus{left:var(--gutter);outline:2px solid var(--ink);outline-offset:2px}
#main:focus{outline:none}

/* language switch = real links to the equivalent URL (no JS toggle, no mixed-language DOM) */
.lang a{padding:.45rem .25rem;min-height:24px;text-decoration:none;color:inherit;display:inline-block;transition:color .25s var(--ease)}
.lang a[aria-current]{color:var(--fg);box-shadow:inset 0 -1px 0 var(--warm)}
.lang a:hover,.lang a:focus-visible{color:var(--fg)}

/* nav: page = full rule, section (practice page inside "Oblasti rada") = softer rule */
.nav a[aria-current="true"]{border-bottom-color:var(--fg-mid)}

/* inner page eyebrow: same small uppercase mark as the hero eyebrow (R04C) */
.page-head .eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.8125rem;color:var(--fg-mid)}

/* breadcrumbs — inner pages only, discreet, inside the dark page head */
.crumbs{grid-column:1/-1;font-size:.8125rem;color:var(--fg-mid);margin-bottom:clamp(1.5rem,3vh,2.25rem)}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.35rem .55rem;margin:0;padding:0;list-style:none}
.crumbs li{display:inline-flex;align-items:baseline;gap:.55rem}
.crumbs li+li::before{content:"/";opacity:.45}
.crumbs a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:.1rem;transition:border-color .25s var(--ease)}
.crumbs a:hover,.crumbs a:focus-visible{border-bottom-color:currentColor}
.crumbs li[aria-current]{color:var(--fg)}

/* home · main areas as real links + secondary row */
.practice .pr-h2{grid-column:1/span 8;margin-bottom:clamp(1.5rem,4vw,3rem)}
.practice li h3 a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s var(--ease)}
.practice li h3 a::after{content:"→";display:inline-block;margin-left:.45em;font-size:.55em;vertical-align:.25em;opacity:.5;transition:transform .3s var(--ease),opacity .3s var(--ease)}
.practice li h3 a:hover,.practice li h3 a:focus-visible{border-bottom-color:var(--ink)}
.practice li h3 a:hover::after{transform:translateX(.25em);opacity:1}
.practice .secondary{grid-column:1/-1;margin-top:clamp(1.75rem,3.5vw,2.75rem);display:grid;grid-template-columns:3rem 1fr;column-gap:1rem;align-items:baseline}
.practice .secondary .label{grid-column:1}
.practice .secondary ul{grid-column:2;display:grid;gap:.6rem}
.practice .secondary li,.practice .secondary li:last-child{display:block;padding:0;border:0}
.practice .secondary a{text-decoration:none;color:var(--ink-mid);font-size:.9375rem;line-height:1.5}
.practice .secondary a b{font-weight:500;color:var(--ink);border-bottom:1px solid var(--rule);transition:border-color .25s var(--ease)}
.practice .secondary a:hover b,.practice .secondary a:focus-visible b{border-bottom-color:var(--ink)}
.contact dd a.maplink{font-size:.9375rem;margin-top:.5rem;color:var(--fg-mid);border-bottom-color:var(--rule-dark)}
.contact dd a.maplink:hover{color:var(--fg);border-bottom-color:var(--fg)}

/* CTA strip (inner pages) — short, replaces the full contact block that R04C repeated on every page */
.cta-strip h2{grid-column:1/span 8;font-size:clamp(2rem,4.2vw,3.6rem);margin-bottom:1rem}
.cta-strip .p{grid-column:1/span 6;color:var(--fg);opacity:.85}
.cta-strip .btn{grid-column:9/span 4;justify-self:end;align-self:end}

/* practice hub · accessible accordion (button + aria-expanded + aria-controls, one open, hidden attr = state) */
.pr-acc .hint{grid-column:1/-1;font-size:.9375rem;color:var(--ink-mid);margin-bottom:1rem}
.acc{grid-column:1/-1;border-top:1px solid var(--rule)}
.acc-item{padding-block:0;border-bottom:1px solid var(--rule)}
.acc-h{margin:0;font-size:inherit;font-weight:inherit;letter-spacing:0;line-height:inherit}
.acc-h button{display:grid;grid-template-columns:3rem minmax(0,1fr) 2.5rem;column-gap:2rem;align-items:baseline;width:100%;padding-block:clamp(1.25rem,2.6vw,1.9rem);text-align:left;color:var(--ink);border-radius:2px}
.acc-h button .num{font-size:.8125rem;color:var(--ink-mid)}
.acc-h button .t{font-weight:300;font-size:clamp(1.6rem,2.8vw,2.5rem);letter-spacing:-.015em;line-height:1.15;transition:color .25s var(--ease)}
.acc-h button .ic{position:relative;width:1.5rem;height:1.5rem;justify-self:end;align-self:center}
.acc-h button .ic::before,.acc-h button .ic::after{content:"";position:absolute;left:50%;top:50%;width:1.1rem;height:1px;background:currentColor;transform:translate(-50%,-50%);transition:transform .3s var(--ease)}
.acc-h button .ic::after{transform:translate(-50%,-50%) rotate(90deg)}
.acc-h button[aria-expanded="true"] .ic::after{transform:translate(-50%,-50%) rotate(0deg)}
.acc-h button:hover .t{color:var(--ink-mid)}
.acc-h button:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.acc-panel{padding-bottom:clamp(1.5rem,3vw,2.25rem)}
.acc-inner{display:grid;grid-template-columns:3rem minmax(0,5fr) minmax(0,6fr);column-gap:2rem;align-items:start}
.acc-inner p{grid-column:2;color:var(--ink-mid);max-width:52ch}
.acc-inner .more{grid-column:3;justify-self:start;text-decoration:none;font-size:.9375rem;border-bottom:1px solid var(--rule);padding-bottom:.15rem;color:var(--ink);transition:border-color .25s var(--ease)}
.acc-inner .more:hover,.acc-inner .more:focus-visible{border-bottom-color:var(--ink)}
@media (prefers-reduced-motion:no-preference){.acc-panel:not([hidden]) .acc-inner{animation:acc-in .35s var(--ease)}}
@keyframes acc-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.pr-acc .note{grid-column:1/span 7;margin-top:2.5rem;color:var(--ink-mid);max-width:60ch;font-size:.9375rem}

/* practice page · answer-first head + four typographic sections */
.pa-support h2,.pa-start h2,.pa-faq h2,.ct-faq h2{grid-column:1/span 5;font-size:clamp(1.7rem,2.8vw,2.5rem)}
.support{grid-column:6/span 7;border-top:1px solid var(--rule)}
.support li{padding-block:1rem 1.1rem;border-bottom:1px solid var(--rule);font-size:1rem;line-height:1.5}
.support li b{font-weight:500}
.support li span{color:var(--ink-mid)}
.pa-start .start{grid-column:6/span 6;max-width:56ch;font-size:1.0625rem}
.faq{grid-column:6/span 7;border-top:1px solid var(--rule)}
.faq>div{padding-block:1.25rem 1.4rem;border-bottom:1px solid var(--rule)}
.faq dt h3{font-weight:500;font-size:1.0625rem;letter-spacing:0;line-height:1.4;margin-bottom:.5rem}
.faq dd p{color:var(--ink-mid);max-width:60ch}
.pa-related .related{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.75rem 2rem}
.pa-related .related a{text-decoration:none;color:var(--ink);border-bottom:1px solid var(--rule);padding-bottom:.15rem;font-size:1rem;transition:border-color .25s var(--ease)}
.pa-related .related a:hover,.pa-related .related a:focus-visible{border-bottom-color:var(--ink)}

/* back-to-top · 44×44, above the POC badge, hidden while the footer is in view */
.totop{position:fixed;right:.75rem;bottom:calc(.75rem + 2.2rem + .6rem);z-index:21;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--ink);background:var(--surface);color:var(--ink);font-size:1.1rem;line-height:1;opacity:0;transform:translateY(6px);transition:opacity .3s var(--ease),transform .3s var(--ease),background .3s var(--ease),color .3s var(--ease)}
.totop.on{opacity:1;transform:none}
.totop[hidden]{display:none}
.totop:hover{background:var(--ink);color:var(--surface)}
.totop:focus-visible{outline:2px solid var(--ink);outline-offset:3px}
@media (prefers-reduced-motion:reduce){.totop{transition:none;transform:none}}

/* POC badge: text only (R04C copy/hero selectors removed) */
.poc .badge{opacity:.75;border-right:0;padding-right:0}

@media (max-width:760px){
  .crumbs{font-size:.75rem}
  .contact h2,.contact .p{grid-column:1/-1}
  .practice .secondary{grid-template-columns:1fr;row-gap:.75rem}
  .practice .secondary ul{grid-column:1}
  .cta-strip h2,.cta-strip .p{grid-column:1/-1}
  .cta-strip .btn{grid-column:1/-1;justify-self:start;margin-top:1.5rem}
  .acc-h button{grid-template-columns:2rem minmax(0,1fr) 2rem;column-gap:1rem}
  .acc-inner{grid-template-columns:2rem 1fr;row-gap:1rem;column-gap:1rem}
  .acc-inner p,.acc-inner .more{grid-column:2}
  .pr-acc .note{grid-column:1/-1}
  .pa-support h2,.pa-start h2,.pa-faq h2,.ct-faq h2,.support,.pa-start .start,.faq{grid-column:1/-1}
  .pa-support h2,.pa-start h2,.pa-faq h2,.ct-faq h2{margin-bottom:1.25rem}
  .totop{right:.5rem;bottom:calc(.5rem + 2rem + .5rem)}
  .foot .grid{padding-bottom:6.5rem} /* keeps footer text above the fixed back-to-top + POC badge */
  .poc .badge{display:inline}
}