/* AutoSVF.ro — pagini de continut (furnizori, FAQ, termeni, confidentialitate, 404) */
.page-hero { padding: 56px 0 8px; }
.page-hero h1 { font-size: clamp(2rem, 4.4vw, 3.1rem); font-stretch: 86%; letter-spacing: -.025em; max-width: 24ch; }
.page-hero.nf { padding: 96px 0 40px; }
.narrow { max-width: 860px; }
.crumbs { display: flex; gap: 8px; font-size: .88rem; color: var(--muted); margin-bottom: 18px; flex-wrap: wrap; }
.crumbs a { color: var(--soft); text-decoration: none; } .crumbs a:hover { color: var(--text); text-decoration: underline; }
.section.tight { padding-top: 32px; }
.section.tight h2 { font-size: 1.6rem; font-stretch: 90%; margin-top: 2em; }
.section.tight h2:first-child { margin-top: 0; }
.callout { border-left: 3px solid var(--gold); background: rgba(231,183,74,.07); padding: 18px 22px; border-radius: 0 var(--r-md) var(--r-md) 0; color: var(--soft); }
.callout p { margin: 0; } .callout b { color: var(--text); }
.prices-wide { margin-top: 18px; }
.note { color: var(--muted); font-size: .92rem; margin-top: 14px; }
.how-col { grid-template-columns: 1fr !important; gap: 0 !important; margin-top: 18px !important; }
.how-col li { padding: 0 0 26px 62px !important; }
.how-col li::after { display: block !important; left: 20px !important; top: 46px !important; bottom: 4px; right: auto !important; width: 1px; height: auto !important; background: var(--line) !important; }
.how-col li:last-child::after { display: none !important; }
.section.tight .faq-list { margin-bottom: 8px; }

/* Documente lungi cu cuprins */
.doc { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 56px; align-items: start; padding-top: 36px; }
.toc { position: sticky; top: 96px; font-size: .9rem; max-height: calc(100vh - 120px); overflow: auto; }
.toc-title { color: var(--text); font-weight: 600; margin-bottom: .6em; }
.toc ol { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; border-left: 1px solid var(--line); }
.toc a { display: block; color: var(--muted); text-decoration: none; padding: 4px 0 4px 14px; margin-left: -1px; border-left: 2px solid transparent; }
.toc a:hover { color: var(--text); }
.toc a.active { color: var(--gold-hi); border-left-color: var(--gold); }
.prose { max-width: 70ch; color: var(--soft); }
.prose section { padding-bottom: 8px; }
.prose h2 { font-size: 1.35rem; font-stretch: 92%; color: var(--text); margin: 1.6em 0 .6em; }
.prose section:first-child h2 { margin-top: 0; }
.prose ul { padding-left: 1.2em; display: grid; gap: .5em; margin: 0 0 1em; }
.prose b { color: var(--text); font-weight: 600; }
.prose a { word-break: break-word; }
.prose section:target h2 { color: var(--gold-hi); }

@media (max-width: 860px) {
  .doc { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .toc { position: static; max-height: none; border: 1px solid var(--line); border-radius: var(--r-md); padding: 14px 16px; background: var(--surface); }
  .page-hero { padding-top: 36px; }
}
.section.tight .ticks { margin-bottom: 1.4em; }