:root{--bg:#f7f6f3;--bg-wash:#eef3ee;--surface:#fff;--border:#e4e2dc;--border-strong:#d2cfc6;--text:#1c1b19;--muted:#6b6860;--accent:#2f6b3a;--accent-soft:#2f6b3a1a;--thumb-a:#d8e6db;--thumb-b:#e6e0d4;--thumb-c:#d4dde6;--thumb-d:#e6d8d4;--critical:#c43c35;--high:#b85c1f;--medium:#a07a1a;--low:#2f6b3a;--none:#6b6860;--radius:10px;--shadow:0 1px 2px #1c1b190a;--max:1120px;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Source Sans 3", "Segoe UI", sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Cascadia Code", Menlo, monospace}*{box-sizing:border-box}html{color-scheme:light;scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(900px 420px at 12% -8%, var(--bg-wash), transparent 60%), radial-gradient(700px 380px at 95% 8%, #d6e0d68c, transparent 55%), var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:1.05rem;line-height:1.65}a{color:inherit}.site-nav{max-width:var(--max);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:0 auto;padding:1.25rem 1.5rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.15rem;font-weight:650;text-decoration:none}.site-nav nav{flex-wrap:wrap;align-items:center;gap:1.35rem;display:flex}.nav-link{color:var(--muted);font-size:.98rem;font-weight:500;text-decoration:none;transition:color .2s;position:relative}.nav-link:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .2s;position:absolute;bottom:-.25rem;left:0;right:0;transform:scaleX(0)}.nav-link:hover{color:var(--text)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.nav-link.active{color:var(--text)}main{max-width:var(--max);margin:0 auto;padding:2.5rem 1.5rem 4rem}.hero{max-width:46rem;margin-bottom:3.5rem}.eyebrow{color:var(--accent);letter-spacing:.04em;text-transform:uppercase;margin:0 0 .65rem;font-size:.85rem;font-weight:650}.eyebrow a{color:var(--accent);text-decoration:none}.eyebrow a:hover{text-decoration:underline}h1{font-family:var(--font-display);letter-spacing:-.03em;margin:0 0 .85rem;font-size:clamp(2.75rem,7vw,4.35rem);font-weight:650;line-height:1.05}.lede{max-width:42rem;color:var(--muted);margin:0 0 1.75rem;font-size:1.2rem;line-height:1.55}.section-head{align-items:center;gap:1rem;margin:0 0 1.5rem;display:flex}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;flex:none;margin:0;font-size:1.35rem;font-weight:650}.section-head:after{content:"";background:var(--border);flex:auto;height:1px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1.5rem;display:flex}.section-header h2{margin:0}.section-link{color:var(--accent);font-size:.95rem;text-decoration:none}.section-link:hover{text-decoration:underline}.latest-section{margin-top:3rem}.grid-section{margin-top:3.5rem}h2{font-family:var(--font-display);letter-spacing:-.02em;margin:0 0 1.25rem;font-size:1.35rem;font-weight:650}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.story-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:118px;box-shadow:var(--shadow);color:inherit;grid-template-columns:132px minmax(0,1fr);align-items:stretch;gap:1rem;padding:.85rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}a.story-row:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 20px #1c1b190f}.story-thumb{background:var(--thumb-a);font-family:var(--font-display);color:var(--accent);letter-spacing:-.03em;border-radius:8px;place-items:center;font-size:1.65rem;font-weight:650;display:grid}.story-thumb.tone-b{background:var(--thumb-b);color:#6a5a3b}.story-thumb.tone-c{background:var(--thumb-c);color:#3d5470}.story-thumb.tone-d{background:var(--thumb-d);color:#70443d}.story-body{flex-direction:column;justify-content:center;gap:.35rem;min-width:0;display:flex}.story-body h3{font-family:var(--font-display);letter-spacing:-.02em;margin:0;font-size:1.08rem;font-weight:650;line-height:1.3}.story-body p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.95rem;line-height:1.45;display:-webkit-box;overflow:hidden}.story-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.45rem;margin-top:.25rem;font-size:.82rem;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid}.tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);color:inherit;padding:.85rem;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s;display:block}a.tile:hover,.tile:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 20px #1c1b190f}.tile h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:0 0 .4rem;font-size:1.08rem;font-weight:650}.tile p{color:var(--muted);margin:0 0 .75rem;font-size:.95rem}.tile-meta{flex-wrap:wrap;gap:.4rem;display:flex}.badge{color:var(--accent);background:var(--accent-soft);border:1px solid #0000;border-radius:4px;padding:.12rem .45rem;font-size:.75rem;font-weight:600;display:inline-block}.commit-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;max-width:36rem;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start;gap:.9rem;padding:1.15rem 1.25rem;display:flex}.commit-message{width:100%;font-family:var(--font-mono);color:var(--text);border:1px solid var(--border);word-break:break-word;background:#f3f1ec;border-radius:8px;padding:.8rem .95rem;font-size:.95rem}.commit-actions{flex-wrap:wrap;gap:.6rem;display:flex}.commit-button{appearance:none;background:var(--accent);color:#fff;font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:.7rem 1.15rem;font-size:.95rem;font-weight:650;transition:transform 50ms,filter .2s,border-color .2s}.commit-button:hover{filter:brightness(1.06)}.commit-button:active{transform:translateY(1px)}.commit-button-secondary{color:var(--text);border:1px solid var(--border);background:0 0}.commit-button-secondary:hover{filter:none;border-color:var(--accent)}.commit-count{color:var(--muted);margin:0;font-size:.9rem}.note-list{flex-direction:column;gap:.85rem;margin:0;padding:0;list-style:none;display:flex}.note-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.1rem;transition:transform .2s,border-color .2s}.note-item:hover{border-color:var(--border-strong);transform:translateY(-1px)}.note-item a{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);font-size:1.15rem;font-weight:650;text-decoration:none}.note-item a:hover{color:var(--accent)}.note-desc{color:var(--muted);margin:.35rem 0 .5rem;font-size:.92rem;line-height:1.5}.growth-legend{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.5rem;margin:-1rem 0 2rem;font-size:.9rem;display:flex}.growth-legend a{color:var(--accent);text-decoration:none}.growth-legend a:hover{text-decoration:underline}.note-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.55rem;margin-top:.35rem;font-size:.88rem;display:flex}.privacy-banner{background:var(--accent-soft);border:1px solid #2f6b3a47;border-radius:10px;align-items:flex-start;gap:.75rem;margin:1.5rem 0;padding:.85rem 1rem;font-size:.92rem;display:flex}.privacy-banner p{margin:0}.privacy-banner strong{color:var(--accent)}.prose{max-width:70ch}.prose h1{font-size:clamp(2.2rem,5vw,3.2rem)}.prose :where(p,ul,ol,blockquote){color:var(--text)}.prose a{color:var(--accent)}.prose code{font-family:var(--font-mono);border:1px solid var(--border);background:#f0eee8;border-radius:5px;padding:.1rem .35rem;font-size:.9em}.prose pre{color:#f7f6f3;background:#1c1b19;border:1px solid #2c2a27;border-radius:10px;padding:1rem;overflow-x:auto}.prose pre code{color:inherit;background:0 0;border:none;padding:0}footer{max-width:var(--max);border-top:1px solid var(--border);color:var(--muted);flex-wrap:wrap;align-items:center;gap:.65rem;margin:2rem auto 0;padding:1.35rem 1.5rem 2rem;font-size:.92rem;display:flex}footer a{color:var(--muted);text-decoration:none;transition:color .2s}footer a:hover{color:var(--accent)}@media (width<=820px){.story-grid,.grid{grid-template-columns:1fr}.story-row{grid-template-columns:96px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}