:root{color-scheme:light;--bg: #fbfaf6;--paper: #ffffff;--ink: #1d2329;--muted: #64717d;--line: #d9ded8;--soft: #f2f5ef;--soft-2: #edf4f7;--soft-3: #f8eee9;--accent: #146c68;--accent-2: #a9422b;--accent-3: #345995;--code: #101820;--shadow: 0 18px 48px rgba(31, 41, 51, .11);--radius: 8px;--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.78;letter-spacing:0}a{color:inherit}.site-shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(29,35,41,.1);background:#fbfaf6ed;backdrop-filter:blur(18px)}.topbar-inner{display:grid;grid-template-columns:auto 1fr minmax(220px,360px) auto;align-items:center;width:min(var(--max),calc(100% - 32px));min-height:66px;margin:0 auto;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:780;text-decoration:none;white-space:nowrap}.brand-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:var(--radius);background:var(--accent)}.brand-mark svg{width:24px;height:24px;fill:none}.brand-mark rect,.brand-mark path,.search path,.knowledge-map svg path{stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.brand-mark rect,.brand-mark path{color:#fff7e8}.primary-nav{display:flex;align-items:center;justify-content:flex-end;gap:22px;color:#40505c;font-size:14px;font-weight:700}.primary-nav a,.github-link{text-decoration:none}.search{display:flex;align-items:center;gap:10px;min-width:0;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:8px 12px;box-shadow:0 8px 26px #1f29330d}.search svg{width:18px;height:18px;flex:0 0 auto;color:var(--muted);fill:none}.search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font:inherit;font-size:14px}.github-link{color:var(--accent);font-size:14px;font-weight:760}.hero{border-bottom:1px solid var(--line);background:linear-gradient(90deg,#fbfaf6fa,#fbfaf6d1),linear-gradient(135deg,#fbfaf6,#eff5f1 52%,#f9ece6)}.hero-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);align-items:center;width:min(var(--max),calc(100% - 32px));min-height:620px;margin:0 auto;gap:56px;padding:62px 0 48px}.hero h1{margin:0;font-size:clamp(40px,5vw,72px);font-weight:850;line-height:1.05}.hero p{max-width:690px;margin:24px 0 0;color:#40505c;font-size:clamp(17px,2vw,21px);line-height:1.72}.button-primary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;margin-top:30px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);color:#fff;padding:0 18px;box-shadow:0 12px 26px #146c682e;font-size:14px;font-weight:760;text-decoration:none}.knowledge-map{position:relative;border:1px solid rgba(29,35,41,.1);border-radius:var(--radius);background:#ffffffdb;box-shadow:var(--shadow);padding:22px}.knowledge-map:before{position:absolute;top:78px;bottom:34px;left:42px;width:1px;background:var(--line);content:""}.map-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:16px}.map-heading span{font-size:18px;font-weight:820}.map-heading small,.map-row small{color:var(--muted);font-size:12px;line-height:1.5}.map-list{display:grid;gap:10px}.map-row{position:relative;display:grid;grid-template-columns:44px 1fr 24px;align-items:center;gap:12px;min-height:70px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:12px 14px;text-decoration:none;transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.map-row:hover{transform:translateY(-2px);box-shadow:0 12px 28px #1f293314}.map-row.teal:hover{border-color:#146c6873}.map-row.blue:hover{border-color:#34599573}.map-row.red:hover{border-color:#a9422b73}.map-index{display:grid;width:34px;height:34px;place-items:center;border-radius:var(--radius);background:var(--soft);color:var(--accent);font-size:12px;font-weight:800}.map-row strong,.map-row small{display:block}.map-row strong{margin-bottom:2px;font-size:15px;line-height:1.3}.map-row svg{width:22px;height:22px;color:var(--accent);fill:none}.article-index{padding:54px 0 86px}.content-grid{display:grid;grid-template-columns:260px minmax(0,1fr);width:min(var(--max),calc(100% - 32px));margin:0 auto;gap:40px;align-items:start}.category-summary{border-top:3px solid var(--accent);padding-top:18px}.category-summary h2,.section-heading h2{margin:0;font-size:24px;line-height:1.25}.category-summary p{margin:10px 0 18px;color:var(--muted);font-size:13px;line-height:1.7}.category-summary ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}.category-summary li{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding:10px 0;color:#40505c;font-size:14px}.category-summary strong{color:var(--ink);font-size:13px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading a{color:var(--accent);font-size:14px;font-weight:760;text-decoration-thickness:1px;text-underline-offset:3px}.article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-list.compact{grid-template-columns:1fr}.article-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);box-shadow:0 12px 30px #1f29330f}.article-card a{display:block;min-height:210px;padding:24px;text-decoration:none}.article-category{color:var(--accent);font-size:12px;font-weight:800}.article-card h2,.article-card h3{margin:10px 0 8px;font-size:22px;line-height:1.35}.article-card p{margin:0;color:#40505c;font-size:15px}.article-card time,.article-body time{display:block;margin-top:18px;color:var(--muted);font-size:12px}.listing-page,.article-page{width:min(860px,calc(100% - 32px));margin:0 auto;padding:54px 0 86px}.page-header{margin-bottom:30px}.page-header a,.article-page>a{color:var(--accent);font-size:14px;font-weight:760;text-decoration-thickness:1px;text-underline-offset:3px}.page-header h1,.article-body h1{margin:16px 0 12px;font-size:clamp(34px,5vw,54px);line-height:1.12}.page-header p,.article-body header p{margin:0;color:#40505c;font-size:17px}.article-body{margin-top:22px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:34px;box-shadow:0 12px 30px #1f29330f}.article-body header{border-bottom:1px solid var(--line);margin-bottom:28px;padding-bottom:24px}.article-body p{color:#40505c}.article-body h2{margin:42px 0 14px;font-size:clamp(24px,3vw,34px);line-height:1.22}.article-body h3{margin:28px 0 12px;font-size:21px;line-height:1.35}.article-body .lead{color:#40505c;font-size:17px;line-height:1.82}.article-body table{display:block;width:100%;overflow-x:auto;border-collapse:collapse;margin:18px 0 28px;font-size:14px}.article-body th,.article-body td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}.article-body th{background:var(--soft);color:var(--ink);font-weight:800}.article-body pre{overflow-x:auto;border-radius:var(--radius);background:var(--code);color:var(--code-text);margin:18px 0 28px;padding:18px;line-height:1.65}.article-body :not(pre)>code{border:1px solid var(--line);border-radius:6px;background:var(--soft);padding:.1em .35em;color:var(--ink);font-size:.92em}.article-body .diagram{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin:18px 0 28px;padding:16px}.article-body .diagram pre{margin:0;background:transparent;color:var(--ink)}.article-body .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0 28px}.article-body .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.article-body .card,.article-body .note,.article-body .step{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:18px}.article-body .card h3{margin-top:0}.article-body .note{background:var(--soft-2);margin:18px 0 28px}.article-body .warning{background:var(--soft-3)}.article-body .timeline{display:grid;gap:12px;margin:18px 0 28px}.article-body .step{display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}.article-body .step b{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--accent);color:#fff}.article-body .pill-list,.article-body .source-list{padding-left:1.2em}.article-body .pill-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px}.article-body .mini-svg{display:block;width:100%;height:auto;margin:18px 0 28px}.empty-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin:0;padding:22px;color:var(--muted)}@media(max-width:980px){.topbar-inner{grid-template-columns:1fr auto;padding:12px 0}.primary-nav,.search{display:none}.hero-inner,.content-grid{grid-template-columns:1fr}.hero-inner{min-height:0;padding:48px 0}.article-list{grid-template-columns:1fr}}@media(max-width:640px){.hero h1{font-size:38px}.knowledge-map{padding:16px}.map-row{grid-template-columns:38px 1fr}.map-row svg{display:none}.article-body{padding:24px}}