.spec-pair .spec-one td,.spec-pair .spec-one td .ln{text-wrap:balance}


.sfl-scene{padding:56px 0;border-top:1px solid var(--line);scroll-margin-top:calc(var(--hd) + var(--tabbar) + 24px);outline:none}
#how .sfl-scene:first-child{padding-top:0;border-top:0}
.sfl-scene .scene-heading{display:flex;justify-content:space-between;gap:24px;margin-bottom:24px}
.sfl-scene .scene-topic{margin:0 0 10px;color:var(--mute);font-size:14px}
.sfl-scene h3{font-size:clamp(24px,2.4vw,34px);line-height:1.4;letter-spacing:-.025em;margin:0}
.sfl-scene .scene-number{color:var(--mute);font-size:14px;padding-top:6px;white-space:nowrap;flex-shrink:0}
.sfl-scene .diagram{margin:0;border:1px solid var(--line);background:#fff}
.sfl-scene .diagram-overview{padding:28px 24px 20px}
.sfl-scene .registered-drawing{position:relative;width:100%;isolation:isolate;line-height:0}
.sfl-scene .registered-drawing img{display:block;width:100%;max-width:none;height:auto;opacity:1;transform:none;filter:none}
.sfl-scene .feature-overlay{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;overflow:visible}
.sfl-scene .feature{display:none}
.sfl-drawings-ready .sfl-scene .feature.is-active{display:inline}
.sfl-scene .trace-halo{fill:none;stroke:#fff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round}
.sfl-scene .trace-mark{fill:none;stroke:var(--feature);stroke-width:1.65;stroke-linejoin:round;stroke-linecap:round}
.sfl-scene .trace-fill{fill:var(--feature);fill-opacity:.28}
.sfl-scene .dimension-end{fill:#fff;fill-opacity:.65;stroke:var(--feature);stroke-width:1.25}
.sfl-scene[data-scene="F02"] .trace-halo{stroke-width:3.5}
.sfl-scene[data-scene="F02"] .trace-mark{stroke-width:1.9}
.sfl-scene[data-scene="F03"] .trace-halo{stroke-width:3.6}
.sfl-scene[data-scene="F03"] .trace-mark{stroke-width:1.9}
.sfl-scene figcaption{padding:16px 22px;color:var(--mute);font-size:15px;line-height:1.8;border-top:1px solid #e4e8ed}
.sfl-scene figcaption a{text-decoration:underline;text-underline-offset:3px}
.sfl-scene .qualification{margin:0;padding:15px 22px;border-top:1px solid var(--line);background:var(--bg-alt);font-size:16px;line-height:1.8;font-weight:500;color:var(--ink)}
.sfl-scene .enlarge{border-top:1px solid var(--line)}
.sfl-scene .enlarge summary{cursor:pointer;padding:14px 22px;min-height:48px;font-size:14px;font-weight:500}
.sfl-scene .enlarge[open] summary{background:#f3f5f8}
.sfl-scene .pan-help{font-size:13px;line-height:1.8;color:var(--mute);padding:12px 22px;margin:0}
.sfl-scene .enlarged-view{margin:0 20px 20px;overflow:auto;border:1px solid var(--line);overscroll-behavior-x:contain;max-height:540px}
.sfl-scene .enlarged-view .registered-drawing{width:1100px;max-width:none}
.sfl-scene .scene-controls{display:none;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.sfl-drawings-ready .sfl-scene .scene-controls{display:flex}
.sfl-scene .control-label{color:var(--mute);font-size:13px;margin-right:12px}
.sfl-scene .scene-controls button{font:inherit;font-size:14px;min-height:44px;padding:9px 16px;border:1px solid #84909e;border-radius:4px;background:transparent;color:var(--ink);cursor:pointer;transition:background-color .16s,border-color .16s}
.sfl-scene .scene-controls button[aria-pressed="true"]{background:var(--ink);color:var(--bg);border-color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.sfl-scene .scene-controls button:hover{border-color:var(--ink)}
.sfl-scene :is(button,a,summary,[tabindex]):focus-visible{outline:3px solid #1e4e7a;outline-offset:4px}
.sfl-scene .reading-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;margin:22px 0 0}
.sfl-scene .reading-item{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:15px 12px;border-bottom:1px solid var(--line);border-left:3px solid transparent}
.sfl-scene .reading-item dt{font-size:15px;color:var(--mute)}
.sfl-scene .reading-item dd{font-size:21px;font-weight:500;margin:0;white-space:nowrap}
.sfl-scene .reading-item.is-selected{border-left-color:var(--ink)}
.sfl-scene .reading-item.is-selected dt{text-decoration:underline;text-underline-offset:4px}
.sfl-scene .reading-summary{margin:18px 0 0;font-size:15px;font-weight:500}
.sfl-scene .scene-notes{display:grid;gap:7px;margin-top:20px;color:var(--mute);font-size:14px;line-height:1.8}
.sfl-scene .scene-notes p{margin:0}
.sfl-scene .text-link{display:inline-block;margin-top:18px;padding:8px 0;text-decoration:underline;text-underline-offset:4px;font-size:14px}
.sfl-scene .enhanced-note{display:none}
.sfl-drawings-ready .sfl-scene .enhanced-note{display:inline}
.sfl-scene .sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.layout-intro{padding-top:56px;margin-top:8px;border-top:1px solid var(--line)}
.layout-intro h2{font-size:clamp(28px,3vw,40px);line-height:1.35}
.layout-intro nav{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.layout-intro nav a{border:1px solid var(--ink);border-radius:4px;padding:12px 18px;font-size:14px;min-height:44px}
.layout-intro>p{color:var(--mute);font-size:15px;line-height:1.8}

@media(min-width:1240px){.sfl-scene .enlarge{display:none}}
@media(max-width:720px){
 .sfl-scene{padding:38px 0}
 .sfl-scene h3{font-size:25px}
 .sfl-scene .scene-topic{font-size:12px}
 .sfl-scene .scene-number{font-size:12px}
 .sfl-scene .scene-heading{gap:16px;margin-bottom:20px}
 .sfl-scene .control-label{flex-basis:100%;margin:0 0 2px}
 .sfl-scene .scene-controls{gap:8px;margin-bottom:18px}
 .sfl-scene .scene-controls button{font-size:13px;padding:10px 13px}
 .sfl-scene .diagram-overview{padding:16px 10px}
 .sfl-scene figcaption,.sfl-scene .qualification{font-size:14px;padding:13px 15px}
 .sfl-scene .enlarge summary{padding:12px 15px}
 .sfl-scene .pan-help{font-size:12px;padding:12px 15px}
 .sfl-scene .enlarged-view{margin:0 12px 15px;max-height:510px}
 .sfl-scene .reading-list{grid-template-columns:1fr;margin-top:16px}
 .sfl-scene .reading-item{padding:12px 10px}
 .sfl-scene .reading-item dt{font-size:14px}
 .sfl-scene .reading-item dd{font-size:19px}
 .sfl-scene .reading-summary{font-size:14px;line-height:1.8}
 .sfl-scene .scene-notes{font-size:13px}
 .layout-intro{padding-top:38px}
}

body[data-sfl-drawings] .sfl-static-tabs{display:flex;gap:24px;padding-block:20px}
html:not(.sfl-drawings-ready) body[data-sfl-drawings] .p-tabbar{display:none}
.sfl-drawings-ready body[data-sfl-drawings] .sfl-static-tabs{display:none}
html:not(.sfl-drawings-ready) body[data-sfl-drawings] .rv{opacity:1;transform:none}
html:not(.sfl-drawings-ready) body[data-sfl-drawings] .p-panel[hidden]{display:block}
html:not(.sfl-drawings-ready) body[data-sfl-drawings] .ex-nav,html:not(.sfl-drawings-ready) body[data-sfl-drawings] .ex-strip{display:none}
html:not(.sfl-drawings-ready) body[data-sfl-drawings] .ex-gallery .sample{height:auto;aspect-ratio:auto}
html:not(.sfl-drawings-ready) body[data-sfl-drawings] .ex-gallery .ex-big{position:static;opacity:1;visibility:visible;display:block;width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.sfl-scene *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}