/* Local UX iteration: existing brand tokens, native disclosure and page links. */
#napryamy,#sytuatsii,#consultation-terms,#dokumenty,#confirmed-results,#faq{scroll-margin-top:96px}
.ux-quick-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.ux-quick-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--hairline);border-radius:30px;color:var(--ink);font:400 15px/1.4 var(--body);text-decoration:none}
.ux-quick-nav a:hover{border-color:var(--gold);color:var(--gold-soft)}
.ux-person img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 20%;flex:0 0 auto}
.ux-person span{line-height:1.5}
.practice-page .ux-person a{color:var(--ink);font-weight:700}
.practice-page .hero-copy{padding-top:116px;padding-bottom:48px}
.practice-page .hero h1{font-size:clamp(2.1rem,3.8vw,3.45rem);max-width:18ch;text-wrap:balance;overflow-wrap:normal}
.practice-page .hero .lead{max-width:51ch;font-size:17px;line-height:1.65;margin-bottom:24px}
.practice-page .hero-actions{margin-bottom:24px}
.practice-page .hero-media{margin:96px 0 36px;min-height:460px;border-radius:12px}
.practice-page .hero-media img{object-position:50% 20%}
.practice-page section:not(.hero){padding-block:54px}
.practice-page .deadline{margin:0 0 28px}
.ux-situations{display:block}
.ux-situation{border-bottom:1px solid var(--hairline)}
.ux-situation summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:23px 0;min-height:60px}
.ux-situation summary::-webkit-details-marker{display:none}
.ux-situation summary::after{content:'+';font:400 28px/1 var(--body);color:var(--gold)}
.ux-situation[open] summary::after{content:'−'}
.ux-situation summary h3{font:600 21px/1.4 var(--body);text-transform:none;letter-spacing:0;margin:0}
.practice-page .ux-situation .situ-row{grid-template-columns:1fr 1fr;gap:24px;padding:0 0 26px;border:0}
.practice-page .ux-situation .situ-label{position:static;width:auto;height:auto;clip-path:none;overflow:visible;display:block;font:600 15px/1.5 var(--body);letter-spacing:0;margin-bottom:8px}
.practice-page .ux-situation p{font-size:18px;line-height:1.65}
.practice-page .ux-situation .dir-link{grid-column:1/-1;font:600 16px/1.5 var(--body);text-transform:none;letter-spacing:0;text-decoration:underline}
.ux-short-request{background:var(--milk);color:var(--ink-on-milk);padding:28px;border-radius:12px;margin-top:30px}
.ux-short-request h3{font-size:25px;margin-bottom:14px}
.ux-short-request p{color:var(--muted-on-milk);margin-bottom:18px;font-size:17px}
.ux-short-request .btn{font:600 16px/1.4 var(--body);text-transform:none;letter-spacing:0}
.ux-document-list{padding-left:24px;display:grid;gap:10px;color:var(--muted);font-size:18px;line-height:1.65;margin-block:18px}
.ux-terms{background:var(--bg-2)}
.ux-proof{background:var(--bg)}
.ux-editor-note{color:var(--gold-soft);max-width:70ch;margin:18px 0 24px;font-size:17px}
.ux-placeholder-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ux-placeholder{padding:28px;border:1px dashed var(--gold);border-radius:10px}
.ux-placeholder h3{font:600 21px/1.4 var(--body);text-transform:none;letter-spacing:0;margin-bottom:12px}
.ux-placeholder p{font-size:17px;line-height:1.65;color:var(--muted)}
@media(max-width:767px){
 .practice-page .hero-copy{padding-top:98px;padding-bottom:28px}
 .practice-page .hero h1{font-size:36px;line-height:1.12;max-width:none}
 .practice-page .hero-media,.hero:not(.hero-page) .hero-media{display:none}
 .hero:not(.hero-page) .hero-grid{min-height:0}
 .hero:not(.hero-page) .hero-copy{padding-top:100px;padding-bottom:36px}
 .practice-page section:not(.hero){padding-block:36px}
 .ux-quick-nav{gap:6px;margin-top:20px}
 .ux-quick-nav a{font-size:14px;padding:7px 12px}
 .ux-situation summary h3{font-size:18px}
 .practice-page .ux-situation .situ-row{grid-template-columns:1fr;gap:14px}
 .ux-placeholder-grid{grid-template-columns:1fr;gap:14px}
 .ux-placeholder,.ux-short-request{padding:22px}
 .ux-short-request .btn{width:100%;padding:12px}
 .practice-page .about-media{max-height:300px;overflow:hidden}
 .practice-page .about-media img{width:100%;height:300px;object-fit:cover;object-position:50% 25%}
}
