/* Editorial expansion: diagrams, worked examples and calm progressive motion. */
.enhanced-page { --enhance-blue:#226ce8; --enhance-ink:#172d4d; }
.page-contents { padding-block:18px; }
.page-contents details { background:#f4f7fc; border:1px solid #dce5f1; border-radius:12px; padding:0 22px; }
.contents-toggle { list-style:none; display:flex; gap:20px; align-items:center; cursor:pointer; padding:18px 0; font-size:14px; font-weight:600; }
.contents-toggle::-webkit-details-marker { display:none; }
.contents-toggle > :last-child { margin-left:auto; color:var(--blue); font-size:22px; }
.contents-hint { color:#64748b; font-size:12px; font-weight:400; }
.page-contents details[open] .contents-toggle > :last-child { transform:rotate(45deg); }
.page-contents ol { list-style:none; margin:0; padding:0 0 20px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 28px; }
.page-contents a { font-size:14px; line-height:1.5; color:#225ca9; text-underline-offset:4px; }
.enhance-section { padding:80px 0; scroll-margin-top:0; border-bottom:1px solid #e2e9f1; }
.enhance-section h2 { font-size:clamp(29px,2.8vw,38px); letter-spacing:-.04em; line-height:1.19; max-width:26ch; margin:20px 0 24px; }
.enhance-section p { margin:0; }
.enhance-kicker { display:flex; align-items:center; gap:13px; font-size:12px; font-weight:600; color:#376494; }
.enhance-kicker > span { display:inline-grid; place-items:center; width:33px; height:33px; background:#e3edfb; border-radius:50%; color:#226ce8; font:12px ui-monospace,monospace; flex-shrink:0; }
.enhance-intro { font-size:18px; line-height:1.65; max-width:65ch; color:#465e7a; }
.enhance-layout { display:grid; grid-template-columns:5fr 7fr; gap:56px; align-items:start; }
.enhance-heading { min-width:0; }
.enhance-figure { margin:0; min-width:0; }
.enhance-figure picture { display:block; overflow:hidden; border-radius:20px; }
.enhance-figure img { display:block; width:100%; height:auto; }
.enhance-figure figcaption { margin-top:15px; font-size:13px; line-height:1.7; color:#576d86; padding-left:15px; border-left:2px solid #b7cce8; }
.figure-zoom { display:block; margin-top:7px; color:#255ca5; font-size:12px; text-decoration:underline; text-underline-offset:4px; }
.enhance-detail { display:grid; grid-template-columns:1fr 1fr; gap:56px; margin-top:34px; align-items:start; }
.enhance-prose { font-size:16px; line-height:1.8; color:#465e76; min-width:0; overflow-wrap:anywhere; }
.enhance-prose p + p { margin-top:20px; }
.enhance-table { margin:0; width:100%; }
.enhance-table + .enhance-table { margin-top:18px; }
.enhance-table caption { text-align:left; padding:14px 16px; font-weight:600; font-size:14px; color:var(--enhance-ink); background:white; }
.enhance-table .data-table { font-size:14px; }
.enhance-table .data-table tbody th { background:transparent; font-size:inherit; font-weight:500; color:inherit; letter-spacing:normal; white-space:normal; }
.enhance-table .data-table tbody tr:last-child { background:#f0f5fc; }
.enhance-d { background:#f4f7fb; }
.enhance-d .enhance-frame { background:white; border:1px solid #dce5f0; border-radius:22px; padding:42px; box-shadow:0 18px 44px -36px #24496e; }
.enhance-d .enhance-heading { display:grid; grid-template-columns:1fr 1fr; column-gap:48px; margin-bottom:32px; }
.enhance-d .enhance-kicker { grid-column:1/-1; }
.enhance-d .enhance-intro { align-self:center; }
.enhance-d .enhance-layout { grid-template-columns:1.05fr 1fr; gap:34px; align-items:start; }
.enhance-d .enhance-table { margin-top:32px; }
.enhance-e .enhance-heading { max-width:800px; margin-bottom:34px; }
.enhance-e .enhance-heading h2 { max-width:30ch; }
.enhance-workbench { display:grid; grid-template-columns:1fr 1.05fr; gap:48px; align-items:start; padding:30px; border:1px solid #dce6f3; border-top:3px solid #226ce8; border-radius:4px 4px 18px 18px; background:#fcfdff; }
.enhance-e .enhance-table { margin-top:28px; }
.enhance-steps { display:grid; gap:15px; list-style:none; padding:0; margin:0 0 28px; }
.enhance-steps li { display:flex; gap:16px; align-items:start; font-size:15px; line-height:1.6; color:var(--enhance-ink); }
.enhance-steps li > span { font:12px/2 ui-monospace,monospace; color:#226ce8; }
.enhance-note { margin-top:22px !important; padding:15px 18px; background:#f5f8fc; border-left:3px solid #a7bfe0; color:#526983; font-size:13px; line-height:1.7; }
.enhance-sources { list-style:none; padding:0; margin:20px 0 0; display:flex; flex-wrap:wrap; gap:10px 24px; font-size:12px; line-height:1.6; }
.enhance-sources a { color:#375f90; text-underline-offset:3px; }
.enhance-next { display:flex; gap:18px 28px; flex-wrap:wrap; margin-top:28px; }
.enhance-next a { display:flex; gap:14px; align-items:center; color:#215caf; font-weight:600; font-size:14px; line-height:1.6; text-decoration:none; border-bottom:1px solid #c7d8f0; padding:7px 0; }
.enhance-next a:hover { border-color:#226ce8; }
.enhance-example-label { margin-top:24px !important; color:#62778f; font-size:11px; letter-spacing:.01em; }
.enhanced-page .button { transition:background-color 150ms,box-shadow 150ms; }
.enhanced-page .button:hover { box-shadow:0 6px 16px -9px #174b97; }
.enhanced-page .tool-mount { border-radius:12px; }
.enhanced-page .tool-mount input[aria-invalid=true],.enhanced-page .tool-mount select[aria-invalid=true] { border-color:#b7463f; }
.enhanced-page #table-presets { grid-column:1/-1; scroll-margin-top:0; }
.enhanced-page .utility-tool-section { scroll-margin-top:0; }
.enhanced-page .tool-chart-legend { list-style:none; padding:0; display:grid; gap:8px; font-size:14px; }
@media(max-width:1050px){
 .enhance-layout,.enhance-detail,.enhance-workbench { gap:28px; }
 .enhance-d .enhance-frame { padding:28px; }
 .enhance-d .enhance-layout { grid-template-columns:minmax(0,1fr); }
 .enhance-d .enhance-figure { max-width:740px; }
}
@media(max-width:760px){
 .enhance-section { padding:46px 0; }
 .enhance-layout,.enhance-detail,.enhance-workbench,.enhance-d .enhance-heading { grid-template-columns:minmax(0,1fr); }
 .enhance-heading { order:0; }
 .enhance-intro { font-size:16px; }
 .enhance-section h2 { font-size:29px; max-width:30ch; }
 .enhance-figure { order:1; }
 .enhance-d .enhance-insight { order:2; }
 .enhance-d .enhance-frame { padding:22px; border-radius:15px; }
 .enhance-workbench { padding:20px; }
 .enhance-workbench > :first-child { order:2; }
 .enhance-workbench > .enhance-figure { order:1; }
 .enhance-detail { margin-top:24px; }
 .enhance-d .enhance-heading { margin-bottom:24px; }
 .page-contents ol { grid-template-columns:minmax(0,1fr); }
 .contents-hint { display:none; }
}
@media(max-width:480px){
 .enhance-d .enhance-frame,.enhance-workbench { padding:16px; }
 .enhance-section h2 { font-size:27px; }
 .enhance-prose { font-size:16px; line-height:1.75; }
 .enhance-kicker { font-size:11px; gap:9px; }
 .enhance-figure figcaption { font-size:13px; }
 .enhance-table .data-table th,.enhance-table .data-table td { padding:11px; min-width:96px; }
}
@media(prefers-reduced-motion:reduce){
 .enhanced-page { scroll-behavior:auto; }
 .enhanced-page *, .enhanced-page *::before, .enhanced-page *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
}