.topic-links { display:flex; flex-wrap:wrap; gap:10px 24px; padding:0; list-style:none; margin:16px 0 0; }
.topic-links a { display:inline-flex; align-items:center; gap:6px; color:var(--accent); text-underline-offset:.22em; font-weight:590; }
.topic-links a span { font-size:.84em; }
.guide-page { background-color:transparent; color:var(--text); }
.guide-inner { max-width:1180px; margin:auto; padding:clamp(30px,5vw,72px) var(--gutter) clamp(44px,7vw,104px); }
.guide-header { padding-bottom:clamp(26px,4vw,48px); border-bottom:1px solid var(--line); }
.article-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:6px 10px; font-size:13px; color:var(--muted); margin-bottom:clamp(22px,4vw,48px); }
.article-breadcrumb a,.guide-page a { color:var(--accent); text-underline-offset:.22em; }
.guide-page :focus-visible { outline-color:var(--accent); }
.guide-header h1 { max-width:20ch; margin:0; font-size:clamp(36px,6.3vw,86px); font-weight:735; letter-spacing:-.065em; line-height:1.02; }
.guide-intro { max-width:62ch; margin:18px 0 0; font-size:clamp(17px,2vw,23px); line-height:1.5; color:var(--muted); }
.next-phase { display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 16px; width:fit-content; max-width:100%; padding:10px 14px; margin-top:26px; border-radius:10px; }
.next-phase p { margin:0; }
.next-phase-label { font-weight:660; }
#next-phase-date { color:var(--muted); }
.article-dates { margin:clamp(28px,5vw,62px) 0; }
.dates-heading { display:flex; flex-wrap:wrap; align-items:end; justify-content:space-between; gap:12px 22px; margin-bottom:26px; }
.guide-page h2 { margin:0; font-size:clamp(25px,3.2vw,44px); letter-spacing:-.045em; font-weight:705; line-height:1.12; }
.dates-heading p { margin:8px 0 0; color:var(--muted); }
.year-links { display:flex; gap:12px; }
.year-links a { display:inline-grid; place-items:center; min-width:56px; min-height:44px; border:1px solid color-mix(in srgb,var(--accent),transparent 55%); border-radius:8px; padding:5px 8px; }
.event-years { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); align-items:start; gap:26px 38px; }
.event-year h3 { font-size:25px; font-weight:700; margin:0 0 10px; letter-spacing:-.04em; }
.phase-table { width:100%; border-collapse:collapse; font-size:clamp(13px,1.45vw,16px); font-variant-numeric:tabular-nums; background-color:#fff; color:var(--panel-ink); }
.phase-table th,.phase-table td { padding:10px 8px; border-bottom:1px solid var(--line); text-align:left; }
.phase-table thead { background-color:var(--panel-inset); }
.phase-table tbody th { font-weight:610; }
.phase-table :is(th,td):last-child { text-align:right; }
.phase-table tbody tr[data-phase=full] { background-color:#eff5fc; }
.event-source { color:var(--muted); font-size:14px; }
.guide-copy { display:grid; gap:32px; margin:clamp(30px,5vw,60px) 0; }
.guide-section p { max-width:71ch; line-height:1.65; color:var(--muted); margin:11px 0 0; font-size:clamp(16px,1.5vw,18px); }
.guide-sources,.guide-related { margin-top:30px; }
.guide-sources h2,.guide-related h2 { font-size:25px; }
.guide-sources ul { padding-left:20px; line-height:1.65; }
@media(max-width:760px) { .event-years { grid-template-columns:1fr; } }

.guide-page :is(.article-dates,.guide-section,.guide-sources,.guide-related) {
  padding:clamp(16px,3vw,34px); border-radius:clamp(14px,2vw,22px);
}
.guide-page .guide-copy { gap:16px; }
.guide-page .guide-sources + .guide-related { margin-top:16px; }
.event-year { min-width:0; }
.event-source { margin-bottom:0; }