/* Editorial structure: shared by every imported content family. */
.reading-page .wrap{max-width:1180px}.reading-page .article-heading{max-width:900px;padding:32px 0 28px}.reading-page .article-heading h1{font-size:clamp(30px,3.3vw,45px);max-width:31ch;line-height:1.22;letter-spacing:-1.2px;margin:12px 0 19px}.reading-meta{color:var(--paper-muted);font-size:11px;margin-top:15px;display:flex;gap:12px}.reading-page .article-layout{grid-template-columns:minmax(0,780px) minmax(200px,1fr);gap:40px;align-items:start}.article-main{min-width:0}.prose{font-size:15px;line-height:1.9;letter-spacing:0;max-width:none;overflow-wrap:break-word}.prose p{margin:15px 0;max-width:76ch}.prose p:first-child{margin-top:0}.prose p:last-child{margin-bottom:0}.prose h2{font-family:var(--serif);font-size:29px;line-height:1.3;font-weight:500;letter-spacing:-.65px;margin:44px 0 18px;scroll-margin-top:100px}.prose h3{font-family:var(--sans);font-size:19px;line-height:1.45;font-weight:600;letter-spacing:-.25px;margin:30px 0 14px;scroll-margin-top:100px}.prose h4{font:600 16px/1.5 var(--sans);margin:19px 0 8px}.prose h2 a:empty,.prose h3 a:empty{display:none}.prose .reading-section{margin:38px 0}.prose .reading-section>h2:first-child,.prose .reading-section>.section-title-row:first-child h2{margin-top:0}.prose :where(ul,ol){padding-left:25px;margin:18px 0;max-width:76ch}.prose li{padding-left:5px;margin:9px 0}.prose li::marker{color:var(--clay);font-size:.9em}.prose li>p{margin:5px 0}.prose li :where(ul,ol){margin:9px 0}.prose strong{font-weight:650;color:var(--paper)}.prose a{text-decoration-thickness:1px;text-underline-offset:4px;overflow-wrap:anywhere}.prose a:hover{text-decoration-color:var(--clay)}
/* Covers replace stretched low-resolution tool thumbnails. */
.reading-cover{position:relative;isolation:isolate;display:block;height:290px;margin:0 0 30px;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#141413;color:#eeece6}.reading-cover>img{position:absolute;inset:0 0 0 auto;width:auto;max-width:100%;height:100%;object-fit:contain;display:block;opacity:.92}.reading-cover::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141413 0%,#141413ee 15%,#14141388 43%,transparent 70%);z-index:0;pointer-events:none}.reading-cover>figcaption{position:relative;z-index:1;display:flex;height:100%;flex-direction:column;justify-content:center;gap:13px;padding:30px;max-width:52%}.cover-category{font:500 10px/1.5 var(--sans);color:#e99b7a}.reading-cover strong{font:400 clamp(22px,2.2vw,31px)/1.25 var(--serif);letter-spacing:-.5px;color:#eeece6;overflow-wrap:anywhere}.reading-cover .cover-brand{font-size:11px}.resource-cover{display:block;margin:20px 0}.resource-cover img{display:block;width:100%;height:auto}.resource-cover figcaption{padding:10px 0}.resource-name[data-duplicate-title]{display:none}.resource-intro{padding:23px 26px;margin-bottom:32px;background:var(--ink-raised);border:1px solid var(--line);border-radius:12px}.resource-intro p{font-size:14px;color:var(--paper-muted);line-height:1.85}.resource-intro>p:nth-of-type(2){font-size:16px;color:var(--paper);line-height:1.75}.resource-intro>div:empty{display:none}.resource-intro>p:first-child{margin-top:0}.resource-badges{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0}.resource-badges>span:not(:empty){padding:5px 9px;border:1px solid var(--line);border-radius:5px;font-size:10px;line-height:1.6;background:var(--ink);color:var(--paper-muted)}.resource-intro a[href^="#"]{display:inline-flex;padding:9px 13px;background:var(--ink-soft);border:1px solid var(--line);border-radius:7px;font-size:12px;text-decoration:none;margin:5px 0}.prose .section-title-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:15px}.prose .section-title-row>h2,.prose .section-title-row>h3{margin:0}.section-title-row>span{font-size:11px;color:var(--paper-muted)}
/* Body components retain their hierarchy instead of becoming a wall of text. */
.prose .reading-callout{padding:23px 26px;margin:24px 0;border:1px solid var(--line);border-left:3px solid var(--clay);border-radius:0 10px 10px 0;background:color-mix(in srgb,var(--clay) 4%,var(--ink-raised))}.reading-callout>p:first-child{font-size:11px;font-weight:650;color:var(--clay);margin-bottom:10px}.reading-callout p{font-size:14px;line-height:1.85}.prose [data-mdx-block=callout]{border-left-color:var(--green);background:color-mix(in srgb,var(--green) 5%,var(--ink-raised))}.prose [data-mdx-block=attention-hook]{border-left-color:var(--paper-muted)}.prose .example-panel{padding:22px 24px;border:1px solid var(--line);border-radius:10px;background:var(--ink-raised);margin:15px 0}.example-panel>p:first-child{font-size:11px;font-weight:600;color:var(--clay);margin-bottom:10px}.example-panel p{font-size:14px}.prose .scenario-card{padding:24px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--ink-raised) 65%,var(--ink));margin:18px 0}.scenario-card h3:first-child{margin-top:0}.scenario-card>div>div>h3{margin-top:0}.scenario-card p{font-size:14px}.prose .spec-list{margin:20px 0;border:1px solid var(--line);border-radius:11px;overflow:hidden;font-size:13px;background:var(--ink-raised)}.spec-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;padding:14px 19px;border-bottom:1px solid var(--line);margin:0}.spec-list>div:last-child{border:0}.spec-list dt{color:var(--paper-muted);font-size:12px}.spec-list dd{margin:0;line-height:1.7;min-width:0;overflow-wrap:anywhere}.spec-list dd p{margin:0}.spec-list dd ol,.spec-list dd ul{margin:0;padding-left:20px}.source-side-panel{padding:22px;border:1px solid var(--line);border-radius:10px;margin:25px 0;background:var(--ink-raised);font-size:13px}.source-side-panel p{font-size:13px}.source-side-panel>div+div{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.source-side-panel .spec-list{margin:0;border:0}.source-side-panel .spec-list>div{padding:10px 0}.prose [data-mdx-block=steps]{counter-reset:reading-step;list-style:none;padding:0;margin:25px 0}.prose [data-mdx-block=steps]>li{position:relative;counter-increment:reading-step;padding:20px 22px 20px 65px;margin:12px 0;border:1px solid var(--line);border-radius:10px;background:var(--ink-raised)}.prose [data-mdx-block=steps]>li::before{content:counter(reading-step);position:absolute;left:20px;top:21px;display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#e3836012;color:var(--clay);font-size:12px;border:1px solid #e3836033}.prose [data-mdx-block=steps] h4{margin:0 0 8px}.prose [data-mdx-block=steps] p{font-size:14px}.prose [data-mdx-block=quote]{margin:26px 0;padding:24px 27px;background:var(--ink-raised);border-radius:10px}.prose blockquote{padding:0 0 0 20px;border-color:var(--clay);margin:0;color:var(--paper);font-family:var(--serif);font-size:18px;line-height:1.75}.prose blockquote p{font-size:inherit;line-height:inherit}.prose [data-mdx-block=quote] figcaption{font-size:11px;color:var(--paper-muted);margin-top:15px;overflow-wrap:anywhere}.prose [data-mdx-block=sources]{border-top:1px solid var(--line);padding-top:25px;margin-top:40px;font-size:12px}.prose [data-mdx-block=sources] h2{font-size:21px;margin-top:0}.prose [data-mdx-block=sources] li{margin:8px 0}
/* Tables and code retain readable column widths and exact source content. */
.prose .table-scroll{max-width:100%;overflow:auto;margin:25px 0;border:1px solid var(--line);border-radius:10px;overscroll-behavior-x:contain}.prose .table-scroll table{display:table;width:100%;min-width:480px;margin:0;border-collapse:collapse;font-size:12px;line-height:1.75}.prose .table-scroll th{padding:15px 17px;background:var(--ink-soft);font-size:11px;font-weight:600;color:var(--paper);border:0;border-bottom:1px solid var(--line)}.prose .table-scroll td{padding:13px 17px;border:0;border-bottom:1px solid var(--line);vertical-align:top}.prose .table-scroll tr:last-child td{border-bottom:0}.prose .table-scroll tbody tr:nth-child(even){background:color-mix(in srgb,var(--ink-raised) 70%,transparent)}.prose code{font-family:'SFMono-Regular',Consolas,monospace;font-size:.86em;padding:2px 5px;border-radius:4px;white-space:break-spaces;overflow-wrap:anywhere}.prose pre{font-family:'SFMono-Regular',Consolas,monospace;font-size:12px;line-height:1.9;padding:42px 22px 22px;background:var(--ink-raised);border:1px solid var(--line);border-radius:9px;overflow:auto;white-space:pre-wrap;tab-size:2;margin:18px 0;max-width:100%;overflow-wrap:break-word}.prose pre code{white-space:inherit;overflow-wrap:inherit;font-size:inherit;padding:0;background:none;color:var(--paper)}.prose [data-mdx-block=codeblock]{margin:24px 0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--ink-raised)}.prose [data-mdx-block=codeblock]>div:first-child:not(:has(pre)){display:flex;justify-content:space-between;align-items:center;padding:10px 17px;border-bottom:1px solid var(--line);font-size:10px;color:var(--paper-muted)}.prose [data-mdx-block=codeblock] pre{border:0;margin:0;border-radius:0}.copy-button{z-index:2;background:var(--ink);top:9px;right:10px;color:var(--paper-muted);font-size:10px;padding:6px 9px;position:absolute}.prose .prompt-panel{margin:20px 0}.prompt-panel>div:first-child:not(:has(pre)){font-size:11px;color:var(--paper-muted)}.code-shell{position:relative;margin:18px 0}.code-shell>pre{margin:0!important}.code-shell>.long-code{max-height:340px}.code-shell.is-expanded>.long-code{max-height:none}.expand-code{display:block;width:100%;border:1px solid var(--line);border-radius:0 0 8px 8px;background:var(--ink-soft);color:var(--clay-light);padding:10px 16px;font-size:11px;cursor:pointer}.expand-code:hover{background:var(--ink-raised)}.code-shell:has(.expand-code)>pre{border-bottom-left-radius:0;border-bottom-right-radius:0}.platform-label{display:inline-block;padding:5px 9px;margin:4px 4px 4px 0;font-size:11px;border:1px solid var(--line);border-radius:6px;color:var(--paper-muted)}.source-access{display:inline-block!important;padding:8px 11px;margin:10px 0;font-size:11px;border:1px solid var(--line);border-radius:6px;background:var(--ink-raised);text-decoration:none!important}
/* Illustrations have intrinsic sizing. Captions and zoom never cover factual image data. */
.prose img{width:auto;max-width:100%;height:auto;object-fit:contain;border:0;border-radius:6px}.prose .editorial-thumbnail{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}.instruction-figure{position:relative;display:flow-root;width:fit-content;max-width:100%;margin:28px auto!important;border:1px solid var(--line);border-radius:10px;padding:12px;background:var(--ink-raised)}.prose .instruction-image{display:block;width:auto;max-width:min(100%,var(--intrinsic-width,100%));height:auto;max-height:none;border:0;border-radius:4px;margin:0 auto}.instruction-figure figcaption{font-size:11px;color:var(--paper-muted);line-height:1.65;padding:12px 100px 6px 3px;margin:0}.instruction-figure .media-brand{display:block;text-align:right;color:var(--clay);font:500 10px/1.3 var(--sans);padding:4px 3px}.zoom-image{position:absolute;right:13px;bottom:34px;border:1px solid var(--line);background:var(--ink);color:var(--paper-muted);font-size:10px;padding:5px 8px;border-radius:5px;cursor:pointer}.image-viewer{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--ink);color:var(--paper);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);width:max-content;box-shadow:var(--shadow)}.image-viewer::backdrop{background:#000c;backdrop-filter:blur(8px)}.image-viewer-close{position:sticky;top:10px;display:block;margin:10px 10px 0 auto;z-index:2;padding:7px 12px;background:var(--ink-raised);border:1px solid var(--line);border-radius:6px;color:var(--paper)}.image-viewer-content{margin:0;padding:15px}.image-viewer-image{display:block;max-width:100%;max-height:75dvh;object-fit:contain;width:auto;height:auto;margin:auto}.image-viewer-caption{font-size:12px;max-width:80ch;margin:14px auto 0;color:var(--paper-muted)}
.prose .resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.prose .resource-grid>a{display:flex;flex-direction:column;gap:10px;min-width:0;text-decoration:none;color:var(--paper);border:1px solid var(--line);border-radius:10px;padding:17px;background:var(--ink-raised);font-size:12px}.resource-grid>a:hover{border-color:#e3836066}.resource-grid h2,.resource-grid h3{font-size:17px;line-height:1.5;font-family:var(--sans);margin:10px 0}.resource-grid p{font-size:12px;color:var(--paper-muted)}.resource-tile img{border-radius:7px}.toc{top:96px;padding:20px;border-radius:10px;max-height:calc(100dvh - 125px)}.toc h2{font:600 12px/1.5 var(--sans);margin:0 0 13px;color:var(--paper)}.toc ul{display:grid;gap:1px}.toc a{font-size:11px;line-height:1.55;padding:7px 9px;border-left:2px solid transparent}.toc .toc-sub a{padding-left:17px;font-size:10px}.toc a.is-active{border-left-color:var(--clay);color:var(--clay);background:#e383600a;border-radius:0 4px 4px 0}.back-to-top{position:fixed;bottom:22px;right:22px;z-index:35;border:1px solid var(--line);border-radius:8px;padding:10px 15px;background:var(--ink-raised);color:var(--paper);font-size:11px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .18s}.back-to-top.is-visible{opacity:1;pointer-events:auto;transform:none}
@media(max-width:900px){.reading-page .article-layout{grid-template-columns:minmax(0,1fr);gap:24px}.reading-page .toc{position:static;grid-row:1;max-height:220px}.reading-page .toc ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 15px}.reading-page .article-heading{padding-top:23px}.reading-cover{height:260px}.reading-cover strong{font-size:28px}}
@media(max-width:640px){.reading-page .article-heading h1{font-size:31px;line-height:1.25;letter-spacing:-.7px}.reading-page .article-heading{padding-bottom:22px}.reading-cover{height:215px;margin-bottom:22px;border-radius:10px}.reading-cover>img{height:100%;width:auto;max-width:none;right:-40px;opacity:.65}.reading-cover>figcaption{padding:22px;max-width:78%}.reading-cover strong{font-size:23px;letter-spacing:-.3px}.cover-category{font-size:9px}.reading-cover::after{background:linear-gradient(90deg,#141413f0,#14141355 75%)}.prose{font-size:14px;line-height:1.85}.prose p{margin:15px 0}.prose h2{font-size:25px;line-height:1.35;margin-top:34px}.prose h3{font-size:18px}.prose .reading-callout,.resource-intro,.prose .example-panel{padding:18px 19px}.reading-callout p,.resource-intro p,.example-panel p{font-size:13px}.resource-intro>p:nth-of-type(2){font-size:14px}.resource-badges{gap:6px}.resource-badges>span:not(:empty){font-size:9px}.spec-list>div{grid-template-columns:90px minmax(0,1fr);padding:12px;gap:12px;font-size:12px}.spec-list dt{font-size:11px}.prose .scenario-card{padding:18px}.prose [data-mdx-block=steps]>li{padding:17px 16px 17px 54px}.prose [data-mdx-block=steps]>li::before{left:15px;top:17px;width:25px;height:25px}.prose [data-mdx-block=steps] p{font-size:13px}.prose pre{font-size:11px;padding:42px 15px 18px;line-height:1.8}.prose .table-scroll table{font-size:11px}.prose [data-mdx-block=quote]{padding:18px}.prose blockquote{font-size:16px;padding-left:15px}.prose .resource-grid{grid-template-columns:1fr}.reading-page .toc ul{grid-template-columns:1fr}.instruction-figure{padding:8px}.instruction-figure figcaption{font-size:10px;padding:10px 0 35px}.zoom-image{bottom:28px;right:10px}.instruction-figure .media-brand{font-size:9px}.source-side-panel{padding:18px}.back-to-top{right:14px;bottom:14px}.image-viewer{max-width:calc(100vw - 18px)}.image-viewer-content{padding:9px}.image-viewer-caption{font-size:11px}}
@media(prefers-reduced-motion:reduce){.back-to-top{transition:none}}
.cover-wordmark{position:absolute;right:14px;bottom:12px;z-index:2;font:500 11px/1.4 var(--sans);letter-spacing:-.25px;color:#eeece6;background:#141413cc;padding:5px 8px;border-radius:4px}.resource-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:11px!important}.toc-toggle{display:none}.byline{gap:8px}.toc.is-collapsible:not(.toc-open) ul{display:none}.toc.is-collapsible .toc-toggle{display:block;border:0;background:transparent;color:var(--clay);padding:0;font:500 11px/1.6 var(--sans);cursor:pointer}.toc.is-collapsible h2{margin-bottom:7px}.toc.is-collapsible.toc-open ul{margin-top:14px}
@media(max-width:640px){.reading-cover>img{right:0;max-width:100%;width:auto;opacity:.7}.reading-cover>figcaption{max-width:76%}.reading-page .toc{max-height:280px;padding:16px 19px}.cover-wordmark{right:9px;bottom:9px;font-size:10px}.prose .reading-callout{padding:17px 19px}}