:root{--paper:#f2efe8;--ink:#111;--blue:#1f4fff;--orange:#ff5a1f;--muted:#68625a;--white:#faf8f2;--green:#e0efe8;--violet:#eee5ff;--sand:#fff1d7;--aqua:#dfe7ff;--max:1280px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
button,input{font:inherit}
.page{width:min(calc(100% - 28px),var(--max));margin:auto}
.topline{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;border-bottom:2px solid var(--ink);padding:12px 0 10px;font:700 11px "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em}
.topline .center{text-align:center}.topline .right{text-align:right}
.nav-wrap{position:sticky;top:0;z-index:50;background:rgba(242,239,232,.97);border-bottom:2px solid var(--ink)}
.nav{width:min(calc(100% - 28px),var(--max));margin:auto;display:flex;overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}
.nav a{flex:0 0 auto;padding:11px 13px;border-right:1px solid var(--ink);font:700 10px "Courier New",monospace;text-transform:uppercase;letter-spacing:.05em}.nav a:first-child{border-left:1px solid var(--ink)}.nav a:hover{background:var(--ink);color:var(--paper)}
.masthead{display:grid;grid-template-columns:2.05fr .95fr;gap:24px;padding:36px 0 30px;border-bottom:2px solid var(--ink)}
.masthead h1{margin:0;font-size:clamp(4rem,12vw,10.5rem);line-height:.78;letter-spacing:-.09em;font-weight:900;text-transform:uppercase}.masthead h1 span{display:block}.masthead .slash{color:var(--blue)}
.mast-side{border-left:2px solid var(--ink);padding-left:20px;display:flex;flex-direction:column;justify-content:space-between}
.issue,.kicker{font:700 11px/1.35 "Courier New",monospace;text-transform:uppercase;letter-spacing:.09em;color:var(--muted)}
.mast-side p{font-size:1.05rem;line-height:1.58;margin:26px 0 0}.mini-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:15px}
.audit-link{display:inline-block;border:2px solid var(--ink);padding:9px 11px;font:700 10px "Courier New",monospace;text-transform:uppercase;letter-spacing:.05em}.audit-link:hover{background:var(--ink);color:var(--paper)}
.manifesto{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:2px solid var(--ink)}.manifesto>div{padding:17px 18px 19px 0;min-height:108px}.manifesto>div+div{border-left:1px solid var(--ink);padding-left:18px}.manifesto strong{display:block;font-size:1.2rem;line-height:1.12;margin-top:8px}
.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:28px 0 14px;border-bottom:2px solid var(--ink)}.section-title h2{font-size:clamp(2.2rem,5.8vw,5rem);letter-spacing:-.06em;line-height:.86;text-transform:uppercase;margin:0}.section-title span{font:700 10px/1.35 "Courier New",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:right}
.featured-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:18px}.featured{padding:20px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);min-height:270px;display:flex;flex-direction:column;justify-content:space-between}.featured:nth-child(1){background:var(--blue);color:white}.featured:nth-child(2){background:var(--violet)}.featured:nth-child(3){background:var(--sand)}.featured h3{font-size:clamp(1.8rem,3.2vw,3rem);line-height:.95;letter-spacing:-.05em;margin:8px 0 12px}.featured p{line-height:1.52;margin:0}.featured:nth-child(1) .kicker,.featured:nth-child(1) p{color:#e7ebff}.arrow{font:900 1rem "Courier New",monospace;margin-top:22px}
.categories{display:grid;grid-template-columns:repeat(3,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:18px}.cat{padding:18px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);min-height:210px;background:var(--white);display:flex;flex-direction:column;justify-content:space-between;transition:.15s}.cat:hover{transform:translateY(-3px)}.cat h3{font-size:1.8rem;letter-spacing:-.045em;margin:8px 0 10px}.cat p{line-height:1.48;color:#403b35;margin:0}.cat .count{font:700 10px "Courier New",monospace;text-transform:uppercase;margin-top:18px}.cat.games{background:var(--green)}.cat.video{background:var(--aqua)}.cat.presentations{background:var(--violet)}.cat.web{background:var(--sand)}.cat.code{background:#e7efe5}.cat.ia{background:#e8ecff}
.open-strip{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border:2px solid var(--ink);border-left:12px solid var(--orange);padding:18px;margin-top:18px;background:#fff0e8}.open-strip h3{font-size:1.55rem;margin:0 0 6px;letter-spacing:-.035em}.open-strip p{margin:0;line-height:1.5;color:#403b35}.training-strip{background:var(--blue);color:#fff;border-left-color:var(--ink)}.training-strip .kicker,.training-strip p{color:#e7ebff}.training-strip .audit-link{border-color:#fff;color:#fff}.training-strip .audit-link:hover{background:#fff;color:var(--ink)}
.searchbox{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;padding:20px 0 8px}.searchbox input{width:100%;border:0;border-bottom:2px solid var(--ink);background:transparent;padding:11px 0 9px;outline:none}.searchbox button{border:2px solid var(--ink);background:transparent;padding:9px 12px;font-weight:900;text-transform:uppercase;cursor:pointer}.searchbox button:hover{background:var(--ink);color:var(--paper)}
.latest{display:grid;grid-template-columns:repeat(2,1fr);border-left:2px solid var(--ink);border-top:2px solid var(--ink);margin-top:10px}.item{padding:15px 16px;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);background:var(--white);min-height:122px}.item h3{font-size:1.25rem;line-height:1.05;letter-spacing:-.03em;margin:6px 0}.item p{font-size:.92rem;line-height:1.45;color:#403b35;margin:0}.item.hidden{display:none}.empty{padding:18px 0;font:700 11px "Courier New",monospace;text-transform:uppercase}.empty[hidden]{display:none}.empty:not([hidden]){display:block}
.about{display:grid;grid-template-columns:1.1fr .9fr;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin-top:32px}.about>div{padding:24px 22px 26px 0}.about>div+div{border-left:2px solid var(--ink);padding-left:22px}.about h3{font-size:1.9rem;letter-spacing:-.04em;margin:0 0 10px}.about p{line-height:1.58;color:#3d3934}
.backtop{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border:2px solid var(--ink);background:var(--paper);font-weight:900;cursor:pointer;z-index:60}.backtop:hover{background:var(--ink);color:var(--paper)}
footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;padding:18px 0 34px;font:700 10px "Courier New",monospace;text-transform:uppercase;color:var(--muted)}
@media(max-width:950px){.masthead{grid-template-columns:1fr}.mast-side{border-left:0;border-top:1px solid var(--ink);padding:16px 0 0}.manifesto{grid-template-columns:1fr}.manifesto>div+div{border-left:0;border-top:1px solid var(--ink);padding-left:0}.featured-grid,.categories{grid-template-columns:1fr 1fr}.featured:first-child{grid-column:1/-1}.about{grid-template-columns:1fr}.about>div+div{border-left:0;border-top:1px solid var(--ink);padding-left:0}.open-strip{grid-template-columns:1fr}}
@media(max-width:650px){.page,.nav{width:min(calc(100% - 18px),var(--max))}.topline{grid-template-columns:1fr auto}.topline .center{display:none}.masthead h1{font-size:3.8rem}.section-title{align-items:flex-start;flex-direction:column}.section-title span{text-align:left}.featured-grid,.categories,.latest{grid-template-columns:1fr}.featured:first-child{grid-column:auto}.searchbox{grid-template-columns:1fr}.backtop{width:44px;height:44px;right:10px;bottom:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cat{transition:none}.cat:hover{transform:none}}