.app{--bg: #efe6d5;--ink: #222620;--muted: #5a6158;--line: #d4c7af;--card: #f8f2e7;--accent: #224e3e;--margin-line: rgba(179, 73, 73, .38);background:var(--bg);color:var(--ink);min-height:100vh;position:relative}.shell{margin:0 auto;max-width:920px;padding:2rem 1.2rem 3rem;position:relative;z-index:1}.top-bar{align-items:baseline;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:.75rem}.wordmark{font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1.2rem;letter-spacing:.03em}nav{display:flex;flex-wrap:wrap;gap:1rem}.nav-link{color:var(--muted);font-size:.9rem}.nav-link:hover{color:var(--accent)}main{display:grid;gap:1.25rem}main>.notebook-page:nth-child(odd){transform:rotate(-.12deg)}main>.notebook-page:nth-child(2n){transform:rotate(.12deg)}.hero,.section-block{animation:entry-in .42s ease both}.hero{background:repeating-linear-gradient(180deg,rgba(248,242,231,1) 0px,rgba(248,242,231,1) 28px,rgba(174,183,176,.2) 28px,rgba(174,183,176,.2) 29px) var(--card);border:1px solid #d9cdb7;border-radius:14px;box-shadow:0 1px #ffffff8c inset,0 9px 24px #4a42341a;padding:1.3rem 1.1rem 1.2rem 3.6rem}.hero h1{font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:clamp(2.5rem,7vw,3.4rem);font-weight:500;line-height:1;margin:.2rem 0 .5rem}.hero-role{font-size:clamp(1rem,2vw,1.2rem);margin:0;max-width:680px}.hero-context{color:var(--muted);margin:.55rem 0 0;max-width:720px}.entry-date{color:var(--muted);font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.78rem;letter-spacing:.08em;margin:0;text-transform:uppercase}.hero-date{margin-bottom:.3rem}.link-row{border-top:1px dashed rgba(103,111,103,.35);display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;padding-top:.8rem}.pill-link{color:var(--accent);font-size:.92rem;text-decoration:underline;text-decoration-color:#224e3e52;text-underline-offset:.2rem}.pill-link:hover{text-decoration-color:#224e3eb3}.section-block{background:repeating-linear-gradient(180deg,rgba(248,242,231,1) 0px,rgba(248,242,231,1) 28px,rgba(174,183,176,.18) 28px,rgba(174,183,176,.18) 29px) var(--card);border:1px solid #d9cdb7;border-radius:14px;box-shadow:0 1px #fff9 inset,0 9px 24px #4a42341a;padding:.9rem 1.1rem 1rem 3.6rem}.notebook-page{overflow:hidden;position:relative}.notebook-page:before{background:var(--margin-line);content:"";inset:0 auto 0 2.35rem;position:absolute;width:1px}.notebook-page:after{background:radial-gradient(circle,#ddd0b6 0 5px,transparent 5px) center 6px / 18px 52px repeat-y,radial-gradient(circle,rgba(91,83,65,.14) 0 6px,transparent 6px) center 5px / 20px 52px repeat-y;content:"";inset:0 auto 0 .65rem;pointer-events:none;position:absolute;width:1.2rem}.entry-header{align-items:baseline;display:flex;justify-content:flex-start;gap:.75rem;margin-bottom:.25rem}.section-block h2{font-family:Iowan Old Style,Palatino Linotype,Palatino,serif;font-size:1.1rem;font-weight:500;margin:0}.section-block p{line-height:1.6;margin:.5rem 0 0}.section-subtitle{color:var(--accent);font-family:SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.88rem;letter-spacing:.06em;margin-top:.2rem;text-transform:uppercase}.section-subtitle a{text-decoration:underline;text-decoration-color:#224e3e52}.rabbit-hole-list{display:grid;gap:.2rem}.rabbit-hole-list p{color:var(--muted);font-size:.95rem;margin-top:.45rem}.rabbit-hole-list a{text-decoration:underline;text-decoration-color:#5a615866;text-underline-offset:.2rem}.built-grid{display:flex;flex-direction:column;gap:.75rem;margin-top:.8rem}.built-card{border-radius:10px;padding:.72rem .75rem .78rem;position:relative}.built-card:before{background:rgba(34,78,62,.26);content:"";inset:.65rem auto .65rem .45rem;position:absolute;width:2px}.built-card h3{font-size:.95rem;margin:0 0 0 .75rem}.built-card p{color:var(--muted);font-size:.92rem;margin:.4rem 0 0 .75rem}@keyframes entry-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 760px){.shell{padding:1rem .85rem 2rem}.hero,.section-block{padding-left:3.05rem}.notebook-page:before{left:1.95rem}.notebook-page:after{left:.45rem}.top-bar{align-items:flex-start;flex-direction:column;gap:.6rem}main>.notebook-page:nth-child(odd),main>.notebook-page:nth-child(2n){transform:none}.entry-header{align-items:flex-start;flex-direction:column;gap:.12rem}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{background:#f3efe6;color:#1f2621;font-family:Avenir Next,Segoe UI,Helvetica Neue,Helvetica,sans-serif;line-height:1.5;min-width:320px}a{color:inherit;text-decoration:none}