/* the reading pages: same grey desk, one black screen, pixel type */
@font-face{font-family:"Geist Pixel";src:url(fonts/GeistPixel-Square.woff2) format("woff2");font-display:swap}
:root{--or:#ff5b14;--or2:#ff7a3a;--gr:#3dff8a;--pale:#f1efe6}
*{box-sizing:border-box;margin:0;padding:0}
body{min-height:100dvh;padding:28px 16px 40px;font:400 15px/1.65 "Geist Pixel",monospace;color:#d8d6cd;
 background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .08 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),radial-gradient(ellipse 80% 65% at 50% 30%,#b9b8b3,#9e9d98 60%,#8a8984) fixed}
.case{max-width:680px;margin:0 auto;padding:18px;border-radius:14px;background:linear-gradient(180deg,#dedcd6,#c9c8c2);box-shadow:inset 0 1px 0 #fff,0 3px 0 #aaa9a3,0 24px 50px -20px #0005}
.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}
.top a{color:#2b2b2b;text-decoration:none}.top a:hover{color:var(--or)}
.top .tag{background:var(--or);color:#fff;padding:3px 9px;border-radius:3px}
.screen{background:#060606;border-radius:8px;padding:26px 24px;box-shadow:inset 0 2px 8px #000}
h1{font-size:24px;line-height:1.2;color:var(--or2);margin-bottom:18px;font-weight:400}
h2{font-size:15px;color:var(--gr);margin:26px 0 8px;font-weight:400;letter-spacing:.06em;text-transform:uppercase}
p,li{margin-bottom:12px}ul{padding-left:20px}
b{color:var(--pale);font-weight:400}
a{color:var(--or2)}a:hover{color:var(--gr)}
.sig{margin-top:28px;padding-top:16px;border-top:1px dashed #333;color:var(--pale)}
.foot{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.foot a{color:#4a4945;text-decoration:none}.foot a:hover{color:var(--or)}
@media (max-width:480px){body{font-size:14px;padding:16px 10px 30px}.case{padding:12px}.screen{padding:20px 16px}h1{font-size:20px}}