.sqc-hero{padding:58px 0 44px;border-bottom:1px solid #deddd8;background:linear-gradient(135deg,#f2eee7,#fff 58%,#edf4f2)}
.sqc-hero h1{max-width:1020px;margin:6px 0 12px;font-size:clamp(40px,6vw,68px);line-height:1.02;letter-spacing:-.045em}
.sqc-hero p:last-child{max-width:940px;margin:0;color:#596269;font-size:17px}
.sqc-shell{--sqc-bg:#101619;--sqc-panel:#182227;--sqc-panel-2:#1e2c31;--sqc-line:#35474d;--sqc-text:#edf5f4;--sqc-muted:#9eafb2;--sqc-green:#50cfad;--sqc-blue:#77a7f1;--sqc-orange:#f18a45;--sqc-red:#ef6a64;background:var(--sqc-bg);color:var(--sqc-text);padding:42px 0 72px}
.sqc-shell [hidden]{display:none!important}
.sqc-workspace{display:grid;grid-template-columns:minmax(350px,.77fr) minmax(0,1.23fr);gap:24px;align-items:start}
.sqc-panel{overflow:hidden;border:1px solid var(--sqc-line);border-radius:15px;background:var(--sqc-panel);box-shadow:0 18px 55px rgba(0,0,0,.24)}
.sqc-panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 22px;border-bottom:1px solid var(--sqc-line)}
.sqc-panel-head span{display:block;margin-bottom:3px;color:#67e1c2;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.sqc-panel-head h2{margin:0;color:#fff;font-size:20px}
.sqc-panel-head>strong{border:1px solid #4b6268;border-radius:99px;color:#82e9d1;padding:5px 9px;font-size:10px;text-transform:uppercase;white-space:nowrap}
.sqc-controls{position:sticky;top:82px}
.sqc-controls form{display:flex;flex-direction:column;gap:18px;padding:22px}
.sqc-controls fieldset{min-width:0;margin:0;border:0;border-top:1px solid var(--sqc-line);padding:17px 0 0}
.sqc-controls fieldset:first-child{border-top:0;padding-top:0}
.sqc-controls legend{padding:0 9px 0 0;color:#fff;font-size:12px;font-weight:900;text-transform:uppercase}
.sqc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.sqc-field{display:flex;min-width:0;flex-direction:column;gap:6px;color:#cbd7d8;font-size:12px;font-weight:800}
.sqc-field-wide{grid-column:1/-1}
.sqc-field input,.sqc-field select{width:100%;height:42px;border:1px solid #43585e;border-radius:8px;background:#0e1619;color:#fff;padding:8px 11px;outline:none}
.sqc-field input:focus,.sqc-field select:focus{border-color:var(--sqc-green);box-shadow:0 0 0 3px rgba(80,207,173,.16)}
.sqc-field input[aria-invalid=true],.sqc-field select[aria-invalid=true]{border-color:var(--sqc-red)}
.sqc-input-unit{position:relative;display:block}
.sqc-input-unit input{padding-right:48px}
.sqc-input-unit em{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#819499;font-size:10px;font-style:normal;pointer-events:none}
.sqc-field-note{margin:11px 0 0;color:#90a3a6;font-size:10px;line-height:1.55}
.sqc-station-labels{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 9px;color:#68ddc3;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.sqc-validation{border:1px solid #ef766f;border-radius:8px;background:#4c2423;color:#ffd9d5;padding:10px 12px;font-size:12px}
.sqc-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;padding-top:17px;border-top:1px solid var(--sqc-line)}
.sqc-btn{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:850;cursor:pointer}
.sqc-btn.primary{background:var(--sqc-green);color:#071511}
.sqc-btn.primary:hover{background:#3bb793}
.sqc-btn.secondary{border-color:#485e64;background:#223238;color:#e2eced}
.sqc-btn.secondary:hover{background:#2b3e44}
.sqc-output-column{display:flex;min-width:0;flex-direction:column;gap:24px}
.sqc-result-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 20px}
.sqc-result-cards article{min-width:0;border:1px solid #384b51;border-radius:10px;background:var(--sqc-panel-2);padding:13px;text-align:center}
.sqc-result-cards span{display:block;min-height:28px;color:var(--sqc-muted);font-size:9px;font-weight:800;text-transform:uppercase}
.sqc-result-cards strong{display:block;color:#68e1c3;font-size:clamp(17px,2vw,23px);line-height:1.2;font-variant-numeric:tabular-nums}
.sqc-result-cards small{color:#c5d1d2;font-size:10px}
.sqc-target-message{margin:0 20px 20px;border-left:3px solid var(--sqc-green);background:#11221e;padding:12px 14px;color:#baccc9;font-size:11px;line-height:1.55}
.sqc-target-message strong{color:#fff}
.sqc-target-message.warning{border-color:var(--sqc-orange);background:#2e2118;color:#e7c7ab}
.sqc-target-message.danger{border-color:var(--sqc-red);background:#301b1b;color:#e7b8b5}
.sqc-svg-wrap{padding:14px}
.sqc-svg-wrap svg{display:block;width:100%;height:auto;border-radius:10px;background:#0b1316}
.sqc-tooltip{margin:-2px 14px 14px;border:1px solid #435961;border-radius:8px;background:#0e181c;color:#c8d7d8;padding:9px 12px;font-size:11px}
.sqc-tooltip strong{color:#73e2c8}
.sqc-breakdown .sqc-table-wrap{overflow-x:auto;padding:0 20px 20px}
.sqc-breakdown table{width:100%;border-collapse:collapse;font-size:11px}
.sqc-breakdown th,.sqc-breakdown td{border-bottom:1px solid #35494f;padding:11px 9px;text-align:left}
.sqc-breakdown thead th{color:#82979b;font-size:9px;text-transform:uppercase}
.sqc-breakdown tbody th{background:#182227!important;color:#dfe9ea!important}
.sqc-breakdown td{color:#aebfc1}
.sqc-breakdown td:last-child{color:#69e0c5;font-variant-numeric:tabular-nums}
.sqc-learning{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;margin-top:28px}
.sqc-copy-card{border:1px solid var(--sqc-line);border-radius:15px;background:var(--sqc-panel);padding:26px}
.sqc-copy-card>h2{margin:5px 0 12px;color:#fff;font-size:28px}
.sqc-copy-card>p:not(.kicker){color:#a9babc}
.sqc-formulas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}
.sqc-formulas article{border:1px solid #31454b;border-radius:10px;background:#101a1e;padding:15px}
.sqc-formulas h3{margin:0 0 8px;color:#fff;font-size:14px}
.sqc-formulas p{margin:0;color:#9dafb2;font-size:12px;line-height:1.6}
.sqc-formulas .sqc-equation{margin-bottom:8px;color:#6be1c5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:850}
.sqc-faq details{border-bottom:1px solid #30444a}
.sqc-faq summary{position:relative;cursor:pointer;list-style:none;padding:15px 28px 15px 0;color:#fff;font-size:13px;font-weight:800}
.sqc-faq summary::-webkit-details-marker{display:none}
.sqc-faq summary:after{position:absolute;right:3px;content:'+';color:#67dfc4;font-size:20px}
.sqc-faq details[open] summary:after{content:'−'}
.sqc-faq details p{margin:0;padding:0 0 15px;color:#9dafb2;font-size:12px;line-height:1.65}
.sqc-svg-title{fill:#f0f6f5;font-size:15px;font-weight:850}
.sqc-svg-text{fill:#afbec0;font-size:11px}
.sqc-svg-small{fill:#83969a;font-size:9px}
.sqc-svg-accent{fill:#6de3c7;font-size:12px;font-weight:800}
.sqc-chart-bg{fill:#0b1316}
.sqc-chart-grid{stroke:#2e3e44;stroke-width:1}
.sqc-chart-axis{stroke:#7b9095;stroke-width:1.2}
.sqc-chart-a{fill:none;stroke:#67dfc1;stroke-width:4}
.sqc-chart-b{fill:none;stroke:#77a7f1;stroke-width:4}
.sqc-chart-target{stroke:#f18a45;stroke-width:2;stroke-dasharray:8 6}
.sqc-profile-point{cursor:pointer;outline:none}
.sqc-profile-point circle{stroke:#071012;stroke-width:3}
.sqc-profile-point.sqc-a circle{fill:#67dfc1}
.sqc-profile-point.sqc-b circle{fill:#77a7f1}
.sqc-profile-point:focus circle,.sqc-profile-point:hover circle{stroke:#fff;stroke-width:4}
.sqc-head-metal{fill:#2a383e;stroke:#a4b5b8;stroke-width:2}
.sqc-head-band{fill:#364a50;stroke:#72e0c5;stroke-width:2}
.sqc-gasket{fill:#f18a45;stroke:#ffb47e;stroke-width:1.5}
.sqc-shim{fill:#668fd2;stroke:#9dbcf0;stroke-width:1.5}
.sqc-cylinder{fill:#1e2b30;stroke:#8fa2a6;stroke-width:2}
.sqc-piston{fill:#dce6e6;stroke:#fff;stroke-width:2}
.sqc-clearance{fill:rgba(80,207,173,.3);stroke:#69dfc4;stroke-width:1.5}
.sqc-dimension{stroke:#adbec1;stroke-width:1.2}
.sqc-dash{stroke:#778d91;stroke-width:1;stroke-dasharray:5 4}
@media(max-width:1120px){.sqc-workspace{grid-template-columns:1fr}.sqc-controls{position:static}.sqc-learning{grid-template-columns:1fr}.sqc-result-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.sqc-hero{padding:42px 0 32px}.sqc-hero h1{font-size:40px}.sqc-shell{padding-top:22px}.sqc-panel-head{padding:17px}.sqc-controls form{padding:17px}.sqc-formulas{grid-template-columns:1fr}}
@media(max-width:520px){.sqc-fields,.sqc-result-cards{grid-template-columns:1fr}.sqc-field-wide{grid-column:auto}.sqc-station-labels{display:none}.sqc-actions{flex-direction:column}.sqc-btn{width:100%}.sqc-copy-card{padding:20px}.sqc-panel-head{align-items:flex-start}.sqc-panel-head>strong{white-space:normal}}
@media print{.sqc-controls,.sqc-actions,.sqc-learning,.sqc-tooltip{display:none!important}.sqc-shell{background:#fff;color:#000;padding:0}.sqc-workspace{display:block}.sqc-output-column{gap:12px}.sqc-panel{border:1px solid #bbb;box-shadow:none;break-inside:avoid}.sqc-panel-head h2,.sqc-result-cards strong{color:#000}.sqc-result-cards article{border-color:#ccc;background:#fff}.sqc-target-message{border-color:#555;background:#fff;color:#222}}
