/* Resignation tab (Claude live layer, 28 Oct 2026). Only spacing and the letter box; every other
   style is the design's own (premium-page-hero, workbook-choice-grid, paid-reader-chapter, velo-workflow). */
#resignation .resign-before{max-width:980px;margin:0 auto}
#resignation .resign-block{box-sizing:border-box;max-width:980px;margin:22px auto 0}
.resign-letter{margin:4px 0 18px;padding:28px 32px;border:1px solid var(--line);border-radius:12px;background:#fff;color:#1d2c44;font:16px/1.65 Georgia,serif}
.resign-letter p{margin:0 0 14px;white-space:pre-line}
.resign-letter .resign-subject{margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line);color:var(--muted);font:700 13px/1.4 system-ui,sans-serif}
/* 29 Oct 2026 (Caylie found one letter "cold"): three versions to pick from. */
.resign-styles{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.resign-styles [aria-pressed="true"]{border-color:var(--navy);background:var(--navy);color:#fff}
/* WCAG 1.4.3: small gold text uses the darker text gold Debra approved on 25 Oct (#8a6414). */
#resignation .workbook-choice-grid b,#resignation .guide-desk .eyebrow,#resignation .guide-desk .guide-sig{color:#8a6414}
@media (max-width:720px){.resign-letter{padding:20px}}