.alignment-section{padding:104px 0;background:#f4f6f2;color:var(--ink,#153443);border-top:1px solid #e5eae4;border-bottom:1px solid #e5eae4}
.alignment-shell{width:min(1240px,calc(100% - 112px));margin-inline:auto;display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:center}
.alignment-copy{min-width:0;padding-block:10px}
.alignment-eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 25px;font-family:var(--sans,'Segoe UI',Arial,sans-serif);font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.65;color:#496a76}
.alignment-eyebrow>span{width:25px;height:1px;background:#7b9ba5;flex-shrink:0}
.alignment-copy h2{margin:0 0 28px;font-family:var(--serif,Georgia,'Times New Roman',serif);font-size:clamp(42px,4.1vw,57px);font-weight:400;line-height:1.09;letter-spacing:-.048em}
.alignment-copy h2 em{color:var(--blue,#466c80);font-weight:400}
.alignment-intro{max-width:360px;font-size:16px;line-height:1.8;margin:0 0 18px;color:#3d5863}
.alignment-explanation{max-width:355px;font-size:14px;line-height:1.9;margin:0 0 31px;color:#5d6b70}
.alignment-cta{display:inline-flex;justify-content:center;align-items:center;gap:26px;min-height:53px;padding:14px 22px;border:1px solid #153443;border-radius:3px;background:#153443;color:#fff;font-family:var(--sans,'Segoe UI',Arial,sans-serif);font-size:13px;font-weight:600;line-height:1.5;cursor:pointer;transition:background .2s,transform .2s}
.alignment-cta>svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.alignment-cta:hover{background:#2a5062;transform:translateY(-2px)}
.alignment-figure{min-width:0;margin:0}
.alignment-panel{overflow:hidden;background:#fff;border:1px solid #d4dfdc;border-radius:18px 18px 5px 18px;box-shadow:0 18px 55px #15344309}
.alignment-panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:25px 27px 0}
.alignment-label{display:inline-flex;align-items:center;gap:8px;font-size:12px;line-height:1.5;font-weight:600;color:#365766}
.alignment-label>span{width:6px;height:6px;border:1px solid #6f919c;border-radius:50%;flex-shrink:0}
.alignment-view-label{font-size:12px;line-height:1.5;color:#68787d;text-align:right}
.alignment-canvas{width:100%;padding:2px 5px 0;background:radial-gradient(ellipse at 50% 60%,#f5f8f5 0%,#fff 73%)}
.alignment-diagram{display:block;width:100%;height:auto;aspect-ratio:640/310;overflow:visible;stroke:none;stroke-width:1;stroke-linejoin:round;flex-shrink:1}
.alignment-guide{fill:none;stroke:#b1c7ca;stroke-width:1;stroke-dasharray:2 7;opacity:.48}
.alignment-center-guide{fill:none;stroke:#bfcecd;stroke-width:1;stroke-dasharray:2 7;opacity:.4}
.alignment-tooth{transform-box:view-box;will-change:auto}
.alignment-wire-shadow{fill:none;stroke:#23495d;stroke-width:5;opacity:.12;stroke-linecap:round}
.alignment-wire{fill:none;stroke-width:3;stroke-linecap:round}
.alignment-wire-highlight{fill:none;stroke:#f5fafb;stroke-width:.75;stroke-linecap:round;opacity:.75}
.alignment-controls{padding:22px 28px 25px;border-top:1px solid #e4eae5;background:#fbfcfa}
.alignment-control-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:2px}
.alignment-control-heading>label{font-size:14px;font-weight:600;line-height:1.5}
.alignment-state{font-size:12px;line-height:1.5;color:#5e747d;text-align:right}
.alignment-range{--alignment-progress:0%;display:block;appearance:none;-webkit-appearance:none;width:100%;height:44px;margin:0;padding:0;background:transparent;border:0;border-radius:3px;cursor:ew-resize;touch-action:pan-y}
.alignment-range::-webkit-slider-runnable-track{height:5px;border-radius:5px;background:linear-gradient(to right,#466c80 0%,#466c80 var(--alignment-progress),#d6e0dc var(--alignment-progress),#d6e0dc 100%)}
.alignment-range::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:25px;margin-top:-10px;border:6px solid #244b5d;border-radius:50%;background:#fffdf6;box-shadow:0 0 0 5px #466c8010,0 2px 5px #15344320;transition:box-shadow .2s}
.alignment-range::-moz-range-track{height:5px;border-radius:5px;background:#d6e0dc}
.alignment-range::-moz-range-progress{height:5px;border-radius:5px;background:#466c80}
.alignment-range::-moz-range-thumb{width:13px;height:13px;border:6px solid #244b5d;border-radius:50%;background:#fffdf6;box-shadow:0 0 0 5px #466c8010,0 2px 5px #15344320}
.alignment-range:hover::-webkit-slider-thumb{box-shadow:0 0 0 7px #466c8018,0 2px 5px #15344320}
.alignment-range:hover::-moz-range-thumb{box-shadow:0 0 0 7px #466c8018,0 2px 5px #15344320}
.alignment-range-labels{display:flex;justify-content:space-between;gap:16px;margin-top:-1px;font-size:12px;line-height:1.6;color:#5e727a}
.alignment-range-labels>span:last-child{text-align:right}
.alignment-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px 12px;margin-top:24px}
.alignment-play,.alignment-reset{display:inline-flex;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:10px 14px;border:1px solid #bdcecf;border-radius:4px;background:#fff;color:#274d5d;font-family:var(--sans,'Segoe UI',Arial,sans-serif);font-size:12px;font-weight:600;line-height:1.5;cursor:pointer;transition:background .2s,border-color .2s}
.alignment-play{background:#e9eff0;border-color:#d6e1e0}
.alignment-play:hover,.alignment-reset:hover{background:#e0e9e9;border-color:#94b0b7}
.alignment-play>svg,.alignment-reset>svg{width:17px;height:17px;flex-shrink:0;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.alignment-play>svg{fill:currentColor;stroke:none}
.alignment-instruction{flex-basis:100%;margin-top:3px;font-size:12px;line-height:1.7;color:#63767d}
.alignment-motion-status,.alignment-no-script{font-size:12px;line-height:1.75;color:#5d727a;margin:13px 0 0}
.alignment-motion-status[hidden]{display:none}
.alignment-caption{padding:16px 6px 0;font-size:12px;line-height:1.8;color:#5f737a}
.alignment-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.alignment-cta:focus-visible,.alignment-play:focus-visible,.alignment-reset:focus-visible,.alignment-range:focus-visible{outline:3px solid #4a8db0;outline-offset:5px}
.alignment-play:disabled,.alignment-reset:disabled,.alignment-range:disabled{opacity:.55;cursor:default}
@media(min-width:1500px){.alignment-shell{width:min(1320px,calc(100% - 140px));gap:90px}.alignment-copy h2{font-size:59px}.alignment-intro{font-size:17px}}
@media(max-width:1200px){.alignment-shell{width:calc(100% - 80px);gap:42px;grid-template-columns:.8fr 1.2fr}.alignment-copy h2{font-size:45px}.alignment-eyebrow{font-size:12px;letter-spacing:.07em}.alignment-panel-heading{padding:22px 23px 0;gap:12px}.alignment-controls{padding:22px 23px}.alignment-view-label{max-width:100px}.alignment-control-heading{gap:12px}.alignment-control-heading>label{font-size:13px}}
@media(max-width:900px){.alignment-section{padding:76px 0}.alignment-shell{width:calc(100% - 56px);grid-template-columns:1fr;gap:37px}.alignment-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:35px;align-items:start;padding:0}.alignment-eyebrow{grid-column:1/-1;margin-bottom:21px}.alignment-copy h2{grid-column:1;grid-row:2/5;font-size:45px;margin:0}.alignment-intro,.alignment-explanation,.alignment-cta{grid-column:2}.alignment-intro{font-size:15px;margin-bottom:15px}.alignment-explanation{font-size:13px;margin-bottom:22px}.alignment-cta{justify-self:start;font-size:12px;gap:20px;min-height:49px;padding:12px 17px}.alignment-figure{width:100%;max-width:710px;margin-inline:auto}.alignment-view-label{max-width:none}.alignment-panel-heading{padding:24px 28px 0}.alignment-controls{padding:22px 28px 25px}.alignment-control-heading>label{font-size:14px}.alignment-instruction{flex-basis:auto;margin:0 0 0 auto;font-size:12px}}
@media(max-width:680px){.alignment-section{padding:61px 0}.alignment-shell{width:calc(100% - 40px);gap:30px}.alignment-copy{display:block}.alignment-eyebrow{font-size:12px;letter-spacing:.06em;margin-bottom:21px;gap:9px}.alignment-eyebrow>span{width:19px}.alignment-copy h2{font-size:clamp(38px,10.5vw,49px);margin:0 0 22px}.alignment-intro{font-size:15px;line-height:1.8;max-width:100%;margin-bottom:15px}.alignment-explanation{font-size:13px;line-height:1.9;max-width:100%;margin-bottom:25px}.alignment-cta{font-size:12px;min-height:49px;padding:13px 18px;gap:24px}.alignment-panel{border-radius:13px 13px 4px 13px}.alignment-panel-heading{padding:19px 18px 0;align-items:flex-start;gap:12px}.alignment-label{max-width:145px;font-size:12px;align-items:flex-start}.alignment-label>span{margin-top:6px}.alignment-view-label{max-width:100px;font-size:12px}.alignment-canvas{padding:7px 0 0}.alignment-diagram{min-height:185px}.alignment-controls{padding:19px 18px 21px}.alignment-control-heading{align-items:flex-start;gap:12px}.alignment-control-heading>label{max-width:155px;font-size:13px}.alignment-state{font-size:12px;max-width:135px}.alignment-range-labels{font-size:12px;gap:12px}.alignment-actions{margin-top:19px;gap:9px}.alignment-play,.alignment-reset{font-size:12px;padding:10px 12px}.alignment-instruction{flex-basis:100%;margin:4px 0 0;font-size:12px}.alignment-caption{padding:13px 2px 0;font-size:12px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.alignment-cta,.alignment-play,.alignment-reset,.alignment-range::-webkit-slider-thumb{transition:none}.alignment-range::-moz-range-thumb{transition:none}.alignment-cta:hover{transform:none}}
@media print{.alignment-section{padding:25px 0;background:none}.alignment-shell{width:100%;gap:30px}.alignment-cta,.alignment-controls{display:none}.alignment-panel{box-shadow:none}.alignment-panel-heading{padding-top:12px}}
