/* Practice layouts from mockup/assets/css/mockup.css. */
.practice-page{
  --practice-body-size:1.125rem;
  --practice-label-size:.875rem;
  --practice-row-heading-size:1.375rem;
}
/* --- FAQ --- */
.faq{background:var(--bg-2)}
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,80px);align-items:start}
.faq-head{position:sticky;top:110px}
.faq-head .lead{margin-top:16px}
.faq-list{display:grid}
.faq-list details{border-bottom:1px solid rgba(200,163,95,.16)}
.faq-list details:first-child{border-top:1px solid rgba(200,163,95,.16)}
.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;min-height:64px;font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;font-size:1.08rem;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary::after{content:'';flex:0 0 auto;width:12px;height:12px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg) translate(-3px,-3px);transition:transform .3s}
.faq-list details[open] summary::after{transform:rotate(-135deg) translate(-3px,-3px)}
.faq-list summary:hover{color:var(--gold-soft)}
.faq-list details p{color:var(--muted);padding:0 40px 24px 0;max-width:60ch}
@media(max-width:900px){.faq-grid{grid-template-columns:1fr}.faq-head{position:static}}

/* --- Типовые ситуации (трудовое право) --- */
.situ{background:var(--bg-2)}
.situ-head{max-width:720px;margin-bottom:clamp(32px,5vw,52px)}
.situ-head .lead{margin-top:16px}
.situ-table{border-top:1px solid rgba(200,163,95,.16)}
.situ-cols,.situ-row{display:grid;grid-template-columns:1.1fr 1.3fr 1.3fr auto;gap:clamp(16px,3vw,40px);align-items:start}
.situ-cols{padding:14px 0;font-family:var(--display);text-transform:uppercase;letter-spacing:.16em;font-size:var(--practice-label-size);color:var(--muted);border-bottom:1px solid rgba(200,163,95,.16)}
.situ-row{padding:26px 0;border-bottom:1px solid rgba(200,163,95,.16)}
.situ-row h3{font-size:var(--practice-row-heading-size);line-height:1.25;letter-spacing:.03em}
.situ-row p{color:var(--muted);font-size:var(--practice-body-size);line-height:1.65}
.situ-row .mob{display:none}
.situ-row .dir-link{font-size:1rem;white-space:normal}
.deadline{margin-top:34px;display:flex;gap:16px;align-items:flex-start;padding:22px 26px;border:1px solid var(--hairline);border-left:3px solid var(--gold);border-radius:8px;background:rgba(36,27,21,.6)}
.deadline h3{font-size:1.02rem;letter-spacing:.06em;margin-bottom:4px}
.deadline p{color:var(--muted);font-size:var(--practice-body-size);max-width:70ch}
@media(max-width:900px){
  .situ-cols{display:none}
  .situ-row{grid-template-columns:1fr;gap:10px;padding:24px 0}
  .situ-row .mob{display:block;font-family:var(--display);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;color:var(--gold);margin-bottom:2px}
}

/* --- Страница /trudove-pravo/ --- */
.crumbs{font-size:.84rem;color:var(--muted);margin-bottom:18px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--gold-soft)}
.crumbs span{margin:0 8px;color:var(--gold)}
.hero-page .hero-grid{min-height:0}
.who{background:var(--bg)}
.who-head{max-width:720px;margin-bottom:clamp(32px,5vw,52px)}
.who-head .lead{margin-top:16px}
.steps-4{grid-template-columns:repeat(4,1fr)}
.steps-4 .steps-line{display:none}
@media(max-width:1100px){.steps-4{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.steps-4{grid-template-columns:1fr}}
.docs{background:var(--bg-2)}
.docs-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(36px,6vw,80px);align-items:start}
.docs-grid .lead{margin-top:16px}
.docs-list{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px 28px}
.docs-list li{position:relative;padding:16px 16px 16px 44px;border:1px solid var(--hairline);border-radius:8px;background:rgba(36,27,21,.55);font-size:.96rem;line-height:1.45}
.docs-list li::before{content:'';position:absolute;left:18px;top:19px;width:9px;height:14px;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg) scale(.8)}
.docs-note{grid-column:1/-1;margin-top:6px;font-size:.92rem;color:var(--muted);border-left:2px solid var(--gold);padding:4px 0 4px 14px;max-width:62ch}
@media(max-width:900px){.docs-grid{grid-template-columns:1fr}.docs-list{grid-template-columns:1fr}}

.practice-page .hero-grid{min-height:0}
.practice-page h1{overflow-wrap:anywhere}
.practice-page .hero-sign a{color:var(--muted);text-decoration:none}
.practice-page .hero-sign a:hover{color:var(--gold)}
.situ-label{display:block;font-family:var(--display);font-size:var(--practice-label-size);letter-spacing:.08em;color:var(--gold);margin-bottom:6px}
@media(min-width:901px){.situ-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}
.practice-page .who-head .lead{margin-top:20px}
.practice-page .docs-grid{align-items:start}