:root{color-scheme:light;--ink: #37352f;--muted: #787774;--line: #e9e9e7;--soft: #f7f6f3;--paper: #fbfbfa;--accent: #782a24;--accent-dark: #5c1e19;--max: 1180px}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:linear-gradient(180deg,#ffffff 0%,var(--paper) 100%)}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px clamp(20px,5vw,56px);background:#ffffffe6;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.brand{font-weight:800;text-decoration:none;letter-spacing:.01em;font-size:14px;max-width:360px;line-height:1.3}nav{display:flex;gap:20px;font-size:14px;color:var(--muted)}nav a{text-decoration:none}.header-actions{display:flex;align-items:center;gap:18px}main{min-height:calc(100vh - 150px)}.hero{min-height:78vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.62fr);gap:clamp(34px,6vw,92px);align-items:center;padding:clamp(56px,9vw,112px) clamp(20px,5vw,56px) clamp(48px,8vw,92px);max-width:1320px;margin:0 auto}.hero-copy{max-width:880px}.eyebrow{color:var(--accent);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px;margin-bottom:16px}h1,h2,h3{letter-spacing:0}h1{font-size:clamp(38px,5.5vw,72px);line-height:1.05;margin:0 0 22px;max-width:980px}.lead{max-width:760px;font-size:clamp(17px,1.8vw,21px);line-height:1.7;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 19px;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-weight:700}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.pillar-panel{display:grid;gap:18px;padding-left:clamp(18px,3vw,34px);border-left:1px solid var(--line)}.pillar-panel div{padding:10px 0 20px;border-bottom:1px solid var(--line)}.pillar-panel span{display:block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px}.pillar-panel strong{display:block;font-size:clamp(18px,2vw,26px);line-height:1.25;font-weight:700}.section{max-width:var(--max);margin:0 auto;padding:70px clamp(20px,5vw,32px)}.intro-band{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:start;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-copy{max-width:760px}.section h2{font-size:clamp(28px,3.5vw,44px);line-height:1.1;margin:0 0 18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:34px;border-top:1px solid var(--line)}.card{display:block;min-height:100%;padding:26px 28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-decoration:none;background:#ffffff6b}.card:hover{background:#fff}.card h3{margin:0 0 10px;line-height:1.25}.card p{margin:0;color:var(--muted);line-height:1.6}.list-page{max-width:var(--max);margin:0 auto;padding:52px clamp(20px,5vw,32px) 80px}.article-list{display:grid;gap:12px;margin-top:28px}.article-row{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none}.article-row small{color:var(--muted);font-weight:700}.article-row h2{margin:0 0 5px;font-size:20px}.article-row p{margin:0;color:var(--muted)}.article-shell{width:100%;max-width:none;margin:0;padding:24px clamp(20px,5vw,32px) 90px clamp(6px,.8vw,10px);display:grid;grid-template-columns:minmax(230px,300px) 1fr minmax(200px,260px);gap:clamp(24px,3vw,44px)}.article{max-width:820px;min-width:0}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px;line-height:1.4}.article-breadcrumb-shell{padding:34px clamp(20px,5vw,32px) 0 clamp(6px,.8vw,10px)}.article-breadcrumb a{color:var(--ink);text-decoration:none}.article-breadcrumb a:hover{text-decoration:underline}.article h1{font-size:clamp(32px,4.5vw,54px);line-height:1.08}.meta{color:var(--muted);font-size:14px;margin:0 0 22px}.article-body{margin-top:34px;font-size:18px;line-height:1.82}.article-body h1{display:none}.article-body h2{margin-top:44px;font-size:28px}.article-body h3{margin-top:32px;font-size:22px}.article-body p{margin:0 0 18px}.article-body table{display:block;width:100%;max-width:100%;overflow-x:auto;margin:28px 0;border-collapse:collapse;font-size:15px;line-height:1.55;border:1px solid var(--line);border-radius:8px;background:#fff}.article-body thead{background:#f8fafc}.article-body th,.article-body td{min-width:150px;padding:11px 13px;border:1px solid var(--line);text-align:left;vertical-align:top}.article-body th{color:var(--ink);font-weight:600}.article-body td{color:var(--muted)}.article-body code{background:var(--soft);padding:2px 5px;border-radius:5px;font-size:.92em}.article-body pre{overflow-x:auto;margin:28px 0;padding:18px 20px;border:1px solid var(--line);border-radius:8px;background:#f8fafc;line-height:1.55}.article-body pre code{display:block;min-width:max-content;padding:0;border-radius:0;background:transparent;color:inherit;font-size:14px}.article-body blockquote{margin:24px 0;padding:16px 20px;border-left:3px solid var(--accent);background:var(--soft);border-radius:0 6px 6px 0;color:var(--muted)}.article-body blockquote p{margin:0}.article-body ul,.article-body ol{margin:0 0 18px;padding-left:24px}.article-body li{margin-bottom:8px;line-height:1.7}.page-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:60px;padding-top:28px;border-top:1px solid var(--line)}.page-nav-card{display:flex;flex-direction:column;gap:6px;padding:18px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#fff9}.page-nav-card:hover{background:#fff;border-color:var(--accent)}.page-nav-card.next{text-align:right}.page-nav-card.is-disabled{color:var(--muted);pointer-events:none}.page-nav-card span{font-size:12px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.page-nav-card strong{font-size:16px;line-height:1.3}.sidebox{padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px;position:sticky;top:80px;max-height:calc(100vh - 120px);overflow-y:auto;font-size:13px}.sidebox strong{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}.nav-tree{display:grid;gap:8px}.tree-part{display:grid;gap:4px}.tree-part-title{font-weight:700;font-size:12px;color:var(--muted);text-decoration:none;text-transform:uppercase;letter-spacing:.06em;padding:4px 0;display:block}.tree-part-title:hover{color:var(--ink)}.tree-chapters{display:grid;gap:2px;padding-left:8px}.tree-chapter{display:grid;gap:2px}.tree-chapter-title{font-weight:600;font-size:12.5px;color:var(--ink);text-decoration:none;padding:3px 6px;border-radius:4px;display:block;line-height:1.35}.tree-chapter-title:hover,.tree-chapter-title.is-current-parent{color:var(--accent);background:var(--soft)}.tree-articles{padding-left:10px;display:grid;gap:1px}.tree-article{font-size:12px;color:var(--muted);text-decoration:none;padding:3px 6px;border-radius:4px;display:grid;grid-template-columns:36px 1fr;gap:6px;line-height:1.35}.tree-article span{color:var(--accent);font-weight:700;font-size:11px}.tree-article:hover,.tree-article.is-current{color:var(--ink);background:var(--soft)}.tree-article.is-current{font-weight:600}.writer-box{padding:24px;background:#fff;border:1px solid var(--line);border-radius:10px;position:sticky;top:80px;display:grid;gap:14px;font-size:13px;align-content:start}.writer-box img{width:56px;height:56px;border-radius:50%;object-fit:cover}.writer-box strong{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:6px}.writer-box p{margin:0 0 8px;color:var(--muted);line-height:1.55}.writer-box a{color:var(--accent);text-decoration:none;font-weight:600}.share-button{margin-top:6px;padding:9px 14px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);font-size:13px;font-weight:600;cursor:pointer;width:100%}.share-button:hover{background:var(--soft)}.about-page{max-width:760px;margin:0 auto;padding:60px clamp(20px,5vw,32px) 100px}.about-page h1{font-size:clamp(34px,5vw,58px);line-height:1.05;margin-bottom:16px}.about-body{font-size:18px;line-height:1.82;margin-top:32px}.about-body h2{font-size:26px;margin-top:40px}.about-body p{margin:0 0 18px}.author-section{margin-top:60px;padding-top:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:80px 1fr;gap:24px;align-items:start}.author-section img{width:80px;height:80px;border-radius:50%;object-fit:cover}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px clamp(20px,5vw,56px);border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.site-footer a{color:var(--accent);text-decoration:none}.mermaid{margin:28px 0;overflow-x:auto}.illustration{margin:32px 0;text-align:center}.illustration img{max-width:100%;height:auto;border-radius:8px;border:1px solid var(--line)}.illustration figcaption{margin-top:10px;font-size:13px;color:var(--muted);font-style:italic}@media(max-width:900px){.hero{grid-template-columns:1fr}.pillar-panel{border-left:none;border-top:1px solid var(--line);padding-left:0;padding-top:24px}.intro-band,.grid,.article-shell{grid-template-columns:1fr}.sidebox,.writer-box{position:static;max-height:none}.article-row{grid-template-columns:1fr}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}