:root{--door-x:27.44%;--door-y:13.26%;--door-w:46.41%;--door-h:69.96%}
@media (min-width:900px){:root{--door-x:36.85%;--door-y:15.82%;--door-w:23.31%;--door-h:63.57%}}
/* The Register in October. Loaded only while the postseason presentation is on. */
body.october{
  --bunting-red:#b3202e; --bunting-white:#f6f2ea; --navy:#0c2340; --log:#5c3a21; --log-dk:#3b2414;
  --log-lt:#7d5334; --amber:#f0a743; --night:#121827; --chink:#d8ccb4;
  --manila:#f6f2ea; --manila-dk:#e2d7c3; --rule:#0c2340; --ink:#1c1a17; --ink-soft:#4b443b; --stamp:#b3202e;
  background:var(--night);
  color:var(--bunting-white);
}
body.october ::selection{background:var(--bunting-red);color:var(--bunting-white)}
body.october :focus-visible{outline:3px solid var(--amber);outline-offset:3px}
body.october{scrollbar-color:var(--log-lt) var(--night)}
body.october a{text-decoration-color:currentColor;text-underline-offset:3px}

/* masthead: one eave line the page hangs from */
.october-masthead{max-width:1600px;margin:0 auto;padding:14px 4px 10px;display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(240,167,67,.55)}
.october-masthead h1{font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(20px,3.2vw,30px);margin:0;color:var(--bunting-white)}
.october-masthead p{margin:0;font-family:var(--label);font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--amber)}

/* the stage: the cabin's front wall */
.october-stage{max-width:1600px;margin:0 auto;position:relative}
.cabin{position:relative;aspect-ratio:1086/1448;overflow:hidden;background:var(--log-dk);box-shadow:0 30px 60px -30px rgba(0,0,0,.8)}
.cabin .front img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.door{position:absolute;left:var(--door-x);top:var(--door-y);width:var(--door-w);height:var(--door-h);margin:0;background:#000;overflow:visible}
.door>img{width:100%;height:100%;object-fit:cover;object-position:50% 22%;display:block;box-shadow:inset 0 0 40px rgba(0,0,0,.6)}
.door::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 28px 6px rgba(0,0,0,.55);pointer-events:none}
.door figcaption{position:absolute;left:50%;top:calc(100% + 1.2%);transform:translateX(-50%);white-space:nowrap;font-family:var(--label);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--bunting-white);background:rgba(18,24,39,.86);padding:3px 9px;border-radius:2px}
.door-pending{display:grid;place-items:center;height:100%;font-family:var(--label);letter-spacing:.2em;text-transform:uppercase;font-size:12px;color:var(--amber)}

/* bunting: four stations along the eave */
.bunting{list-style:none;margin:0;padding:0;position:absolute;left:1.5%;right:1.5%;top:.4%;display:grid;grid-template-columns:repeat(4,1fr);gap:2%;z-index:2}
.bunting::before{content:"";position:absolute;left:-1.6%;right:-1.6%;top:0;height:4px;background:#0a1c33;box-shadow:0 2px 3px rgba(0,0,0,.45)}
.cloth{mix-blend-mode:multiply}
.fan .tie{opacity:0;transition:opacity .3s}
.fan.furled .tie{opacity:1}
.fan{position:relative;display:flex;flex-direction:column;align-items:center}
.fan-art{width:100%;height:auto;display:block;overflow:visible;filter:drop-shadow(0 6px 5px rgba(0,0,0,.45))}
.pleat{transform-box:view-box;transform-origin:100px 0;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.fan.open .pleat{transform:rotate(var(--a))}
.fan.furled .pleat{transform:rotate(calc(var(--a) * .13))}
.gather{opacity:0;transition:opacity .4s}
.fan.furled .gather{opacity:.55}
.fan.furled .star{display:none}
.fan.unfurl .pleat{animation:unfurl 1.25s cubic-bezier(.16,1,.3,1) both;animation-delay:calc(.35s + var(--d) * 28ms)}
@keyframes unfurl{from{transform:rotate(calc(var(--a) * .13))}}
@media (prefers-reduced-motion:reduce){.fan.unfurl .pleat{animation:none}.pleat,.fan .tie,.gather,body.october summary::after{transition:none}}
.tag{display:none}

/* the notice, nailed up */
.notice{position:relative;background:var(--bunting-white);color:var(--ink);padding:26px 22px 20px;margin:18px 16px 0;box-shadow:0 18px 30px -16px rgba(0,0,0,.7),0 2px 0 rgba(0,0,0,.08);font-family:var(--type);font-size:16px;line-height:1.5}
.notice::before,.notice::after{content:"";position:absolute;top:10px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#8a8a8a,#262626 70%);box-shadow:0 1px 1px rgba(0,0,0,.5)}
.notice::before{left:10px}.notice::after{right:10px}
.notice h2{font-family:var(--label);font-weight:700;font-size:clamp(22px,5.4vw,30px);line-height:1.05;letter-spacing:.04em;text-transform:uppercase;margin:0 0 12px;color:var(--navy)}
.notice h2::before{content:none}
.notice-body{margin:0 0 14px}
.notice dl{margin:0;display:grid;grid-template-columns:1fr;gap:0}
.notice dt{font-family:var(--label);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin-top:10px}
.notice dd{margin:2px 0 0}
.notice dd.plate{display:inline-block;justify-self:start;background:var(--navy);color:var(--bunting-white);font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(24px,6vw,34px);line-height:1.1;padding:6px 12px 4px}
.notice-sig{margin:16px 0 0;padding-top:10px;border-top:1px solid var(--manila-dk);font-size:14px;color:var(--ink-soft)}

@media (min-width:900px){
  .cabin{aspect-ratio:1600/1067}
  .bunting{left:2%;right:2%;gap:4%}
  .tag{display:flex;flex-direction:column;align-items:center;margin-top:-2px;padding:4px 8px 5px;background:var(--bunting-white);color:var(--ink);font-family:var(--label);font-size:12px;letter-spacing:.1em;text-transform:uppercase;line-height:1.25;box-shadow:0 6px 10px -4px rgba(0,0,0,.6);position:relative}
  .tag b{letter-spacing:.14em}
  .tag::before{content:"";position:absolute;top:-10px;left:50%;width:1px;height:10px;background:#2b2b2b}
  .fan.furled .tag{background:var(--chink);color:var(--ink-soft)}
  .october-stage{display:block}
  .notice{position:absolute;right:4.5%;top:24%;width:27%;margin:0;max-width:430px;transform:rotate(.6deg);font-size:15px;line-height:1.45;padding:22px 20px 16px}
  .notice .rounds{display:none}
  .notice dt{margin-top:8px}
  .notice h2{font-size:clamp(22px,2.1vw,30px)}
}

/* the record below, in October: one type size, rank by weight, case, and reversal */
body.october .card{margin-top:40px;background:var(--bunting-white);background-image:none;border:0;box-shadow:0 24px 40px -22px rgba(0,0,0,.8);color:var(--ink)}
body.october .card::before{content:none}
body.october .card{padding-left:24px}
body.october .card,body.october .card h2,body.october .card h3,body.october .card h4,body.october .card .lede,
body.october .card .ledger,body.october .card .ledger th,body.october .card .note,body.october .card .muted,
body.october .card .lbl,body.october .card .comment,body.october .card .comment footer,body.october .card .appendix p,
body.october .card .months,body.october .card summary,body.october .card .count,
body.october .card .hall .dates,body.october .card .comment .post,body.october .card .comment .parent{font-size:16px;line-height:1.5}
body.october .card h2{letter-spacing:.16em}
body.october .card h2::before{color:var(--bunting-red)}
body.october .card .ledger{background:transparent}
body.october .card #leaderboard tbody tr:first-child{background:var(--navy);color:var(--bunting-white)}
body.october .card #leaderboard tbody tr:first-child a{color:var(--bunting-white)}

/* the Hall as the cabin wall: one log course per term */
body.october .hall-year{background:transparent;border:0}
body.october .hall-year summary{background:var(--log-dk);color:var(--bunting-white);border-radius:2px}
body.october .hall-year .yr{color:var(--amber)}
body.october .hall-year .count{color:var(--chink)}
body.october .hall thead{display:none}
body.october .hall,body.october .hall tbody{display:block}
body.october .hall tr{display:grid;grid-template-columns:48px 1fr auto;grid-template-areas:"thumb who days" "thumb term how";gap:0 14px;align-items:center;
  padding:10px 16px 10px 10px;margin:0;border-radius:30px 8px 8px 30px;color:var(--bunting-white);
  background:linear-gradient(rgba(33,20,10,.66),rgba(33,20,10,.74)),url(october/log-course.webp) center/cover,var(--log-dk);
  border-bottom:6px solid var(--chink)}
body.october .hall td{border:0;padding:0;display:block}
body.october .hall td.thumb{grid-area:thumb}
body.october .hall td:nth-child(2){grid-area:who}
body.october .hall td.dates{grid-area:term;white-space:normal}
body.october .hall td.num{grid-area:days;text-align:right}
body.october .hall td:last-child{grid-area:how;text-align:right;color:var(--chink)}
body.october .hall td .muted{color:var(--chink)}
body.october .hall .thumb img,body.october .hall .thumb-pending{width:44px;height:44px;border-radius:50%;object-fit:cover;object-position:50% 12%;border:3px solid var(--log-dk);line-height:40px;font-size:9px;color:var(--chink)}
body.october .hall .unit{display:inline}
body.october .card .comment blockquote{border-left:1px solid var(--ink-soft);padding-left:14px}
body.october .card .comment .parent{border-left:1px solid var(--manila-dk);padding-left:10px}
body.october .card .comment footer{text-transform:none;letter-spacing:0;color:var(--ink-soft)}
body.october .card summary{align-items:center}
body.october .card summary::after,body.october .hall-year summary::after,body.october .year summary::after{content:"";flex:none;align-self:center;width:8px;height:8px;margin:0 4px 0 12px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-25%) rotate(45deg);transition:transform .2s}
body.october .card details[open]>summary::after{transform:translateY(25%) rotate(-135deg)}
body.october .hall-year summary::after{margin-left:auto}
body.october .evidence summary{color:var(--ink)}
body.october .evidence summary::after{color:var(--bunting-red)}
body.october .hall-year summary::after{color:var(--amber)}
body.october .year summary::after{color:var(--bunting-red)}
body.october .evidence summary{justify-content:flex-start}
body.october .evidence summary .count{margin-left:auto}
body.october .months li{display:grid;grid-template-columns:38px 1fr;column-gap:10px}
body.october .months li .note{grid-column:2}
body.october .colophon{color:var(--chink)}
body.october .colophon a{color:var(--bunting-white)}
body.october .seal{border-color:var(--chink);color:var(--chink)}
body.october .skip{background:var(--bunting-white);color:var(--ink)}
@media (max-width:560px){
  .notice{font-size:15px}
  body.october .card{padding:22px 14px 8px}
  body.october .card,body.october .card h2,body.october .card h3,body.october .card h4,body.october .card .lede,
  body.october .card .ledger,body.october .card .ledger th,body.october .card .note,body.october .card .muted,
  body.october .card .lbl,body.october .card .comment,body.october .card .comment footer,body.october .card .appendix p,
  body.october .card .months,body.october .card summary,body.october .card .count,
  body.october .card .hall .dates,body.october .card .comment .post,body.october .card .comment .parent{font-size:14px;line-height:1.45}
  body.october .card .ledger th{letter-spacing:.02em}
  body.october .card .ledger td,body.october .card .ledger th{padding:7px 4px}
  body.october .card{padding-left:10px;padding-right:10px}
  body.october .hall tr{grid-template-columns:40px 1fr auto;grid-template-areas:"thumb term days" "who who who" "how how how";gap:4px 10px;padding:9px 14px 10px 10px;border-radius:0;margin:0 -10px;line-height:1.35;
    background:linear-gradient(rgba(33,20,10,.56),rgba(33,20,10,.64)),url(october/log-course.webp) center/cover,var(--log-dk);text-shadow:0 1px 2px rgba(0,0,0,.6)}
  body.october .hall-year summary{margin:0 -10px;border-radius:0}
  body.october .hall td:last-child{text-align:left}
  body.october .hall .thumb img,body.october .hall .thumb-pending{width:38px;height:38px}
}