/* Shared styles for /timeline/ and /benefits/; builds on styles.css */
.g-hero{padding:56px 0 48px}
.disc{background:#fff7e6;border:1px solid #f2d39a;border-left:5px solid var(--gold);border-radius:12px;padding:12px 16px;margin:0 0 24px;font-size:.9rem;color:var(--ink)}
.g-form{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:end}
.g-form label,.g-search label{display:block;font-weight:600;font-size:.92rem;color:var(--navy)}
.g-form input,.g-form select,.g-search input{width:100%;font:400 .95rem/1.5 Inter,sans-serif;border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:6px;background:#fff;color:var(--ink)}
.g-form input:focus,.g-form select:focus,.g-search input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(224,160,42,.25)}
.g-actions{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}
.phase{margin:30px 0 0}.phase h3{color:var(--navy);border-bottom:3px solid var(--gold);padding-bottom:6px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.phase h3 small{font:600 .85rem Inter,sans-serif;text-transform:none;color:var(--muted)}
.tl{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:10px}
.tl li{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start}
.tl li.past{opacity:.6}.tl input{width:18px;height:18px;margin-top:4px;accent-color:var(--navy)}
.tl .dt{font-weight:700;color:var(--navy2);font-size:.85rem}.tl .t{font-weight:700;color:var(--ink)}.tl .d{color:var(--muted);font-size:.92rem;margin:2px 0 0}
.tl .d a,.bcard a{color:var(--navy2);font-weight:600}
.tag{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 8px;border-radius:99px;margin-left:6px;vertical-align:middle;background:#fdecea;color:#a12a12}
.tag.ok{background:#eef7f0;color:#1f6b3a}
.cta{background:var(--navy);color:#fff;border-radius:var(--r);padding:32px;margin:40px 0 0}
.cta h2{color:#fff;font-size:1.6rem}.cta p{color:#b8c4e0}
.g-search{position:sticky;top:68px;z-index:5;background:var(--soft);padding:12px 0}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.toc a{font-size:.82rem;font-weight:600;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 12px;color:var(--navy)}
.bgrid{display:grid;gap:18px;margin-top:20px}
.bcard{background:#fff;border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:var(--r);padding:24px;box-shadow:var(--sh);scroll-margin-top:150px}
.bcard h3{color:var(--navy);margin-bottom:.3em}.bcard p,.bcard li{color:var(--ink);font-size:.95rem}
.bcard dl{margin:10px 0 0;display:grid;grid-template-columns:150px 1fr;gap:6px 16px}
.bcard dt{font-weight:700;color:var(--navy2);font-size:.88rem}.bcard dd{margin:0;font-size:.95rem}
.bcard .rate{font-size:.85rem;color:#8a5a00;margin-top:10px}
.none{display:none;color:var(--muted)}
@media (max-width:860px){.g-form{grid-template-columns:1fr 1fr}.links{display:none}.bcard dl{grid-template-columns:1fr}}
@media (max-width:520px){.g-form{grid-template-columns:1fr}.tl li{padding:10px}}
@media print{.nav,.foot,.g-actions,.cta,.g-form,.g-hero,.no-print,.skip{display:none!important}.section{padding:0}.tl li{break-inside:avoid;border-color:#999}.tl li.past{opacity:1}body{font-size:12px}.print-only{display:block!important}}
.print-only{display:none}
