/* Stiluri pentru paginile SEO InfoCazier, aliniate cu tema site-ului (Inter, albastru #1f4faf).
   Editabil liber; e un singur fișier copiat la generare în /cazier-judiciar/assets/seo.css */
:root{
  --primary:hsl(220 70% 40%);--primary-dark:hsl(220 70% 33%);--primary-soft:hsl(220 70% 96%);
  --fg:hsl(222 47% 11%);--muted-fg:hsl(215 16% 40%);--border:hsl(214 32% 91%);
  --muted:hsl(210 40% 96%);--ok:hsl(150 55% 36%);
  /* STANDARD LAYOUT (identic cu aplicația React):
     --maxw      = cadrul paginii (header, footer)        = 1280px (max-w-7xl în app)
     --maxw-text = coloana de citit (conținut, breadcrumbs) = 896px (max-w-4xl în app)
     gutter lateral = 16px peste tot */
  --radius:.5rem;--maxw:1280px;--maxw-text:56rem;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--fg);background:#fff;line-height:1.65;font-size:16px}
.container{max-width:var(--maxw);margin:0 auto;padding:0 16px}
/* Conținutul și breadcrumbs stau pe coloana de citit, centrată în cadru */
main.container,.crumbs.container{max-width:var(--maxw-text)}
/* Măsura tipografică (Baymard 50-75ch, WCAG ≤80): paragrafele și listele „libere"
   se opresc la 70ch; casetele, cardurile, tabelele și grid-urile folosesc toată coloana */
main.container section>p,main.container section>ul,main.container section>ol,
main.container article>p,main.container article>ul,main.container article>ol,
.hero>p,.hero .lead,.hero .subtitle{max-width:70ch}
a{color:var(--primary);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.9rem;line-height:1.25;margin:.4em 0 .5em}
h2{font-size:1.45rem;line-height:1.3;margin:1.6em 0 .5em}
h3{font-size:1.15rem;margin:1.2em 0 .4em}
p{margin:.65em 0}
ul,ol{margin:.6em 0;padding-left:1.4em}
li{margin:.25em 0}
/* Header */
.site-header{border-bottom:1px solid var(--border);background:#fff;position:sticky;top:0;z-index:50}
.site-header .inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:8px}
.logo{display:flex;align-items:center;gap:9px;color:var(--primary);white-space:nowrap;text-decoration:none}
.logo:hover{opacity:.9;text-decoration:none}
.logo-mark{position:relative;display:flex;flex-shrink:0}
.logo-dot{position:absolute;top:-3px;right:-3px;width:11px;height:11px;background:hsl(217 91% 60%);border:2px solid #fff;border-radius:50%;box-sizing:border-box}
.logo-text{display:flex;flex-direction:column;justify-content:center;line-height:1.15;text-align:left}
.logo-name{font-weight:700;font-size:1.2rem;color:var(--primary);letter-spacing:-.01em}
.logo-sub{font-size:.66rem;color:var(--muted-fg);margin-top:-1px}
.nav{display:flex;align-items:center;gap:18px;font-size:.95rem;flex-wrap:wrap}
.nav a{color:var(--fg)}
.nav a:hover{color:var(--primary);text-decoration:none}
.btn{display:inline-block;background:var(--primary);color:#fff !important;padding:10px 18px;border-radius:var(--radius);font-weight:600;text-decoration:none !important;border:0;cursor:pointer}
.btn:hover{background:var(--primary-dark)}
.btn-lg{padding:13px 26px;font-size:1.05rem}
.btn-outline{background:#fff;color:var(--primary) !important;border:1px solid var(--primary)}
.btn-outline:hover{background:var(--primary-soft)}
/* Breadcrumbs */
.crumbs{font-size:.85rem;color:var(--muted-fg);margin-top:14px;margin-bottom:4px;overflow-wrap:anywhere}
.crumbs a{color:var(--muted-fg)}
.crumbs span{margin:0 .35em}
/* Hero + TLDR */
.hero{padding:8px 0 4px}
.kicker{color:var(--primary);font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}
.subtitle{font-size:1.2rem;font-weight:600;color:var(--fg);margin:.1em 0 .5em;line-height:1.4}
.lead{font-size:1.02rem;color:var(--muted-fg)}
.tldr{background:var(--muted);border-radius:var(--radius);padding:14px 18px;margin:18px 0}
.tldr strong{color:var(--fg)}
.tldr .t-title{font-weight:700;margin:0 0 .3em;color:var(--fg);font-size:.9rem;text-transform:uppercase;letter-spacing:.03em}
/* CTA compact, imediat după răspunsul rapid */
.cta-inline{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:14px 0 8px}
.cta-inline .cta-note{color:var(--muted-fg);font-size:.95rem}
/* Cards & tables */
.card{border:1px solid var(--border);border-radius:.75rem;padding:18px 20px;margin:14px 0;background:#fff}
.card h3{margin-top:0}
.meta-line{color:var(--muted-fg);font-size:.95rem;margin:.2em 0}
.meta-line b{color:var(--fg)}
table.program{border-collapse:collapse;width:100%;max-width:460px;margin:.6em 0;font-size:.95rem}
table.program th,table.program td{border:1px solid var(--border);padding:6px 10px;text-align:left}
table.program th{background:var(--muted);font-weight:600;width:38%}
table.program td.inchis{color:var(--muted-fg);font-style:italic}
.note{background:var(--muted);border-radius:var(--radius);padding:10px 14px;font-size:.92rem;margin:12px 0;color:var(--muted-fg)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:3px}
/* CTA band */
.cta-band{background:var(--primary);border-radius:.9rem;color:#fff;padding:24px 26px;margin:26px 0;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}
.cta-band h2,.cta-band p{color:#fff;margin:.2em 0}
.cta-band .btn{background:#fff;color:var(--primary) !important}
.cta-band .btn:hover{background:var(--primary-soft)}
.cta-sub{font-size:.9rem;opacity:.9}
/* Steps */
.steps{counter-reset:step;list-style:none;padding-left:0}
.steps li{position:relative;padding-left:44px;margin:12px 0}
.steps li::before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--primary);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.9rem}
/* FAQ */
details.faq{border:1px solid var(--border);border-radius:var(--radius);padding:0;margin:8px 0;background:#fff}
details.faq summary{cursor:pointer;font-weight:600;padding:12px 16px;list-style:none;position:relative}
details.faq summary::-webkit-details-marker{display:none}
details.faq summary::after{content:'+';position:absolute;right:16px;color:var(--primary);font-weight:700}
details.faq[open] summary::after{content:'–'}
details.faq .a{padding:0 16px 12px;color:var(--muted-fg)}
/* Link grids */
.linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:6px 14px;padding:0;list-style:none;margin:.7em 0}
.linkgrid li{margin:0;font-size:.95rem;overflow-wrap:anywhere}
.linkgrid-lg{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.section-muted{background:var(--muted);border-radius:.9rem;padding:18px 22px;margin:22px 0}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
@media(max-width:760px){.two-col{grid-template-columns:1fr}h1{font-size:1.55rem}}
@media(max-width:640px){
.logo-sub{display:none}
.logo-mark svg{width:26px;height:26px}
.logo-name{font-size:1.1rem}
.nav{gap:10px;font-size:.88rem}
.nav .btn{padding:8px 12px;font-size:.88rem}
}
/* Footer */
.site-footer{border-top:1px solid var(--border);background:hsl(210 20% 98%);margin-top:44px;padding:30px 0;font-size:.92rem;color:var(--muted-fg)}
.site-footer .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:22px}
.site-footer h4{margin:.2em 0 .5em;color:var(--fg);font-size:.95rem}
.site-footer ul{list-style:none;padding:0;margin:0}
.site-footer li{margin:.3em 0}
.site-footer a{color:var(--muted-fg)}
.site-footer a:hover{color:var(--primary)}
.disclaimer{margin-top:20px;padding-top:14px;border-top:1px solid var(--border);font-size:.83rem}
.anpc img{height:42px;width:auto;display:block;margin:6px 0}
.updated{color:var(--muted-fg);font-size:.85rem;margin-top:8px}
.toc{font-size:.92rem}
.toc a{color:var(--muted-fg)}
img{max-width:100%}
.skip{position:absolute;left:-9999px}
.skip:focus{position:static}