:root{--ink:#1d2734;--muted:#5d6877;--soft:#738092;--accent:#2463c4;--line:#e4e8ee;--paper:#ffffff;--tint:#f4f6f9;--rail:210px;--serif:var(--sans);--sans:-apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans CJK SC','Noto Sans CJK KR',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,summary{touch-action:manipulation}button,summary{cursor:pointer}button{color:inherit}a,button,summary{transition:color .16s ease,background-color .16s ease,border-color .16s ease}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}main:focus,section:focus{outline:none}::selection{background:#dfe8d9;color:#253329}.skip-link{position:fixed;top:12px;left:16px;transform:translateY(-160%);z-index:20;padding:12px 18px;border:1px solid var(--accent);border-radius:4px;background:var(--paper)}.skip-link:focus{transform:none}
.rail{position:fixed;inset:0 auto 0 0;width:var(--rail);border-right:1px solid var(--line);padding:43px 26px 28px;background:#f5f6f1;display:flex;flex-direction:column;z-index:5}.brand{font-family:Georgia,serif;font-size:43px;font-weight:bold;letter-spacing:-2.5px;line-height:1}.brand span{color:#809579}.brand-note{font-size:12px;color:var(--soft);margin:15px 0 44px;letter-spacing:.04em}.rail nav{display:grid;gap:5px}.rail nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;min-height:46px;border-radius:4px;font-size:14px;color:var(--muted)}.rail nav b{font-weight:400}.rail nav a>span{display:inline-flex;width:18px;align-items:center;justify-content:center;color:#7c8d7b;font-size:16px}.rail nav a:hover{background:#edf0e8}.rail nav a.active{background:#e5eefc;color:#344b3b}.rail nav a.active b{font-weight:600}.rail-bottom{margin-top:auto;padding-top:36px}.language{display:flex;align-items:center;gap:7px}.language button{border:0;background:none;font-size:12px;color:var(--soft);min-height:34px;padding:4px}.language>span{color:#c6cdc1;font-size:12px}.language button.selected{color:#354c3b;font-weight:600}.rail-bottom small{display:block;color:var(--soft);font-size:11px;line-height:1.8;margin-top:22px}.copyright{display:block;color:#8d968c;font-size:10px;margin-top:11px}
.workspace{margin-left:var(--rail)}.topbar{height:76px;padding:0 50px;border-bottom:1px solid var(--line);display:flex;align-items:center;color:var(--soft);font-size:10px;letter-spacing:1.5px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 196px;gap:48px;max-width:1280px;margin:0 auto;padding:54px 50px 84px;min-height:calc(100vh - 151px)}main{min-width:0}.eyebrow{font-size:11px;font-weight:500;letter-spacing:1.4px;color:var(--accent);line-height:1.7}.page-heading{font-family:var(--serif);font-size:clamp(34px,3.4vw,48px);font-weight:400;letter-spacing:-1.4px;line-height:1.22;margin:17px 0 21px;text-wrap:balance}.lede{font-size:15px;line-height:1.9;color:var(--muted);margin:0 0 32px;max-width:66ch}.collection-stats{display:flex;flex-wrap:wrap;gap:8px 21px;font-size:11px;line-height:1.8;color:var(--soft);margin:0 0 30px}.collection-stats b{font-size:15px;font-weight:500;color:var(--accent);margin-right:3px}
.toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12px 0;display:flex;flex-wrap:wrap;gap:7px 20px;align-items:center;justify-content:space-between}.tabs{display:flex;flex-wrap:wrap;gap:4px 17px;align-items:center}.tabs button{position:relative;min-height:35px;border:0;background:none;color:var(--muted);font-size:12px;padding:6px 0;white-space:nowrap}.tabs button:hover,.tabs button.active{color:var(--accent)}.tabs button.active{font-weight:600}.tabs button.active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#748a6d}.search{display:flex;align-items:center;gap:7px;color:var(--soft);min-height:36px}.search input{background:none;border:0;width:140px;min-width:0;color:var(--ink);font-size:12px;padding:7px 3px}.search input::placeholder{color:var(--soft)}.result-count{font-size:11px;color:var(--soft);padding-top:21px;letter-spacing:.2px}.article-card{padding:31px 0 33px;border-bottom:1px solid var(--line)}.card-meta{display:flex;flex-wrap:wrap;gap:7px 13px;color:var(--accent);font-size:11px;letter-spacing:.4px;line-height:1.7}.sample{color:var(--soft);font-size:10px}.card-meta .sample:before{content:'·';padding-right:13px;color:#aab5a6}.article-card h2{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:-.5px;line-height:1.4;margin:11px 0 10px;text-wrap:pretty}.article-card p{font-size:14px;line-height:1.85;color:var(--muted);margin:0;max-width:64ch}.article-card a:hover h2,.readlink:hover{color:var(--accent)}.card-foot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;align-items:center;margin-top:20px;font-size:11px;line-height:1.7;color:var(--soft)}.readlink{color:var(--accent);padding:5px 0}.empty{padding:45px 0;color:var(--muted);line-height:1.9;font-size:14px}.text-button{border:0;border-bottom:1px solid #b8c7dc;background:none;padding:5px 0;color:var(--accent);font-size:12px;line-height:1.7}.text-button:hover{border-color:var(--accent)}
.reading-rail{border-left:1px solid var(--line);padding-left:27px;padding-top:5px}.reading-rail section{margin-bottom:35px}.reading-rail .eyebrow{font-size:10px;letter-spacing:1.1px}.intro{font-family:var(--serif);font-size:20px;line-height:1.6;margin:15px 0 12px;letter-spacing:-.3px}.muted{font-size:12px;color:var(--soft);line-height:1.85}.topic{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.6;color:var(--muted)}.topic:hover{color:var(--accent)}.topic span:last-child{color:#8d9e83}.recent{display:block;margin-top:23px}.recent small{display:block;font-size:9px;color:var(--soft);letter-spacing:.7px;margin-bottom:9px;line-height:1.8}.recent>span{font-family:var(--serif);font-size:17px;line-height:1.6}.recent:hover{color:var(--accent)}.side-end{font-size:9px;letter-spacing:1.1px;line-height:1.9;color:#879280}.bottomline{border-top:1px solid var(--line);margin:0 50px;padding:23px 0;font-size:11px;color:var(--soft);display:flex;gap:20px;justify-content:space-between;line-height:1.7}
[data-view="reading"] .layout,[data-view="about"] .layout{display:block;max-width:990px;padding-top:46px}[data-view="reading"] .reading-rail,[data-view="about"] .reading-rail{display:none}.reading{max-width:760px;margin:0 auto}.back{display:inline-flex;align-items:center;font-size:12px;color:var(--accent);padding:5px 0;margin:0 0 28px;line-height:1.7}.project-reading h1{font-size:clamp(32px,3.3vw,44px);line-height:1.3;overflow-wrap:break-word;margin:17px 0 22px}.project-reading .lede{font-size:17px;line-height:1.9;color:var(--muted);max-width:none}.project-actions{display:flex;flex-wrap:wrap;gap:12px 21px;align-items:center;margin:27px 0 30px;font-size:12px;line-height:1.7;color:var(--soft)}.primary-download{display:inline-block;background:var(--accent);color:#fff;border:1px solid var(--accent);border-radius:4px;padding:11px 17px;font-size:12px;line-height:1.7}.primary-download:hover{background:#1d4f9e;border-color:#1d4f9e}.article-outline{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 43px}.article-outline summary{display:flex;list-style:none;justify-content:space-between;align-items:center;padding:17px 0;font-size:11px;letter-spacing:1px;color:var(--accent)}.article-outline summary::-webkit-details-marker{display:none}.article-outline summary>span{font-size:18px;line-height:1;font-weight:300}.article-outline[open] summary>span{transform:rotate(45deg)}.article-outline>div{display:grid;grid-template-columns:1fr 1fr;gap:3px 24px;padding:0 0 20px}.article-outline button{border:0;background:none;text-align:left;color:var(--muted);font-size:12px;line-height:1.7;padding:7px 0}.article-outline button:hover{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.project-reading section{margin:0 0 43px;scroll-margin-top:32px}.reading h2{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:-.35px;line-height:1.5;margin:38px 0 17px;text-wrap:pretty}.reading p,.about-intro p{font-size:16px;line-height:2;color:#475569;margin:0 0 22px;overflow-wrap:break-word}.reading p:last-child{margin-bottom:0}.reading .small-copy{font-size:12px;line-height:1.9;color:var(--soft)}.run-commands,.source-code{padding:21px 23px;background:#f4f6f9;border:1px solid #e1e7ef;border-radius:4px;overflow:auto;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',monospace;tab-size:4}.source-code{max-height:600px;margin:10px 0 21px;overscroll-behavior:contain}.run-commands{margin:20px 0}.source-details{margin:17px 0}.source-details summary{list-style:none;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px;line-height:1.7;color:var(--accent)}.source-details summary::-webkit-details-marker{display:none}.source-details summary:after{content:'+';float:right;font-size:18px;font-weight:300}.source-details[open] summary:after{content:'−'}.source-details[open] summary{border-bottom:0}.readme-content{white-space:pre-wrap;overflow-wrap:anywhere}.output-summary{padding:12px 0;cursor:pointer;font-size:13px;color:var(--accent);line-height:1.7}.evidence-chart{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:4px;margin:23px 0 13px}.guide-status{border-left:2px solid #91afd8;padding:14px 18px;background:var(--tint);font-size:14px!important}.reference-list{margin-top:42px!important}.reference-list ul{padding-left:18px;font-size:13px;line-height:2;color:var(--accent);overflow-wrap:anywhere}.reference-list a:hover{text-decoration:underline;text-underline-offset:3px}.checksum{font-size:10px;color:var(--soft);margin-top:31px}.checksum span{display:block;margin-bottom:9px}.checksum code{font:10px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;overflow-wrap:anywhere}.reading-end{border-top:1px solid var(--line);padding-top:25px;margin-top:52px}.reading-end-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--accent);font-size:12px}.related-articles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}.related-articles a{position:relative;border:1px solid var(--line);border-radius:4px;padding:20px 35px 20px 20px}.related-articles a:hover{border-color:#b9cde9;background:#f6f8fc}.related-articles small{display:block;font-size:10px;color:var(--soft);line-height:1.8;margin-bottom:10px}.related-articles span{font-family:var(--serif);font-size:19px;line-height:1.6}.related-articles b{position:absolute;right:15px;top:20px;font-weight:400;font-size:13px;color:var(--accent)}
.about-header{display:grid;grid-template-columns:minmax(0,1fr) 242px;gap:44px;align-items:center;padding:13px 0 40px;border-bottom:1px solid var(--line);margin:0 auto 36px;max-width:800px}.about-header .page-heading{word-break:keep-all;font-size:43px;margin-top:15px}.about-header .lede{font-size:14px;margin-bottom:25px}.about-intro p{font-size:15px;line-height:1.95;margin:0}.about-portrait{position:relative;width:100%;aspect-ratio:4/5;margin:0;overflow:hidden;border:1px solid #dedfd5;border-radius:5px;background:#e9e3d8}.about-portrait img{display:block;position:absolute;width:128%;max-width:none;height:auto;left:0;top:-10%}.about-body{max-width:800px}.about-body section{max-width:680px;margin:0 0 35px}.about-body h2{font-size:25px}.text-link{display:inline-flex;gap:15px;align-items:center;font-size:13px;color:var(--accent);padding:6px 0;border-bottom:1px solid #b7c7df}.tool-list .article-card{padding:32px 0}.tool-list .card-foot{justify-content:flex-end}
:lang(ko) .page-heading,:lang(ko) .article-card h2,:lang(ko) .reading h2{word-break:keep-all}:lang(zh-CN) .page-heading,:lang(ko) .page-heading{letter-spacing:-.9px}:lang(zh-CN) .reading p{line-height:2.05;letter-spacing:.015em}
@media(min-width:1500px){.layout{padding-top:64px;gap:64px;grid-template-columns:minmax(0,1fr) 220px}.reading-rail{padding-left:32px}.topbar{padding-left:max(50px,calc((100vw - var(--rail) - 1180px)/2))}[data-view="reading"] .layout,[data-view="about"] .layout{padding-top:56px}}
@media(max-width:1150px){:root{--rail:186px}.rail{padding:36px 20px 25px}.brand{font-size:40px}.layout{padding:43px 36px 66px;gap:32px;grid-template-columns:minmax(0,1fr) 175px}.topbar{padding:0 36px}.reading-rail{padding-left:23px}.article-card h2{font-size:25px}.search{width:100%;border-top:1px solid #e9ece5;padding-top:7px}.search input{width:100%}.bottomline{margin:0 36px}.about-header{grid-template-columns:minmax(0,1fr) 220px;gap:34px}}
@media(max-width:950px){.layout{display:block;max-width:840px}.reading-rail{display:none}.search{width:auto;border-top:0;padding-top:0}.search input{width:150px}.about-header{grid-template-columns:minmax(0,1fr) 210px;gap:28px}.about-header .page-heading{font-size:37px}.about-intro p{font-size:14px}}
@media(max-width:700px){:root{--rail:0px}.rail{position:relative;width:100%;padding:23px 24px 0;display:block;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:35px}.brand-note{display:none}.rail nav{display:flex;gap:25px;overflow-x:auto;margin-top:18px;scrollbar-width:none}.rail nav::-webkit-scrollbar{display:none}.rail nav a{min-height:45px;padding:10px 0 14px;white-space:nowrap;border-radius:0;font-size:13px;border-bottom:2px solid transparent}.rail nav a>span{display:none}.rail nav a.active,.rail nav a:hover{background:none}.rail nav a.active{border-bottom-color:var(--accent)}.rail-bottom{position:absolute;right:21px;top:24px;margin:0;padding:0}.rail-bottom small,.copyright{display:none}.language{gap:5px}.language button{font-size:12px;min-height:33px}.workspace{margin:0}.topbar{height:47px;padding:0 24px;font-size:9px;letter-spacing:1px}.layout,[data-view="reading"] .layout,[data-view="about"] .layout{padding:36px 24px 55px;min-height:calc(100vh - 220px)}.page-heading{font-size:35px;letter-spacing:-.9px;margin:14px 0 18px}.lede{font-size:14px;line-height:1.9;margin-bottom:25px}.collection-stats{font-size:10px;gap:7px 16px;margin-bottom:24px}.collection-stats b{font-size:14px}.toolbar{gap:8px;padding:9px 0}.tabs{gap:4px 16px}.tabs button{font-size:12px;min-height:35px}.search{width:100%;border-top:1px solid #e9ece5;padding-top:6px}.search input{width:100%;font-size:14px}.result-count{padding-top:17px;font-size:10px}.article-card{padding:27px 0 29px}.article-card h2{font-size:24px;line-height:1.45;margin:10px 0}.article-card p{font-size:14px}.card-meta{font-size:10px;gap:7px 11px}.sample{font-size:10px}.card-meta .sample:before{padding-right:11px}.card-foot{margin-top:17px;font-size:10px}.bottomline{margin:0 24px;padding:20px 0;font-size:10px;gap:14px}.back{font-size:12px;margin-bottom:24px}.project-reading h1{font-size:32px;line-height:1.35;margin:15px 0 21px}.project-reading .lede{font-size:16px;line-height:1.95}.project-actions{margin:25px 0;font-size:11px;gap:13px 18px}.primary-download{padding:11px 16px}.article-outline{margin:25px 0 35px}.article-outline>div{grid-template-columns:1fr;gap:0}.article-outline button{font-size:13px;padding:8px 0}.reading h2{font-size:24px;margin:31px 0 15px}.reading p{font-size:16px;line-height:2}.project-reading section{margin-bottom:36px;scroll-margin-top:24px}.run-commands,.source-code{padding:17px;font-size:11px}.source-code{max-height:500px}.reading .small-copy{font-size:11px}.related-articles{grid-template-columns:1fr;gap:12px}.related-articles a{padding:17px 34px 17px 17px}.reading-end{margin-top:40px}.about-header{display:flex;flex-direction:column;gap:29px;padding:0 0 32px;margin-bottom:29px}.about-header>div{width:100%}.about-header .page-heading{font-size:36px}.about-header .lede{font-size:14px;margin-bottom:22px}.about-intro p{font-size:15px;line-height:2}.about-portrait{width:min(100%,280px);margin:0 auto}.about-body h2{font-size:24px}.about-body p{font-size:15px}.about-body section{margin-bottom:31px}}
@media(max-width:370px){.rail{padding-left:19px;padding-right:19px}.rail-bottom{right:16px}.rail nav{gap:21px}.layout,[data-view="reading"] .layout,[data-view="about"] .layout{padding-left:19px;padding-right:19px}.topbar{padding:0 19px}.page-heading{font-size:32px}.tabs{gap:4px 13px}.bottomline{margin:0 19px}.collection-stats{gap:6px 12px}.project-reading h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

/* Product overviews stay compact and distinct from implementation articles. */
.product-card h2{font-family:var(--sans);font-size:31px;letter-spacing:-.9px;font-weight:550;margin:12px 0 13px}.product-facts{display:grid;gap:14px;margin:22px 0}.product-facts>div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:17px}.product-facts dt{font-size:11px;color:var(--accent);line-height:1.85}.product-facts dd{margin:0;font-size:13px;line-height:1.85;color:var(--muted)}.product-card .product-status{font-size:10px;color:var(--soft);letter-spacing:.35px;margin-top:21px}.tool-list .product-card .card-foot{justify-content:space-between;margin-top:12px}.product-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin:25px 0 42px}.product-reading .product-facts{border-bottom:1px solid var(--line);padding-bottom:25px}.product-reading .product-facts dd{font-size:15px;line-height:1.95}.product-reading .guide-status strong{font-size:11px;letter-spacing:.25px;font-weight:600}.workflow-guide{border-top:1px solid var(--line);margin-top:34px}.workflow-guide[open]{padding-bottom:24px}.workflow-guide>h2{font-size:23px}.brand-note{letter-spacing:0}.topbar{line-height:1.6}
@media(max-width:700px){.product-card h2{font-size:29px}.product-facts>div{grid-template-columns:1fr;gap:3px}.product-facts{gap:16px}.product-facts dt{font-size:10px}.product-facts dd{font-size:13px}.product-reading .product-facts dd{font-size:15px}.product-reading .guide-status{font-size:13px!important}.product-actions{gap:18px;margin-bottom:32px}}

.about-story>p{max-width:680px;margin-bottom:27px}.about-story>.text-link{margin-top:8px}.about-header .about-intro{margin-top:23px}

/* Pagination and full editorial bodies extend the existing reading layout. */
.rail{overflow-y:auto}.rail nav a{gap:10px}.rail nav b{line-height:1.55}.pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;border-top:1px solid var(--line);margin-top:32px;padding:22px 0 0}.pagination button{min-width:42px;min-height:42px;border:1px solid transparent;border-radius:4px;background:none;color:var(--accent);font-size:12px;padding:8px 10px}.pagination button:hover:not(:disabled){background:var(--tint);border-color:var(--line)}.pagination button[aria-current="page"]{background:#e5eefc;border-color:#c7d8f3;font-weight:600}.pagination button:disabled{color:#8c968d;cursor:default;opacity:.65}.page-numbers{display:flex;flex-wrap:wrap;justify-content:center;min-width:0;gap:6px}.result-count:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.legacy-notice{font-size:13px!important;border-left:2px solid #b3b9ad;background:var(--tint);padding:13px 18px}.article-body img{display:block;max-width:100%;height:auto;border:1px solid var(--line);border-radius:4px;margin:25px auto 13px}.article-body figure{margin:25px 0}.article-body figcaption{font-size:12px;line-height:1.85;color:var(--muted)}.article-body pre{max-width:100%;padding:20px;background:#f4f6f9;border:1px solid var(--line);border-radius:4px;overflow:auto;font:12px/1.85 ui-monospace,SFMono-Regular,Consolas,monospace}.article-body :not(pre)>code{font:0.88em/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;background:#eef2f7;padding:2px 4px;border-radius:3px;overflow-wrap:anywhere}.article-body h3{font-family:var(--serif);font-size:22px;font-weight:400;line-height:1.6;margin:28px 0 13px}.article-body ul,.article-body ol{padding-left:25px;color:#475569;font-size:16px;line-height:1.95;margin:0 0 24px}.article-body li{padding-left:3px;margin-bottom:8px}.article-body li>p{margin-bottom:9px}.article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.article-body blockquote{margin:22px 0;border-left:2px solid #91afd8;padding:3px 19px;color:var(--muted)}.table-scroll{overflow-x:auto;max-width:100%;margin:23px 0}.article-body table{width:100%;border-collapse:collapse;font-size:13px;line-height:1.85}.article-body th,.article-body td{padding:12px 14px;border:1px solid var(--line);text-align:left;vertical-align:top}.article-body th{background:var(--tint);font-weight:500}.article-body pre code{font:inherit}.article-body section:last-child{margin-bottom:35px}
@media(max-width:700px){.rail{overflow-y:visible}.pagination{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 7px}.pagination .page-numbers{grid-column:1/-1;grid-row:1;gap:4px}.pagination>button:first-child{grid-column:1;grid-row:2;justify-self:start}.pagination>button:last-child{grid-column:2;grid-row:2;justify-self:end}.pagination button{padding:8px 6px;font-size:11px}.article-body ul,.article-body ol{font-size:15px;padding-left:23px}.article-body pre{font-size:11px;padding:16px}.article-body h3{font-size:21px}.article-body th,.article-body td{padding:10px}.legacy-notice{font-size:12px!important}}
.article-body .full-size-image{display:block;width:fit-content;margin:0 0 19px auto;font-family:var(--sans);font-size:12px;line-height:1.8;padding:6px 0;text-decoration:none;border-bottom:1px solid #b7c7df}.article-body .full-size-image:hover{text-decoration:underline}.article-body figure>.full-size-image{margin-bottom:12px}@media(max-width:700px){.article-body .full-size-image{min-height:40px;padding:9px 0;font-size:12px}}

/* Direction B: a quiet technical index, with content taking the full main column. */
:root{--rail:224px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}::selection{background:#dbe8fc;color:#183758}
.rail{background:#f5f6f8;padding:38px 20px 25px;border-color:#e5e8ed}.brand{font-family:var(--sans);font-size:32px;letter-spacing:-1.3px;color:#17212d;font-weight:700;padding-left:12px}.brand span{color:var(--accent)}.brand-note{font-size:11px;letter-spacing:0;margin:11px 0 34px;padding-left:12px;color:#6a7583}.rail nav{gap:5px}.rail nav a{padding:10px 12px;min-height:43px;font-size:12px;gap:11px;color:#465260;border-radius:5px}.rail nav a>span{color:#657387}.rail nav a.active{background:#e6eefb;color:#1955b3}.rail nav a.active>span{color:#2463c4}.rail nav a:hover{background:#eaf0f8}.rail nav b{font-weight:450;line-height:1.45}.rail-search{display:flex;align-items:center;gap:7px;border:1px solid #dbe1e9;border-radius:5px;background:#fff;margin:28px 6px 0;padding:3px 8px;min-width:0}.rail-search svg{width:15px;flex:none;color:#748195}.rail-search input{background:none;border:0;min-width:0;width:100%;font-size:11px;color:var(--ink);padding:8px 0}.rail-search input::placeholder{color:#7c8796}.rail-search button{padding:3px 0;border:0;background:none;color:#7c8796}.rail-bottom{padding:32px 10px 0}.language button{color:#7a8594}.language button.selected{color:#215db8}.rail-bottom small{font-size:10px;color:#7a8594}.copyright{color:#8b95a2}
.layout{display:block;max-width:1060px;padding:53px 64px 72px;min-height:calc(100vh - 70px)}.reading-rail,.topbar{display:none}.eyebrow{color:#6d7c8e;font-size:10px;letter-spacing:1.4px;font-weight:600}.page-heading{font-weight:650;font-size:clamp(30px,3vw,40px);line-height:1.23;letter-spacing:-1.4px;margin:13px 0 17px;max-width:740px;text-wrap:pretty}.lede{font-size:14px;line-height:1.85;margin-bottom:32px;max-width:77ch}.section-title{font-size:18px;line-height:1.5;font-weight:650;letter-spacing:-.4px;margin:0}.featured-section{margin:0 0 36px}.featured-section[hidden]{display:none}.featured-card{display:grid;grid-template-columns:minmax(0,1fr) 172px;align-items:center;gap:26px;border:1px solid #dfe5ee;border-radius:7px;padding:20px 22px;margin-top:13px;background:#fff;transition:border-color .16s ease,background-color .16s ease}.featured-card:hover{border-color:#adc6e8;background:#fcfdff}.featured-card h3{font-size:21px;font-weight:650;letter-spacing:-.5px;line-height:1.45;margin:7px 0 8px;text-wrap:pretty}.featured-card p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;max-width:63ch}.featured-card .card-meta{font-size:10px}.featured-read{display:inline-flex;align-items:center;gap:12px;margin-top:14px;color:var(--accent);font-size:11px;font-weight:550}.collection-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.toolbar{padding:8px 0 11px;gap:8px 20px}.tabs{gap:4px 18px}.tabs button{font-size:11px;min-height:32px}.tabs button.active:after{background:var(--accent)}.search{width:100%;padding:5px 0 0;border-top:1px solid #edf0f4;gap:8px}.search input{font-size:12px;width:100%;padding:7px 3px}.result-count{padding-top:16px;padding-bottom:3px;font-size:10px;letter-spacing:0;color:#7a8594}.article-card{display:flex;align-items:center;gap:22px;padding:22px 0}.article-card-copy{min-width:0;flex:1}.card-meta{font-size:10px;gap:7px 11px;letter-spacing:0;color:#52708f}.sample{font-size:9px;color:#8691a0}.card-meta .sample:before{color:#bac4d0;padding-right:11px}.article-card h2{font-size:18px;line-height:1.5;font-weight:600;letter-spacing:-.35px;margin:5px 0 6px}.article-card p{font-size:12px;line-height:1.8;color:#687587;max-width:78ch}.card-foot{margin-top:9px;font-size:10px;line-height:1.6;gap:5px 15px;color:#8290a0}.readlink{padding:0}.bottomline{margin:0 64px;font-size:10px}.pagination{margin-top:25px}.pagination button{font-size:11px;min-width:34px;min-height:36px;padding:7px}.page-numbers{gap:3px}
[data-view="reading"] .layout,[data-view="about"] .layout{max-width:1020px;padding-top:47px}.project-reading h1{font-weight:650;font-size:clamp(29px,3.1vw,39px);letter-spacing:-1px}.reading h2{font-size:25px;font-weight:600;letter-spacing:-.4px}.article-body h3{font-size:20px;font-weight:600}.reading p{color:#475569}.article-body ul,.article-body ol{color:#475569}.related-articles span{font-size:17px;font-weight:550}.about-header .page-heading{font-size:36px;font-weight:650}.about-portrait{border-color:#dfe4eb}.guide-status{border-color:#91afd8}
@media(min-width:1500px){.layout{padding-top:60px}.rail{padding-top:44px}}
@media(max-width:1150px){:root{--rail:202px}.rail{padding:32px 15px 25px}.brand{font-size:30px}.rail nav a{font-size:11px;padding:10px;gap:9px}.layout{padding:44px 42px 65px}.bottomline{margin:0 42px}.featured-card{grid-template-columns:minmax(0,1fr) 145px;gap:20px}.featured-card h3{font-size:20px}.article-card h2{font-size:17px}}
@media(max-width:800px) and (min-width:701px){:root{--rail:184px}.layout{padding:36px 28px 56px}.rail{padding-left:10px;padding-right:10px}.featured-card{grid-template-columns:minmax(0,1fr) 108px;padding:17px;gap:14px}.featured-card h3{font-size:18px}.article-card{gap:16px}}
@media(max-width:700px){:root{--rail:0px}.rail{position:relative;display:block;width:100%;padding:22px 23px 0;background:#f5f6f8;border-right:0}.brand{font-size:28px;padding-left:0;letter-spacing:-1.2px}.brand-note{display:none}.rail-bottom{top:20px;right:20px;padding:0}.rail nav{margin-top:18px;gap:23px;display:flex}.rail nav a{padding:10px 0 13px;min-height:43px;font-size:12px;border-radius:0}.rail nav a.active,.rail nav a:hover{background:none}.rail nav a.active{border-bottom-color:var(--accent)}.rail nav a>span{display:none}.rail-search{display:none}.rail-bottom small,.copyright{display:none}.layout,[data-view="reading"] .layout,[data-view="about"] .layout{padding:30px 23px 48px;min-height:calc(100vh - 180px)}.page-heading{font-size:30px;line-height:1.3;letter-spacing:-1px;margin:11px 0 13px}.lede{font-size:13px;line-height:1.9;margin-bottom:26px}.eyebrow{font-size:9px}.section-title{font-size:17px}.featured-section{margin-bottom:29px}.featured-card{padding:16px;gap:14px;grid-template-columns:minmax(0,1fr) 90px;margin-top:11px}.featured-card h3{font-size:17px;line-height:1.5;letter-spacing:-.3px;margin:6px 0}.featured-card p{font-size:11px;line-height:1.75}.featured-read{font-size:10px;margin-top:11px}.collection-heading{margin-bottom:11px}.toolbar{padding-top:7px;padding-bottom:8px;gap:7px}.tabs{gap:4px 16px}.tabs button{font-size:11px;min-height:34px}.search{border-top:1px solid #edf0f4;padding-top:5px}.search input{font-size:13px}.article-card{gap:14px;padding:19px 0;align-items:flex-start}.article-card h2{font-size:16px;line-height:1.5;margin:5px 0;letter-spacing:-.3px}.article-card p{font-size:11px;line-height:1.8}.card-meta{font-size:9px;gap:5px 9px}.sample{font-size:8px}.card-meta .sample:before{padding-right:9px}.card-foot{font-size:9px;gap:6px;margin-top:8px}.card-foot>span{max-width:100%}.result-count{font-size:10px;padding-top:14px}.bottomline{margin:0 23px;font-size:10px}.pagination button{min-width:36px;min-height:40px}.pagination .page-numbers{gap:4px}.project-reading h1{font-size:29px;letter-spacing:-.7px}.reading h2{font-size:23px}.article-body h3{font-size:20px}.about-header .page-heading{font-size:32px}.language{gap:5px}.language button{font-size:11px;min-height:32px}
}
@media(max-width:370px){.rail{padding-left:18px;padding-right:18px}.rail-bottom{right:15px}.layout,[data-view="reading"] .layout,[data-view="about"] .layout{padding-left:18px;padding-right:18px}.featured-card{grid-template-columns:minmax(0,1fr) 72px;gap:10px;padding:14px}.featured-card h3{font-size:16px}.article-card{gap:11px}.article-card h2{font-size:15px}.page-heading{font-size:28px}.bottomline{margin:0 18px}}

/* Keep the overview compact; leave long-form articles comfortably spaced. */
@media(min-width:701px){[data-view="collection"] .layout{padding-top:36px}.featured-card{padding:17px 20px;gap:22px}.featured-card h3{font-size:19px;line-height:1.45}.featured-card p{font-size:12px;line-height:1.75}.featured-read{margin-top:11px}.featured-section{margin-bottom:29px}.lede{margin-bottom:25px}.toolbar .search{width:auto;border-top:0;padding-top:0}.toolbar .search input{width:145px}.toolbar{gap:7px 18px}.collection-heading{margin-bottom:11px}}

/* Each preview is the corresponding article's real, localized diagram. */
.article-thumbnail{display:flex;align-items:center;justify-content:center;flex:none;width:150px;min-height:74px;overflow:hidden;border:1px solid #e5eaf1;border-radius:5px;background:#f7f9fc}
.article-thumbnail img{display:block;width:100%;height:auto;object-fit:contain;max-height:115px;border-radius:4px}
.article-thumbnail img[hidden]{display:none}
.featured-thumbnail{width:100%;min-height:100px}.featured-thumbnail img{max-height:155px}
.thumbnail-fallback{display:none;font-size:10px;line-height:1.6;color:#768396;text-align:center;padding:14px 8px}
.thumbnail-unavailable .thumbnail-fallback{display:block}
@media(max-width:1150px) and (min-width:701px){.article-thumbnail{width:125px;min-height:66px}.featured-thumbnail{width:100%}}
@media(max-width:800px) and (min-width:701px){.article-thumbnail{width:105px;min-height:60px}.featured-thumbnail{width:100%}}
@media(max-width:700px){.article-thumbnail{width:92px;min-height:54px;margin-top:5px}.article-thumbnail img{max-height:90px}.featured-thumbnail{width:100%;min-height:64px;margin-top:0}.featured-thumbnail img{max-height:120px}.thumbnail-fallback{font-size:9px}}
@media(max-width:370px){.article-thumbnail{width:78px;min-height:48px}.featured-thumbnail{width:100%}}