:root{--ribbon:#1b1b1b;--sheet:#fbfaf3;--cardstock:#ffffff;--linkblue:#1a3fbf;--visited:#6a2a9a;--leadpoint:#6b6b62;--grid:#e6e3d4;--dice:#e04a2f}
*{box-sizing:border-box}body{margin:0;color:var(--ribbon);font:15.5px/1.7 Verdana,"DejaVu Sans",Geneva,sans-serif;
background:var(--sheet);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:28px 28px}
a{color:var(--linkblue)}a:visited{color:var(--visited)}a:hover{background:#fff1a8}
.masthead{max-width:1040px;margin:0 auto;padding:26px 18px 0}
.masthead .dicemark{display:inline-block;font:700 28px/1.1 "Courier Prime","Courier New","Lucida Console",monospace;color:var(--ribbon);text-decoration:none;background:var(--cardstock);border:2px solid var(--ribbon);padding:8px 14px;box-shadow:4px 4px 0 var(--ribbon)}
.masthead .dicemark span{color:var(--dice)}
.masthead p{margin:12px 0 0;font-size:13px;color:var(--leadpoint)}
.drawer-row{display:flex;flex-wrap:wrap;gap:6px 6px;margin:16px 0 0;padding:0;list-style:none}
.drawer-row a{display:block;font:700 12.5px/1 "Courier Prime","Courier New","Lucida Console",monospace;text-transform:lowercase;padding:8px 10px;border:1px solid var(--ribbon);background:var(--cardstock);color:var(--ribbon);text-decoration:none}
.drawer-row a:hover{background:var(--ribbon);color:var(--cardstock)}
.rolltop{max-width:1040px;margin:0 auto;padding:24px 18px 60px;display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:26px}
.rolltop>*{min-width:0}
.chancebox{align-self:start;background:var(--cardstock);border:1px solid var(--ribbon);padding:16px}
.chancebox h3{font:700 13px/1.3 "Courier Prime","Courier New","Lucida Console",monospace;text-transform:uppercase;margin:0 0 8px}
.chancebox p{font-size:13px;color:var(--leadpoint);margin:0 0 12px}
.dice{display:block;text-align:center;font:700 15px/1 "Courier Prime","Courier New","Lucida Console",monospace;background:var(--dice);color:#fff!important;padding:12px;text-decoration:none;border:2px solid var(--ribbon);box-shadow:3px 3px 0 var(--ribbon)}
.dice:hover{background:#c23a22}
.chancebox ul{margin:14px 0 0;padding-left:18px;font-size:13px}
.catalog{background:var(--cardstock);border:1px solid var(--ribbon);padding:22px 24px}
.catalog h1{font:700 clamp(24px,4.4vw,36px)/1.15 "Courier Prime","Courier New","Lucida Console",monospace;margin:0 0 10px}
.catalog .preamble{color:var(--leadpoint);margin:0 0 18px;max-width:60ch}
.cabinet{border-top:2px solid var(--ribbon);padding-top:12px;margin-top:22px}
.cabinet h2{font:700 15px/1.3 "Courier Prime","Courier New","Lucida Console",monospace;text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}
.cabinet h2 small{font-weight:400;text-transform:none;letter-spacing:0;color:var(--leadpoint)}
.entries{margin:0;padding:0}
.entries dt{margin-top:12px;font-weight:700}.entries dd{margin:2px 0 0;color:var(--leadpoint);font-size:14px}
.pathway{font:13px/1.5 "Courier Prime","Courier New","Lucida Console",monospace;color:var(--leadpoint);margin:0 0 12px}
.pathway a{color:var(--leadpoint)}
.filed-essay h1{font:700 clamp(23px,4.2vw,34px)/1.2 "Courier Prime","Courier New","Lucida Console",monospace;margin:0 0 12px}
.indexcard{background:#fffbe0;border:1px dashed var(--ribbon);padding:12px 14px;margin:0 0 22px;font-size:15px}
.filed-essay h2{font:700 17px/1.35 "Courier Prime","Courier New","Lucida Console",monospace;margin:30px 0 6px;border-bottom:1px solid var(--grid);padding-bottom:4px}
.filed-essay ul,.filed-essay ol{padding-left:22px}.filed-essay li{margin:5px 0}
.aside{border-left:4px solid var(--dice);padding:8px 14px;background:#fdf3f0;font-size:14.5px}
.filed{margin-top:34px;font:12.5px/1.5 "Courier Prime","Courier New","Lucida Console",monospace;color:var(--leadpoint)}
.endpaper{max-width:1040px;margin:0 auto;padding:0 18px 36px;font:12.5px/1.6 Verdana,Geneva,sans-serif;color:var(--leadpoint)}
.endpaper a{color:var(--leadpoint)}
@media(max-width:820px){.rolltop{grid-template-columns:1fr}.chancebox{order:2}.catalog{padding:18px 16px}.masthead .dicemark{font-size:22px}}