/* ============================================================
   THE BENEFITS BRIEF — site chrome (topbar + archive + responsive)
   benefitsbriefnewsletter.com
   ============================================================ */
a{color:var(--color-navy);text-decoration:none;border-bottom:1px solid rgba(184,146,90,.45);transition:color var(--transition-base),border-color var(--transition-base)}
a:hover{color:var(--color-gold);border-bottom-color:var(--color-gold)}

/* Let a page grow if content runs long rather than clipping it */
.page{height:auto;min-height:10in}

/* ── Topbar ───────────────────────────────────────────────── */
.topbar{position:sticky;top:0;z-index:50;background:rgba(27,43,75,.94);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid rgba(212,175,130,.22)}
.topbar-inner{max-width:8.5in;margin:0 auto;padding:0 18px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.tb-brand{font-family:var(--font-display);font-size:20px;color:var(--color-cream);letter-spacing:.01em;white-space:nowrap}
.tb-link{font-family:var(--font-body);font-size:10px;font-weight:var(--fw-medium);letter-spacing:.18em;text-transform:uppercase;color:var(--color-gold-light);border-bottom:0;white-space:nowrap}
.tb-link:hover{color:var(--color-white);border-bottom:0}

/* ── Archive band ─────────────────────────────────────────── */
.archive{background:var(--color-navy);padding:78px 24px 86px;display:flex;justify-content:center}
.archive-inner{width:100%;max-width:7.5in}
.archive .eyebrow{color:var(--color-gold-light)}
.arch-h2{font-family:var(--font-display);font-weight:var(--fw-light);font-size:46px;line-height:1.05;letter-spacing:-.01em;color:var(--color-cream);margin:26px 0 0}
.arch-h2 em{font-style:italic;color:var(--color-gold-light)}
.arch-lead{font-family:var(--font-body);font-weight:var(--fw-light);font-size:14px;line-height:1.6;color:var(--color-slate-light);margin:14px 0 0}
.arch-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.arch-chip{font-family:var(--font-body);font-size:11px;font-weight:var(--fw-medium);letter-spacing:.16em;text-transform:uppercase;color:var(--color-cream);border:1px solid rgba(212,175,130,.38);padding:13px 18px;display:inline-flex;align-items:center;gap:8px}
a.arch-chip:hover{color:var(--color-navy-dark);background:var(--color-gold-light);border-color:var(--color-gold-light)}
.arch-chip.current{color:var(--color-gold-light);border-style:dashed;border-color:rgba(212,175,130,.3)}
.arch-chip.latest{background:var(--color-gold);border-color:var(--color-gold);color:var(--color-navy-dark)}
a.arch-chip.latest:hover{background:var(--color-gold-light);border-color:var(--color-gold-light)}
.arch-foot{font-family:var(--font-body);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:rgba(138,151,168,.7);margin:46px 0 0;padding-top:22px;border-top:1px solid rgba(212,175,130,.16)}

/* ── Responsive: scale the fixed Letter pages down ────────── */
@media (max-width:900px){.doc{padding:26px 0 40px;gap:18px}.page{zoom:.86}}
@media (max-width:780px){.page{zoom:.72}.arch-h2{font-size:38px}}
@media (max-width:640px){.page{zoom:.58}.archive{padding:56px 20px 64px}.arch-h2{font-size:32px}}
@media (max-width:500px){.page{zoom:.46}.tb-link{display:none}}
@media (max-width:400px){.page{zoom:.38}}

@media print{.topbar,.archive{display:none!important}}