@font-face {
  font-family: Quedora;
  src: url('/assets/fonts/quedora-black-v1.woff2') format('woff2');
  font-weight: 900;
  font-display: swap;
}

.almanac-page { margin:0; background:#e8e8e6; color:#080808; font:400 var(--prose-size)/1.8 var(--prose-font); }
.almanac-page *, .almanac-page *::before, .almanac-page *::after { box-sizing:border-box; letter-spacing:0; }
.almanac-page [hidden] { display:none !important; }
.almanac { --rule:rgb(0 0 0 / 22%); --display:Quedora,'Arial Black',sans-serif; }
.almanac :where(h1,h2,h3,p,ul,ol,figure,blockquote,dl,dd) { margin:0; }
.almanac a { color:inherit; text-underline-offset:4px; }
.almanac a:hover { text-decoration-thickness:2px; }
.almanac :focus-visible { outline:2px solid currentColor; outline-offset:4px; }
.almanac :is(h1,h2,h3,.pull,.stat-n,.tl-y) { font-family:var(--display); font-weight:900; text-transform:uppercase; line-height:1.05; }
.almanac h1 { font-size:56px; overflow-wrap:break-word; }
.almanac h2 { font-size:36px; }
.almanac h3 { font-size:25px; }
.almanac :is(h2,h3) { scroll-margin-top:90px; }
.almanac .st-panel { display:grid; grid-template-columns:minmax(0,37.76%) minmax(0,1fr); }
.almanac .st-panel__heading, .almanac .st-panel__copy { padding:56px 40px; min-width:0; }
.almanac .st-panel__heading { display:flex; flex-direction:column; gap:40px; }
.almanac .st-panel__copy { display:flex; flex-direction:column; gap:24px; }
.almanac .st-surface-pink { background:#fff8fa; }
.almanac .st-surface-paper { background:#e8e8e6; }
.almanac .st-surface-light { background:#f2f2ef; }
.almanac .st-surface-dark { background:#080808; color:#f2f2ef; --prose-color:#f2f2ef; --rule:#606060; }
.almanac .st-surface-red { background:#df2828; color:#fff; --prose-color:#fff; }
.almanac .hero-meta { display:grid; gap:20px; }
.almanac .rule { padding-top:18px; border-top:1px solid var(--rule); }
.almanac .byline { display:flex; flex-wrap:wrap; align-items:baseline; gap:8px 18px; }
.almanac .st-label { --prose-size:11px; font-size:11px; line-height:1.6; }
.almanac .st-small { --prose-size:12px; font-size:12px; line-height:1.8; }
.almanac .st-lead { --prose-size:21px; }
.almanac .note, .almanac .pull-who, .almanac dt { --prose-color:#555; color:#555; }
.almanac .rule > .st-label { display:block; margin-bottom:8px; }
.almanac .g-row { display:grid; grid-template-columns:minmax(100px,32%) minmax(0,1fr); gap:16px; padding:10px 0; border-bottom:1px solid var(--rule); }
.almanac .glance { border-top:1px solid var(--rule); }
.almanac .lede-wrap { height:180px; overflow:hidden; background:#f2f2ef; border-block:1px solid var(--rule); }
.almanac .lede-art { display:block; width:100%; height:100%; }
.almanac .toc-band { display:flex; flex-wrap:wrap; gap:8px 24px; padding:16px 40px; border-bottom:1px solid var(--rule); }
.almanac .toc-band ol { display:flex; flex-wrap:wrap; gap:0 22px; list-style:none; padding:0; }
.almanac .toc-band a { display:inline-flex; align-items:center; min-height:44px; font-size:11px; text-transform:uppercase; }
.almanac .toc-band > span { padding-top:14px; }
.almanac .art-row { display:grid; grid-template-columns:minmax(0,37.76%) minmax(0,1fr); }
.almanac .art-aside { padding:64px 40px 0; display:flex; flex-direction:column; gap:32px; min-width:0; }
.almanac .art-copy { padding:64px 40px 0; display:flex; flex-direction:column; gap:24px; min-width:0; }
.almanac .art-copy > div, .almanac .art-copy > ol { width:100%; max-width:72ch; }
.almanac .art-copy p + p { margin-top:20px; }
.almanac .art-copy blockquote { margin-block:24px; padding-left:22px; border-left:2px solid #df2828; }
.almanac .art-row:last-child { padding-bottom:72px; }
.almanac .art-aside p.pull { font:900 26px/1.15 var(--display) !important; text-transform:uppercase !important; }
.almanac .art-aside p.pull.small { font-size:21px !important; }
.almanac .pull-who { margin-top:14px; }
.almanac .art-aside p.stat-n { font:900 90px/.95 var(--display) !important; color:#c72121 !important; }
.almanac .stat .st-label { margin-top:12px; }
.almanac .art-figure svg { width:100%; height:auto; display:block; background:#f2f2ef; }
.almanac .art-figure figcaption { padding-top:16px; border-top:1px solid var(--rule); }
.almanac .timeline { list-style:none; padding:0; border-top:1px solid var(--rule); }
.almanac .timeline li { display:grid; grid-template-columns:70px minmax(0,1fr); gap:18px; padding:14px 0; border-bottom:1px solid var(--rule); }
.almanac .tl-y { font-size:22px; }
.almanac .timeline li:nth-child(6) .tl-y, .almanac .timeline li:last-child .tl-y { color:#c72121; }
.almanac .tags { list-style:none; padding:0; border-top:1px solid var(--rule); }
.almanac .tags li { display:grid; grid-template-columns:165px minmax(0,1fr); gap:16px; padding:12px 0; border-bottom:1px solid var(--rule); }
.almanac .tag { min-height:32px; font-size:12px; overflow-wrap:anywhere; }
.almanac .share { display:flex; flex-wrap:wrap; gap:12px; }
.almanac #share-status { width:100%; font-size:12px; }
.almanac .st-btn { display:inline-flex; align-items:center; justify-content:center; gap:12px; align-self:flex-start; min-height:44px; max-width:100%; padding:12px 18px; border:1px solid currentColor; border-radius:0; color:inherit; background:transparent; font:400 11px/1.6 var(--prose-font); text-transform:uppercase; text-decoration:none; cursor:pointer; }
.almanac .st-btn:hover { background:#fff; color:#080808; }
.almanac .st-btn:disabled { opacity:.6; cursor:wait; }
.almanac .st-btn--dark { background:#080808; color:#fff; border-color:#080808; }
.almanac .st-btn__arrow { width:16px; height:16px; background:currentColor; mask:url('/assets/icons/arrow-up-right.svg') center/contain no-repeat; }
.almanac > section:not(.st-panel) { padding:48px 40px; border-top:1px solid var(--rule); }
.almanac .next-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--rule); margin-top:24px; }
.almanac .next-card { display:grid; align-content:start; gap:12px; padding:28px 24px 28px 0; }
.almanac .next-card + .next-card { padding-left:24px; border-left:1px solid var(--rule); }
.almanac .sources { display:grid; gap:12px; max-width:90ch; margin-top:16px; }
.almanac .x-post { width:100%; max-width:550px; padding-top:20px; border-top:1px solid var(--rule); }
.almanac .x-post figcaption { display:grid; gap:6px; font-size:11px; margin-bottom:16px; }
.almanac .x-post__title { font:900 23px/1.15 var(--display); text-transform:uppercase; }
.almanac .x-post__privacy { --prose-size:11px; --prose-color:#555; margin-bottom:12px; }
.almanac .x-post__source { display:inline-flex; align-items:center; min-height:44px; font-size:11px; }
.almanac .x-post__reset { display:flex; margin-top:8px; }
.almanac .x-post__status { --prose-size:11px; }
.almanac .x-post__media { min-width:0; max-width:100%; }
.almanac .x-post__media:has(> div) { min-height:300px; }
.almanac .x-post__media iframe { max-width:100%; }
.almanac .x-post__controls[hidden] + .x-post__media { min-height:0; }
.reading-progress { position:fixed; z-index:201; top:0; left:0; width:100%; height:3px; background:#df2828; transform:scaleX(0); transform-origin:left; pointer-events:none; }
.almanac-skip { position:fixed; top:12px; left:12px; transform:translateY(-200%); z-index:202; padding:12px; color:#fff; background:#080808; }
.almanac-skip:focus { transform:none; }

@media (min-width:1600px) {
  .almanac h1 { font-size:68px; }
  .almanac :is(.st-panel__heading,.st-panel__copy,.art-aside,.art-copy) { padding-inline:64px; }
}
@media (max-width:1000px) {
  .almanac h1 { font-size:40px; }
  .almanac :is(.st-panel__heading,.st-panel__copy,.art-aside,.art-copy) { padding-inline:24px; }
  .almanac .tags li { grid-template-columns:1fr; gap:4px; }
}
@media (max-width:700px) {
  .almanac .st-panel, .almanac .art-row { grid-template-columns:minmax(0,1fr); }
  .almanac h1 { font-size:38px; }
  .almanac h2 { font-size:30px; }
  .almanac h3 { font-size:23px; }
  .almanac .st-panel__heading { padding:40px 20px 28px; gap:28px; }
  .almanac .st-panel__copy { padding:28px 20px 40px; }
  .almanac .art-aside { padding:40px 20px 0; }
  .almanac .art-copy { padding:28px 20px 0; }
  .almanac .art-aside p.pull { font-size:23px !important; }
  .almanac .g-row { grid-template-columns:1fr; gap:4px; }
  .almanac .lede-wrap { height:100px; }
  .almanac .toc-band { padding:12px 20px; }
  .almanac .timeline li { grid-template-columns:54px minmax(0,1fr); gap:14px; }
  .almanac > section:not(.st-panel) { padding:40px 20px; }
  .almanac .next-grid { grid-template-columns:minmax(0,1fr); }
  .almanac .next-card + .next-card { padding-left:0; border-left:0; border-top:1px solid var(--rule); }
}
@media print {
  .reading-progress, .event-nav, .toc-band, .share, .x-post__controls, .site-footer { display:none !important; }
  .almanac { padding-top:0; }
  .almanac :is(.st-panel,.art-row) { display:block; }
}
