/* Three-door pages: home, employers, compare (2026-10-20). Builds on style.css tokens. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.d-hero{padding:104px 0 36px;background:linear-gradient(180deg,#f0fdf4,#fff)}
.d-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--green-dark);margin:0 0 10px}
.d-h1{font-size:clamp(28px,4.6vw,46px);line-height:1.12;font-weight:900;color:var(--navy);margin:0 0 14px;text-wrap:balance;max-width:22ch}
.d-sub{font-size:clamp(16px,1.7vw,19px);color:var(--text-muted);max-width:62ch;margin:0 0 22px}
.d-search{display:flex;flex-wrap:wrap;gap:8px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:8px;max-width:720px;box-shadow:var(--shadow)}
.d-search input{flex:1 1 200px;min-width:0;border:1px solid var(--border);border-radius:10px;padding:12px 14px;font:inherit;font-size:15px}
.d-count{margin:12px 0 0;color:var(--text-muted);font-size:14px}
.d-doors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:-6px;padding-bottom:40px}
.d-door{border:1px solid var(--border);border-radius:16px;padding:20px;display:grid;gap:10px;align-content:start;background:#fff}
.d-door h2{font-size:20px;color:var(--navy);margin:0}.d-door p{margin:0;color:var(--text-muted)}.d-door .btn{justify-self:start}
.d-tag{justify-self:start;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px}
.t-seek{background:var(--green-light);color:var(--green-dark)}.t-emp{background:#dbeafe;color:#1d4ed8}.t-ag{background:#ede9fe;color:#6d28d9}
.d-band{background:var(--surface);padding:56px 0;border-block:1px solid var(--border)}
.d-split{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px;align-items:center}
.d-points{margin:16px 0 22px;padding-left:20px;display:grid;gap:8px;color:var(--mid)}
.d-chat{background:#efeae2;border-radius:16px;padding:14px;display:grid;gap:8px;max-width:380px;justify-self:end}
.d-chat .b{background:#fff;border-radius:10px;padding:8px 11px;font-size:14px;max-width:88%;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.d-chat .b.me{justify-self:end;background:#d9fdd3}
.d-cities{padding:48px 0 20px}
.d-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.d-links a{border:1px solid var(--border);border-radius:999px;padding:7px 14px;color:var(--dark);text-decoration:none;font-size:14px;background:#fff}
.d-links a:hover{border-color:var(--green-dark);color:var(--green-dark)}
.d-faq{padding:40px 0 56px}
.faq-list{display:grid;gap:10px;margin-top:16px;max-width:820px}
.faq-item{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:#fff}
.faq-item summary{font-weight:700;color:var(--navy);cursor:pointer}.faq-item p{margin:10px 0 0;color:var(--mid)}
.d-cta{text-align:center;display:grid;gap:10px;justify-items:center}.d-cta h2{margin:0}
.d-ctas{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}
.d-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:44px 0}
.d-steps h2{font-size:18px;color:var(--navy);margin:8px 0 4px}.d-steps p{margin:0;color:var(--text-muted)}
.d-num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--green);color:#05391f;font-weight:800}
.d-price{padding:8px 0 36px}.d-pgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.d-pcard{border:1px solid var(--border);border-radius:16px;padding:18px;display:grid;gap:6px;align-content:start;background:#fff}
.d-pcard span{font-size:13px;color:var(--text-muted);font-weight:600}.d-pcard b{font-size:22px;color:var(--navy)}.d-pcard p{margin:0;color:var(--mid);font-size:14px}
.d-compare{padding:104px 16px 60px}
.d-table{overflow-x:auto;border:1px solid var(--border);border-radius:14px;margin:22px 0 10px;background:#fff}
.d-table table{border-collapse:collapse;width:100%;min-width:820px;font-size:14px}
.d-table th,.d-table td{padding:11px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}
.d-table thead th{background:var(--surface);color:var(--navy);font-size:13px}
.d-table tbody th{color:var(--navy);font-weight:600;width:24%}
.d-table td.zh{background:#f0fdf4;color:var(--green-dark);font-weight:600}
.d-note{color:var(--text-muted);font-size:13px;max-width:80ch}
.d-check{display:grid;gap:10px;padding-left:22px;max-width:80ch;margin:14px 0 20px;color:var(--mid)}
@media (max-width:860px){.d-doors,.d-steps,.d-pgrid{grid-template-columns:1fr}.d-split{grid-template-columns:1fr}.d-chat{justify-self:start}}