.trim-page{min-width:0;--trim-navy:#102a55;--trim-blue:#086ff0;--trim-ink:#263d5e;--trim-muted:#59708e;--trim-line:#dce9f6}
body.inner-page.trim-page{min-width:0}
.trim-page .trim-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;align-items:start;gap:30px;padding-block:22px 64px}
.trim-article{min-width:0;grid-column:1;grid-row:1}
.trim-article .breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 0 14px;color:#5b7290;font-size:13px}
.trim-article .breadcrumbs a{color:#31577f;text-decoration:none}.trim-article .breadcrumbs a:hover{text-decoration:underline}
.trim-heading{margin:0 0 22px}
.trim-heading h1{margin:0;color:var(--trim-navy);font:800 clamp(34px,4vw,48px)/1.12 Manrope,Inter,Arial,sans-serif;letter-spacing:-1.2px}
.trim-intro{max-width:900px;margin:9px 0 0;color:#4e6687;font-size:16px;line-height:1.58}
.trim-sections{display:grid;gap:12px}
.trim-section{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(280px,.96fr);grid-template-areas:"copy visual";align-items:center;gap:17px;padding:13px 14px;border:1px solid #e7f1fa;border-radius:12px;background:linear-gradient(112deg,#f6fbff,#edf7ff)}
.trim-section:nth-child(odd){background:#fff}
.trim-section.visual-first{grid-template-columns:minmax(280px,.96fr) minmax(0,1.04fr);grid-template-areas:"visual copy"}
.trim-section.text-only{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy"}
.trim-copy{grid-area:copy;min-width:0}.trim-copy h2{display:grid;grid-template-columns:40px minmax(0,1fr);align-items:start;gap:10px;margin:0 0 8px;color:var(--trim-navy);font:750 clamp(19px,1.8vw,24px)/1.28 Manrope,Inter,Arial,sans-serif;letter-spacing:-.3px}
.trim-number{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#dce8ff;color:#153c91;font:800 15px/1 Manrope,Inter,Arial,sans-serif}
.trim-copy p,.trim-copy li{color:#405a79;font-size:14px;line-height:1.58}.trim-copy p{margin:8px 0}.trim-copy ul{margin:8px 0 5px;padding-left:22px}.trim-copy li+li{margin-top:4px}.trim-copy strong{color:#243f65}
.trim-figure{grid-area:visual;min-width:0;margin:0;padding:8px;border:1px solid #d8e8f6;border-radius:9px;background:rgba(255,255,255,.72)}
.trim-figure picture,.trim-figure img{display:block;width:100%}.trim-figure img{height:auto;border-radius:6px}
.trim-canvas{position:relative;display:flex;min-width:0;aspect-ratio:1.68/1;flex-direction:column;align-items:center;justify-content:center;gap:9px;overflow:hidden;padding:24px 15px 38px;border:1px dashed #a9c8e4;border-radius:6px;background:linear-gradient(135deg,#f7fcff,#eaf5ff);color:#526f8f;text-align:center}
.trim-canvas::before{position:absolute;inset:9%;border:1px solid rgba(89,137,181,.2);border-radius:5px;content:"";pointer-events:none}
.trim-canvas-mark{position:relative;color:#345b84;font-size:11px;font-weight:800;letter-spacing:1px}.trim-canvas-status{position:absolute;right:8px;bottom:7px;left:8px;color:#607b97;font-size:9px;font-weight:650}.trim-canvas-concept{position:relative;max-width:34ch;font-size:12px;line-height:1.5}
.trim-ratio-source{aspect-ratio:2/1}.trim-ratio-hierarchy{aspect-ratio:1.48/1}.trim-ratio-boundary{aspect-ratio:1.78/1}
.trim-figure figcaption{margin:7px 3px 1px;color:#2f4b6d;font-size:11px;line-height:1.42}
.trim-working-followup{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin-top:1px}
.trim-code-example{min-width:0;margin:0;padding:10px 12px;border:1px solid #cfebda;border-radius:7px;background:#f7fff8}.trim-code-example pre{margin:0;overflow-x:auto;color:#183e2b;font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;white-space:pre}.trim-code-example code{font:inherit}.trim-working-note{grid-column:1/-1;margin:3px 0 0!important}
.trim-working-note{color:#405a79;font-size:14px;line-height:1.58}
.trim-warning-item{margin:5px 0!important;padding:11px 13px;border:1px solid #ffd487;border-radius:8px;background:#fff8e9;list-style:none}.trim-warning-item strong{color:#a35100}.trim-warning-item::before{content:"!";display:inline-grid;place-items:center;width:21px;height:21px;margin-right:8px;border-radius:50%;background:#ffb322;color:#fff;font-weight:800}
.trim-toc{grid-column:2;grid-row:1;position:sticky;top:82px;padding:14px 11px}.trim-page .article-toc{border:1px solid #dceaf7;border-radius:12px;background:#f7fbff}.trim-page .article-toc h2{margin:0 0 9px;padding:0 3px;color:var(--trim-navy);font:750 18px/1.3 Manrope,Inter,Arial,sans-serif}.trim-toc nav{display:grid;gap:2px}.trim-toc nav a{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:start;gap:7px;min-height:32px;padding:6px 5px;border-left:3px solid transparent;border-radius:6px;color:#36516f;text-decoration:none;font-size:12px;line-height:1.35}.trim-toc nav a>span:first-child{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e7f0fc;color:#234875;font-size:11px;font-weight:750}.trim-toc nav a:hover,.trim-toc nav a[aria-current="location"]{border-left-color:var(--trim-blue);background:#eaf3ff;color:#075bd7}
.trim-related{margin-top:14px;padding-top:12px;border-top:1px solid #dceaf7}.trim-related h2{font-size:15px!important}.trim-related a{display:block;padding:7px 6px;border-radius:6px;color:#075fd9;font-size:12px;font-weight:700;text-decoration:none}.trim-related a:hover{background:#eaf3ff}
.trim-next-link{display:inline-flex;min-height:44px;align-items:center;gap:8px;margin-top:10px;padding:6px 2px;border:0;border-radius:4px;background:transparent;color:#1458a7;font-size:13px;font-weight:700;text-decoration:none;box-shadow:none;transition:color .16s ease}.trim-next-link:hover{border-color:#7596bd;background:transparent;box-shadow:none;transform:none;color:#0b438f;text-decoration:underline;text-underline-offset:3px}
.trim-article :focus-visible,.trim-toc :focus-visible{outline:3px solid #f0aa24;outline-offset:3px}
@media(max-width:1200px){.trim-section,.trim-section.visual-first{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual"}.trim-figure{justify-self:center;width:100%;max-width:760px}}
@media(max-width:1020px){.trim-page .trim-layout{grid-template-columns:minmax(0,1fr);gap:18px;padding-top:20px}.trim-toc{grid-column:1;grid-row:1;position:static}.trim-toc nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 8px}.trim-article{grid-column:1;grid-row:2}}
@media(max-width:700px){.trim-page .trim-layout{padding-block:16px 40px}.trim-article .breadcrumbs{gap:7px;margin-bottom:13px;font-size:12px}.trim-heading{margin-bottom:15px}.trim-heading h1{font-size:clamp(29px,8.5vw,39px);letter-spacing:-.8px}.trim-intro{font-size:15px}.trim-sections{gap:10px}.trim-section,.trim-section.visual-first,.trim-section.text-only{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy" "visual";gap:9px;padding:12px 10px}.trim-section.text-only{grid-template-areas:"copy"}.trim-copy h2{grid-template-columns:35px minmax(0,1fr);gap:8px;margin-bottom:6px;font-size:20px}.trim-number{width:34px;height:34px;font-size:13px}.trim-copy p,.trim-copy li{font-size:14px;line-height:1.62}.trim-copy ul{padding-left:20px}.trim-canvas-mark{font-size:10px}.trim-canvas-concept{font-size:11px}.trim-working-followup{grid-column:auto;grid-template-columns:minmax(0,1fr);gap:8px}.trim-working-note{grid-column:auto}.trim-toc nav{grid-template-columns:1fr}.trim-toc nav a{min-height:36px;font-size:13px}}
@media(max-width:360px){.trim-page .inner-container{width:calc(100% - 28px)}.trim-section{padding-inline:9px}.trim-copy h2{font-size:18px}.trim-code-example{padding:9px}.trim-code-example pre{font-size:12px}}
@media(prefers-reduced-motion:reduce){.trim-page *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

.trim-next-link:focus-visible{outline:2px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #145dc4}.trim-next-link:active{background:transparent;box-shadow:none;transform:none;color:#0b438f}

@media(prefers-reduced-motion:reduce){.trim-next-link{transition:none!important}}