/* Year pages (/2027/, /zh/2027/). Loaded after /help/help.css and reuses its tokens. */
.year-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:center;margin:0 0 56px}
.year-hero h1{max-width:14ch}
.year-hero img{display:block;width:100%;height:auto;border-radius:28px;border:1px solid var(--line);background:#000}
.year-cta{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 26px;border-radius:999px;background:var(--ember);color:#1a0f08;font-weight:700;text-decoration:none;text-align:center}
.year-cta:hover{background:#ffb488;color:#1a0f08}
.year-cta-note{color:var(--muted);font-size:14px;margin:12px 0 0}
.signs{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.signs li{margin:0;padding:20px 22px;background:var(--surface);border:1px solid var(--line);border-radius:18px}
.signs h3{margin:0 0 4px;font-size:21px;color:var(--ink)}
.sign-relation{color:var(--ember);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0 0 10px}
.article .sign-years{font-variant-numeric:tabular-nums;color:var(--ink);font-size:15px;margin:0 0 10px}
.article .signs p:last-child{margin-bottom:0}
.signs.compact{grid-template-columns:repeat(3,minmax(0,1fr))}
.year-article{max-width:860px}
@media(max-width:767px){.year-hero{grid-template-columns:1fr;gap:28px}.year-hero img{max-width:360px}.signs,.signs.compact{grid-template-columns:1fr}.year-cta{width:100%}}