.hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.hero-tags span,.k-presets button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 11px;font-size:12px;font-weight:700;color:#334155}.cable-app{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.75fr);gap:28px;align-items:start;margin-bottom:64px}.input-panel,.result-panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px rgba(15,23,42,.055)}.input-panel{padding:28px}.section-title{display:flex;gap:14px;align-items:flex-start;margin:4px 0 18px;padding-top:24px;border-top:1px solid var(--line)}.section-title:first-child{padding-top:0;border-top:0}.section-title h2{font-size:19px;margin:0 0 3px}.section-title p{margin:0;color:var(--muted);font-size:13px}.step{display:grid;place-items:center;min-width:34px;height:34px;border-radius:8px;background:#0f172a;color:#fff;font-size:12px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid label,.method-label{font-size:12px;font-weight:750;color:#334155;position:relative}.grid input,.grid select{width:100%;margin-top:7px;border:1px solid #d9e0ea;background:#fbfcfd;border-radius:9px;padding:11px 12px;font:inherit;font-size:14px;color:#0f172a;min-height:44px}.unitlabel{float:right;color:#7b8798;font-weight:600}.micro{font-size:12px;line-height:1.55;color:#6b7280;margin:12px 0 0}.hidden{display:none!important}.k-presets{display:flex;gap:7px;flex-wrap:wrap;margin:14px 0 18px}.k-presets button{cursor:pointer}.calculate{width:100%;justify-content:center;min-height:48px}.result-panel{padding:25px;position:sticky;top:92px}.result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.result-head h2{font-size:18px;margin:4px 0}.status{font-size:11px;font-weight:850;letter-spacing:.08em;border-radius:999px;padding:7px 10px;background:#eef2f7;color:#526070}.status.pass{background:#eaf8ef;color:#13733b}.status.fail{background:#fff0f0;color:#a62929}.status.dirty{background:#fff6dc;color:#8a5a00}.selected{display:flex;align-items:baseline;gap:8px;margin:18px 0 3px}.selected strong{font-size:58px;letter-spacing:-.05em;line-height:1}.selected span{font-size:18px;font-weight:750;color:#64748b}.governing{font-size:13px;color:#566274;margin:7px 0 20px}.checks{border-top:1px solid var(--line)}.check{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:13px 0;border-bottom:1px solid var(--line)}.check span{font-size:12px;color:#677284}.check strong{font-size:13px;text-align:right}.check em{grid-column:2;font-size:10px;font-style:normal;font-weight:850;text-align:right}.check em.ok{color:#168347}.check em.bad{color:#b23030}.detailbox{background:#f7f9fc;border-radius:12px;padding:12px 14px;margin-top:18px}.detailbox div{display:flex;justify-content:space-between;gap:16px;padding:7px 0;font-size:11px;border-bottom:1px solid #e7ebf0}.detailbox div:last-child{border-bottom:0}.detailbox span{color:#667085}.detailbox b{text-align:right}.result-note{font-size:11px;line-height:1.55;color:#667085;margin-top:16px}.reading .source{font-size:12px;color:#64748b}.manual-pair{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:14px}
.method-block{margin:16px 0}.method-label{display:block;margin-bottom:7px}.method-picker{position:relative}.method-current{width:100%;display:grid;grid-template-columns:52px 1fr auto;align-items:center;gap:12px;text-align:left;border:1px solid #d9e0ea;background:#fbfcfd;border-radius:10px;padding:10px 12px;cursor:pointer;color:#0f172a}.method-current b,.method-menu b{display:block;font-size:13px}.method-current small,.method-menu small{display:block;margin-top:2px;color:#697586;font-size:11px;font-weight:600;line-height:1.3}.chev{font-size:18px;color:#667085}.method-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20;background:#fff;border:1px solid #d9e0ea;border-radius:12px;padding:6px;box-shadow:0 18px 45px rgba(15,23,42,.14);max-height:360px;overflow:auto}.method-menu button{width:100%;display:grid;grid-template-columns:52px 1fr;gap:12px;align-items:center;text-align:left;border:0;background:#fff;border-radius:8px;padding:9px 10px;cursor:pointer;color:#0f172a}.method-menu button:hover,.method-menu button:focus{background:#f4f7fb;outline:none}.method-note{margin-top:8px}.method-ico{width:48px;height:32px;position:relative;display:inline-block;border-radius:5px;background:#f7f9fc;overflow:hidden}.method-ico:before,.method-ico:after{content:"";position:absolute}.ico-a1,.ico-a2{background:repeating-linear-gradient(135deg,#eef1f5 0,#eef1f5 4px,#d9dee6 4px,#d9dee6 6px)}.ico-a1:before,.ico-a2:before{width:19px;height:19px;border:2px solid #667085;border-radius:50%;left:14px;top:6px;background:#fff}.ico-a1:after{width:3px;height:3px;border-radius:50%;background:#111827;left:22px;top:14px}.ico-a2:after{width:9px;height:9px;border:2px solid #111827;border-radius:50%;left:19px;top:11px}.ico-b1:before,.ico-b2:before,.ico-c:before{left:5px;top:3px;bottom:3px;width:4px;background:#cbd3df}.ico-b1:after,.ico-b2:after{width:19px;height:19px;border:2px solid #667085;border-radius:50%;left:17px;top:6px;background:#fff;box-shadow:inset 0 0 0 5px #eef2f7}.ico-c:after{left:20px;top:5px;bottom:5px;width:4px;background:#111827;border-radius:3px}.ico-d1,.ico-d2{background:linear-gradient(#fff 0 35%,#d8c4a7 35% 100%)}.ico-d1:before{left:12px;right:12px;bottom:5px;height:14px;border:2px solid #667085;border-radius:7px;background:#fff}.ico-d1:after{width:4px;height:4px;border-radius:50%;background:#111827;left:22px;bottom:12px}.ico-d2:after{width:9px;height:9px;border:2px solid #111827;border-radius:50%;left:18px;bottom:7px;background:#fff}.ico-e:before{left:5px;right:5px;bottom:5px;height:3px;background:#7b8798;box-shadow:0 -6px 0 -1px #c8d0db}.ico-e:after{left:10px;top:7px;width:8px;height:8px;border:2px solid #111827;border-radius:50%;box-shadow:10px 0 0 -2px #fff,10px 0 0 0 #111827,20px 0 0 -2px #fff,20px 0 0 0 #111827}
.calc-invalid{border-color:#d92d20!important;background:#fff7f6!important;box-shadow:0 0 0 3px rgba(217,45,32,.08)!important}.calc-message{margin:0 0 12px;padding:10px 12px;border:1px solid #f4b9b4;border-radius:9px;background:#fff6f5;color:#8f2018;font-size:12px;line-height:1.5}.calc-run-state{margin-top:9px;text-align:center;font-size:11px;font-weight:650;color:#697586}.calc-run-state.calculated{color:#177245}.calc-run-state.dirty{color:#8a5a00}.calc-run-state.fail{color:#b42318}.driver-box{margin:0 0 18px;padding:13px 14px;border:1px solid #e2e7ee;border-radius:12px;background:#fbfcfd}.driver-title{font-size:10px;font-weight:850;letter-spacing:.09em;text-transform:uppercase;color:#667085;margin-bottom:3px}.driver-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #e7ebf0}.driver-row:last-of-type{border-bottom:0}.driver-row span{font-size:11px;font-weight:700;color:#344054}.driver-row small{display:block;margin-top:2px;font-size:9px;font-weight:550;color:#7b8798}.driver-row b{font-size:12px;color:#101828;white-space:nowrap}.driver-explanation{margin:10px 0 0;padding-top:10px;border-top:1px solid #e7ebf0;font-size:10px;line-height:1.5;color:#566274;font-weight:650}
@media(max-width:900px){.cable-app{grid-template-columns:1fr}.result-panel{position:static}.grid{grid-template-columns:1fr}.manual-pair{grid-template-columns:1fr}.method-menu{position:static;margin-top:6px}}