
/* Secondary pages on top of dd.css */
.page-hero{padding:48px 0 28px;background:radial-gradient(800px 360px at 80% -20%,rgba(20,184,166,.1),transparent 55%),linear-gradient(180deg,var(--cream),var(--cream-2))}
.page-hero .crumb{font-size:.82rem;color:var(--slate-500);margin-bottom:14px}
.page-hero .crumb a{color:var(--slate-600)}
.page-hero h1{margin-bottom:10px}
.page-hero .lead{max-width:640px}
.article{padding:40px 0 80px}
.article-inner{max-width:760px;margin:0 auto}
.article h2{margin:36px 0 12px;font-size:1.45rem;padding-bottom:8px;border-bottom:2px solid var(--teal-100)}
.article h3{margin:22px 0 8px;font-size:1.08rem;color:var(--teal-800)}
.article p,.article li{color:var(--slate-700);font-size:.98rem;line-height:1.65}
.article p{margin:0 0 14px}
.article ul,.article ol{margin:0 0 16px 1.2rem}
.article li{margin:6px 0}
.article .toc{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px 20px;margin:0 0 28px;box-shadow:var(--shadow-sm)}
.article .toc h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--teal-700);margin-bottom:10px}
.article .toc ul{list-style:none;margin:0;padding:0;columns:2;column-gap:24px}
.article .toc li{margin:6px 0;font-size:.9rem}
.article .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0 28px}
.article .stat{background:var(--white);border:1px solid var(--line);border-radius:12px;padding:14px;text-align:center}
.article .stat .num{font-size:1.45rem;font-weight:800;color:var(--teal-700)}
.article .stat .label{font-size:.75rem;color:var(--slate-500);margin-top:4px}
@media(max-width:700px){.article .stats-row{grid-template-columns:1fr 1fr}.article .toc ul{columns:1}}
.article .type-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.article .type-card{background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px}
.article .type-card h3{margin-top:0}
.article .type-card ul{margin:8px 0 0 1rem;font-size:.88rem}
@media(max-width:700px){.article .type-grid{grid-template-columns:1fr}}
.article .step-flow{display:flex;flex-direction:column;gap:12px;margin:16px 0}
.article .step{display:grid;grid-template-columns:42px 1fr;gap:14px;background:var(--white);border:1px solid var(--line);border-radius:12px;padding:16px}
.article .step-num{width:36px;height:36px;border-radius:10px;background:linear-gradient(145deg,var(--teal-700),var(--teal-800));color:#fff;display:grid;place-items:center;font-weight:800}
.article .mid-cta,.mid-cta{background:linear-gradient(135deg,var(--navy),#0a2a3a);border-radius:16px;padding:28px;margin:28px 0;color:#d7e4ec;border:1px solid rgba(255,255,255,.08)}
.article .mid-cta h3,.mid-cta h3{color:#fff;margin:0 0 8px;font-size:1.2rem}
.article .mid-cta p,.mid-cta p{color:rgba(215,228,236,.85);margin:0 0 16px}
.list-panel{background:var(--white);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
.list-panel a.row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--slate-100);color:var(--navy);font-weight:600}
.list-panel a.row:last-child{border-bottom:none}
.list-panel a.row:hover{background:var(--teal-50);color:var(--teal-800)}
.list-panel .meta{font-size:.8rem;color:var(--slate-500);font-weight:500}
.sector-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.sector-card{display:block;background:var(--white);border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow-sm);color:var(--navy);transition:transform .15s,border-color .15s}
.sector-card:hover{transform:translateY(-2px);border-color:var(--teal-500);color:var(--teal-800)}
.sector-card strong{display:block;font-size:1.02rem;margin-bottom:4px}
.sector-card span{font-size:.82rem;color:var(--slate-500)}
.company-panel{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow);margin:0 0 24px}
.company-head{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.company-logo{width:56px;height:56px;border-radius:14px;background:linear-gradient(135deg,var(--teal-600),var(--teal-800));color:#fff;display:grid;place-items:center;font-weight:900;font-size:1.3rem;flex:none}
.company-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.company-meta span{background:var(--slate-100);color:var(--slate-600);padding:4px 10px;border-radius:999px;font-size:.78rem;font-weight:600}
.check-list{list-style:none;margin:0}
.check-list li{padding:10px 0 10px 22px;border-bottom:1px solid var(--slate-100);position:relative;color:var(--slate-700);font-size:.95rem}
.check-list li::before{content:"✓";position:absolute;left:0;color:var(--teal-600);font-weight:800}
.pe-urgency{display:flex;align-items:center;justify-content:center;gap:10px;max-width:720px;margin:0 auto 18px;padding:12px 18px;background:linear-gradient(90deg,#fef3f2,#fff7ed);border:1px solid #fda4af;border-radius:12px;font-size:.9rem;color:#9f1239}
.pe-urgency .pulse{width:8px;height:8px;border-radius:50%;background:#e11d48;animation:pulse 1.5s ease-in-out infinite}
.float-cta{display:none}
@media(min-width:900px){
  .float-cta{display:flex;position:fixed;right:22px;bottom:22px;z-index:80;background:var(--navy);border-radius:999px;padding:8px 8px 8px 18px;align-items:center;gap:12px;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08);color:#c5d0d6;font-size:.82rem}
  .float-cta strong{display:block;color:#fff;font-size:.9rem}
  .float-cta a{background:var(--teal-600);color:#fff!important;text-decoration:none;font-weight:700;padding:10px 16px;border-radius:999px;font-size:.86rem;white-space:nowrap}
}
.nav-links a.is-active{color:var(--teal-700);font-weight:650}
.legal-card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:var(--shadow-sm)}
.legal-card h2{font-size:1.05rem;margin:22px 0 8px;color:var(--teal-800)}
.legal-card h2:first-child{margin-top:0}
.sample-sticky{position:sticky;top:68px;z-index:90;background:rgba(253,251,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:10px 0}
.sample-sticky .inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}
.sample-sticky .msg{font-size:.88rem;color:var(--slate-600)}
.receipt-wrap{max-width:720px;margin:48px auto;padding:0 24px 80px}
.pill-row-wrap{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.related-links{display:flex;flex-wrap:wrap;gap:8px}
.related-links a{background:var(--white);border:1px solid var(--line);padding:7px 12px;border-radius:10px;font-size:.85rem;font-weight:600;color:var(--slate-700)}
.related-links a:hover{border-color:var(--teal-500);color:var(--teal-800);background:var(--teal-50)}
