.reading-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:0 64px;padding-block:40px 80px}
.reading-heading{grid-column:1/-1;max-width:900px;margin-bottom:36px}
.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;line-height:1.7;margin-bottom:36px;color:var(--muted)}
.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}
.reading-heading h1{font-size:clamp(32px,4vw,54px);line-height:1.12;letter-spacing:-1.7px;margin:18px 0 24px;text-wrap:balance}
.reading-intro{font-size:19px;line-height:1.7;max-width:780px;color:var(--muted)}
.updated{font-size:12px;color:var(--muted);margin-top:24px}
.reading-toc{grid-column:2;grid-row:2;align-self:start;position:sticky;top:30px;border-top:2px solid #673bff;padding-top:12px}
.reading-toc nav{display:block;font-size:13px}
.reading-toc p{font-weight:700}
.reading-toc ul,.related ul{list-style:none;padding:0}
.reading-toc li+li{margin-top:12px}
.reading-toc a{display:block;line-height:1.6;padding:4px 0;text-decoration:underline;text-underline-offset:3px}
.reading-body{grid-column:1;grid-row:2;min-width:0;max-width:780px}
.reading-body section{scroll-margin-top:24px;margin-block:44px}
.reading-body h2{font-size:28px;line-height:1.3;letter-spacing:-.7px;text-wrap:balance}
.reading-body p,.reading-body li{font-size:16px;line-height:1.85;color:#35425a}
.reading-body li{padding-left:4px;margin-block:10px}
.reading-body a{color:#4b28bc;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.reading-body code{font-family:'JetBrains Mono',monospace;font-size:.9em;overflow-wrap:anywhere}
.product-status{padding:22px 24px;background:#e9edfa;border-left:3px solid #673bff;border-radius:0 8px 8px 0}
.product-status p{margin-bottom:0;font-size:14px;line-height:1.7}
.table-scroll{overflow-x:auto;max-width:100%;border:1px solid var(--line);border-radius:8px}
.table-scroll:focus-visible{outline:3px solid #673bff;outline-offset:3px}
.table-scroll table{border-collapse:collapse;width:100%;min-width:520px;font-size:14px;line-height:1.7}
.table-scroll th,.table-scroll td{padding:14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.table-scroll thead{background:#e9edfa}
.table-scroll tbody th{width:24%;font-weight:600}
.reading-body details{border-top:1px solid var(--line);padding:16px 0}
.reading-body summary{cursor:pointer;font-size:17px;line-height:1.6;font-weight:600;min-height:44px;display:list-item}
.reading-body summary:focus-visible{outline:3px solid #673bff;outline-offset:4px}
.related{padding-top:16px;border-top:1px solid var(--line)}
.related li{margin-block:14px}
.url-example{background:#e9edfa;border-radius:6px;padding:18px}
.content-page .header nav{flex-wrap:wrap;max-width:100%}
.content-page .header .brand img{width:180px}
@media(max-width:900px){.reading-layout{gap:0 30px;grid-template-columns:minmax(0,1fr) 210px}}
@media(max-width:700px){.reading-layout{display:flex;flex-direction:column;padding-block:28px 44px}.reading-heading{margin-bottom:20px}.reading-toc{position:static;margin-bottom:28px}.reading-toc ul{display:flex;flex-wrap:wrap;gap:8px 18px}.reading-toc li+li{margin-top:0}.reading-toc a{font-size:12px}.reading-body section{margin-block:34px}.reading-heading h1{font-size:34px;letter-spacing:-1px}.reading-intro{font-size:17px}.reading-body h2{font-size:26px}.product-status{padding:18px}.content-page .header{height:auto;flex-wrap:wrap;padding-block:20px;gap:16px}.content-page .header nav{gap:12px;font-size:12px}.content-page .header .brand img{width:160px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media print{.header,.reading-toc,.footer,.skip{display:none}.reading-layout{display:block}.reading-body{max-width:none}.table-scroll{overflow:visible}.table-scroll table{min-width:0}.reading-body a{color:inherit}}
.reading-toc a{min-height:44px;display:flex;align-items:center}