:root{--bg:#0b0d0c;--panel:#111512;--text:#f1f5ed;--muted:#93a096;--line:#283129;--lime:#b7ff5a;--cyan:#6ee7e0;--sans:ui-sans-serif,system-ui,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--mono);line-height:1.6}body::before{position:fixed;inset:0;z-index:-1;background:linear-gradient(rgba(183,255,90,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(183,255,90,.025) 1px,transparent 1px);background-size:40px 40px;content:""}a{color:inherit}.shell{width:min(1240px,calc(100% - 3rem));margin:auto}.skip-link{position:fixed;top:1rem;left:1rem;z-index:4;padding:.6rem;color:#0b0d0c;background:var(--lime);transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header{border-bottom:1px solid var(--line)}.header-inner,.footer-inner{display:flex;min-height:5.5rem;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-family:var(--sans);font-weight:800;text-decoration:none}.brand-mark{display:grid;width:2.35rem;height:2.35rem;margin-right:.75rem;place-items:center;border:1px solid var(--lime);color:var(--lime);font-family:var(--mono);font-size:.72rem}nav,.footer-links{display:flex;gap:1.7rem}nav a,.footer-links a{color:var(--muted);font-size:.78rem;text-decoration:none}nav a:hover,.footer-links a:hover,nav a[aria-current=page]{color:var(--lime)}.hero{display:flex;min-height:calc(100vh - 5.5rem);min-height:calc(100svh - 5.5rem);padding:clamp(3.5rem,6vh,5rem) 0;flex-direction:column;justify-content:center}.eyebrow{margin:0 0 1.5rem;color:var(--lime);font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero .eyebrow::before{content:"~/notes  "}.hero h1{max-width:1000px;margin:0 0 2rem;font-family:var(--sans);font-size:clamp(3.5rem,6vw,6.5rem);font-weight:850;letter-spacing:-.065em;line-height:.88;text-transform:uppercase}.hero h1::first-line{color:var(--text)}.hero-copy{max-width:620px;color:var(--muted);font-family:var(--sans);font-size:1.15rem}.hero-actions{display:flex;align-items:center;gap:1.5rem;margin-top:2rem}.button{display:inline-flex;padding:1rem 1.2rem;color:#091009;background:var(--lime);font-weight:850;text-decoration:none;text-transform:uppercase}.button:hover{background:var(--cyan)}.text-link{color:var(--cyan);font-size:.82rem;font-weight:800;text-decoration:none}.writing-section{padding:7rem 0;border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:3rem}.section-heading h2{margin:0;font-family:var(--sans);font-size:clamp(3rem,6vw,5.5rem);letter-spacing:-.06em;line-height:.9}.empty-state{max-width:900px;padding:3.5rem;border:1px solid var(--line);background:linear-gradient(135deg,var(--panel),#0d110f)}.empty-kicker{color:var(--cyan);font-size:.72rem;text-transform:uppercase}.empty-state h3{margin:3rem 0 1rem;font-family:var(--sans);font-size:clamp(2.6rem,5vw,4.6rem);letter-spacing:-.055em;line-height:1}.empty-state p:last-child{max-width:650px;color:var(--muted);font-family:var(--sans);font-size:1.1rem}.note-card{display:grid;grid-template-columns:220px 1fr;gap:2rem;padding:5rem 0;border-top:1px solid var(--line)}.note-card p{margin:0}.note-card p:last-child{max-width:780px;font-family:var(--sans);font-size:clamp(1.6rem,3vw,2.5rem);font-weight:700;letter-spacing:-.035em;line-height:1.2}.site-footer{border-top:1px solid var(--line)}.footer-inner{color:var(--muted);font-size:.75rem}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}@media(max-width:760px){.shell{width:min(100% - 2rem,1240px)}.header-inner,.footer-inner{align-items:flex-start;padding:1.2rem 0;flex-direction:column;gap:1rem}nav{width:100%;gap:1.1rem;overflow:auto}.hero{min-height:auto;padding:3.5rem 0}.hero h1{font-size:clamp(3.2rem,15vw,5rem)}.hero-actions,.section-heading{align-items:flex-start;flex-direction:column}.empty-state{padding:1.5rem}.note-card{grid-template-columns:1fr}.footer-inner{padding:2rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.archive-page,
.page-grid,
.feed-page {
  min-height: 68vh;
  padding-block: clamp(5rem, 11vw, 9rem);
}

.archive-page h1,
.prose h1,
.feed-page h1 {
  max-width: 1050px;
  margin: 0 0 2rem;
  font-family: var(--sans);
  font-size: clamp(4.5rem, 10vw, 9rem);
  font-weight: 850;
  letter-spacing: -.075em;
  line-height: .82;
  text-transform: uppercase;
}

.lede {
  max-width: 760px;
  color: var(--muted);
  font-family: var(--sans);
  font-size: clamp(1.25rem, 2.5vw, 1.65rem);
  line-height: 1.5;
}

.archive-empty,
.feed-empty {
  max-width: 880px;
  margin-top: 5rem;
  padding: 2rem 0;
  border-block: 1px solid var(--line);
  color: var(--cyan);
  font-size: .82rem;
  text-transform: uppercase;
}

.page-grid { display: grid; grid-template-columns: minmax(0, 850px) 1fr; }
.prose { font-family: var(--sans); font-size: 1.08rem; }
.prose > p:not(.eyebrow, .lede), .prose li { max-width: 70ch; color: var(--muted); }
.prose h2 { margin: 4.5rem 0 1rem; font-size: 2.2rem; letter-spacing: -.04em; }
.prose a { color: var(--cyan); }

.feed-meta { color: var(--muted); font-size: .78rem; }
.feed-subscribe { margin-top: 3rem; }
.feed-subscribe a { color: #091009; }

@media (max-width: 760px) {
  .page-grid { grid-template-columns: 1fr; }
}
.post-shell { max-width: 860px; min-height: 68vh; padding-block: clamp(5rem, 10vw, 8rem); }
.post-header { margin-bottom: 4rem; padding-bottom: 2.5rem; border-bottom: 1px solid var(--line); }
.post-header h1 { margin: 0 0 2rem; font-family: var(--sans); font-size: clamp(3.8rem, 8vw, 7rem); font-weight: 850; letter-spacing: -.07em; line-height: .88; }
.post-summary { color: var(--muted); font-family: var(--sans); font-size: 1.4rem; line-height: 1.5; }
.post-meta { color: var(--cyan); font-size: .76rem; text-transform: uppercase; }
.post.prose h2 { margin-top: 4rem; font-family: var(--sans); font-size: 2.3rem; letter-spacing: -.04em; }
.post.prose h3 { margin-top: 3rem; font-family: var(--sans); font-size: 1.6rem; }
.post.prose p, .post.prose li { max-width: 72ch; color: #c2cbc3; }
.post.prose code { color: var(--lime); }
.post.prose pre { overflow-x: auto; padding: 1.25rem; border: 1px solid var(--line); background: var(--panel); }
.post-nav { margin-top: 4rem; padding-top: 1.5rem; border-top: 1px solid var(--line); }
.post-nav a { color: var(--cyan); font-size: .8rem; font-weight: 800; text-decoration: none; }
.not-found { display: grid; min-height: 100vh; place-content: center; text-align: center; }
.not-found h1 { max-width: 900px; margin: 0 0 1.5rem; font-family: var(--sans); font-size: clamp(4rem, 10vw, 8rem); font-weight: 850; letter-spacing: -.075em; line-height: .84; text-transform: uppercase; }
.not-found > p:not(.eyebrow) { max-width: 600px; margin-inline: auto; color: var(--muted); font-family: var(--sans); font-size: 1.1rem; }
.not-found .button { justify-self: center; margin-top: 1.5rem; }
.feed-list { max-width: 900px; margin-top: 5rem; border-top: 1px solid var(--line); }
.feed-list article { padding: 2rem 0; border-bottom: 1px solid var(--line); }
.feed-list h2 { margin: .5rem 0; font-family: var(--sans); font-size: clamp(2rem, 4vw, 3.5rem); letter-spacing: -.045em; }
.feed-list h2 a { color: var(--text); text-decoration: none; }
.feed-list h2 a:hover { color: var(--lime); }
.feed-list article > p:last-child { max-width: 650px; color: var(--muted); font-family: var(--sans); }
.post-list { max-width: 900px; }
.post-card { padding: clamp(2rem, 5vw, 3.5rem); border: 1px solid var(--line); background: linear-gradient(135deg, var(--panel), #0d110f); }
.post-card-meta { display: flex; justify-content: space-between; gap: 1rem; color: var(--cyan); font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.post-card h3 { margin: 3rem 0 1rem; font-family: var(--sans); font-size: clamp(2.8rem, 6vw, 5rem); letter-spacing: -.06em; line-height: .92; }
.post-card h3 a { text-decoration: none; }
.post-card h3 a:hover { color: var(--lime); }
.post-card > p { max-width: 650px; margin-bottom: 2rem; color: var(--muted); font-family: var(--sans); font-size: 1.1rem; }
.archive-list { margin: 5rem 0 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.archive-list li { display: grid; grid-template-columns: 150px 1fr auto; gap: 2rem; padding: 2.5rem 0; border-bottom: 1px solid var(--line); align-items: start; }
.archive-list time { color: var(--cyan); font-size: .72rem; text-transform: uppercase; }
.archive-list h2 { margin: 0 0 .5rem; font-family: var(--sans); font-size: clamp(2rem, 4vw, 3.4rem); letter-spacing: -.045em; line-height: 1; }
.archive-list h2 a, .archive-arrow { text-decoration: none; }
.archive-list h2 a:hover, .archive-arrow:hover { color: var(--lime); }
.archive-list p { max-width: 620px; margin: 0; color: var(--muted); font-family: var(--sans); }
.archive-arrow { color: var(--lime); font-size: 1.5rem; }
@media (max-width: 760px) {
  .post-card-meta { flex-direction: column; gap: .35rem; }
  .archive-list li { grid-template-columns: 1fr auto; gap: 1rem; }
  .archive-list time { grid-column: 1 / -1; }
}