:root{--ink:#0a0a0a;--paper:#f2f1ed;--line:#1b1b1b;--muted:#686863;--soft:#c8c7c1}*{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,select,textarea{font:inherit}::selection{background:var(--ink);color:var(--paper)}.topbar{height:90px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--line);padding:0 26px}.wordmark{display:flex;align-items:flex-start;width:max-content;font-size:20px;letter-spacing:-1px;font-weight:900;line-height:.9}.wordmark span:first-child{background:var(--ink);color:var(--paper);padding:6px 5px 5px}.wordmark span:nth-child(2){border:2px solid var(--ink);padding:4px 5px 3px}.coordinates{font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;text-align:center}.nav{justify-self:end;display:flex;align-items:center;gap:8px}.nav a{padding:9px 11px;border:1px solid var(--ink);font:10px ui-monospace,monospace;letter-spacing:.08em}.nav a:hover,.nav a:focus-visible{background:var(--ink);color:var(--paper)}.notes-hero{min-height:62vh;display:grid;grid-template-columns:42px minmax(0,1fr) minmax(280px,31vw);border-bottom:2px solid var(--ink)}.rail{writing-mode:vertical-rl;transform:rotate(180deg);display:flex;justify-content:space-between;padding:20px 13px;border-right:1px solid var(--line);font:9px ui-monospace,monospace;letter-spacing:.15em}.hero-copy{padding:7vh 3vw 5vh;display:flex;flex-direction:column}.eyebrow,.section-index{font:10px ui-monospace,monospace;letter-spacing:.12em}.hero-copy h1{margin:7vh 0 4vh;font-size:clamp(64px,10vw,150px);line-height:.75;letter-spacing:-.085em}.hero-copy h1 span{color:transparent;-webkit-text-stroke:1.5px var(--ink)}.hero-copy>p:last-child{margin-top:auto;max-width:650px;font-size:18px;line-height:1.5}.hero-panel{background:var(--ink);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:28px;background-image:linear-gradient(#242424 1px,transparent 1px),linear-gradient(90deg,#242424 1px,transparent 1px);background-size:32px 32px}.hero-panel b{align-self:center;margin:auto;font-size:clamp(76px,10vw,140px);letter-spacing:-.09em}.hero-panel p{font:9px/1.6 ui-monospace,monospace;letter-spacing:.11em}.notes-toolbar{display:grid;grid-template-columns:1fr 2fr 1fr;gap:24px;padding:26px 3vw;border-bottom:1px solid var(--ink);font:9px ui-monospace,monospace;letter-spacing:.1em}.notes-toolbar span:last-child{text-align:right}.notes-grid{display:grid;grid-template-columns:repeat(2,1fr)}.note-card{min-height:390px;padding:38px 3vw;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);display:flex;flex-direction:column}.note-card:nth-child(2n){border-right:0}.note-card-meta{display:flex;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.note-card h2{margin:80px 0 25px;max-width:720px;font-size:clamp(38px,4.6vw,72px);line-height:.86;letter-spacing:-.06em}.note-card p{max-width:660px;margin:0;color:#4f4f4b;font-size:16px;line-height:1.5}.note-card-footer{margin-top:auto;padding-top:32px;display:flex;justify-content:space-between;border-top:1px solid var(--soft);font:9px ui-monospace,monospace;letter-spacing:.1em}.note-card:hover{background:var(--ink);color:var(--paper)}.note-card:hover p,.note-card:hover .note-card-meta{color:#bcbcb7}.empty-state{min-height:430px;padding:80px 3vw;display:grid;place-content:center;text-align:center;border-bottom:1px solid}.empty-state h2{font-size:clamp(48px,8vw,110px);letter-spacing:-.07em;margin:0}.empty-state p{font:10px/1.6 ui-monospace,monospace;letter-spacing:.1em}.article-shell{display:grid;grid-template-columns:minmax(42px,8vw) minmax(0,920px) 1fr;border-bottom:2px solid var(--ink)}.article-rail{padding:35px 2vw;border-right:1px solid var(--ink);font:9px ui-monospace,monospace;letter-spacing:.1em}.article-main{padding:70px clamp(24px,5vw,80px) 100px;border-right:1px solid var(--ink)}.article-meta{display:flex;gap:22px;flex-wrap:wrap;font:9px ui-monospace,monospace;letter-spacing:.1em;color:var(--muted)}.article-main h1{margin:60px 0 35px;font-size:clamp(54px,7.5vw,112px);line-height:.82;letter-spacing:-.075em}.article-deck{font-size:clamp(21px,2.1vw,30px);line-height:1.35;max-width:800px;margin:0 0 70px}.article-body{max-width:760px}.article-body p,.article-body li{font-size:18px;line-height:1.7}.article-body h2{margin:70px 0 24px;font-size:clamp(34px,4vw,54px);line-height:.95;letter-spacing:-.045em}.article-body h3{margin:48px 0 18px;font-size:26px}.article-body ul{padding-left:25px}.article-body blockquote{margin:55px 0;padding:25px 0;border-top:2px solid;border-bottom:2px solid;font-size:clamp(28px,3.4vw,48px);line-height:1.05;letter-spacing:-.035em}.article-aside{padding:70px 3vw;display:flex;flex-direction:column;justify-content:space-between}.article-aside p{font:9px/1.7 ui-monospace,monospace;letter-spacing:.1em}.back-link{display:inline-flex;gap:18px;border-bottom:1px solid;width:max-content;padding-bottom:7px;font:9px ui-monospace,monospace;letter-spacing:.1em}.preview-banner{padding:13px 3vw;background:#d8ff00;border-bottom:2px solid;font:800 10px ui-monospace,monospace;letter-spacing:.12em}.site-footer{min-height:240px;padding:40px 3vw;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.site-footer>.wordmark{align-self:start}.site-footer p{font:9px/1.6 ui-monospace,monospace;letter-spacing:.1em}.site-footer p:last-child{text-align:right}.admin-body{background:#111;color:#f2f1ed}.admin-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.admin-side{padding:28px;background:#090909;border-right:1px solid #444;display:flex;flex-direction:column;gap:35px}.admin-side .wordmark span:first-child{background:#f2f1ed;color:#090909}.admin-side .wordmark span:nth-child(2){border-color:#f2f1ed}.admin-side nav{display:flex;flex-direction:column;gap:8px}.admin-side nav a{padding:13px 0;border-bottom:1px solid #444;font:9px ui-monospace,monospace;letter-spacing:.1em}.admin-side small{margin-top:auto;color:#777;font:8px/1.6 ui-monospace,monospace;letter-spacing:.09em}.admin-main{padding:45px clamp(24px,4vw,70px)}.admin-head{display:flex;justify-content:space-between;align-items:end;padding-bottom:28px;border-bottom:1px solid #555}.admin-head h1{margin:0;font-size:clamp(42px,6vw,82px);letter-spacing:-.06em}.admin-head p{margin:0;font:9px ui-monospace,monospace;letter-spacing:.1em;color:#999}.admin-card{margin-top:35px;border:1px solid #555;padding:28px}.admin-card h2{margin:0 0 25px;font-size:30px}.admin-form{display:grid;grid-template-columns:1fr 1fr;gap:22px}.admin-field{display:flex;flex-direction:column;gap:9px}.admin-field-full{grid-column:1/-1}.admin-field label{font:8px ui-monospace,monospace;letter-spacing:.11em;color:#aaa}.admin-field input,.admin-field select,.admin-field textarea{width:100%;padding:12px;background:#171717;color:#f2f1ed;border:1px solid #555;border-radius:0}.admin-field textarea{min-height:350px;resize:vertical;line-height:1.5}.admin-actions{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:10px;padding-top:10px}.admin-button{display:inline-block;border:1px solid #f2f1ed;background:#f2f1ed;color:#090909;padding:13px 16px;cursor:pointer;font:800 9px ui-monospace,monospace;letter-spacing:.1em}.admin-button.secondary{background:transparent;color:#f2f1ed}.admin-button.danger{background:transparent;color:#ff8d8d;border-color:#ff8d8d}.admin-alert{margin-top:25px;padding:15px;border:1px solid #777;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em}.admin-alert.success{border-color:#d8ff00;color:#d8ff00}.admin-alert.error{border-color:#ff8d8d;color:#ff8d8d}.admin-list{margin-top:35px;border-top:1px solid #555}.admin-row{display:grid;grid-template-columns:100px 1fr 140px 150px;gap:20px;align-items:center;padding:20px 0;border-bottom:1px solid #444}.admin-row span,.status-pill{font:9px ui-monospace,monospace;letter-spacing:.09em}.admin-row h3{margin:0;font-size:22px}.admin-row-actions{display:flex;gap:12px;justify-content:flex-end}.admin-row-actions a,.admin-row-actions button{background:none;border:0;color:#f2f1ed;padding:0;border-bottom:1px solid;cursor:pointer;font:9px ui-monospace,monospace;letter-spacing:.08em}.status-pill{width:max-content;padding:5px 7px;border:1px solid #666}.login-shell{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card{width:min(100%,520px);border:1px solid #555;padding:35px}.login-card h1{font-size:52px;line-height:.9;letter-spacing:-.06em}.login-card p{color:#aaa;line-height:1.5}.login-card form{display:grid;gap:20px}.login-card input{width:100%;padding:13px;background:#171717;color:#f2f1ed;border:1px solid #666}.login-card label{font:8px ui-monospace,monospace;letter-spacing:.1em}.format-help{grid-column:1/-1;color:#888;font:9px/1.7 ui-monospace,monospace;letter-spacing:.07em}.format-help code{color:#d8ff00}@media(max-width:850px){.topbar{grid-template-columns:1fr auto;height:72px;padding:0 18px}.coordinates{display:none}.notes-hero{grid-template-columns:28px 1fr}.hero-copy{min-height:580px;padding:45px 22px}.hero-panel{grid-column:1/-1;min-height:360px}.notes-toolbar{grid-template-columns:1fr 1fr}.notes-toolbar span:nth-child(2){display:none}.notes-grid{grid-template-columns:1fr}.note-card{border-right:0}.article-shell{grid-template-columns:42px 1fr}.article-main{border-right:0;padding:55px 24px 80px}.article-aside{grid-column:2;padding:35px 24px;border-top:1px solid}.site-footer{grid-template-columns:1fr 1fr;gap:35px}.site-footer>.wordmark{grid-column:1/-1}.admin-shell{grid-template-columns:1fr}.admin-side{border-right:0;border-bottom:1px solid;display:grid;grid-template-columns:1fr auto}.admin-side nav{grid-column:1/-1;flex-direction:row;flex-wrap:wrap}.admin-side small{display:none}.admin-main{padding:35px 22px}.admin-row{grid-template-columns:1fr}.admin-row-actions{justify-content:flex-start}.admin-form{grid-template-columns:1fr}.admin-field-full,.admin-actions,.format-help{grid-column:auto}}@media(max-width:520px){.nav a:first-child{display:none}.hero-copy h1{font-size:18vw}.notes-toolbar{grid-template-columns:1fr}.notes-toolbar span:last-child{text-align:left}.article-shell{grid-template-columns:1fr}.article-rail{display:none}.article-aside{grid-column:1}.site-footer{grid-template-columns:1fr}.site-footer p:last-child{text-align:left}.admin-head{align-items:flex-start;flex-direction:column;gap:15px}.login-card{padding:24px}.login-card h1{font-size:42px}}
