/* Reference: UPRtek homepage's black, deep red and white visual palette. */
header{background:#111;border-bottom:0;padding:25px 42px;color:#fff}
.logo{background:transparent;color:#d02118;border-radius:0;width:64px;font-size:29px;font-weight:800;letter-spacing:-1px}
.eyebrow{color:#aaa;letter-spacing:2.4px}
h1{font-weight:600}
.header-right .tag{background:#252525;border-color:#444;color:#ddd;border-radius:3px}
.header-right .tag:last-child{background:#7f0e00;border-color:#7f0e00;color:#fff}
main{padding-top:10px}
.intro{background:#7f0e00;color:#fff;padding:18px 24px;margin:0 -36px 24px}
.intro h2{font-size:18px;font-weight:600}
.intro p,.legend{color:#ead7d4}
.intro .dot{background:#fff}.intro .dot.gray{background:#c3aaa5}
.card,.center,.timing,.result{border-radius:3px;box-shadow:none}
.card-heading{border-top:3px solid #7f0e00;padding-top:12px}
.num{border-radius:2px;background:#f5eae8;color:#7f0e00}
.mode-card{background:white;border-top:3px solid #7f0e00}
.mode-card label{color:#7f0e00}
.mode-card select,.field input,.field select,.axis-table input,.fixed{border-radius:2px}
.center-top{border-bottom:1px solid #eee;padding:18px 24px}
.center-top b{color:#333}.center-top span{color:#777}
.scan-note{border-radius:2px;border-left:3px solid #7f0e00;background:#faf8f7}
.formula{border-radius:2px}
.result{border-top:3px solid #aaa}
.result.primary{background:#fff8e8;background-image:linear-gradient(110deg,#fff1cd,#fffaf0);border-color:#e8a735;border-top-color:#df8500;color:#7f0e00}
.primary .result-label{color:#9b4d0f;font-weight:600}.primary .value{color:#7f0e00;font-size:26px}.primary small{color:#855526}
.connectors path{stroke-width:1.25;opacity:.65}
footer{border-top:1px solid #ddd;padding-top:15px}
.calculation-detail{margin-top:20px;padding:20px 24px;border:1px solid #ddd;background:white;border-top:3px solid #7f0e00}
.calculation-detail h3{margin:0 0 12px;font-size:15px;color:#7f0e00}
#calculation-message{font-size:13px;line-height:1.8;margin-bottom:12px;color:#7f0e00}
.calculation-detail ul{margin:0;padding-left:20px}
.calculation-detail table{width:100%;border-collapse:collapse;font-size:12px}
.calculation-detail th,.calculation-detail td{padding:8px 10px;text-align:left;border-bottom:1px solid #eee}
.calculation-detail th{width:45%;font-weight:normal;color:#666}
.calculation-detail td{color:#333;font-variant-numeric:tabular-nums}
.value{font-size:23px;font-variant-numeric:tabular-nums}
.calculation-detail summary{font-size:12px;color:#555;cursor:pointer;line-height:1.8}
.calculation-detail details[open] summary{margin-bottom:10px}
.bottleneck{border-color:#bd5600;box-shadow:inset 0 0 0 1px #bd5600}
.bottleneck .card-heading{background:#fff3e6;border-top-color:#bd5600}
.bottleneck .subtag{color:#a54800;font-weight:bold;background:#ffe2bd;padding:3px 5px;border-radius:2px}
.bottleneck-field{background:#fff0dc;border-color:#bd5600!important}
#calculation-message strong{color:#a54800;background:#fff0dc;padding:2px 7px;margin-right:8px;font-weight:600}
@media(min-width:1200px){
 header{padding:9px 22px;min-height:46px}.logo{font-size:25px;height:30px}.brand{gap:10px}h1{font-size:19px}.eyebrow{font-size:9px;margin-bottom:3px}.header-right .tag{padding:4px 10px;font-size:11px}
 main{padding:10px 20px 8px;max-width:1920px}.intro{margin:0 -20px 8px;padding:7px 20px;min-height:37px}.intro h2{font-size:14px;margin:0}.intro p{font-size:11px;display:inline}.legend{font-size:10px}
 .workspace{grid-template-columns:330px minmax(400px,1fr) 330px;gap:16px;align-items:stretch;height:clamp(570px,calc(100vh - 365px),680px)}.column{gap:6px}.column>.card{flex-shrink:0}.center{height:100%}
 .card-heading{padding:4px 10px;border-top-width:2px;gap:7px;min-height:28px}.card h3{font-size:13px}.num{height:19px;width:22px;font-size:10px}.subtag{font-size:10px}.body{padding:5px 10px}.row{min-height:21px;margin-bottom:2px;gap:5px}.row>label{font-size:12px}.field{width:153px;gap:4px}.field input,.field select{height:21px;padding:1px 5px;font-size:12px}.unit{font-size:9px;min-width:26px}
 .axis-table{grid-template-columns:1fr 69px 69px;gap:2px 6px;font-size:11px}.axis-table input{height:21px;font-size:12px;padding:1px 5px}.axis-table label br{display:none}.axis-table label .unit{margin-left:4px}.axis-table+div{height:4px!important}
 .card .note{display:none}.mode-card .body{padding:6px 10px}.mode-card label{font-size:12px;margin-bottom:4px}.mode-card select{height:25px;font-size:12px;padding:2px 6px}.formula{font-size:10px;padding:3px 5px;margin-top:4px}
 .center{min-height:0;display:flex;flex-direction:column}.center-top{padding:7px 12px;min-height:30px}.center-top b{font-size:12px}.center-top span{font-size:10px}#equipment{margin:0;width:100%;height:0;min-height:0;flex:1;object-fit:contain}.center-bottom{padding:6px 8px;gap:18px;font-size:10px}.scan-note{display:none}
 .timing{padding:6px 12px;margin-top:6px;gap:12px;min-height:34px}.timing-title{min-width:170px;gap:7px}.timing-title h3{font-size:12px;margin:0}.timing-title small{font-size:9px}.timing .row label{font-size:11px}.fixed{font-size:10px;padding:3px 6px}
 .results{margin-top:6px;gap:10px}.result{padding:8px 12px;border-top-width:2px}.result-label{font-size:11px;margin-bottom:5px}.value{font-size:22px}.result small{margin-top:4px;font-size:10px}.result-status{font-size:17px}
 .calculation-detail{margin-top:6px;padding:6px 12px;border-top-width:2px}#calculation-message{font-size:11px;line-height:1.5;margin-bottom:3px}.calculation-detail summary{font-size:11px;line-height:1.5}
 footer{margin-top:5px;padding-top:5px;font-size:10px}
}
@media(max-width:1100px){header{padding:20px}.intro{margin-left:-20px;margin-right:-20px;padding:16px 20px}main{padding-top:10px}}