*{box-sizing:border-box}:root{--ink:#172b32;--muted:#56686e;--line:#dce3e5;--accent:#006b64;--paper:#fafcfc}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.site{max-width:1080px;margin:auto;padding:0 48px}header{display:flex;align-items:center;justify-content:space-between;padding:32px 0;border-bottom:1px solid var(--line);gap:24px}.brand{font-weight:750;font-size:23px;letter-spacing:-.6px}.brand span{font-weight:400;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}.intro{padding:84px 0 68px;border-bottom:1px solid var(--line);position:relative}.eyebrow{font-family:monospace;font-size:13px;letter-spacing:1.5px;color:var(--accent)}.eyebrow,h1{margin:0 0 24px}h1{font-family:Georgia,Songti SC,serif;font-size:clamp(36px,5.5vw,64px);font-weight:500;line-height:1.3;letter-spacing:-1.5px}.lede{font-size:18px;color:var(--muted);max-width:640px;margin:0}.writing{padding:36px 0 96px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h2{font-size:15px;font-weight:500}.section-title>span{font-family:monospace;color:var(--muted);font-size:13px}.post-row{display:grid;grid-template-columns:170px 1fr;gap:32px;padding:36px 0;border-bottom:1px solid var(--line)}.post-meta{font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:8px}.post-meta>span{color:var(--accent)}h3{font-size:25px;line-height:1.45;margin:0 0 12px;font-weight:550;display:flex;justify-content:space-between;gap:16px}h3 span{font-size:20px;color:var(--accent)}.post-row p{margin:0;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:26px 0 36px;font-size:14px;color:var(--muted)}.reading{max-width:740px;margin:52px auto 100px}.back{font-size:14px;color:var(--accent)}.article-heading{padding:48px 0 36px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:clamp(32px,5vw,48px)}.article-heading .eyebrow{letter-spacing:.6px}.eyebrow span{margin:0 12px;color:var(--muted)}.prose{font-size:18px;line-height:1.95;padding-top:24px;overflow-wrap:anywhere}.prose h2{font-size:26px;line-height:1.5;margin:40px 0 16px}.prose h3{display:block;font-size:21px}.prose p{margin:20px 0}.prose a{text-decoration:underline;text-underline-offset:4px;color:var(--accent)}.prose blockquote{border-left:3px solid var(--accent);padding-left:22px;margin:28px 0;color:var(--muted)}.prose pre{background:#142a31;color:#e4eeee;padding:20px;overflow:auto;border-radius:4px;font-size:14px;line-height:1.7}.prose code{font-size:.88em}.prose img{max-width:100%;height:auto}.prose table{display:block;overflow:auto;border-collapse:collapse}.prose td,.prose th{border:1px solid var(--line);padding:8px 12px}@media(max-width:600px){.site{padding:0 24px}header{padding:24px 0;gap:16px}.brand{font-size:20px}nav{gap:18px}.intro{padding:56px 0 44px}h1{letter-spacing:-.7px}.post-row{grid-template-columns:1fr;gap:14px;padding:28px 0}.post-meta{flex-direction:row;gap:18px}h3{font-size:23px}footer{flex-direction:column;gap:4px}.reading{margin-top:32px}.article-heading{padding-top:32px}.prose{font-size:17px}}@media(prefers-reduced-motion:no-preference){a{transition:color .15s ease}}