:root{--bg: #f6f1e7;--paper: #fffdf7;--ink: #1e2430;--muted: #5d6472;--line: #dad1c2;--accent: #0f766e;--accent-soft: rgba(15, 118, 110, .12);--shadow: 0 8px 18px rgba(30, 36, 48, .04);--max-width: 48rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(15,118,110,.05),transparent 26%),linear-gradient(180deg,#faf6ef,#f4efe5);font-family:"Noto Serif SC","Source Han Serif SC",Songti SC,serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%}code,pre{font-family:SFMono-Regular,JetBrains Mono,ui-monospace,monospace}pre{overflow-x:auto;padding:1rem;border:1px solid rgba(255,255,255,.08);border-radius:1rem;background:#16202d;color:#ecf1f8}code{padding:.1rem .35rem;border-radius:.4rem;background:var(--accent-soft)}pre code{padding:0;background:transparent}.shell{width:min(100% - 2rem,var(--max-width));margin:0 auto}.page-shell{padding-top:2.4rem;padding-bottom:4rem}.site-header{background:transparent;border-bottom:1px solid rgba(30,36,48,.08)}.site-header__inner,.site-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.95rem 0}.site-brand{font-size:.95rem;font-weight:700;letter-spacing:.03em}.site-nav{display:flex;gap:1rem;padding:0;margin:0;list-style:none}.site-nav a{color:var(--muted);font-size:.95rem}.site-nav a:hover,.site-brand:hover,.article-card__title a:hover,.tag-list a:hover,.toc a:hover{color:var(--accent)}.site-footer{border-top:1px solid rgba(30,36,48,.08)}.site-footer p{margin:0;color:var(--muted)}.hero{margin-bottom:1.4rem}.hero--plain{padding:0 0 1.4rem;border-bottom:1px solid rgba(30,36,48,.08)}.hero__eyebrow,.article-card__meta,.page-meta,.article-meta{margin:0 0 .75rem;color:var(--muted);font-size:.92rem;letter-spacing:.04em;text-transform:uppercase}.hero h1,.page-title,.article-title{margin:0;font-size:clamp(1.52rem,3.1vw,2.35rem);line-height:1.26}.hero-title{font-size:clamp(1.36rem,2.65vw,2.05rem);line-height:1.3}.hero p,.page-intro,.article-description{max-width:42rem;margin:.85rem 0 0;color:var(--muted);font-size:1rem}.hero-topline{display:flex;align-items:flex-start;justify-content:flex-start;gap:1.5rem}.section-heading{margin:0 0 .9rem;font-size:.92rem;color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.stack{display:grid;gap:0}.article-card__title{margin:0;font-size:1.24rem;line-height:1.38}.article-card__description{margin:.45rem 0 0;color:var(--muted);font-size:.98rem}.tag-list{display:flex;flex-wrap:wrap;gap:.35rem .8rem;padding:0;margin:0;list-style:none}.tag-list a{display:inline;padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:.87rem;line-height:1.5;text-decoration:underline;text-decoration-color:#0f766e38;text-underline-offset:.18em}.article-shell{display:grid;gap:1.3rem}.article-body{min-width:0;background:#fffdf7b3;border:1px solid rgba(30,36,48,.06);border-radius:1rem;box-shadow:var(--shadow);padding:2rem 2.15rem}.article-body h2,.article-body h3,.article-body h4{scroll-margin-top:6rem}.toc{padding:1.1rem 1.2rem;background:#fffdf7a8;border:1px solid rgba(30,36,48,.05);border-radius:1rem}.toc__title{margin:0 0 .75rem;font-weight:700}.toc ul{display:grid;gap:.7rem;padding:0;margin:0;list-style:none}.toc__item--depth-3{padding-left:1rem}.article-nav{display:grid;gap:1rem;padding:1.15rem 1.25rem;background:transparent;border-top:1px solid rgba(30,36,48,.08)}.article-nav a{color:var(--muted)}.page-grid{display:grid;gap:1rem}.post-stream{margin-top:1.5rem}.article-card{padding:1.35rem 0;border-bottom:1px solid rgba(30,36,48,.08)}.article-card:last-child{border-bottom:0}@media(min-width:900px){.article-shell{grid-template-columns:minmax(0,1fr) 15rem;align-items:start}.article-shell>.toc{position:sticky;top:2rem}}@media(max-width:640px){.site-header__inner,.site-footer__inner{flex-direction:column;align-items:flex-start}.hero-topline{flex-direction:column;gap:.8rem}.site-nav{flex-wrap:wrap}.article-body,.toc,.article-nav{padding-left:1rem;padding-right:1rem}.article-body{padding:1.4rem 1.2rem}.hero h1,.page-title,.article-title{font-size:clamp(1.4rem,7vw,1.9rem)}}
