:root{--mint:#8ee0c4}.hero aside{background:linear-gradient(145deg,#30465a,#18283c)}.bench{background:linear-gradient(145deg,#1f3549,#112333)}.gear-scene{position:relative;max-width:500px;margin:18px auto 5px;height:460px;background:radial-gradient(ellipse at 50% 40%,#426b7133,transparent 65%)}.gear-scene svg{display:block;width:100%;height:100%;filter:drop-shadow(4px 13px 13px #0005)}.hotspot{position:absolute;transform:translate(-50%,-50%);border:2px solid #8bdfc4;background:#e6fff4;color:#19534d;box-shadow:0 0 0 5px #83e7c71c,0 5px 12px #001b2c99;border-radius:50%;width:30px;height:30px;padding:0;font-size:10px;font-weight:bold}.hotspot.active{background:#85e2c0;box-shadow:0 0 0 8px #83e7c72c}.gear-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.gear-list .button{text-align:left;background:#ffffff08;border-color:#b0d0df33;color:#c5dce6;font-size:10px;min-height:44px}.gear-list .button.selected{border-color:#85cdb7;background:#8fdec51a;color:#e1fff3}.view-switch{display:flex;gap:7px;justify-content:center}.view-switch .button{font-size:10px;padding:8px 12px;background:#ffffff08;color:#c1d7e6;border-color:#a4c6d233}.view-switch .button.selected{background:#9fdfc529;color:#defcee}.observation{background:#edf3f8;border-left:3px solid #8c92bf;padding:15px;border-radius:0 9px 9px 0;margin:17px 0}.observation>small{font-size:8px;font-weight:bold;letter-spacing:1px;color:#617f92}.finding-buttons{display:grid;gap:8px}.finding-buttons .button{text-align:left}.guide{background:#e2f3e9;border-radius:8px;padding:12px;font-size:10px!important;color:#276352!important}.mini-label{background:#fffdf2;border:2px solid #9a9b8e;border-radius:10px;margin:18px 0;padding:15px}.mini-label h3{margin:7px 0}.mini-label>small{color:#7b6b43;font-size:8px;letter-spacing:.6px}.mini-label dl{margin:0;display:grid;grid-template-columns:1fr 1.5fr;font-size:11px}.mini-label dt,.mini-label dd{margin:0;border-top:1px solid #e1dfd0;padding:8px 0}.mini-label dt{font-weight:bold}.mini-label dd{font-family:ui-monospace,monospace}.record-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:17px 0}.record-buttons .button{text-align:left;font-size:10px}.connector-picker{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.connector-picker .chip{background:#596ca1;color:white;border-color:#aebcdf}.targets{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0}.targets .button{text-align:left}.targets .correct{background:#e6f4ec;border-color:#91c5b2}.clearance-input{display:grid;gap:10px;background:#edf3f7;padding:17px;border-radius:11px;margin:16px 0}.clearance-input>label{display:flex;gap:10px;align-items:center;font-size:11px}.clearance-input input[type=number]{width:110px;min-height:42px;border:1px solid #99b1c4;border-radius:8px;padding:9px;background:white;color:#263f55}.clearance-input .button{justify-self:start}.case-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:18px 0}.case-facts div{background:#eaf1f6;border-radius:9px;padding:12px;font-size:9px;color:#576f83}.case-facts strong{display:block;font-size:14px;color:#2c535e;margin:4px 0}.calc-table th,.calc-table td{font-size:11px}.calc-table tfoot{font-weight:bold}.result-score{font-size:20px;color:#2a6960}.system-drawing{height:470px;margin:15px -5px 0}.system-drawing svg{width:100%;height:100%}.drawing-note{font-size:9px!important;color:#a4c3d0!important;margin:10px 0}.stats{margin:18px 0}.inspection-detail h3{margin-top:12px}.task #title{scroll-margin-top:18px}.task .case-facts p{font-size:10px}.actions{align-items:center}.table-caption{font-size:9px;color:#627b8d}.system-scope{font-size:11px!important}.task .review-title{margin-top:30px}#print-record .small{color:#526a7f}
@media(max-width:1050px){.gear-scene{height:410px;max-width:430px}.gear-list{grid-template-columns:repeat(3,1fr)}.system-drawing{height:420px;max-width:530px;margin:auto}.view-switch{margin:8px 0}.bench h2{text-align:center}.bench-top h2{text-align:left}}@media(max-width:680px){.gear-scene{height:360px;max-width:360px}.gear-list{grid-template-columns:1fr 1fr}.system-drawing{height:390px}.record-buttons{grid-template-columns:1fr}.case-facts{grid-template-columns:1fr 1fr}.targets .button{font-size:10px}.mini-label dl{font-size:10px}.clearance-input{padding:14px}.hero h1{font-size:47px}}@media print{.task .case-facts{display:none}#print-record .record{break-inside:auto}#print-record table{font-size:9px}}
