@font-face{font-family:Plex;src:url('assets/ibm-plex-mono-light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:Plex;src:url('assets/ibm-plex-mono-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--ink:#dddcd4;--muted:#aaa89c;--line:#565348;--black:#070806;--accent:#eee4c6}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--black)}
body{margin:0;position:relative;min-height:100svh;font-family:Plex,'Courier New',monospace;font-weight:300;color:var(--ink);font-size:1.0625rem;line-height:1.7;-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0;z-index:0;background:url('assets/lunar-background.png') center bottom/100% 100% no-repeat;pointer-events:none}
a{color:inherit;text-decoration:none;text-underline-offset:.3em;transition:color .16s}
a:hover{color:var(--accent)}
a:focus-visible{outline:1px solid var(--accent);outline-offset:6px;border-radius:1px}
.skip{position:absolute;top:12px;left:16px;transform:translateY(-200%);z-index:5;background:#111;padding:8px 14px}
.skip:focus{transform:translateY(0)}
.site{position:relative;z-index:1;width:48%;max-width:900px;margin-inline:auto;padding:64px 0 100px;min-height:100svh}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px}
.name{font-size:2.25rem;font-weight:300;line-height:1.3;letter-spacing:.02em;white-space:nowrap;margin:0}
.navigation{display:flex;gap:28px;align-items:center;font-size:.875rem}
.navigation a{padding:10px 0}
.navigation a[aria-current=page]{color:var(--accent)}
.intro{margin-top:26px;padding-bottom:36px;border-bottom:1px solid var(--line)}
.intro p{margin:0;line-height:1.65}
.intro .topics{margin-top:9px;color:var(--muted)}
.writing-section{margin-top:48px;scroll-margin-top:32px}
h2{font-weight:300;font-size:1.75rem;line-height:1.3;letter-spacing:.015em;margin:0 0 25px}
.entry-list{list-style:none;padding:0;margin:0}
.entry{border-bottom:1px solid var(--line)}
.entry a{display:grid;grid-template-columns:34px 1fr;gap:18px;align-items:start;padding:23px 0 25px}
.entry:first-child a{padding-top:8px}
.entry-number{font-size:.9375rem;color:var(--ink);padding-top:1px}
.entry-content{display:block;border-left:1px solid #777263;padding-left:25px;min-width:0}
.entry-title{display:block;font-size:1.375rem;line-height:1.5;font-weight:300}
.entry-topic{display:block;margin-top:5px;color:var(--muted);font-size:.8125rem;letter-spacing:.035em;line-height:1.5}
.entry a:hover .entry-content{border-left-color:var(--accent)}
.entry a:hover .entry-title{text-decoration:underline;text-decoration-thickness:1px}
.notes{margin-top:54px}
.notes .entry a{padding:20px 0}
.notes .entry:first-child a{padding-top:8px}
.notes .entry:last-child{border-bottom:0}
.notes .entry-title{font-size:1.25rem}
.footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-top:1px solid var(--line);margin-top:54px;padding-top:23px;font-size:.875rem;gap:16px}
.footer a{width:fit-content;padding:6px 0}
.footer a:nth-child(2){justify-self:center}
.footer a:last-child{justify-self:end}
.footer a:hover{text-decoration:underline}
.detail .site{display:flex;flex-direction:column}
.detail .detail-content{margin-top:90px;max-width:100%;padding-bottom:60px}
.detail h1{font-size:2rem;font-weight:300;line-height:1.4;letter-spacing:.01em;margin:0 0 28px}
.detail p{margin:0 0 24px}
.detail .eyebrow{font-size:.8125rem;letter-spacing:.07em;color:var(--muted);text-transform:uppercase;margin-bottom:18px}
.detail .coming-soon{color:var(--muted)}
.detail .back-link{display:inline-block;font-size:.875rem;margin-top:22px;text-decoration:underline}
.detail .footer{margin-top:auto}
@media(min-width:1800px){.site{padding-top:76px;padding-bottom:120px}.name{font-size:2.7rem}.intro{font-size:1.2rem}.entry-title{font-size:1.6rem}.notes .entry-title{font-size:1.45rem}.writing-section{margin-top:58px}.entry a{padding-block:28px}.notes{margin-top:65px}.footer{margin-top:62px}}
@media(max-width:1100px){.site{width:62%;padding-top:48px}.name{font-size:2rem}.navigation{gap:20px}.entry-title{font-size:1.25rem}.entry-content{padding-left:20px}}
@media(max-width:700px){body{font-size:1rem}body::before{background-size:auto 680px;background-position:14% bottom;background-repeat:no-repeat}.site{width:auto;margin-inline:24px;padding:32px 0 220px}.masthead{align-items:flex-start;flex-direction:column;gap:14px}.name{font-size:1.9rem;white-space:normal}.navigation{gap:26px}.navigation a{padding:4px 0}.intro{margin-top:25px;padding-bottom:30px;background:linear-gradient(90deg,rgba(7,8,6,.3),transparent)}.intro p{line-height:1.7}.intro .topics{margin-top:15px}.writing-section{margin-top:37px}h2{font-size:1.5rem;margin-bottom:22px}.entry a{grid-template-columns:23px 1fr;gap:12px;padding:20px 0}.entry-number{font-size:.8125rem;padding-top:4px}.entry-content{padding-left:16px}.entry-title,.notes .entry-title{font-size:1.0625rem;line-height:1.6}.entry-topic{font-size:.75rem;margin-top:7px}.notes{margin-top:38px}.footer{font-size:.8125rem;gap:10px;margin-top:36px;padding-top:21px}.detail .detail-content{margin-top:55px;padding-bottom:70px}.detail h1{font-size:1.65rem}.detail .site{min-height:100svh}.detail .footer{margin-top:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a{transition:none}}