/* Dead Drop font update. Linked from index.html <head>, after the existing styles.
   Leaves the tabs, the DEAD DROP logo and the movie title (h2.title) untouched. */
@import url('https://fonts.googleapis.com/css2?family=Khand:wght@400&display=swap');
@font-face{font-family:'Panchang';src:url('Panchang-Variable.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:'Sharpie';src:url('Sharpie-Regular.otf') format('opentype');font-weight:400;font-display:swap}
@font-face{font-family:'Khand';src:url('Khand-Medium.otf') format('opentype');font-weight:500;font-display:swap}

/* Khand: body copy, facts, pills, chips, small labels */
main,main p,main dd,main dt,main span,main li,main summary,main label,main input,main textarea,main select,main strong,main td,main th,main div,main .chip,main .pill,main blockquote{font-family:'Khand',sans-serif!important;font-weight:500}
main p,main li,main dd,main .chip{font-size:19px}
main .hint{font-size:17px}
main .mono,main .pill,main .rankline,main dt,main summary{font-size:16px}
main .pill,main .mono{letter-spacing:.06em}
main .summary{font-size:24px;line-height:1.45;font-weight:400!important}

/* Panchang: headings, buttons, clearance badge */
main h3,main .btn,main .rankbadge,main details.past-item summary strong{font-family:'Panchang',sans-serif!important;font-weight:600}
main h3{font-size:16px!important;letter-spacing:.02em!important}
main .btn{font-size:13px}

/* Sharpie: kicker + good/bad labels, all caps */
.kicker,main .lbl{font-family:'Sharpie',sans-serif!important;font-weight:400!important;text-transform:uppercase!important;letter-spacing:.04em!important}
.kicker{font-size:18px!important}
main .lbl{font-size:16px!important}

/* All titles in capitals */
main h2,main h3,main h4,main details.past-item summary strong,.prose h2{text-transform:uppercase!important}

/* Synopsis page */
body:has(.prose){background:#5a3140!important}
.prose p{font-size:20px!important;line-height:1.5}
.prose h2{font-family:'Panchang',sans-serif!important;font-weight:600!important;font-size:clamp(24px,4.5vw,34px)!important;line-height:1.1!important}
.prose h3{font-size:16px!important}
.prose .sig{opacity:.85}

/* two-pick weeks, streaks */
main .pickbar{margin:0 0 16px}
main .pickgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:8px}
main .pickcard{display:flex;flex-direction:column;gap:4px;text-align:left;background:#2B151C;color:#F3E6E4;border:1px solid #4A2D38;border-radius:4px;padding:14px 16px;cursor:pointer}
main .pickcard.on{border:2px solid #D87B93;padding:13px 15px}
main .pickcard .pk{font-family:'Sharpie',sans-serif!important;text-transform:uppercase;letter-spacing:.04em;font-size:16px;color:#D87B93}
main .pickcard .pt{font-family:'Panchang',sans-serif!important;text-transform:uppercase;font-size:14px;line-height:1.2}
main .pickcard .pm{font-size:16px;color:#BE9A9D}
main .pill.streak{border:1px solid #D87B93;color:#D87B93;background:transparent}
main .passcard{margin-top:12px}
main .streakbox{background:#2B151C;border:1px solid #4A2D38;border-radius:4px;padding:24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin-bottom:20px}
main .streakbox .sbig{display:flex;flex-direction:column;align-items:center}
main .streakbox .snum{font-family:'Panchang',sans-serif!important;font-size:56px;line-height:1;font-weight:600}
main .streakbox .slab{font-family:'Sharpie',sans-serif!important;text-transform:uppercase;letter-spacing:.04em;color:#D87B93}
main .streakbox .sstats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
main .streakbox .sk{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#BE9A9D}
main .streakbox .sv{font-size:24px}
main .streakbox .sdots{grid-column:1/-1;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}
main .sdot{display:flex;flex-direction:column;align-items:center;gap:4px}
main .sdot .sd{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;border:1px solid #4A2D38;color:#BE9A9D}
main .sdot .sd.posted{background:#D87B93;color:#1D0F14;border-color:#D87B93}
main .sdot .sd.pass{border:2px dashed #E7B76A;color:#E7B76A}
main .sdot .sd.open{border:2px solid #F3E6E4;color:#F3E6E4;font-size:11px}
main .sdot .sw{font-size:13px;color:#BE9A9D}
main .altfold{margin:16px 0}
main .altpast{margin-top:16px;padding-top:12px;border-top:1px solid #4A2D38}

main blockquote.heroquote{margin:4px 0 16px;padding:8px 0 8px 16px;border-left:3px solid #D87B93;background:transparent;max-width:560px}
main blockquote.heroquote p{font-size:22px;line-height:1.3;color:#F3E6E4;margin:0}
main blockquote.heroquote footer{font-size:15px;letter-spacing:.08em;text-transform:uppercase;color:#BE9A9D;margin-top:4px}

/* scale the layout up on laptops and large monitors so no browser zoom is needed */
@media (min-width:1100px){body{zoom:1.2}}
@media (min-width:1450px){body{zoom:1.35}}
@media (min-width:1800px){body{zoom:1.55}}
@media (min-width:2300px){body{zoom:1.9}}

/* film strip header (replaces the candy stripes) */
body .clap{height:30px!important;background-color:#0B0507!important;background-image:repeating-linear-gradient(90deg,#E9C9CC 0 16px,transparent 16px 34px)!important;background-size:100% 12px!important;background-position:8px center!important;background-repeat:no-repeat!important;border-bottom:2px solid #D87B93;box-shadow:inset 0 2px 0 #4A2D38}