/* A shared editorial frame. Detail pages never change the home shell. */
.tool-detail-experience { color:var(--ink); }
.tool-detail-experience [hidden] { display:none !important; }
.tool-detail-experience[data-detail-mode="browse"] .tool-reading-study,
.tool-detail-experience[data-detail-mode="study"] .tool-reading-browse { display:none; }
.motion-prototype[data-tool-detail-mode="study"] > .site-footer { display:none; }
.motion-prototype:has(.tool-detail-experience) { --paper:#fff; --ink:#333; --muted:#666; --line:#e0e0e0; --surface:#fff; --soft:#f3f3f3; --tool-endcap-surface:#fff; --theme-bg:var(--paper); --theme-ink:var(--ink); --theme-body-ink:#3e3e3e; --theme-muted:var(--muted); --theme-header:var(--paper); --theme-nav-text:var(--ink); --theme-nav-active:var(--ink); --theme-button:#333; --theme-button-border:#333; --theme-button-text:#fff; --theme-button-hover:#484848; --theme-focus:#555; display:flex; flex-direction:column; min-height:100svh; }
.motion-prototype:has(.tool-detail-experience[data-detail-mode="study"]) { --paper:#2a2a2a; --ink:#efefef; --muted:#b8b8b8; --line:#484848; --surface:#303030; --soft:#303030; --theme-body-ink:#d8d8d8; --theme-button:#e5e5e5; --theme-button-text:#2a2a2a; --theme-button-border:transparent; --theme-button-hover:#fff; --theme-focus:#e5e5e5; }
.motion-prototype:has(.tool-detail-experience) > main { display:flex; flex-direction:column; flex:1 0 auto; }
.motion-prototype:has(.tool-detail-experience) > :is(.prototype-review,.site-footer) { display:none; }
.tool-reader { --tool-rail-gap:clamp(40px,3.2vw,64px); --tool-heading-gap:8px; --tool-label-gap:6px; --tool-copy-group-gap:28px; --tool-heading-weight:500; --tool-subheading-weight:400; --tool-control-weight:400; --tool-heading-ink:#484848; --tool-label-ink:#505050; --pm-control-radius:999px; --pm-rail-button:#fafafa; --pm-control-selected:#484848; --pm-control-selected-ink:#fafafa; position:relative; flex:1 0 auto; width:min(1592px,calc(100% - 96px)); margin:0 auto; padding:38px 0 64px; display:grid; grid-template-columns:168px minmax(0,1fr); gap:var(--tool-rail-gap); align-items:start; align-content:start; font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif; font-size:16px; line-height:25px; font-weight:400; letter-spacing:0; word-spacing:normal; }
/* The column guide follows the full reading area; only the directory is sticky. */
.tool-reader::before { content:''; position:absolute; top:38px; bottom:0; left:calc(var(--pm-rail-width,168px) - 1px); width:1px; background:var(--line); pointer-events:none; }
.tool-reader[data-pm-chapter="try"] { grid-template-columns:168px minmax(0,1fr) 168px; }
.tool-reader[data-detail-mode="study"] { --tool-heading-ink:#e0e0e0; --tool-label-ink:#d0d0d0; --pm-rail-button:#343434; --tool-pill-surface:#3b3b3b; --tool-pill-border:#4b4b4b; --tool-pill-ink:#e0e0e0; --tool-pill-hover:#464646; }
.tool-reader-rail { --tool-reader-page-gutter:max(48px,calc((100vw - 1592px) / 2)); position:sticky; top:112px; transform:translateX(calc(var(--tool-reader-page-gutter) / -2)); }
.tool-reader .back-link { display:inline-flex; align-items:center; min-height:36px; font-size:13px; color:var(--muted); }
.tool-reader-identity { margin:32px 0 36px; }
.tool-reader-identity h1 { margin:0; font-size:25px; font-weight:400; letter-spacing:-.04em; line-height:1.3; }
.tool-reader-identity p { margin:12px 0 0; font-size:13px; line-height:1.8; color:var(--muted); }
.tool-reader-index { display:flex; flex-direction:column; gap:4px; padding:0 8px; }
.tool-reader-index button { display:flex; align-items:center; justify-content:center; gap:10px; min-height:44px; text-align:center; padding:10px 12px; border:0; border-radius:var(--pm-control-radius); background:transparent; color:var(--muted); font:inherit; font-size:14px; line-height:20px; font-weight:400; cursor:pointer; transition:background-color var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),color var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)); }
.tool-reader-index button:is(:hover,[aria-current="location"]) { background:var(--pm-rail-button); color:var(--ink); }
.tool-reader-index button[aria-current="location"] { color:var(--tool-heading-ink); font-weight:var(--tool-control-weight); }
.tool-reader-index button > .tool-reader-label { display:block; font:inherit; opacity:1; white-space:nowrap; }
.tool-reader .tool-reader-icon { display:block; flex:none; width:16px; height:16px; opacity:.72; }
.tool-reader[data-detail-mode="study"] .tool-reader-icon { filter:invert(1); }
.tool-reader-index button[aria-current="location"] .tool-reader-icon { opacity:1; }
.tool-reader-index button:focus-visible { outline:1px solid var(--ink); outline-offset:2px; }
.tool-reader-body { min-width:0; grid-column:2; }
.tool-reader-console { width:min(100%,1120px); margin-inline:auto; background:var(--soft); }
.tool-reader-console > .form-experience { border-radius:4px; }
.tool-reader[data-pm-chapters] .tool-reader-body > section { margin-top:0; padding-top:0; border-top:0; }
.motion-prototype :is(.pm-endcap,.tool-endcap) { flex:none; background:var(--tool-endcap-surface,#f7f7f7); color:var(--tool-endcap-ink,#3a3a3a); }
.motion-prototype:has(.tool-detail-experience[data-detail-mode="study"]) { --tool-endcap-surface:#303030; --tool-endcap-ink:#efefef; --tool-endcap-muted:#b8b8b8; }
.motion-prototype :is(.pm-endcap-inner,.tool-endcap-inner) { display:grid; align-items:center; grid-template-columns:168px minmax(0,1fr); gap:clamp(40px,3.2vw,64px); width:min(1592px,calc(100% - 96px)); min-height:96px; padding:24px 0; margin-inline:auto; box-sizing:border-box; }
.motion-prototype :is(.pm-endcap-brand,.tool-endcap-brand) { grid-area:1 / 2; justify-self:start; margin:0; font-size:26px; line-height:1.2; font-weight:500; letter-spacing:.02em; }
.motion-prototype :is(.pm-endcap-description,.tool-endcap-description) { grid-area:1 / 2; justify-self:end; margin:0; color:var(--tool-endcap-muted,#666); font-size:13px; line-height:21px; }
.tool-reader :is(.pm-feature-tabs,.pm-catalog-categories,.pm-workflow-tabs,.pm-workflow-steps,.tool-process-tabs) button,
.tool-reader.tool-editorial :is(.form-step-tabs,.form-view-tabs,.dlx-view-options) button,
.tool-reader :is(.pm-inline-disclosure,.pm-pillar-detail summary,.pm-application-source summary,.pm-workflow-disclosure-action,.tool-process-source summary) { box-sizing:border-box; min-height:36px; padding:7px 14px; border:1px solid var(--tool-pill-border,#d8d8d8); border-radius:var(--pm-control-radius); background:var(--tool-pill-surface,#e5e5e5); color:var(--tool-pill-ink,#444); font:inherit; font-size:14px; line-height:20px; font-weight:var(--tool-control-weight); cursor:pointer; transition:background-color var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),color var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),border-color var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)); }
.tool-reader :is(.pm-feature-tabs,.pm-catalog-categories,.pm-workflow-tabs,.pm-workflow-steps,.tool-process-tabs) button:hover,
.tool-reader.tool-editorial :is(.form-step-tabs,.form-view-tabs,.dlx-view-options) button:hover,
.tool-reader :is(.pm-inline-disclosure,.pm-pillar-detail summary,.pm-application-source summary,.tool-process-source summary):hover,
.tool-reader .pm-workflow-disclosure > summary:hover .pm-workflow-disclosure-action { background:var(--tool-pill-hover,#d8d8d8); }
.tool-reader :is(.pm-feature-tabs,.pm-catalog-categories,.pm-workflow-tabs,.pm-workflow-steps,.tool-process-tabs) button:is([aria-selected="true"],[aria-pressed="true"]),
.tool-reader.tool-editorial :is(.form-step-tabs,.form-view-tabs,.dlx-view-options) button:is([aria-selected="true"],[aria-pressed="true"]) { background:var(--pm-control-selected); border-color:var(--pm-control-selected); color:var(--pm-control-selected-ink); font-weight:var(--tool-control-weight); }
.tool-reader :is(.pm-feature-tabs,.pm-catalog-categories,.pm-workflow-tabs,.pm-workflow-steps,.tool-process-tabs) button:focus-visible,
.tool-reader :is(.pm-inline-disclosure,.pm-pillar-detail summary,.pm-application-source summary,.tool-process-source summary):focus-visible { outline:2px solid #555; outline-offset:3px; }
.tool-reader-body > section { scroll-margin-top:112px; }
.tool-reader-body > section:focus { outline:none; }
.tool-reader-body > section + section { margin-top:92px; padding-top:40px; border-top:1px solid var(--line); }
.tool-reader-body > .tool-reading-study:first-of-type { margin-top:0; }
.tool-reader[data-detail-mode="study"] .tool-report-intro { margin-top:0; padding-top:0; border:0; }
.tool-reader-section-heading { display:flex; gap:18px; align-items:baseline; margin:0 0 30px; }
.tool-reader-section-heading h2 { margin:0; color:var(--tool-heading-ink); font-size:clamp(24px,2.1vw,31px); font-weight:400; line-height:1.5; letter-spacing:-.025em; }
.tool-reader-section-heading p { color:var(--muted); margin:var(--tool-heading-gap) 0 0; font-size:14px; line-height:1.8; }
.tool-editorial { --tool-article-width:760px; --tool-heading-size:28px; }
.tool-editorial .tool-reader-section-heading { margin-bottom:var(--tool-heading-gap); }
.tool-editorial .tool-reader-section-heading h2 { font-size:var(--tool-heading-size); line-height:36px; font-weight:var(--tool-heading-weight); letter-spacing:0; }
.tool-editorial .tool-reader-body > :is(.tool-report-intro,.tool-method,.tool-limits,.tool-consult) { max-width:var(--tool-article-width); }
.tool-editorial[data-detail-mode="study"] .tool-reader-body > section + section { margin-top:0; padding-top:0; border:0; }
.tool-editorial[data-detail-mode="study"] .tool-reader-body > .tool-report-intro { margin-top:0; }
.tool-reader :is(h3,h4) { color:var(--tool-heading-ink); font-weight:var(--tool-subheading-weight); }
.tool-reader :is(.tool-primary-button,.tool-secondary-button) { min-height:44px; display:inline-flex; align-items:center; justify-content:center; gap:24px; padding:10px 20px; border:1px solid #e2e2e2; border-radius:24px; background:#fff; color:#171717; font-size:14px; line-height:1.5; font-weight:400; cursor:pointer; transition:background-color var(--motion-duration-feedback,120ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),color var(--motion-duration-feedback,120ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)),border-color var(--motion-duration-feedback,120ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)); }
.tool-reader :is(.tool-primary-button,.tool-secondary-button) > [aria-hidden="true"] { display:inline-flex; transition:transform var(--motion-duration-state,180ms) var(--motion-ease-standard,cubic-bezier(.2,.7,.2,1)); }
.tool-reader :is(.tool-primary-button,.tool-secondary-button):hover { background:#171717; border-color:#171717; color:#fff; }
.tool-reader :is(.tool-primary-button,.tool-secondary-button):hover > [aria-hidden="true"] { transform:translateX(var(--motion-distance-icon,2px)); }
.tool-reader :is(.tool-primary-button,.tool-secondary-button):focus-visible { outline:2px solid var(--ink); outline-offset:3px; }
.tool-reader button:disabled { opacity:.5; cursor:default; transition:none; }
.tool-reader input[type="range"] { width:100%; height:20px; margin:0; accent-color:var(--ink); cursor:pointer; }
.tool-reader select { max-width:100%; min-height:40px; padding:7px 28px 7px 12px; background:var(--paper); color:var(--ink); border:1px solid var(--line); border-radius:7px; font-size:14px; }
.tool-reader .tool-workbench { border:1px solid var(--line); border-radius:4px; overflow:hidden; background:var(--soft); }
.tool-reader .tool-workbench-bar { display:flex; align-items:center; flex-wrap:wrap; gap:16px 28px; padding:18px 24px; border-bottom:1px solid var(--line); }
.tool-reader .tool-workbench-bar > label { display:flex; align-items:center; gap:16px; font-size:14px; }
.tool-reader .tool-workbench-bar > p { margin-left:auto; font-size:12px; color:var(--muted); }
.tool-reader .tool-workbench-grid { display:grid; grid-template-columns:minmax(0,1fr) 242px; }
.tool-reader .tool-preview { display:grid; place-items:center; min-width:0; min-height:360px; background:var(--surface); overflow:hidden; }
.tool-reader .tool-controls { min-width:0; padding:26px 22px; border-left:1px solid var(--line); }
.tool-reader .tool-control { margin-bottom:24px; font-size:14px; }
.tool-reader .tool-control label { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; }
.tool-reader .tool-control output { color:var(--muted); font-variant-numeric:tabular-nums; }
.tool-reader .tool-control select { width:100%; }

.tool-reader .tool-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; }
.tool-reader .tool-workspace-note { font-size:14px; line-height:1.85; color:var(--theme-body-ink); }
.tool-reader .tool-live-status,.tool-reader .tool-source { font-size:12px; color:var(--muted); line-height:1.8; }
.tool-reader .tool-source { margin:24px 0 0; }
.tool-reader .tool-report-lead { max-width:760px; margin:0 0 36px; font-size:19px; line-height:1.9; color:var(--theme-body-ink); }
.tool-reader .tool-report-summary { max-width:800px; margin:32px 0 0; padding-top:20px; border-top:1px solid var(--line); font-size:16px; line-height:1.9; color:var(--theme-body-ink); }
.tool-reader .tool-construction + .tool-report-summary { padding-top:0; border-top:0; }
.tool-reader :is(.tool-construction,.tool-method-grid) { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; }
.tool-reader :is(.tool-construction,.tool-method-grid) h3 { font-size:19px; line-height:1.6; margin:0 0 14px; }
.tool-reader :is(.tool-construction,.tool-method-grid) p { margin:0; font-size:15px; line-height:1.95; color:var(--theme-body-ink); }
.tool-reader .tool-construction { padding:32px 0; border-block:1px solid var(--line); }
.tool-editorial .tool-report-lead { max-width:var(--tool-article-width); margin:0 0 24px; font-size:16px; line-height:25px; }
.tool-editorial .tool-report-summary { margin:24px 0 0; padding-top:24px; border:0; font-size:16px; line-height:25px; }
.tool-editorial .tool-source { margin-top:16px; font-size:13px; line-height:20px; }
.tool-editorial .tool-construction { grid-template-columns:1fr; gap:20px; padding:24px 0; border:0; }
.tool-editorial .tool-construction > div { display:grid; grid-template-columns:170px minmax(0,1fr); gap:24px; }
.tool-editorial .tool-construction h3 { color:var(--tool-label-ink); font-size:16px; line-height:24px; font-weight:var(--tool-subheading-weight); margin:0; }
.tool-editorial .tool-construction p { font-size:16px; line-height:25px; }
.tool-editorial .tool-method-grid { grid-template-columns:1fr; gap:var(--tool-copy-group-gap); max-width:var(--tool-article-width); margin-top:32px; }
.tool-editorial .tool-method-grid h3 { font-size:22px; line-height:30px; font-weight:var(--tool-heading-weight); margin-bottom:var(--tool-heading-gap); }
.tool-editorial .tool-method-grid p { font-size:16px; line-height:25px; }
/* The richer report follows Paramotif's reading scale and evidence hierarchy. */
.tool-deep-report .tool-overview-points { display:grid; gap:20px; list-style:none; margin:0; padding:24px 0; }
.tool-deep-report .tool-overview-points li { display:grid; grid-template-columns:170px minmax(0,1fr); gap:24px; }
.tool-deep-report .tool-overview-points h3 { margin:0; font-size:16px; line-height:24px; color:var(--tool-label-ink); }
.tool-deep-report .tool-overview-points p { margin:0; font-size:16px; line-height:25px; color:var(--theme-body-ink); }
.tool-deep-report .tool-report-evidence { margin:32px 0 0; }
.tool-deep-report .tool-report-images { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; padding:24px; background:var(--surface); }
.tool-deep-report .tool-report-images figure { min-width:0; margin:0; }
.tool-deep-report .tool-report-images img { display:block; width:100%; aspect-ratio:16 / 10; object-fit:contain; background:#000; }
.tool-deep-report .tool-report-images figcaption { margin-top:10px; text-align:center; }
.tool-deep-report .tool-report-evidence figcaption { color:var(--muted); font-size:13px; line-height:20px; }
.tool-deep-report .tool-report-evidence > figcaption { margin-top:12px; }
.tool-deep-report .tool-architecture-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; margin:0; padding:24px 0; border-block:1px solid var(--line); list-style:none; }
.tool-deep-report .tool-architecture-flow li { min-width:0; }
.tool-deep-report .tool-architecture-flow span { color:var(--muted); font-size:13px; line-height:20px; }
.tool-deep-report .tool-architecture-flow li:not(:last-child) > span::after { content:' →'; margin-left:10px; }
.tool-deep-report .tool-architecture-flow h3 { margin:12px 0 var(--tool-label-gap); color:var(--tool-label-ink); font-size:16px; line-height:24px; }
.tool-deep-report .tool-architecture-flow p { margin:0; color:var(--theme-body-ink); font-size:16px; line-height:25px; }
.tool-deep-report .tool-method-article { display:grid; gap:var(--tool-copy-group-gap); margin-top:32px; }
.tool-deep-report .tool-method-article h3 { margin:0 0 var(--tool-heading-gap); font-size:22px; line-height:30px; font-weight:var(--tool-heading-weight); }
.tool-deep-report .tool-method-article p { max-width:38em; margin:0; color:var(--theme-body-ink); font-size:16px; line-height:25px; overflow-wrap:anywhere; }
.tool-editorial .tool-application-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.tool-editorial .tool-application { margin:0; min-width:0; }
.tool-editorial .tool-applications .tool-effect-compare { aspect-ratio:1; border:1px solid #cececa; background:#fff; isolation:isolate; contain:paint; }
.tool-editorial .tool-applications .tool-compare-before { background:#fff; will-change:clip-path; }
.tool-editorial[data-tool="dieline"] .tool-applications .tool-effect-compare img { padding:14px; }
.tool-editorial .tool-feature-intro { max-width:var(--tool-article-width); margin:0 0 36px; color:var(--theme-body-ink); font-size:18px; line-height:1.9; }
.tool-editorial .tool-feature-article { max-width:1000px; }
.tool-editorial .tool-feature-prose { max-width:var(--tool-article-width); }
.tool-editorial .tool-feature + .tool-feature { margin-top:30px; }
.tool-editorial .tool-feature h3 { font-size:22px; line-height:1.5; margin:0 0 10px; text-wrap:balance; }
.tool-editorial .tool-feature p { font-size:16px; line-height:1.95; color:var(--theme-body-ink); margin:0; }
.tool-editorial .tool-editorial-figure { min-width:0; margin:0; }
.tool-editorial .tool-editorial-image { background:#f7f7f5; }
.tool-editorial .tool-editorial-image img { display:block; width:100%; aspect-ratio:1; object-fit:contain; padding:24px; }
.tool-editorial .tool-editorial-figure--lead { margin:40px 0; }
.tool-editorial .tool-editorial-figure--lead .tool-editorial-image img { height:clamp(280px,35vw,480px); aspect-ratio:auto; }
.tool-editorial .tool-editorial-gallery { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; margin-top:40px; }
.tool-editorial .tool-editorial-figure figcaption { margin-top:12px; max-width:var(--tool-article-width); }
.tool-editorial .tool-editorial-figure h3 { font-size:15px; line-height:1.6; margin:0 0 6px; }
.tool-editorial .tool-editorial-figure figcaption p { margin:0; font-size:13px; line-height:1.8; color:var(--muted); }
.tool-editorial .tool-editorial-diagram { padding:32px; color:#d0ceca; }
.tool-editorial .tool-editorial-diagram svg { display:block; width:100%; height:220px; }
.tool-editorial .tool-editorial-figure--lead .tool-editorial-diagram svg { height:300px; }
.tool-editorial[data-detail-mode="study"] .tool-editorial-image { background:#080808; }
.tool-reader .tool-limits dl { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 40px; margin:0; }
.tool-reader .tool-limits dl > div { padding:24px 0; border-top:1px solid var(--line); }
.tool-reader .tool-limits dt { font-size:17px; margin-bottom:12px; }
.tool-reader .tool-limits dd { margin:0; font-size:14px; line-height:1.9; color:var(--theme-body-ink); }
.tool-editorial .tool-limits dl { grid-template-columns:1fr; max-width:var(--tool-article-width); }
.tool-editorial .tool-limits dl > div { padding:0; border:0; }
.tool-editorial .tool-limits dl > div + div { margin-top:32px; }
.tool-editorial .tool-limits dt { color:var(--tool-heading-ink); font-size:22px; line-height:30px; font-weight:var(--tool-heading-weight); margin-bottom:12px; }
.tool-editorial .tool-limits dd { font-size:16px; line-height:25px; }
.tool-reader .tool-consult > p { max-width:700px; margin:0 0 20px; font-size:16px; line-height:25px; color:var(--theme-body-ink); }
/* Full-size layers are clipped, never resized, so the comparison stays registered. */
.tool-reader .tool-effect-compare { position:relative; aspect-ratio:16/11; overflow:hidden; background:var(--surface); }
.tool-reader .tool-effect-compare img { display:block; width:100%; height:100%; object-fit:contain; user-select:none; }
.tool-reader .tool-compare-before { position:absolute; inset:0; clip-path:inset(0 calc(100% - var(--compare-position)) 0 0); }
.tool-reader .tool-compare-labels { position:absolute; inset:14px 14px auto; display:flex; justify-content:space-between; pointer-events:none; color:#444; font-size:11px; }
.tool-reader .tool-compare-labels span { padding:5px 8px; background:rgba(255,255,255,.86); border-radius:3px; }
.tool-reader .tool-compare-divider { position:absolute; inset:0 auto 0 var(--compare-position); width:1px; background:rgba(255,255,255,.95); box-shadow:0 0 0 1px rgba(0,0,0,.12); pointer-events:none; }
.tool-reader .tool-compare-divider > span { position:absolute; top:50%; left:0; transform:translate(-50%,-50%); display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#fff; color:#333; box-shadow:0 1px 6px #0002; font-size:16px; }
.tool-reader .tool-effect-compare > input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:ew-resize; touch-action:pan-y; }
.tool-reader .tool-effect-compare:has(> input:focus-visible) .tool-compare-divider > span { outline:1px solid var(--muted); outline-offset:3px; }
@media(max-width:1127px) {
 .tool-reader { display:block; width:calc(100% - 64px); }
 .tool-reader::before { display:none; }
 .tool-reader .tool-reader-rail { transform:none; }
 .tool-reader[data-pm-chapters] .tool-reader-rail { position:sticky; top:78px; z-index:20; margin-bottom:32px; padding-top:8px; background:var(--paper); }
 .motion-prototype:has(.site-header[data-navigation-hidden="true"]) .tool-reader[data-pm-chapters] .tool-reader-rail { top:0; }
 .tool-reader .tool-reader-index { flex-direction:row; gap:8px; padding:0 0 8px; border-right:0; border-bottom:1px solid var(--line); overflow-x:auto; }
 .tool-reader .tool-reader-index button { flex:none; padding:10px 12px; }
 .tool-reader[data-pm-chapters] .tool-reader-body > section { scroll-margin-top:148px; }
 .motion-prototype :is(.pm-endcap-inner,.tool-endcap-inner) { display:flex; justify-content:space-between; width:calc(100% - 64px); gap:24px; }
 .tool-reader .tool-workbench-grid { grid-template-columns:minmax(0,1fr) 220px; }
 .tool-reader .tool-controls { padding:22px 18px; }
 .tool-reader-identity h1 { font-size:23px; }
 .tool-editorial .tool-application-list { gap:18px; }
}
@media(max-width:900px) {
 .tool-reader { width:calc(100% - 48px); }
 .tool-reader-identity { display:flex; align-items:baseline; gap:20px; margin:12px 0 20px; }
 .tool-reader-identity p { margin:0; }
 .motion-prototype :is(.pm-endcap-inner,.tool-endcap-inner) { width:calc(100% - 48px); }
 .tool-reader-body > section + section { margin-top:68px; }
 .tool-reader .tool-workbench-grid { grid-template-columns:1fr; }
 .tool-reader .tool-controls { border-left:0; border-top:1px solid var(--line); }
 .tool-editorial .tool-application-list { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:650px) {
 .tool-reader { width:calc(100% - 40px); }
 .motion-prototype :is(.pm-endcap-inner,.tool-endcap-inner) { width:calc(100% - 40px); min-height:96px; padding:24px 0; gap:16px; }
 .motion-prototype :is(.pm-endcap-brand,.tool-endcap-brand) { font-size:24px; }
 .tool-reader-identity { display:block; }
 .tool-reader-identity p { margin-top:8px; }
 .tool-reader-section-heading { gap:12px; margin-bottom:24px; }
 .tool-reader-section-heading h2 { font-size:23px; }
 .tool-reader-section-heading p { font-size:13px; }
 .tool-reader-body > section + section { margin-top:56px; padding-top:28px; }
 .tool-reader .tool-report-lead { font-size:16px; }
 .tool-reader :is(.tool-construction,.tool-method-grid,.tool-limits dl) { grid-template-columns:1fr; gap:24px; }
 .tool-reader .tool-limits dl { gap:0; }
 .tool-reader .tool-workbench-bar { padding:16px; }
 .tool-reader .tool-workbench-bar > p { margin-left:0; }
 .tool-editorial { --tool-heading-size:28px; }
 .tool-editorial .tool-reader-body > section + section { margin-top:0; padding-top:0; }
 .tool-editorial .tool-construction > div { grid-template-columns:1fr; gap:8px; }
 .tool-deep-report .tool-overview-points li { grid-template-columns:1fr; gap:8px; }
 .tool-deep-report .tool-report-images { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; padding:16px; }
 .tool-deep-report .tool-architecture-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .tool-reader :is(.tool-process-tabs,.form-experience .form-step-tabs,.form-experience .form-view-tabs,.dlx-view-options) button { min-height:44px; }
 .tool-editorial .tool-application-list { grid-template-columns:1fr; gap:18px; }
 .tool-editorial .tool-feature-intro { font-size:16px; margin-bottom:30px; }
 .tool-editorial .tool-feature h3 { font-size:21px; }
 .tool-editorial .tool-editorial-figure--lead { margin:32px 0; }
 .tool-editorial .tool-editorial-gallery { grid-template-columns:1fr; gap:32px; margin-top:32px; }
 .tool-editorial .tool-editorial-image img { padding:16px; }
 .tool-editorial .tool-editorial-diagram { padding:20px; }
 .tool-editorial .tool-editorial-figure--lead .tool-editorial-diagram svg { height:220px; }
}
@media(prefers-reduced-motion:reduce) { .tool-reader * { scroll-behavior:auto; transition:none; } }