/* The notebook / internet-club layer. No external fonts or decorative trackers. */
:root{font-family:Verdana,Geneva,sans-serif;--paper:#fbf7e9;--ink:#193326;--muted:#455f4e;--line:#bac5b4;--control-border:#486252;--pink:#ffd5df;--mint:#d3efd4;--orange:#ffbc8e}
body{background-color:var(--paper);background-image:linear-gradient(#244a2d0a 1px,transparent 1px),linear-gradient(90deg,#244a2d0a 1px,transparent 1px);background-size:24px 24px}
main{padding-top:36px}header{border-bottom:3px solid var(--ink);padding-top:21px;padding-bottom:21px;background-image:radial-gradient(#fff2 1px,transparent 1px);background-size:8px 8px}.brand{font-family:Georgia,'Times New Roman',serif;font-weight:700;font-size:27px;letter-spacing:-1.1px}.brand>span:first-child{display:grid;place-items:center;border:2px solid var(--ink);background:var(--gold);padding:5px;border-radius:7px;transform:rotate(-7deg);box-shadow:3px 3px 0 var(--ink);font-size:26px}.period{color:var(--gold)}header .small{box-shadow:3px 3px 0 var(--ink);border-width:2px}.header-link{font-family:'Courier New',monospace;font-weight:bold}.site-nav{border-bottom:2px dashed var(--ink);gap:8px 22px;padding-top:10px;padding-bottom:10px}.site-nav a{font-family:'Courier New',monospace;font-size:13px;font-weight:bold}.site-nav a[aria-current]{background:var(--gold);border-bottom:0;padding:0 9px;transform:rotate(-1deg)}.voter-banner{border-bottom:2px solid var(--ink)}
h1,h2,h3{font-family:Georgia,'Times New Roman',serif}h1{font-size:50px;line-height:1.06;letter-spacing:-1.6px;font-weight:700}h1 em{font-weight:normal;text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:5px;text-underline-offset:5px}h2{letter-spacing:-.6px}.intro{align-items:center;gap:14px}.kicker{font-family:'Courier New',monospace;font-size:11px;letter-spacing:.025em;line-height:1.6;margin-bottom:20px}.sticker-label{display:inline-block;background:var(--mint);border:1px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:3px 7px;transform:rotate(-1deg)}.count-label{flex-shrink:0;max-width:116px;width:116px;border:2px solid var(--ink);border-radius:50%;background:var(--pink);padding:24px 10px;transform:rotate(6deg);font-family:'Courier New',monospace;font-size:11px;color:var(--ink);text-align:center;box-shadow:3px 3px 0 var(--ink)}.count-label b{font-family:'Courier New',monospace;font-size:24px;letter-spacing:1px}.intro-copy{font-size:14px;line-height:1.8;max-width:570px;color:var(--ink);margin:24px 0}.choice{border:2px solid var(--ink);border-radius:6px;box-shadow:5px 5px 0 var(--ink);transition:transform .12s,box-shadow .12s;min-height:190px;padding:22px}.choice:hover:not(:disabled){transform:translate(-1px,-2px);box-shadow:6px 7px 0 var(--ink)}.choice:active:not(:disabled){transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.pile{background:var(--gold);color:var(--ink)}.puddle{background:var(--mint);color:var(--ink)}.choice strong{font-family:Georgia,serif;font-size:38px;letter-spacing:-1px}.choice>span:last-child{font-size:12px;line-height:1.4}.choice .emoji{transform:rotate(-5deg)}.puddle .emoji{transform:rotate(7deg)}.status{margin-top:22px;font-family:'Courier New',monospace;font-size:12px}.personal{background:#fffdf6;border:2px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 #bac5b4}
.study-note{position:relative;align-items:center;margin:36px 4px;padding:23px 24px 20px 18px;border:1px solid #ad9638;background:#fff0af;box-shadow:4px 4px 0 #cfcabb;transform:rotate(-.7deg);border-radius:0}.study-note::before{content:'';position:absolute;width:70px;height:19px;background:#eee7cbba;left:calc(50% - 35px);top:-10px;transform:rotate(3deg);border-left:1px dashed #a09472;border-right:1px dashed #a09472}.study-note>span:first-child{font-size:24px;color:var(--ink)}.study-note p{font-size:13px;line-height:1.8}.study-note a{font-weight:700;min-height:36px;padding-top:7px}.note-doodle{font-family:Georgia,serif;font-size:36px;line-height:1;transform:rotate(14deg);margin-left:auto;color:var(--green)}
.board,.diaries{border-top:2px dashed var(--ink);padding-top:28px;margin-top:34px}.section-heading{gap:14px;align-items:center}.section-heading h2{font-size:29px;line-height:1.14}.section-heading .stamp{font-family:'Courier New',monospace;font-size:10px;line-height:1.3;color:var(--green);border:2px solid var(--green);padding:5px 8px;transform:rotate(5deg);letter-spacing:.04em;max-width:116px;text-align:center;flex-shrink:0;background:#fffdf6}.section-copy{font-size:13px;line-height:1.7}.board-switch{display:flex;gap:12px;margin:22px 0 14px}.board-switch button{flex:1;min-height:47px;padding:10px;border:2px solid var(--ink);border-radius:4px;background:#fff;font-size:14px;font-weight:bold;box-shadow:3px 3px 0 var(--ink)}.board-switch button[aria-pressed=true]{background:var(--pink);transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.filters,.diary-filters{border-radius:4px}.filters button{font-size:12px;min-height:44px}.rankings{border:2px solid var(--ink);border-radius:5px;overflow:hidden;background:#fffdf6;box-shadow:4px 4px 0 #c7d1bb}.rankings>li{padding:17px 14px}.rankings>li:nth-child(even){background:#f0f4e8}.rankings>li.you{background:var(--mint)}.rank{font-family:'Courier New',monospace}.rank.first{background:var(--gold);border:1px solid var(--ink);border-radius:4px;box-shadow:2px 2px 0 var(--ink)}.person{min-width:0}.person strong{overflow-wrap:anywhere;font-size:14px;line-height:1.45}.person small{font-size:11px;line-height:1.6}.person .room-unspecified{font-style:italic}.score{font-family:'Courier New',monospace;min-width:42px}.score small{font-family:Verdana,sans-serif;font-size:10px}.field-hint{line-height:1.7}.rules{font-size:10px;line-height:1.9}#bathroom-ranking-note{border-left:3px solid var(--gold);padding-left:12px}
.diary-list{gap:15px}.diary-entry{position:relative;border:1px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 #d5cdbc;background:#fffdf6}.diary-entry:nth-child(3n+2){background:#f1f8ed}.diary-entry:nth-child(3n+3){background:#fff5ed}.entry-heading strong{font-family:'Courier New',monospace;font-size:13px}.entry-note{font-family:Georgia,serif;font-size:17px;line-height:1.6}.entry-footer{font-family:'Courier New',monospace;font-size:10px}.you-tag{background:var(--gold);color:var(--ink);border-radius:2px;font-family:'Courier New',monospace}.small,.button{border-radius:4px}.button-primary{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}dialog{border:2px solid var(--ink);border-radius:7px;background:#fffdf6;box-shadow:7px 7px 0 #19332666}dialog h2{font-size:28px}dialog .kicker .sticker-label{transform:none}input,textarea,select{border-radius:3px;border-color:var(--control-border)}
.course-directory{border-top:2px dashed var(--ink);padding-top:28px}.topic-controls{display:flex;gap:18px;align-items:center;margin:15px 0}.topic-controls>label:first-child{flex:1;min-width:0;font-size:13px;font-weight:700}.topic-controls select{font-size:14px}.book-toggle{display:flex;gap:9px;align-items:center;font-size:12px;line-height:1.5;max-width:175px;min-height:44px}.book-toggle input{width:19px;height:19px;min-height:19px;margin:0;accent-color:var(--green);flex-shrink:0}.quick-courses{gap:8px}.quick-courses button{border:1px solid var(--ink);border-radius:3px;box-shadow:2px 2px 0 var(--ink);min-height:44px;background:#fffdf6}.quick-courses #surprise-topic{background:var(--pink)}.course-card{border:1px solid var(--ink);border-radius:4px;box-shadow:3px 3px 0 #c7d1bb;background:#fffdf6}.course-card h3{font-size:25px;margin:12px 0}.course-meta .topic-tag{font-family:'Courier New',monospace;font-size:11px;font-weight:bold;background:var(--mint);padding:3px 6px;color:var(--ink);text-align:left}.course-meta>span:last-child{font-size:10px;flex-shrink:0;max-width:110px}.resource-section{border-top:2px dashed var(--ink)}.resource-grid>a{border:1px solid var(--ink);border-radius:3px;box-shadow:3px 3px 0 #c7d1bb;background:#fffdf6}.resource-grid>a:nth-child(2){background:var(--pink)}.resource-grid strong{font-family:Georgia,serif;font-size:19px}.resource-grid span{font-size:12px}.catalog-provenance summary{font-family:'Courier New',monospace}.analytics-metrics>div{border:1px solid var(--ink);border-top:4px solid var(--green);box-shadow:3px 3px 0 #c7d1bb;border-radius:3px}.analytics-metrics strong{font-family:'Courier New',monospace}.reading-page h1{font-size:40px}footer{border-top:2px dashed var(--ink);font-family:'Courier New',monospace;line-height:1.8}.web-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:12px 0 22px}.web-badges span{border:1px solid var(--ink);background:var(--mint);padding:1px 6px;box-shadow:2px 2px 0 var(--ink);font-size:10px}.web-badges span:nth-child(2){background:var(--pink)}.web-badges span:nth-child(3){background:var(--gold)}
@media(max-width:520px){h1{font-size:40px}.brand{font-size:23px}.count-label{width:85px;max-width:85px;padding:19px 4px;font-size:9px}.count-label b{font-size:19px;letter-spacing:0}.intro .kicker{max-width:260px;font-size:9px}.section-heading h2{font-size:26px}.section-heading .stamp{max-width:90px;font-size:8px}.note-doodle{display:none}.study-note{padding:22px 15px 17px}.topic-controls{flex-direction:column;align-items:stretch;gap:8px}.book-toggle{max-width:none}.course-card h3{font-size:23px}.site-nav{gap:6px 15px}.site-nav a{font-size:12px}.rankings>li{padding:14px 10px}.person strong{font-size:12px}.person small{font-size:10px}.choice{padding:19px 16px}.choice strong{font-size:34px}}
@media(max-width:380px){h1{font-size:34px}.brand{font-size:20px}.brand>span:first-child{font-size:22px}.intro .kicker{font-size:8px}.count-label{width:74px;max-width:74px}.count-label b{font-size:17px}.choice>span:last-child{font-size:10px}.section-heading h2{font-size:24px}.section-heading .stamp{max-width:70px}.header-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.choice{transition:none}}