/* FairStream for US elections (/us/). Builds on ../styles.css; English-only pages,
   excluded from scripts/build_en.py (BEZ_EN_ADRESARE). */
:root{--us-navy:#1e3a5f;--us-red:#c53030;--us-muted:#4a5568;--us-bg-alt:#f8fafc}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1a202c;background:#fff;line-height:1.6;margin:0}
.us-nav{position:sticky;top:0;background:rgba(255,255,255,0.96);backdrop-filter:blur(10px);border-bottom:1px solid #e2e8f0;z-index:1000}
.us-nav .container{display:flex;align-items:center;gap:1.25rem;min-height:64px;flex-wrap:wrap}
.us-nav .logo a{display:flex;align-items:center;gap:0.5rem;text-decoration:none;color:inherit;font-weight:700}
.us-nav .us-badge{font-size:0.75rem;font-weight:600;color:#fff;background:var(--us-navy);border-radius:999px;padding:0.15rem 0.55rem}
.us-nav-links{display:flex;gap:1rem;margin-left:auto;align-items:center;flex-wrap:wrap}
.us-nav-links a{color:#2d3748;text-decoration:none;font-weight:500}
.us-nav-links a:hover,.us-nav-links a[aria-current="page"]{color:var(--primary,#667eea)}
.us-nav-links .btn{color:#fff}
.us-section{padding:3.5rem 0}
.us-section.alt{background:var(--us-bg-alt)}
.us-section h2{font-size:1.9rem;margin:0 0 0.75rem}
.us-section h3{margin:0 0 0.4rem}
.us-lead{color:var(--us-muted);max-width:780px;margin:0 0 1.5rem}
.us-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}
.us-card{border:1px solid #e2e8f0;border-radius:0.75rem;padding:1.4rem;background:#fff}
.us-card ul{padding-left:1.2rem;margin:0.5rem 0 0}
.us-card li{margin:0.3rem 0}
.us-steps{counter-reset:step;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}
.us-step{position:relative;padding:1.4rem 1.4rem 1.4rem 4rem;border:1px solid #e2e8f0;border-radius:0.75rem;background:#fff}
.us-step::before{counter-increment:step;content:counter(step);position:absolute;left:1.2rem;top:1.3rem;width:2rem;height:2rem;border-radius:50%;background:var(--us-navy);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center}
.us-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:1.5rem}
.us-plan{border:2px solid #e2e8f0;border-radius:1rem;padding:1.75rem;background:#fff;display:flex;flex-direction:column}
.us-plan.featured{border-color:var(--primary,#667eea);box-shadow:0 10px 30px rgba(102,126,234,0.15)}
.us-plan .price{font-size:2.3rem;font-weight:700;margin:0.4rem 0}
.us-plan .price small{display:block;font-size:0.95rem;font-weight:400;color:var(--us-muted)}
.us-plan ul{list-style:none;margin:0.75rem 0 1rem;padding:0;flex:1}
.us-plan li{padding:0.35rem 0;border-bottom:1px dashed #e2e8f0}
.us-plan li:last-child{border-bottom:0}
.us-plan .btn{width:100%;text-align:center;box-sizing:border-box}
.us-note{font-size:0.92rem;color:var(--us-muted);margin-top:1rem}
.us-ok{border-left:4px solid #48bb78;background:#f0fff4;padding:0.9rem 1.1rem;border-radius:0.5rem;margin-top:1rem}
.us-warn{border-left:4px solid #ed8936;background:#fffaf0;padding:0.9rem 1.1rem;border-radius:0.5rem;margin-top:1rem}
.us-urgent{display:inline-block;margin-top:1.25rem;padding:0.6rem 1rem;border-radius:0.5rem;background:#fff5f5;border:1px solid #fed7d7;color:#742a2a;font-weight:600}
.us-table-wrap{overflow-x:auto}
.us-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:0.95rem}
.us-table th,.us-table td{border:1px solid #e2e8f0;padding:0.6rem 0.75rem;text-align:left;vertical-align:top}
.us-table th{background:#f1f5f9}
.us-faq details{border:1px solid #e2e8f0;border-radius:0.5rem;padding:0.9rem 1.1rem;margin-bottom:0.75rem;background:#fff}
.us-faq summary{font-weight:600;cursor:pointer}
.us-faq p,.us-faq ul{margin:0.6rem 0 0;color:#2d3748}
.us-doc{max-width:860px}
.us-doc h2{margin-top:2.5rem}
.us-doc h3{margin-top:1.5rem}
.us-doc p,.us-doc li{color:#2d3748}
.us-toc{border:1px solid #e2e8f0;border-radius:0.75rem;padding:1rem 1.25rem;background:var(--us-bg-alt)}
.us-toc ol{margin:0.25rem 0 0;padding-left:1.25rem}
.us-script{background:#f7fafc;border:1px solid #e2e8f0;border-radius:0.5rem;padding:1rem 1.25rem;font-size:0.95rem}
.us-script p{margin:0.4rem 0}
.us-hero{padding:4.5rem 0 3rem;background:linear-gradient(180deg,#f0f4ff 0%,#fff 100%);text-align:center}
.us-hero h1{font-size:2.6rem;line-height:1.2;margin:0 auto 1rem;max-width:860px}
.us-hero p.sub{font-size:1.15rem;color:var(--us-muted);max-width:760px;margin:0 auto}
.us-hero .buttons{display:flex;gap:0.75rem;justify-content:center;flex-wrap:wrap;margin-top:1.75rem}
.us-page-head{padding:3rem 0 1rem;background:linear-gradient(180deg,#f0f4ff 0%,#fff 100%)}
.us-page-head h1{font-size:2.2rem;margin:0 0 0.5rem}
.us-footer{background:#1a202c;color:#cbd5e0;padding:2.5rem 0;font-size:0.92rem}
.us-footer a{color:#e2e8f0}
.us-footer .links{display:flex;flex-wrap:wrap;gap:1rem;margin:0.75rem 0}
.us-footer p{margin:0.4rem 0}
.skip-link{position:absolute;left:-9999px;top:0}
.skip-link:focus{left:1rem;top:1rem;background:#fff;padding:0.5rem 1rem;z-index:2000;border-radius:0.25rem}
a:focus-visible,.btn:focus-visible,summary:focus-visible{outline:3px solid #2b6cb0;outline-offset:2px}
@media (max-width:760px){
  .us-hero{padding:3rem 0 2rem}.us-hero h1{font-size:1.9rem}
  .us-section{padding:2.5rem 0}.us-section h2{font-size:1.5rem}
  .us-nav-links{margin-left:0;width:100%;padding-bottom:0.5rem;gap:0.75rem;font-size:0.95rem}
}
[id]{scroll-margin-top:84px}