.editorial-reader{color:#20363c;padding:24px 0 60px}.article-breadcrumb{display:flex;gap:14px;font-size:14px;color:#547078;margin-bottom:36px}.article-breadcrumb a{text-decoration:none}.article-header{max-width:880px;margin:0 auto 40px}.article-kicker{display:flex;flex-wrap:wrap;gap:16px;color:#41666f;font-size:14px;margin-bottom:20px}.article-kicker span:first-child{border-bottom:2px solid #ba573f;padding-bottom:5px}.article-header h1{font-size:clamp(30px,4.3vw,58px);font-weight:650;line-height:1.14;letter-spacing:-.035em;max-width:880px}.article-deck{font-size:clamp(18px,1.6vw,22px);line-height:1.65;color:#526970;margin:24px 0}.article-byline{display:flex;gap:18px;align-items:center;font-size:14px;margin-top:24px}.article-byline img{width:90px;height:auto;object-fit:contain}.article-byline>div>span{font-weight:650}.article-byline p{font-size:13px;color:#61767b;margin-top:4px}.article-cover{margin:0 auto 56px;max-width:1040px}.article-cover img{display:block;width:100%;height:auto;border-radius:18px;aspect-ratio:3/2;object-fit:cover}.article-cover figcaption{font-size:12px;color:#64797f;margin-top:12px;line-height:1.6}.article-layout{display:grid;grid-template-columns:minmax(190px,250px) minmax(0,740px);gap:clamp(32px,5vw,80px);justify-content:center;align-items:start}.article-toc{position:sticky;top:112px;font-size:14px;max-height:calc(100dvh - 140px);overflow:auto;padding-right:6px}.article-toc summary{font-weight:650;cursor:pointer;padding-bottom:16px;border-bottom:1px solid #dce5e7}.article-toc nav{display:grid;gap:14px;margin:18px 0 28px}.article-toc nav a{line-height:1.6;text-decoration:none;color:#4a666e}.article-toc nav a:hover{color:#a34028}.article-toc nav span{color:#9d5745}.article-download{color:#315b67;display:block;line-height:1.6}.article-body{min-width:0;font-size:18px;line-height:1.9}.article-body p{margin:0 0 22px}.article-body .article-intro{font-size:21px;line-height:1.8}.article-body section{scroll-margin-top:110px;margin:52px 0}.article-body h2{font-size:clamp(23px,2vw,30px);line-height:1.32;letter-spacing:-.02em;margin:0 0 22px;font-weight:650}.article-takeaway{background:#f1f7f7;border-left:3px solid #668f93;padding:24px 28px;margin:32px 0}.article-takeaway strong{font-size:14px;color:#375b63}.article-takeaway p{margin:8px 0 0}.article-body a{text-decoration:underline;text-underline-offset:4px;color:#176278;overflow-wrap:anywhere}.article-body .article-citations{font-size:13px;line-height:1.8;color:#60747a}.article-table-wrap{overflow:auto;margin:30px 0;border:1px solid #d8e4e6;border-radius:12px}.article-table-wrap table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.65;min-width:480px}.article-table-wrap th,.article-table-wrap td{padding:15px 18px;text-align:left;vertical-align:top;border-bottom:1px solid #d8e4e6}.article-table-wrap thead{background:#edf4f5}.article-table-wrap tbody th{font-weight:600}.article-code{background:#132b35;color:#e8f3f6;border-radius:12px;overflow:hidden;margin:32px 0}.article-code figcaption{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;border-bottom:1px solid #35505a;font-size:13px;line-height:1.5}.article-code button{font:inherit;border:1px solid #77949f;background:#24424e;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer}.article-code pre{font:13px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre;overflow:auto;padding:22px;margin:0;max-height:560px}.article-code .article-code-note{font-size:12px;line-height:1.7;color:#c1d5dc;padding:0 22px 20px;margin:0}.article-code [role=status]{display:block;font-size:13px;padding:0 22px}.article-flow{background:#f8f5ef;border:1px solid #e7dfd0;padding:24px;border-radius:14px;margin:30px 0}.article-flow ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;gap:20px}.article-flow li{position:relative;padding-right:12px;line-height:1.5;font-size:14px;display:flex;flex-direction:column;gap:10px}.article-flow-number{width:28px;height:28px;display:grid;place-items:center;background:#e5dbca;color:#634c32;border-radius:50%;font-size:12px}.article-flow-arrow{position:absolute;right:-9px;top:0;color:#745b40;font-size:22px}.article-flow li:nth-child(3) .article-flow-arrow{transform:rotate(90deg)}.article-flow figcaption{font-size:12px;line-height:1.7;margin-top:20px;color:#685a47}.article-references{border-top:1px solid #d7e1e4;padding-top:30px}.article-references>p,.article-references li{font-size:14px;line-height:1.8}.article-references ol{padding-left:20px}.article-references li{padding-left:7px;margin:20px 0}.article-references li p{margin:6px 0;color:#526970}.article-next{background:#eef6f8;border-radius:14px;padding:28px}.article-next div{display:flex;flex-wrap:wrap;gap:16px}.article-next .text-link{font-size:14px}.article-next .text-link svg{width:18px;height:18px}.article-related{margin:64px auto 32px;max-width:1040px;border-top:1px solid #d7e1e4;padding-top:36px}.article-related>div>p{font-size:14px;color:#64777b}.article-related h2{font-size:30px;margin:8px 0 26px}.article-related-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.article-related article{border:1px solid #dce5e6;border-radius:16px;overflow:hidden}.article-related article img{width:100%;height:220px;object-fit:cover}.article-related article>div{padding:24px}.article-related h3{font-size:21px;line-height:1.4;margin:8px 0 12px}.article-related h3 a{color:inherit;text-decoration:none}.article-related article p{font-size:14px;line-height:1.7;color:#597078}.article-back{color:#365e69;display:block;max-width:1040px;margin:30px auto}.editorial-reader :focus-visible{outline:3px solid #247e96;outline-offset:4px}.article-body code{background:transparent}.article-body pre code{font:inherit;color:inherit}
@media(max-width:850px){.article-layout{display:block}.article-toc{position:static;max-height:none;margin-bottom:40px;padding:20px;border:1px solid #dce5e6;border-radius:12px}.article-toc nav{grid-template-columns:1fr 1fr;gap:12px 24px}.article-header{margin-bottom:28px}.article-cover{margin-bottom:32px}.article-body{max-width:740px;margin:auto}}
@media(max-width:540px){.editorial-reader{padding-top:12px}.article-breadcrumb{margin-bottom:28px}.article-header h1{font-size:32px}.article-header .article-deck{font-size:18px}.article-body{font-size:17px;line-height:1.85}.article-body .article-intro{font-size:19px}.article-body section{margin:38px 0}.article-toc nav{grid-template-columns:1fr}.article-takeaway,.article-next{padding:20px}.article-flow ol{grid-template-columns:1fr}.article-flow li{flex-direction:row;align-items:center;min-height:45px;gap:14px}.article-flow-arrow,.article-flow li:nth-child(3) .article-flow-arrow{right:auto;left:6px;top:39px;transform:rotate(90deg);font-size:18px}.article-flow-number{flex-shrink:0}.article-code pre{padding:16px;font-size:12px}.article-code figcaption{padding:14px}.article-related-grid{grid-template-columns:1fr}.article-cover img{border-radius:12px}.article-related h2{font-size:26px}}
/* Inline calculations may exceed a narrow reading column; code and tables retain their own scrolling. */
.article-body p{overflow-wrap:anywhere}
/* One continuous flow avoids ambiguous arrows across wrapped grid rows. */
@media(min-width:541px){.article-flow ol{grid-template-columns:1fr;gap:22px}.article-flow li{flex-direction:row;align-items:center;min-height:38px;gap:16px}.article-flow-number{flex-shrink:0}.article-flow-arrow,.article-flow li:nth-child(3) .article-flow-arrow{right:auto;left:7px;top:35px;transform:rotate(90deg);font-size:18px}}
.article-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:24px}.article-topbar .article-breadcrumb{margin-bottom:0}.article-languages{display:flex;flex-wrap:wrap;gap:6px;padding:4px;width:fit-content;border:1px solid #c6d6da;border-radius:10px;background:#f8fbfc;margin-bottom:24px;font-size:13px}.article-topbar .article-languages{margin-bottom:0}.article-languages a{display:block;padding:9px 13px;border-radius:7px;text-decoration:none;color:#365861;line-height:1.4}.article-languages a[aria-current="page"]{background:#244b59;color:white}.article-languages a:hover{box-shadow:inset 0 0 0 1px #4c707a}.article-case-label{font-size:13px;font-weight:650;letter-spacing:.02em;color:#86503c}.article-body .article-case-section{border-left:2px solid #d4b89a;padding-left:24px}.article-body .article-case-section h2{font-size:26px}.hub-entry-cover img{object-fit:cover}@media(max-width:540px){.article-topbar{gap:18px}.article-languages{font-size:12px}.article-body .article-case-section{padding-left:16px}.article-body .article-case-section h2{font-size:23px}}