/* Calculator layout and visual language applied to the Technical Support workspace. */
body{background:#f3f6f9;color:#10283d}
.site-header{background:linear-gradient(90deg,#031f35,#062f4e 62%,#073855);position:sticky;top:0;z-index:10;box-shadow:0 4px 16px #0000001a}
.header-inner{max-width:1220px;padding:0 24px;min-height:76px}
.brand strong{font-size:14px;letter-spacing:.12em}.brand small{font-size:12px;letter-spacing:0;font-weight:500;text-transform:none;color:#c8d8e6}
.sign-out{border-radius:100px;padding:9px 14px;font-size:12px;font-weight:750;border-color:#ffffff38;background:#ffffff0f}
.hero{background:linear-gradient(90deg,#031c31ed,#05304cc2 58%,#041f35b3),url('assets/field-sunrise.jpg') center 47%/cover no-repeat}
.hero:after{display:none}.hero-inner{display:block;max-width:1220px;min-height:0;padding:58px 24px 54px}.hero-copy{max-width:900px}
.hero h1{max-width:900px;font-size:clamp(34px,4.5vw,64px);line-height:1.02;letter-spacing:-.045em}.hero-lead{font-size:15px;line-height:1.6;max-width:720px}.hero .kicker{color:#fff;font-size:11px;letter-spacing:.14em}.hero-actions{margin-top:24px}
.hero-primary{background:linear-gradient(135deg,#06385b,#0a527f);border:1px solid #ffffff55;color:#fff;border-radius:10px;font-size:13px;padding:14px 19px}.hero-primary:hover{background:#0b5680}.hero-link{border-radius:10px;font-size:13px;padding:14px 19px}
.workspace{max-width:1220px;padding:32px 24px 70px}.tabs{margin-bottom:28px;border-bottom:0;gap:5px;flex-wrap:wrap;overflow:visible}.tabs button{font-size:12px;font-weight:800;border:1px solid #d8e3ec;border-radius:100px;padding:10px 15px;background:#fff;color:#607485}.tabs button.selected{background:#062844;color:#fff;border-color:#062844}.tabs .os-tab{margin-left:auto;border-radius:100px}
.panel-heading{gap:20px;align-items:flex-start}.panel-heading h2,.home-panel .panel-heading h2{font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.04em;color:#10283d}.panel-heading p{font-size:14px;line-height:1.55;max-width:750px}.eyebrow{font-size:11px;letter-spacing:.14em;color:#0b4d78;font-weight:800}.step-label{font-size:10px;border:1px solid #d8e3ec;border-radius:100px;padding:7px 10px;white-space:nowrap}
.content-card,.assembly-guide,.zone-detail,.cards article{border:1px solid #d8e3ec;border-radius:16px;box-shadow:0 18px 50px #0d263014;background:#fff}
label{font-size:12px;line-height:1.45;color:#294256;gap:7px}input,select,textarea{border:1px solid #cbd8e2;border-radius:10px;color:#10283d;background:#fff;font-size:14px;min-width:0}input:focus,select:focus,textarea:focus{outline:0;border-color:#0b4d78;box-shadow:0 0 0 3px #0b4d7822}
button[type=submit],.content-card>button:not(.secondary){background:linear-gradient(135deg,#062844,#0a4169);color:#fff;border-color:#062844;border-radius:10px}.secondary{background:#f7fafc;color:#062844;border:1px solid #cbd8e2;border-radius:10px;font-size:12px;font-weight:800}
.journey-card{border-radius:16px;padding:25px;min-height:290px}.journey-card strong{font-size:25px;line-height:1.12}.journey-card.primary-journey{background:linear-gradient(135deg,#031c31,#0a4169)}.journey-card b{font-size:13px}.journey-card:after{display:none}.journey-icon{font-size:34px}
.catalogue-bar{background:#edf3f7;border:1px solid #d8e3ec;border-radius:12px}.part-cards h3{font-size:19px;line-height:1.3}.part-cards .part-code{color:#0b4d78}.status-strip{background:#edf3f7;border:1px solid #d8e3ec;border-radius:12px}
footer{background:#031c31;color:#c8d8e6;font-size:12px;padding:28px 24px}footer a{color:#d8f04d}
@media(max-width:700px){.header-inner{padding:0 16px}.hero-inner{padding:36px 18px}.workspace{padding:24px 14px 50px}.tabs{gap:6px}.tabs button{padding:9px 12px;font-size:11px}.tabs .os-tab{margin-left:0}.panel-heading{flex-direction:column;gap:10px}.hero-actions{align-items:stretch}.hero-actions button{width:100%}.journey-card{min-height:220px}}

.hero{max-width:1172px;margin:32px auto 0;border-radius:24px;overflow:hidden}.hero-inner{padding:42px 40px}.card,.side-note{border-radius:16px;border-color:#d8e3ec;box-shadow:0 18px 50px #0d263014}.number-badge{background:#062844;color:#fff;border-radius:8px}
@media(max-width:1220px){.hero{margin:26px 24px 0}}@media(max-width:700px){.hero{margin:20px 14px 0;border-radius:20px}.hero-inner{padding:32px 22px}}