/* snobcoffery.com — photocopied zine look */
:root{
  --paper:#eeede8; --sheet:#fbfbf8; --ink:#161616; --muted:#4a4a46;
  --hi:#e8ff5a; --stamp:#b3202a; --rule:#161616;
  --type:"Special Elite","Courier New",monospace;
  --body:"Courier Prime","Courier New",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--body);
  background-image:radial-gradient(rgba(0,0,0,.05) 1px,transparent 1px);background-size:5px 5px}
a{color:var(--ink);text-decoration-thickness:2px;text-underline-offset:3px}
a:hover{background:var(--hi)}
.strip{margin:0;padding:6px 16px;background:var(--ink);color:#f4f4ef;font-size:12.5px;text-align:center;letter-spacing:.02em}
.mast{max-width:860px;margin:0 auto;padding:28px 16px 10px;text-align:center}
.logo{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font:clamp(30px,7vw,46px)/1 var(--type);letter-spacing:-.01em}
.logo:hover{background:none}
.logo b{font-weight:400;background:var(--hi);padding:0 .12em;transform:rotate(-1.5deg);display:inline-block}
.disk{width:52px;height:52px;flex:none;animation:spin 30s linear infinite}
@media (prefers-reduced-motion:reduce){.disk{animation:none}}
@keyframes spin{to{transform:rotate(360deg)}}
.motto{margin:8px 0 14px;font-style:italic;color:var(--muted);font-size:15px}
.nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 8px;padding:10px 0;border-top:2px solid var(--rule);border-bottom:2px solid var(--rule)}
.nav a{font:14px/1.2 var(--type);text-decoration:none;padding:5px 9px;border:1.5px dashed var(--ink);background:var(--sheet)}
.nav a[aria-current=page]{background:var(--ink);color:var(--sheet);border-style:solid}
.sheet{position:relative;max-width:780px;margin:26px auto 30px;padding:34px clamp(18px,5vw,56px) 40px;background:var(--sheet);
  border:1.5px solid var(--ink);box-shadow:6px 6px 0 var(--ink)}
.sheet::before,.sheet::after{content:"";position:absolute;top:-9px;width:90px;height:20px;background:rgba(232,255,90,.75);border:1px solid rgba(0,0,0,.15)}
.sheet::before{left:30px;transform:rotate(-4deg)}
.sheet::after{right:30px;transform:rotate(3deg)}
.kicker{display:inline-block;margin:0 0 6px;padding:2px 8px;border:2px solid var(--stamp);color:var(--stamp);font:13px/1.4 var(--type);text-transform:uppercase;letter-spacing:.08em;transform:rotate(-2deg)}
h1,h2,h3{font-family:var(--type);font-weight:400;line-height:1.2}
h1{font-size:clamp(28px,6vw,40px);margin:.3em 0 .5em}
h2{font-size:24px;margin:1.8em 0 .5em;padding-bottom:4px;border-bottom:2px dashed var(--ink)}
h2::before{content:"§ ";color:var(--stamp)}
h3{font-size:19px;margin:1.4em 0 .4em}
.lede{font-size:18.5px;border-left:6px solid var(--hi);padding-left:14px}
.fine{font-size:13.5px;color:var(--muted)}
table{width:100%;border-collapse:collapse;margin:1em 0;font-size:15px;display:block;overflow-x:auto}
tbody,thead{width:100%}
th,td{border:1.5px solid var(--ink);padding:7px 9px;text-align:left;vertical-align:top}
thead th{background:var(--ink);color:var(--sheet);font-family:var(--type);font-weight:400}
tbody th{background:#f0f0e8;font-weight:700;white-space:nowrap}
ul,ol{padding-left:1.3em}
li{margin:.3em 0}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1em 0}
.card{display:flex;flex-direction:column;gap:4px;padding:14px;border:2px dashed var(--ink);text-decoration:none;background:#fff}
.card:hover{background:var(--hi)}
.card strong{font:400 18px/1.25 var(--type)}
.card span:last-child{font-size:14.5px;color:var(--muted)}
.tag{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--stamp)}
.sources{margin-top:2.4em;padding:14px 18px;border:2px solid var(--ink);background:repeating-linear-gradient(0deg,#fff,#fff 27px,#e4e9f2 28px)}
.sources h2{margin-top:0;border:0}
.sources li{font-size:14.5px;word-break:break-word}
.foot{max-width:780px;margin:0 auto 40px;padding:0 16px;text-align:center;font-size:14px;color:var(--muted)}
@media (max-width:560px){body{font-size:16px}.sheet{box-shadow:4px 4px 0 var(--ink)}tbody th{white-space:normal}}