:root{color:#182d43;font-synthesis:none;--blue:#225cda;--muted:#596b7e;--green:#087f83;background:#eef2f6;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}a{color:#225cda;text-underline-offset:4px}header{background:#10263c;border-bottom:1px solid #264058;align-items:center;gap:24px;min-height:78px;padding:18px max(24px,50vw - 620px);display:flex}.brand{letter-spacing:-1px;color:#fff;align-items:center;font-size:26px;font-weight:800;text-decoration:none;display:flex}.brand-rule{border-right:1px solid #456075;height:25px;margin-left:22px}.header-note{letter-spacing:1.7px;color:#b5c7d6;font-size:12px;font-weight:700}.validation-link{color:#d8e6f2;align-items:center;min-height:44px;margin-left:auto;font-size:14px;display:flex}main{max-width:1288px;margin:auto;padding:40px 24px}.intro{margin-bottom:28px}.eyebrow{letter-spacing:1.5px;color:var(--green);margin-bottom:12px;font-size:12px;font-weight:700}h1{letter-spacing:-1.6px;margin:0 0 14px;font-size:clamp(30px,4vw,44px);line-height:1.15}h2{letter-spacing:-.6px;margin:0 0 12px;font-size:22px}h3{letter-spacing:-.4px;font-size:22px}p{margin:0 0 16px;line-height:1.6}.intro p{color:var(--muted);margin-bottom:0;font-size:17px}.workbench{background:#fff;border:1px solid #d6e0e9;border-radius:16px;grid-template-columns:320px minmax(0,1fr);display:grid;overflow:hidden;box-shadow:0 8px 30px #17334d09,0 2px 4px #17334d04}.parameters{background:linear-gradient(#fff,#f7f9fc);border-right:1px solid #e1e8ef;padding:28px}.muted,small{color:var(--muted)}.parameters p{font-size:14px}.field{margin:24px 0}label{margin-bottom:9px;font-size:14px;font-weight:700;display:block}.input-wrap{background:#fff;border:1px solid #aebed0;border-radius:8px;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 2px #182d4305}.input-wrap:focus-within{border-color:var(--blue);outline:3px solid #d2e1ff}input{font-variant-numeric:tabular-nums;color:#182d43;background:0 0;border:0;outline:0;width:100%;min-width:0;padding:13px 14px;font-size:20px}.input-wrap span{color:var(--muted);padding-right:14px;font-size:14px}small{margin-top:7px;font-size:12px;line-height:1.6;display:block}.has-error .input-wrap{border-color:#be3940}.field-error,.parameters .field-error{color:#ad2935;margin:7px 0 0;font-size:13px;line-height:1.5}.joint-diagram{border-top:1px solid #dfe6ee;margin-top:28px;padding-top:18px}.joint-diagram svg{width:100%}.joint-diagram text{fill:#49646e;font-size:12px}.results{min-width:0;padding:28px 32px}.result-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.pill{white-space:nowrap;color:var(--muted);background:#f7f9fc;border:1px solid #dde5ed;border-radius:5px;padding:7px 9px;font-size:12px}.metrics{border-top:1px solid #e2e9ef;grid-template-columns:1.2fr 1.2fr 1fr;gap:18px;margin:18px 0 24px;padding:20px 0;display:grid}.metrics>div{min-width:0}.metrics span{color:var(--muted);margin-bottom:8px;font-size:14px;display:block}.metrics strong{letter-spacing:-.8px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;font-size:clamp(20px,2.2vw,28px);font-weight:600}.metrics small{letter-spacing:0;font-size:13px;font-weight:400;display:inline}.plot{background:#122b42;border:1px solid #243f56;border-radius:10px;overflow:hidden;box-shadow:inset 0 1px #ffffff08}.plot-topline{color:#a9c3d7;justify-content:space-between;gap:12px;padding:17px 20px 0;font-size:12px;display:flex}.plot-topline span:first-child{letter-spacing:1.5px;color:#dcebf5;font-weight:700}.plot svg{width:100%;display:block}.plot text{fill:#b5cadd;font-size:13px}.legend{color:var(--muted);gap:24px;margin:15px 0 10px;font-size:13px;display:flex}.legend i{vertical-align:middle;border-top:3px solid #087f83;width:20px;margin-right:7px;display:inline-block}.explanation{max-width:640px;font-size:14px}.print-panel{background:#f3f6fc;border:1px solid #dce5f2;border-radius:10px;margin:24px 0;padding:20px}.print-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.print-heading .eyebrow{color:#345895;letter-spacing:1.2px;margin:0;font-size:11px}.page-count{color:#345895;white-space:nowrap;font-size:12px;font-weight:700}.export{align-items:end;gap:14px;margin-top:18px;display:flex}select{font:inherit;color:#182d43;background:#fff;border:1px solid #aebed0;border-radius:8px;min-width:125px;min-height:49px;padding:13px;font-size:16px}button{font:inherit;cursor:pointer;color:#182d43;background:#fff;border:1px solid #b6c5d5;border-radius:8px;min-height:49px;padding:14px 20px;font-size:14px;font-weight:700}button.primary{background:var(--blue);border-color:var(--blue);color:#fff;flex:1;justify-content:center;align-items:center;gap:10px;display:flex;box-shadow:0 3px 6px #225cda18}button:hover:not(:disabled){background:#eaf0f7}button.primary:hover:not(:disabled){background:#194dbd;border-color:#194dbd}button:disabled{cursor:not-allowed;opacity:.6}input:disabled,select:disabled{opacity:.65}button:focus-visible,select:focus-visible,a:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #71a2ff}.print-tip{color:#52667e;margin:14px 0 0;font-size:13px;line-height:1.6}.print-tip strong{color:#253f60}.status{color:#596b7e;min-height:20px;margin:9px 0 0;font-size:12px}.status.has-message{color:#175a55;font-weight:600}.scope{color:#655b46;background:#fbf8f1;border-left:3px solid #bc924c;border-radius:0 5px 5px 0;padding:14px 16px;font-size:13px}.scope p{margin:5px 0 0}.scope strong{color:#705018}.error{color:#ad2935;font-size:14px}.invalid-result{color:var(--muted);background:#f6f8fc;border:1px dashed #c9d6e3;border-radius:10px;margin:20px 0;padding:38px 22px;line-height:1.6}.invalid-result h3{color:#253f60}.invalid-result p{margin-bottom:0}.device-check{color:var(--muted);border-top:1px solid #e1e9ed;margin-top:24px;padding-top:20px;font-size:14px}summary{cursor:pointer;min-height:32px;font-weight:600;line-height:1.6}.device-check p{margin-top:15px}.bench-plot{background:#f6f9fa;width:100%;height:110px;margin-top:12px;display:block}output{min-height:40px;font-size:13px;line-height:1.6;display:block}.guide{border-top:1px solid #cfdce3;grid-template-columns:1fr 1.5fr;gap:70px;margin-top:46px;padding-top:34px;display:grid}.guide h2{max-width:330px;font-size:28px;line-height:1.3}.guide ol{grid-template-columns:1fr 1fr;gap:26px 35px;margin:0;padding-left:22px;display:grid}.guide li{color:var(--muted);padding-left:4px;font-size:14px;line-height:1.6}.guide li::marker{color:var(--green);font-weight:700}.guide strong{color:#182d43;margin-bottom:6px;display:block}footer{max-width:1240px;color:var(--muted);justify-content:space-between;margin:0 auto;padding:20px 0 30px;font-size:12px;display:flex}.notes{background:#fff;border:1px solid #d3e0e5;border-radius:12px;max-width:830px;padding:30px}.notes h2{margin-top:28px}.notes h2:first-child{margin-top:0}.notes li{margin:8px 0;line-height:1.7}@media (max-width:1050px) and (min-width:801px){.workbench{grid-template-columns:280px minmax(0,1fr)}.parameters,.results{padding:24px}.result-heading{display:block}.pill{display:inline-block}.print-heading{flex-direction:column;align-items:start}.metrics{gap:12px}.metrics span{font-size:12px}}@media (max-width:800px){header{gap:12px;min-height:70px;padding:14px 20px}.header-note,.brand-rule{display:none}main{padding:28px 16px}.workbench{grid-template-columns:1fr}.parameters{border-bottom:1px solid #dae4e8;border-right:0;padding:22px}.results{padding:24px 20px}.joint-diagram{max-width:270px}.result-heading{display:block}.pill{margin:3px 0 0;display:inline-block}.metrics{gap:12px}.metrics strong{font-size:22px}.metrics span{font-size:12px}.plot-topline{flex-wrap:wrap;gap:6px;padding:14px 12px 0;font-size:11px}.legend{flex-wrap:wrap;gap:12px}.print-panel{padding:16px}.print-heading{flex-wrap:wrap;align-items:start;gap:8px}.export{flex-wrap:wrap;gap:12px}.export>div,.export select{width:100%}.export button{flex-basis:100%;width:100%}.guide{grid-template-columns:1fr;gap:18px;margin-top:30px}.guide ol{grid-template-columns:1fr;gap:20px}.guide h2{max-width:none}footer{flex-wrap:wrap;gap:15px;padding:20px}.notes{padding:20px}.intro p{font-size:16px}}@media (max-width:360px){.metrics{grid-template-columns:1fr 1fr}.metrics>div:last-child{grid-column:1/-1}.results{padding:22px 16px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}.shop-story{color:#fff;background:#10263c;border-radius:14px;grid-template-columns:1.1fr 1fr;margin-top:54px;display:grid;overflow:hidden}.shop-photo{min-height:370px;position:relative}.shop-photo img{object-fit:cover;width:100%;height:100%;display:block}.photo-label{color:#fff;letter-spacing:1.5px;background:#10263cdb;padding:9px 12px;font-size:12px;position:absolute;bottom:22px;left:24px}.shop-copy{padding:42px}.shop-copy .eyebrow{color:#64dbd6}.shop-copy h2{letter-spacing:-1px;font-size:32px;line-height:1.2}.shop-copy p{color:#c4d3e0;font-size:16px}.text-link{color:#70e3dd;padding:10px 0;font-size:14px;font-weight:700;display:inline-block}.field-notes{padding:54px 0}.section-heading h2{font-size:30px}.note-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:28px;display:grid}.note-grid article{border-top:2px solid #c9d6e1;padding-top:22px}.note-number{color:#087f83;font-size:14px;font-weight:700}.note-grid h3{margin:12px 0;font-size:20px;line-height:1.4}.note-grid p{color:var(--muted);margin:0;font-size:16px}.faq{border-top:1px solid #cfdce3;grid-template-columns:1fr 1.5fr;gap:64px;padding:36px 0 20px;display:grid}.faq h2{font-size:30px;line-height:1.3}.faq-items details{border-bottom:1px solid #cfdae4}.faq-items summary{color:#183744;padding:18px 0;font-size:16px}.faq-items p{color:var(--muted);padding:0 22px 4px 0;font-size:16px}.photo-credit{color:var(--muted);margin-top:10px;font-size:12px}.photo-credit a{color:inherit}@media (max-width:800px){.shop-story{grid-template-columns:1fr;margin-top:34px}.shop-photo{aspect-ratio:3/2;min-height:0}.shop-copy{padding:28px}.shop-copy h2,.section-heading h2,.faq h2{font-size:26px}.note-grid{grid-template-columns:1fr;gap:26px}.field-notes{padding:36px 0}.faq{grid-template-columns:1fr;gap:8px}.faq h2 br{display:none}}.jobs-panel{background:#fff;border:1px solid #d6e0e9;border-radius:12px;margin-bottom:20px;padding:22px}.jobs-title{flex-wrap:wrap;align-items:baseline;gap:16px;display:flex}.jobs-title span{color:var(--muted);font-size:13px}.jobs-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.jobs-controls>div{flex:1;min-width:170px}.jobs-controls input,.jobs-controls select{border:1px solid #aebed0;border-radius:8px;width:100%;min-height:49px;font-size:16px}.job-status{color:#345895;margin:12px 0 0;font-size:14px}.unit-control select{width:100%;min-width:0;font-size:14px}.unit-control{margin-top:22px}.jobs-controls input:focus-visible{outline-offset:2px;outline:3px solid #71a2ff}@media (max-width:800px){.jobs-controls>div{flex-basis:100%}.jobs-controls button{flex:1;padding:12px}.jobs-panel{padding:20px}}.jobs-panel{margin:18px 0 0;padding:0;overflow:hidden}.jobs-summary{min-height:58px;padding:18px 22px;font-size:14px;list-style-position:inside;display:list-item}.jobs-summary>span:first-child{display:inline}.active-job{color:var(--muted);overflow-wrap:anywhere;margin-left:18px;font-weight:400}.manage-label{float:right;color:#225cda;font-weight:600}.jobs-body{border-top:1px solid #e1e8ef;padding:4px 22px 22px}.jobs-body>p{margin-top:16px;font-size:14px}.local-save-status{color:var(--muted);margin:8px 4px;font-size:12px}.current-job{color:var(--muted);overflow-wrap:anywhere;margin:0;font-size:13px}.cad-export{border-top:1px solid #dce5f2;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;padding-top:20px;display:flex}.cad-export>div{flex:1;min-width:180px}.cad-export h3{margin:0 0 6px;font-size:17px}.cad-export p{color:var(--muted);margin:0;font-size:14px}.cad-export small{flex-basis:100%;margin:0}@media (max-width:600px){.manage-label{float:none;margin:8px 0 0 18px;display:block}.active-job{margin:6px 0 0 18px;display:block}.cad-export button{width:100%}}.assembly-help{color:var(--muted);margin-top:12px;font-size:13px}.assembly-help summary{color:#345895;font-size:14px}.assembly-help ol{padding-left:20px;line-height:1.6}.assembly-help li{margin:8px 0}.assembly-help p{margin-bottom:0}.paper-comparison{color:var(--muted);margin:12px 0;font-size:13px}.print-overview{background:#fff;border:1px solid #d4dfef;border-radius:8px;margin:14px 0;padding:12px 14px}.print-overview summary{color:#345895;min-height:28px;font-size:14px}.print-overview p{color:var(--muted);margin:10px 0;font-size:13px}.print-overview strong{color:#253f60;overflow-wrap:anywhere;font-family:monospace}.page-map-scroll{background:#fbfcff;border:1px solid #e3eaf4;border-radius:4px;max-height:340px;padding:8px;overflow:auto}.page-map-scroll svg{width:100%;height:auto;display:block}.page-map-scroll:focus-visible{outline-offset:2px;outline:3px solid #71a2ff}.joint-preview{margin:18px 0}.preview-toggle{color:#225cda;text-align:left;background:#f3f6fc;width:100%}.joint-canvas{background:#122b42;border-radius:8px;height:330px;overflow:hidden}.joint-canvas canvas{touch-action:none;max-width:100%;display:block}.joint-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin:16px 0 10px;font-size:13px;display:flex}.joint-legend i{border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.cut-key{background:#16b8ae}.main-key{background:#8a9cac}.edge-key{background:#d1a52b}.joint-legend strong{margin-left:auto}.view-controls{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.view-controls button{min-height:44px;padding:10px 12px}.hide-main{align-items:center;gap:8px;min-height:44px;font-size:14px;font-weight:400;display:flex}.hide-main input{width:18px;height:18px;margin:0}.preview-note{color:var(--muted);margin:6px 0;font-size:13px}.joint-preview small{margin-bottom:12px}@media (max-width:500px){.joint-canvas{height:280px}.joint-legend strong{margin-left:0}.view-controls button{flex:1}}header{flex-wrap:wrap;gap:12px 20px}.language-switch{white-space:nowrap;align-items:center;gap:4px;margin-left:auto;display:flex}.language-switch a{color:inherit;border-radius:7px;padding:7px 10px;font-size:.875rem;text-decoration:none}.language-switch a[aria-current=page]{color:#123c58;background:#e4eef6;font-weight:700}.language-switch a:focus-visible{outline-offset:2px;outline:2px solid #225cda}html[lang=zh-CN] body{font-family:Inter,PingFang SC,Microsoft YaHei,Noto Sans CJK SC,sans-serif}html[lang=zh-CN] .eyebrow{letter-spacing:.08em}html[lang=zh-CN] .plot svg text{font-size:12px}html[lang=zh-CN] p{line-height:1.8}@media (max-width:600px){header .header-note{display:none}.language-switch{gap:0}.language-switch a{padding:7px 8px}}.locale-control{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.locale-icon{color:#73879a;display:flex}.locale-tabs{background:#edf2f7;border:1px solid #d5e0ea;border-radius:12px;gap:3px;padding:4px;display:flex}.locale-tabs a{color:#52677c;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:8px 12px;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,color .15s;display:flex}.locale-tabs a[aria-current=page]{color:#fff;background:#12334d;box-shadow:0 2px 5px #10263c26}.locale-check{fill:none;stroke:currentColor;stroke-width:2px;visibility:hidden;width:14px;height:14px}.locale-tabs a[aria-current=page] .locale-check{visibility:visible}.locale-tabs a:focus-visible{outline-offset:3px;outline:3px solid #4085ed}@media (max-width:600px){.locale-icon{display:none}.locale-tabs a{gap:5px;min-height:44px;padding:8px 10px}.locale-control{gap:0}header{column-gap:12px}.validation-link{font-size:14px}}.guide-links{grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;display:grid}.guide-links>a{color:#16374d;background:#fff;border:1px solid #cedce8;border-radius:12px;flex-direction:column;gap:10px;padding:24px;text-decoration:none;display:flex}.guide-links>a:hover{border-color:#225cda}.guide-links span{color:#087f83;letter-spacing:.06em;font-size:13px;font-weight:700}.guide-links strong{font-size:20px}.guide-links small{color:#596b82;font-size:14px}.guide-page{max-width:1120px}.breadcrumbs{color:#5a6e82;margin:20px 0;font-size:14px}.breadcrumbs a{color:inherit}.guide-intro{max-width:850px;padding:25px 0 40px}.guide-intro h1{letter-spacing:-.035em;font-size:clamp(30px,4vw,48px);line-height:1.2}.guide-intro p{color:#52667b;max-width:750px;font-size:19px;line-height:1.7}.guide-action{color:#fff;background:#12334d;border-radius:8px;padding:13px 20px;font-weight:600;text-decoration:none;display:inline-flex}.guide-reading{border-top:1px solid #cbd8e5;grid-template-columns:235px minmax(0,1fr);gap:50px;padding-top:32px;display:grid}.guide-reading aside nav{flex-direction:column;gap:14px;display:flex}.guide-reading aside a{color:#375c7c;font-size:14px;line-height:1.6;text-decoration:none}.guide-reading aside p{color:#66798d;margin-top:26px;font-size:14px;line-height:1.7}.guide-reading article{background:#fff;border:1px solid #d6e1eb;border-radius:14px;padding:10px 36px 30px}.guide-reading article section{border-bottom:1px solid #e5ebf1;padding:22px 0;scroll-margin-top:24px}.guide-reading h2{font-size:24px;line-height:1.4}.guide-reading p{color:#3f5266;font-size:17px;line-height:1.85}.guide-next{padding-top:30px}.guide-next a{color:#225cda;margin-top:14px;font-weight:600;display:block}.inline-guide{color:#225cda;margin:14px 0 4px;font-size:14px;line-height:1.6;display:inline-block}a:focus-visible{outline-offset:3px;outline:3px solid #4085ed}@media (max-width:760px){.guide-links{grid-template-columns:1fr}.guide-reading{grid-template-columns:1fr;gap:22px}.guide-reading aside p{display:none}.guide-reading aside nav{border:1px solid #d3dfeb;border-radius:10px;padding:20px}.guide-reading article{padding:4px 20px 24px}.guide-intro{padding-bottom:28px}.guide-reading h2{font-size:22px}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tool-navigation{border-bottom:1px solid #cbd9e7;gap:5px;margin-bottom:22px;display:flex}.tool-navigation a{color:#577087;border-bottom:3px solid #0000;padding:14px 20px;font-size:15px;font-weight:600;text-decoration:none}.tool-navigation a[aria-current=page]{color:#12334d;border-color:#225cda}.opening-workbench{background:#fff;border:1px solid #d4dfeb;border-radius:14px;grid-template-columns:320px minmax(0,1fr);display:grid;overflow:hidden}.opening-inputs{background:#f8fafc;border-right:1px solid #dce5ee;padding:26px}.opening-output{min-width:0;padding:28px}.opening-output h2{font-size:26px}.opening-output>p{font-size:15px;line-height:1.75}.connection-options{border:0;gap:10px;margin:16px 0;padding:0;display:grid}.connection-options label{cursor:pointer;background:#fff;border:1px solid #ccd9e5;border-radius:10px;gap:10px;padding:14px;display:flex}.connection-options label.selected{background:#edf4ff;border-color:#225cda;box-shadow:0 0 0 1px #225cda}.connection-options input{flex-shrink:0;width:17px;height:17px;margin:2px 0;padding:0}.connection-options strong{font-size:16px;display:block}.connection-options small{margin:6px 0 0;font-size:14px;font-weight:400;line-height:1.5}.opening-inputs .field{margin-top:16px}.opening-inputs .input-wrap input{width:100%;min-width:0}.opening-inputs select{width:100%}.opening-mode-note{background:#eaf1f9;border-radius:8px;padding:12px;font-size:14px;line-height:1.7}.opening-boundary{color:#69431f;background:#fff7ed;border-left:3px solid #c47834;padding:14px 16px}.opening-plot{color:#c4d7e7;background:#10263c;border-radius:10px;margin:20px 0;padding:20px}.opening-plot svg{width:100%;height:330px;margin-top:16px;display:block}.opening-plot p{margin:10px 0 0;font-size:13px;line-height:1.6}.opening-output .metrics{gap:15px}.opening-output .metrics strong{font-size:20px}.opening-locations{flex-wrap:wrap;gap:12px;margin:15px 0;font-size:14px;display:flex}.opening-locations span{background:#f0f5f9;border-radius:6px;padding:10px 12px}.opening-output .print-panel>p{font-size:14px;line-height:1.75}.opening-explainer{margin:45px 0}.opening-explainer h2{font-size:26px}.opening-handoff{color:#174f8b;background:#f0f7fc;border:1px solid #c9dcec;border-radius:8px;margin-top:18px;padding:14px 16px;font-size:14px;text-decoration:none;display:block}.opening-handoff:hover{border-color:#225cda}@media (max-width:900px){.opening-workbench{grid-template-columns:1fr}.opening-inputs{border-bottom:1px solid #dce5ee;border-right:0}.connection-options{grid-template-columns:1fr 1fr}}@media (max-width:550px){.opening-inputs,.opening-output{padding:20px}.connection-options,.opening-output .metrics{grid-template-columns:1fr}.opening-output .metrics>div:last-child{grid-column:auto}.opening-plot{padding:14px}.opening-plot svg{height:280px}.tool-navigation a{padding:12px 14px}.opening-plot .plot-topline{flex-wrap:wrap;gap:8px}}.opening-diagrams{background:#fff;border:1px solid #b8c5cf;border-radius:12px;margin:24px 0;padding:20px}.diagram-scroll{border:1px solid #d4dde4;border-radius:8px;overflow-x:auto}.diagram-scroll svg{color:#263c50;width:100%;min-width:650px;font:14px system-ui,sans-serif;display:block}.diagram-annotation rect{fill:#fff;stroke:none}.diagram-annotation.active rect{stroke:#263c50;stroke-width:2px}.diagram-annotation.active text{font-weight:700}.diagram-edit-status{font-size:.88rem}.opening-model{touch-action:none;border-radius:8px;height:380px;margin-top:16px;position:relative;overflow:hidden}.opening-model canvas{display:block}.model-label{color:#172b3b;pointer-events:none;white-space:nowrap;background:#fff;border:1px solid #172b3b;border-radius:4px;padding:3px 7px;font-size:12px;font-weight:700;position:absolute;transform:translate(-50%,-50%)}.model-label[hidden]{display:none}@media (max-width:600px){.opening-diagrams{padding:12px}.opening-model{height:300px}}.drawing-switch{background:#edf1f4;border-radius:8px;gap:6px;width:-moz-fit-content;width:fit-content;margin:12px 0;padding:4px;display:flex}.drawing-switch button{color:#273f51;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:10px 16px;font-size:14px}.drawing-switch button[aria-pressed=true]{background:#fff;border-color:#627684;font-weight:700;box-shadow:0 1px 3px #152c4212}.drawing-switch button:focus-visible{outline-offset:2px;outline:2px solid #263c50}.opening-content{margin-top:64px}.opening-content>section{margin:0 0 56px}.opening-content h2{font-size:clamp(24px,3vw,32px);line-height:1.25}.opening-content h3{font-size:20px;line-height:1.4}.opening-mode-grid{grid-template-columns:1fr 1fr;gap:24px;margin-top:24px;display:grid}.opening-mode-grid article{background:#fff;border:1px solid #cad6df;border-radius:14px;overflow:hidden}.opening-mode-grid figure{background:#e8eef2;margin:0;padding:16px 20px}.opening-mode-grid svg{width:100%;height:auto;display:block}.opening-mode-grid figcaption{color:#526675;font-size:13px}.mode-copy{padding:24px}.opening-formula{background:#f1f5f7;border-left:3px solid #304e62;padding:12px;font-weight:700}.opening-scope{color:#465e70;border-left:3px solid #607888;margin:20px 0;padding-left:16px}.opening-table{background:#fff;border:1px solid #ccd7df;border-radius:10px;margin:24px 0 12px;overflow-x:auto}.opening-table table{border-collapse:collapse;text-align:left;width:100%}.opening-table th,.opening-table td{vertical-align:top;border-bottom:1px solid #dce4ea;padding:17px 20px;line-height:1.65}.opening-table thead{color:#fff;background:#183247}.opening-table tbody th{width:25%;min-width:130px}.opening-table tr:last-child>*{border-bottom:0}.opening-steps{grid-template-columns:1fr 1fr;gap:28px;margin:28px 0;padding:0;list-style:none;display:grid}.opening-steps li{gap:18px;display:flex}.step-index{color:#314d60;border-top:2px solid #314d60;padding-top:8px;font-size:22px;font-weight:700}.opening-steps h3{margin:8px 0}.opening-faq details{border-bottom:1px solid #c7d3dd;padding:20px 0}.opening-faq summary{cursor:pointer;font-size:18px;font-weight:700;line-height:1.5}.opening-faq details p{max-width:850px;margin:14px 0 0}.opening-related{grid-template-columns:1fr 1fr;gap:20px;display:grid}.opening-related a{color:#fff;background:#102d42;border-radius:10px;gap:10px;padding:24px;text-decoration:none;display:grid}.opening-related span{text-underline-offset:4px;font-size:14px;text-decoration:underline}@media (max-width:700px){.opening-mode-grid,.opening-steps,.opening-related{grid-template-columns:1fr}.opening-content{margin-top:40px}.opening-content>section{margin-bottom:38px}.opening-table th,.opening-table td{padding:12px}.mode-copy{padding:20px}}.opening-examples{background:#fff;border:1px solid #adbfcc;border-radius:10px;margin-bottom:24px;padding:14px}.opening-examples summary{cursor:pointer;font-weight:700;line-height:1.5}.opening-examples>p{margin-top:14px}.opening-examples article{border-bottom:1px solid #d4dee6;margin:18px 0;padding-bottom:18px}.opening-examples img{border-radius:6px;width:100%;height:auto;display:block}.opening-examples h3{margin:12px 0 8px;font-size:18px}.opening-examples button,.example-notice button{cursor:pointer;background:#fff;border:1px solid #526f82;border-radius:5px;padding:10px;font-size:14px}.example-notice{background:#eaf0f4;border-left:3px solid #304f64;margin-bottom:20px;padding:14px}.example-notice p{margin-bottom:8px}.process-photo{margin:20px 0 24px}.process-photo img{border:1px solid #ccd6dd;border-radius:10px;width:100%;height:auto;display:block}.process-photo figcaption{color:#526675;margin-top:9px;font-size:14px;line-height:1.6}.guide-reading section{scroll-margin-top:24px}.joint-task-bar{background:#fff;border:1px solid #cad7e0;border-radius:12px;align-items:center;gap:24px;margin-bottom:16px;padding:20px;display:flex}.joint-task-bar>div:first-child{flex:1}.joint-task-bar input{border:1px solid #acbecb;border-radius:6px}.task-actions{flex-wrap:wrap;gap:10px;display:flex}.paired-task button{color:#1d3b50;cursor:pointer;background:#fff;border:1px solid #527085;border-radius:7px;padding:11px 15px;font-size:14px}.paired-task button.primary{color:#fff;background:#194f79}.paired-task button:disabled{opacity:.5;cursor:not-allowed}.paired-task select{background:#fff;border:1px solid #97adbd;border-radius:5px;padding:10px;font-size:16px}.paired-task .opening-workbench{margin-top:16px}.joint-notice:empty{display:none}.joint-notice{background:#e5edf2;border-left:3px solid #2f5167;padding:10px 14px}.pair-previews{grid-template-columns:1fr 1fr;gap:16px;margin:22px 0;display:grid}.pair-previews article{background:#fff;border:1px solid #becdd8;border-radius:10px;padding:16px}.pair-previews h3{margin:0 0 12px;font-size:19px}.pair-previews svg{background:#f4f7f9;border-radius:6px;width:100%;height:180px;display:block}.pair-previews svg text{font:14px sans-serif}.pair-previews p{margin:12px 0;font-size:14px}.pair-previews a{margin-top:12px;font-size:14px;display:block}.set-code{margin-bottom:4px;font-size:16px}.set-code strong{letter-spacing:.06em;font-family:monospace}.joint-saved{background:#fff;border:1px solid #bccdd9;border-radius:12px;margin-top:32px;padding:24px}.joint-saved ul{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;list-style:none;display:grid}.joint-saved li{border:1px solid #d0dce4;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.joint-saved li strong{overflow-wrap:anywhere}.paired-task .print-panel p{margin-top:12px}@media (max-width:900px){.pair-previews{grid-template-columns:1fr}.joint-task-bar{flex-direction:column;align-items:stretch}.joint-saved ul{grid-template-columns:1fr}}.tool-navigation{flex-wrap:wrap}.branch-flow{background:#fff;border:1px solid #c3d2dd;border-radius:14px;padding:24px}.flow-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;font-size:14px;display:flex}.branch-flow button{cursor:pointer;color:#203e53;background:#fff;border:1px solid #678093;border-radius:7px;padding:12px 16px;font-size:16px}.branch-flow button:disabled{opacity:.5;cursor:not-allowed}.branch-flow button.primary{color:#fff;background:#214f70}.branch-flow h2:focus{outline:none}.branch-flow progress{width:100%;height:6px;margin-bottom:24px}.flow-restored{background:#eff4f7;border-left:3px solid #536e81;padding:10px;font-size:14px}.flow-task-cards{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.flow-task-cards>a,.flow-task-cards>button{text-align:left;color:#243f53;background:#fff;border:1px solid #b9cbd7;border-radius:10px;flex-direction:column;gap:12px;padding:14px;text-decoration:none;display:flex}.flow-task-cards img{aspect-ratio:3/2;object-fit:cover;border-radius:6px;width:100%;height:auto}.flow-task-cards strong{font-size:21px}.flow-task-cards span{font-size:16px;line-height:1.6}.flow-task-cards small{margin-top:auto}.flow-units{grid-template-columns:1fr 1fr;gap:20px;max-width:780px;margin:30px auto;display:grid}.flow-units button{text-align:left;gap:18px;min-height:210px;padding:28px;display:grid}.flow-units strong{font-size:24px}.flow-units b{font-size:42px}.flow-units span{font-size:15px}.flow-measure,.flow-review{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;display:grid}.flow-diagram{background:#f1f5f8;border-radius:10px;width:100%;font:17px sans-serif;display:block}.flow-measure label{font-size:18px}.flow-measure .input-wrap{margin:14px 0}.flow-measure #flow-error{min-height:24px;font-size:15px}.flow-back{border-top:1px solid #d1dde5;justify-content:space-between;margin-top:28px;padding-top:20px;display:flex}.flow-review dl>div{border-bottom:1px solid #d0dce5;align-items:center;gap:12px;padding:12px 0;display:flex}.flow-review dd{margin-left:auto}.flow-review dt{font-weight:700}.flow-review button{font-size:14px}.results-only{display:block}.results-only>.parameters{display:none}.flow-edit{margin:0 0 18px}@media (max-width:760px){.branch-flow{padding:16px}.flow-task-cards,.flow-measure,.flow-review{grid-template-columns:1fr}.flow-units{gap:12px}.flow-units button{min-height:190px;padding:18px}.flow-top{align-items:flex-start}.flow-diagram{max-height:260px}.flow-review dl>div{flex-wrap:wrap}}.full-unit-buttons{gap:8px;display:flex}.full-unit-buttons button{cursor:pointer;background:#fff;border:1px solid #8fa7ba;border-radius:6px;padding:10px;font-size:14px}.full-unit-buttons button[aria-pressed=true]{background:#edf3f7;border:2px solid #203e53;font-weight:700}.guided-opening-hidden{display:none}.guided-opening-result .opening-workbench{display:block}.guided-opening-result .opening-inputs{display:none}.flow-review-photo{border-radius:12px;width:100%;height:auto}.flow-measure>div{min-width:0}.flow-back a{align-self:center}.flow-task-cards:has(>button:only-child){grid-template-columns:minmax(0,520px)}.flow-diagram text{fill:#182d43}.optional-position{margin:20px 0}.flow-diagram{overflow:visible}.flow-review dd{overflow-wrap:anywhere}:root{--blue:#235fd4;--green:#146c72;--muted:#586b7f;--ui-line:#dbe3eb;--ui-ink:#142d43;--ui-soft:#f3f6fa;color:var(--ui-ink);background:#f3f6fa}body{font-size:1rem}header{background:#112b42;border-bottom:0;min-height:76px;padding-block:14px;box-shadow:0 2px 12px #112b4210}.brand{letter-spacing:-.05em;font-size:28px}.brand span{color:#76ded5}.header-note{letter-spacing:.08em;font-size:13px}.locale-tabs{background:#203e56;border-color:#3c566d;border-radius:10px}.locale-tabs a{color:#d9e5ef}.locale-tabs a:hover{color:#fff;background:#2b4b64}.locale-tabs a[aria-current=page]{color:#17364d;box-shadow:none;background:#fff}.locale-icon{color:#c3d4e2}.validation-link{color:#dce8f2;margin-left:auto}main{max-width:1260px;padding-top:28px}.tool-navigation{background:#e7edf3;border:1px solid #d9e2eb;border-radius:12px;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;margin-bottom:28px;padding:5px}.tool-navigation a{color:#53697d;border:0;border-radius:8px;padding:11px 18px;line-height:1.5}.tool-navigation a[aria-current=page]{color:#163c58;background:#fff;box-shadow:0 2px 5px #17314b0d}.tool-navigation a:hover{background:#f7f9fc}.intro{max-width:940px;margin-bottom:26px}.intro h1{letter-spacing:-.035em;font-size:clamp(28px,3.3vw,40px);line-height:1.25}.intro p{max-width:800px;font-size:16px}.eyebrow{letter-spacing:.08em;font-size:13px}.branch-flow{border:1px solid var(--ui-line);border-radius:20px;padding:30px;box-shadow:0 12px 36px #153a5610,0 1px 3px #153a5605}.flow-top{border-bottom:1px solid #e6edf3;gap:16px;margin-bottom:22px;padding-bottom:18px}.flow-top>span{letter-spacing:.05em;color:#567085;font-size:13px;font-weight:700}.branch-flow .flow-top button{color:#456076;background:#f7f9fc;border-color:#dce5ed;min-height:40px;padding:8px 12px;font-size:14px}.branch-flow h2{letter-spacing:-.025em;margin-bottom:22px;font-size:clamp(22px,2.4vw,29px);line-height:1.4}.flow-stages{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 30px;padding:0;list-style:none;display:grid}.flow-stages li{color:#78899a;border-bottom:2px solid #e3eaf0;align-items:center;gap:10px;min-width:0;padding:10px 0;font-size:14px;line-height:1.5;display:flex}.flow-stages li>span:first-child{font-variant-numeric:tabular-nums;background:#eff3f7;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.flow-stages .current{color:#153f61;border-color:#245ed0}.flow-stages .current>span:first-child{color:#fff;background:#173d5c}.flow-stages .complete{color:#425f72;border-color:#90aab9}.flow-stages .complete>span:first-child{color:#225069;background:#e8f0f3}.branch-flow progress{appearance:none;background:#e8eef4;border:0;border-radius:4px;height:4px;margin:0 0 26px;display:block;overflow:hidden}.branch-flow progress::-webkit-progress-bar{background:#e8eef4}.branch-flow progress::-webkit-progress-value{background:#2e67d1;border-radius:4px}.branch-flow progress::-moz-progress-bar{background:#2e67d1}.branch-flow button,.paired-task button{border-color:#c9d6e1;border-radius:10px;min-height:48px;line-height:1.5;transition:background .15s,border-color .15s,box-shadow .15s}.branch-flow button.primary,.paired-task button.primary{background:#173f5e;border-color:#173f5e;padding:13px 24px;box-shadow:0 3px 7px #153e5e19}.branch-flow button.primary:hover:not(:disabled),.paired-task button.primary:hover:not(:disabled){color:#fff;background:#22597e;border-color:#22597e}.branch-flow button:hover:not(:disabled){border-color:#8da7bd}.branch-flow button:focus-visible,.flow-task-cards a:focus-visible{outline-offset:3px;outline:3px solid #759de6}.flow-task-cards{gap:22px}.flow-task-cards>a,.flow-task-cards>button{border:1px solid #d5e0e9;border-radius:14px;gap:12px;padding:0 0 22px;overflow:hidden;box-shadow:0 2px 4px #153a5605}.flow-task-cards img{aspect-ratio:16/10;border-radius:0;display:block}.flow-task-cards strong,.flow-task-cards span,.flow-task-cards small{margin-left:20px;margin-right:20px}.flow-task-cards strong{margin-top:6px;font-size:21px;line-height:1.4}.flow-task-cards span{color:#546a7c;font-weight:400}.flow-task-cards small{color:#215777;padding-top:8px;font-size:14px;font-weight:700}.flow-task-cards>a:hover,.flow-task-cards>button:hover:not(:disabled){background:#fff;border-color:#607f9b;box-shadow:0 8px 24px #163b5612}.flow-measure{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch;gap:34px}.flow-diagram{background:#edf3f7;border:1px solid #e0e9f0;border-radius:14px;align-self:center}.flow-measure>div{background:#f8fafc;border:1px solid #e0e8f0;border-radius:14px;align-self:center;padding:24px}.flow-measure label{font-size:18px;line-height:1.6}.flow-measure .input-wrap{box-shadow:none;border:1px solid #a9bdce;border-radius:10px}.flow-measure input{padding:15px 16px;font-size:26px}.flow-measure .input-wrap span{font-size:16px}.flow-measure .input-wrap:focus-within{border-color:#376ebf;outline:3px solid #dce8fc}.flow-measure p{color:#51677c;font-size:14px;line-height:1.75}.flow-measure p[role=alert]{color:#963740}.flow-measure p[role=alert]:empty{display:none}.flow-measure button.primary{width:100%;margin-top:20px}.flow-measure input:focus-visible{outline:0}.flow-units{gap:18px;max-width:840px;margin:26px auto}.flow-units button{background:#fbfcfe;border:1px solid #cbd9e5;gap:12px;min-height:185px;padding:24px}.flow-units strong{font-size:20px;line-height:1.5}.flow-units b{color:#173f5e;font-size:38px;line-height:1.2}.flow-units span{color:#536b80;font-size:14px;font-weight:400;line-height:1.7}.flow-units button[aria-pressed=true]{background:#eff5fa;border:2px solid #264e6d}.unit-buttons,.full-unit-buttons{flex-wrap:wrap;gap:8px;display:flex}.unit-buttons button,.full-unit-buttons button{flex:1;min-width:100px;padding:10px;font-size:14px}.unit-buttons button[aria-pressed=true],.full-unit-buttons button[aria-pressed=true]{background:#eaf1f7;border:2px solid #2f5673}.flow-back{border-color:#e4ebf1;align-items:center;gap:16px;margin-top:28px;padding-top:20px}.flow-back button{background:#f8fafc;font-size:14px}.flow-back a{font-size:14px}.flow-restored{color:#587084;background:#f3f7fa;border-radius:8px;padding:10px 14px}.flow-review{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:30px}.flow-review dl{margin:0 0 24px}.flow-review dl>div{border-color:#e2eaf1;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:12px;padding:15px 0;display:grid}.flow-review dt{color:#526b7e;font-size:14px;font-weight:500;line-height:1.6}.flow-review dd{margin:0;font-size:16px;font-weight:700;line-height:1.6}.flow-review dl button{background:#f4f7fa;border-color:#0000;min-height:36px;padding:6px 10px;font-size:14px}.flow-review button.primary{width:100%;font-size:16px}.results-only,.guided-opening-result .opening-workbench{box-shadow:none;border:0;border-radius:0}.results-only .results,.guided-opening-result .opening-output{padding:8px 0}.metrics{border:0;gap:14px;margin:24px 0;padding:0}.metrics>div{background:#f3f7fa;border:1px solid #e1e9ef;border-radius:12px;padding:18px}.metrics span{font-size:14px}.metrics strong{letter-spacing:-.03em;font-size:26px}.print-panel{background:#f2f6fb;border:1px solid #d5e1ed;border-radius:14px;padding:24px}.print-panel h3{margin-top:0}.opening-boundary{color:#4c6276;background:#f2f5f8;border-color:#698093;border-radius:0 8px 8px 0}.opening-diagrams{border-color:#dde6ed;border-radius:14px}.pair-previews article{border-color:#d7e2eb;border-radius:14px;padding:20px}.set-code{background:#f1f5f9;border-radius:8px;padding:12px 16px}.set-code strong{overflow-wrap:anywhere}.jobs-panel,.joint-saved{box-shadow:none;background:#fff;border:1px solid #dce5ed;border-radius:14px;margin-top:24px}.joint-task-bar{background:#f9fbfd;border-color:#dae5ee;gap:20px;padding:16px 20px}.joint-task-bar label{font-size:14px}.joint-task-bar input{background:#fff;border-color:#c8d7e3;font-size:17px}.joint-task-bar small,.local-save-status{font-size:13px}.jobs-summary{padding:20px}.joint-saved h2{font-size:22px}.joint-saved p{font-size:14px}.joint-saved li{background:#f9fbfd;border-color:#e0e8ef}.guide-links>a,.opening-mode-grid article{border-color:#dce5ec;border-radius:16px}.guide-links>a{padding:26px;box-shadow:0 3px 12px #14395105}.guide-reading article{border-color:#dce5ec;border-radius:16px}.guide-reading aside nav{background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:20px}.guide-reading aside a{padding:5px 0}.opening-content{border-top:1px solid #dce5ed;padding-top:24px}.opening-content>section{margin-bottom:44px}.opening-related a{background:#173b56;border-radius:14px}.guide-reading small,.print-panel small,.opening-inputs small,.parameters small{font-size:14px}footer{color:#5b7183;background:#edf2f6;border-top:1px solid #d9e3ec}@media (min-width:1000px){.guide-reading aside nav{position:sticky;top:24px}}@media (max-width:760px){main{padding:22px 14px}.branch-flow{border-radius:16px;padding:20px 16px}.tool-navigation{gap:2px;width:100%;margin-bottom:22px;padding:4px}.tool-navigation a{text-align:center;flex:1;padding:10px 8px;font-size:14px}.flow-stages{gap:8px;margin-bottom:24px}.flow-stages li{flex-direction:column;align-items:flex-start;gap:6px;font-size:13px}.flow-stages li>span:first-child{width:27px;height:27px}.flow-top{gap:10px}.flow-top>span{letter-spacing:0;font-size:12px}.branch-flow .flow-top button{flex-shrink:0;font-size:13px}.flow-measure,.flow-review{grid-template-columns:1fr;gap:20px}.flow-diagram{height:auto;max-height:none}.flow-measure>div{padding:20px}.flow-task-cards{grid-template-columns:1fr;gap:16px}.flow-task-cards img{aspect-ratio:16/8;max-height:240px}.flow-units{gap:12px}.flow-units button{min-height:160px;padding:18px}.flow-units strong{font-size:18px}.flow-units b{font-size:32px}.optional-position .flow-units{grid-template-columns:1fr}.optional-position .flow-units button{min-height:0}.flow-review dl>div{gap:8px}.flow-review dt{font-size:14px}.flow-review dd{font-size:15px}.metrics{grid-template-columns:1fr;gap:10px}.metrics>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.metrics span{margin:0}.metrics strong{font-size:23px}.print-panel{padding:18px}.joint-task-bar{padding:16px}.joint-task-bar .task-actions button{flex:1}.flow-back{flex-wrap:wrap}.locale-tabs a{min-height:40px;padding:8px}.guide-reading article{padding:8px 20px 24px}}@media (max-width:400px){header{gap:10px;padding:12px 14px}.brand{font-size:25px}.validation-link{flex-basis:100%;order:3;min-height:28px}.locale-control{margin-left:auto}.flow-review dl>div{grid-template-columns:minmax(0,1fr) auto}.flow-review dd{grid-area:2/1}.flow-review dl button{grid-area:1/2/3}.flow-units{grid-template-columns:1fr}.flow-units button{min-height:130px}}@media (prefers-reduced-motion:reduce){button,a{transition:none!important}}.coordinate-entry{color:#19364a;background:#f6f9fb;border:2px solid #244c65;border-radius:14px;margin:24px 0;padding:22px}.coordinate-entry>summary{cursor:pointer;font-size:1.2rem;font-weight:750}.coordinate-entry select{max-width:100%;margin:8px 0}.coordinate-stages{flex-wrap:wrap;gap:20px;padding:0;list-style:none;display:flex}.coordinate-stages li[aria-current]{text-underline-offset:6px;font-weight:750;text-decoration:underline}.coordinate-work li{margin-bottom:12px;line-height:1.7}.coordinate-diagrams{background:#fff;border:1px solid #cad6df;border-radius:12px;grid-template-columns:3fr 1fr;align-items:center;margin:18px 0;display:grid}.coordinate-diagrams svg{width:100%;height:auto}.coordinate-point dl{grid-template-columns:1fr 1fr;gap:16px;display:grid}.coordinate-point dl>div{background:#fff;border:1px solid #c7d4de;border-radius:10px;padding:18px}.coordinate-point dt{font-size:1rem}.coordinate-point dd{font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:750}.coordinate-check{align-items:center;gap:12px;padding:14px 0;display:flex}.coordinate-check input{width:24px;height:24px}.coordinate-actions{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.coordinate-work progress{width:100%;height:12px}.coordinate-work button{min-height:46px}.coordinate-work>button{margin:10px 8px 10px 0}@media (max-width:650px){.coordinate-entry{padding:16px}.coordinate-point dl,.coordinate-diagrams{grid-template-columns:1fr}.coordinate-diagrams svg:last-child{max-width:220px;margin:auto}.coordinate-actions button{flex:140px}}.coordinate-reference{background:#fff;border:1px solid #c7d4de;border-radius:12px;margin:20px 0}.coordinate-reference svg{width:100%;height:auto;font-size:16px}.coordinate-table{border-top:1px solid #b7c9d6;margin-top:22px;padding-top:18px}.coordinate-table summary{cursor:pointer;font-weight:700}.coordinate-table-scroll{max-height:480px;margin-top:16px;overflow:auto}.coordinate-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.coordinate-table td,.coordinate-table th{text-align:left;white-space:nowrap;border-bottom:1px solid #c7d4de;padding:10px}.coordinate-table th{background:#e5edf3;position:sticky;top:0}.coordinate-table tr[aria-current]{outline-offset:-2px;outline:2px solid}.coordinate-preview{margin:20px 0}.coordinate-preview .joint-canvas{border-radius:12px}.main-coordinate-diagram{color:#19364a;background:#fff;border:1px solid #c7d4de;border-radius:12px;width:100%;height:auto;margin:20px 0;font-size:16px;display:block}.paired-marking{margin:24px 0}.cut-checklist{color:#19364a;background:#f5f8fa;border:2px solid #526a7b;border-radius:12px;margin:24px 0;padding:18px}.cut-checklist input{flex-shrink:0}.cut-checklist .coordinate-check{align-items:flex-start;line-height:1.6}.brand{letter-spacing:-.045em;min-width:0;line-height:1.08}.brand .brand-name{color:#76ded5;white-space:nowrap}@media (max-width:600px){.brand{max-width:calc(100% - 112px);font-size:20px}}.export-action{flex:1;gap:0;min-width:0;display:grid}.export-action button{width:100%}.flow-import-note{color:#213c50;background:#edf5f8;border-left:3px solid #315f73;padding:12px 14px}.flow-review dl>.flow-review-required{background:#f1f6f9;border-left:3px solid #315f73;padding-left:12px}.flow-review-required dd small{margin-top:4px;font-size:12px;font-weight:400;display:block}.flow-restart{margin-top:12px}.flow-connection-note{color:#425f72;font-size:14px}