/* Archive pages (old Google Site content, imported by tools/import-google-site.py) and the forum's own pages.
   Loaded after each page's shared <style> block, so it uses the same tokens. */
.archive-hero{padding-block:28px 36px}
.crumbs{margin:0;font-size:.95rem}
.crumbs a{color:var(--ink-soft);font-weight:600}
.archive-title{font-size:clamp(2.6rem,8vw,5rem);line-height:.9}
.archive-note{margin:0;max-width:68ch;padding:14px 16px;background:var(--card);border:2px solid var(--ink);border-left:8px solid var(--blue);font-size:1rem}
.archive-body{max-width:72ch;padding-bottom:56px;font-size:1.05rem;line-height:1.6;overflow-wrap:anywhere}
.archive-body h2{font-size:clamp(1.8rem,4.5vw,2.5rem);margin:44px 0 14px}
.archive-body h3{font-size:clamp(1.35rem,3.5vw,1.7rem);margin:32px 0 10px}
.archive-body p,.archive-body ul,.archive-body ol{margin:0 0 14px}
.archive-body li{margin-bottom:6px}
.archive-body figure{margin:24px 0}
.archive-body figure img{display:block;height:auto;border:2px solid var(--ink);background:#fff}
.archive-body hr{border:0;border-top:2px solid var(--line);margin:32px 0}
.archive-body .embed-link{padding:10px 14px;background:var(--blue-wash);border-left:4px solid var(--blue)}
.table-wrap{overflow-x:auto;margin:0 0 16px}
.archive-body table{border-collapse:collapse;font-size:.95rem}
.archive-body td{border:1px solid var(--line);padding:6px 10px;vertical-align:top}
.section-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:0;list-style:none;margin:8px 0 24px}
.section-links li{margin:0}
.section-links a{display:flex;flex-direction:column;gap:6px;height:100%;box-sizing:border-box;padding:18px;background:var(--card);border:2px solid var(--ink);text-decoration:none;color:var(--ink)}
.section-links a:hover{border-color:var(--pink-text)}
.section-links b{font-family:var(--f-display);font-size:1.45rem;text-transform:uppercase;line-height:1}
.section-links span{font-size:.95rem;color:var(--ink-soft)}
/* forum and archive pages show only the forum bar, so it carries a clear way to the current campaign */
.forum-bar{border-bottom:2px solid var(--ink)}
.forum-bar nav{align-items:center}
.forum-bar nav a.campaign-link{background:var(--ink);color:var(--paper);padding:6px 12px;text-decoration:none;font-weight:700}
.forum-bar nav a.campaign-link::after{content:" \2192"}
.forum-bar nav a.campaign-link:hover{background:var(--pink-text);color:#fff}
/* the current campaign panel on the home page: the same dark navy in light and dark mode */
.campaign-feature{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:24px;align-items:center;margin-top:20px;padding:24px;background:#141D36;color:#EDF0F4;border:1px solid var(--line)}
.campaign-feature .label{color:#FF5AA8}
.campaign-feature h2{font-family:var(--f-display);font-size:clamp(2rem,6vw,3.4rem);text-transform:uppercase;line-height:.95;margin:8px 0 12px}
.campaign-feature h2 em{font-style:normal;color:#FF5AA8}
.campaign-feature p{margin:0 0 14px;max-width:46ch}
.campaign-feature img{width:100%;height:auto;max-height:320px;object-fit:contain;background:#EDF0F4}
.feature-actions{display:flex;flex-wrap:wrap;gap:10px}
.feature-btn{display:inline-block;padding:10px 16px;background:#B3136A;color:#fff;font-weight:700;text-decoration:none;border:2px solid #B3136A}
.feature-btn:hover,.feature-btn.ghost:hover{background:#EDF0F4;color:#141D36;border-color:#EDF0F4}
.feature-btn.ghost{background:transparent;border-color:#EDF0F4;color:#EDF0F4}
@media (max-width:640px){.campaign-feature{grid-template-columns:1fr;padding:20px}.campaign-feature img{max-height:220px}}