:root{font-family:Tahoma,Arial,sans-serif;color:#172f40;background:#f3f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{height:92px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce3e8;gap:20px}.brand{display:flex;align-items:center;gap:10px}.brandmark{background:#102638;color:#d8ef57;padding:8px 14px;font-size:32px;font-weight:bold}.brand strong{font-size:24px;letter-spacing:4px}.brand small{display:block;font-size:10px;letter-spacing:1px}.head-title{font-size:17px}.head-title span{display:block;direction:ltr;font:11px Arial;letter-spacing:1.8px;margin-top:8px}.version{background:#edf2f4;border:1px solid #dce3e8;padding:8px 12px;font-size:13px;border-radius:5px}main{max-width:1440px;margin:auto;padding:32px 4% 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font:12px Arial;letter-spacing:2px;color:#667d8c;margin:0 0 10px}h1{font-size:28px;margin:0;font-weight:500}.intro>p{font-size:13px;color:#647984}.intro>p span{margin:0 8px}.workspace{display:grid;grid-template-columns:340px minmax(300px,1fr) 260px;gap:20px;align-items:stretch}.panel{background:#fff;border:1px solid #dce4e9;border-radius:12px}.inputs{padding:23px}.panel-title{display:flex;align-items:center;gap:10px}h2{font-size:16px;margin:0;font-weight:500}.step{font:12px monospace;color:#788c98;direction:ltr}.mode{display:flex;gap:4px;background:#eef2f5;padding:5px;border-radius:7px;margin:24px 0}.mode button{flex:1;background:transparent;border:0;padding:10px 0;color:#526978;font:14px Tahoma;cursor:pointer;border-radius:4px}.mode button[aria-pressed=true]{background:white;color:#122c3d;box-shadow:0 1px 4px #10263820}label{display:block;font-size:14px;margin:16px 0 9px}label span{color:#82929b;font:12px Arial}select,input{font-family:Arial,Tahoma,sans-serif;font-size:16px;width:100%;height:46px;border:1px solid #cbd6dd;border-radius:6px;background:#fff;padding:0 12px;color:#18374c}select{direction:ltr}input[type=number]{direction:ltr}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline:2px solid #0c8a9b;outline-offset:3px}.help{font-size:12px;line-height:1.8;color:#6c7e88;margin:8px 0}.field-grid,.length-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.length-grid{border-top:1px solid #e8edf0;margin-top:20px;padding-top:3px}.calculate{border:0;background:#172f40;color:white;width:100%;margin-top:24px;border-radius:6px;padding:14px;display:flex;justify-content:space-between;font:15px Tahoma;cursor:pointer}.calculate:hover{background:#25475f}.calculate span{color:#d8ef57}.input-foot{font-size:12px;color:#73838d;line-height:1.8;text-align:center;margin-top:12px}#error{background:#fff0ee;color:#b63426;padding:12px;font-size:14px;line-height:1.6;margin-top:12px;border-radius:6px}.drawing{padding:23px;display:flex;flex-direction:column}.tag{margin-right:auto;font-size:12px;border:1px solid #cddbe1;color:#456373;border-radius:4px;padding:4px 8px}.drawing-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 0;flex-wrap:wrap}.drawing h3{font:24px Arial;margin:0}.drawing-heading>span{font-size:12px;color:#82929d}.diagram{min-height:270px;flex:1;margin:12px -4px;background-image:linear-gradient(#e8eef355 1px,transparent 1px),linear-gradient(90deg,#e8eef355 1px,transparent 1px);background-size:20px 20px;display:grid;place-items:center;border-radius:8px;overflow:hidden}.diagram svg{width:100%;max-height:310px;direction:ltr}.dimension-summary{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;direction:ltr;padding-top:15px}.dimension-summary span{font:13px Arial;background:#f1f5f7;padding:7px 9px;border-radius:4px}.axis-note{border-top:1px solid #e7edf0;font-size:12px;color:#6b7e8b;padding-top:16px;margin-top:18px;text-align:center;line-height:2}.axis-x{color:#0b8d9c;font:bold 15px Arial}.axis-y{color:#b27039;font:bold 15px Arial;margin-right:18px}.results{display:flex;flex-direction:column;gap:16px}.weight-card{background:#122c3e;color:white;border-radius:12px;padding:26px 24px;position:relative;overflow:hidden;border-top:4px solid #d8ef57}.weight-card p{font-size:15px;margin:0 0 18px}.weight-card>div{text-align:right;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.weight-card strong{font:54px Arial;letter-spacing:-2px;color:#e2f57f}.weight-card span{font:16px Arial;color:#b9c9d3}.weight-card small{font-size:12px;color:#b9c9d3;display:block;margin-top:20px;line-height:1.8}.total-card{background:#e6eef2;border:1px solid #d3e0e7;border-radius:10px;padding:22px}.total-card>div{display:flex;flex-direction:column;gap:14px}.total-card span{font-size:14px}.total-card strong{font:25px Arial;text-align:right}.total-card small{font:12px Arial;display:block;margin-top:12px;color:#697e8c}.quick{padding:22px;flex:1}.quick>div{display:flex;justify-content:space-between;font-size:13px;color:#6b7f8c}.quick strong{font:25px Arial;display:block;text-align:right;margin:12px 0 22px}.quick p{font-size:13px;line-height:1.7;margin-bottom:0}.properties{margin-top:24px;padding:22px}.properties-heading{display:flex;justify-content:space-between;align-items:center;gap:10px}.properties-heading>span{font:12px Arial;color:#78909c}.properties-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px}.property{padding:18px;border-top:1px solid #e3eaf0}.property:nth-child(4n+1){padding-right:0}.property .prop-label{font-size:13px;color:#728491;display:flex;gap:8px;align-items:center;justify-content:space-between}.property b{font:16px Arial;color:#284b61}.property .value{font:24px Arial;direction:ltr;text-align:right;margin-top:12px;font-variant-numeric:tabular-nums}.property .value span{font:13px Arial;color:#788b97;margin-left:5px}.notes{font-size:13px;line-height:1.9;color:#607582;padding:22px 0}.notes summary{cursor:pointer;color:#253f50;font-size:14px}.notes p{margin:8px 0}.notes a{color:#087c92}footer{display:flex;justify-content:space-between;padding:22px 0;border-top:1px solid #dbe3e9;font-size:12px;color:#728897}button{transition:background .15s} [hidden]{display:none!important}@media(min-width:1500px){main{padding-top:40px}}@media(max-width:1150px){.workspace{grid-template-columns:310px 1fr}.results{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr 1fr}.weight-card strong{font-size:42px}.quick strong{margin-bottom:14px}}@media(max-width:720px){header{height:80px;padding:0 5%}.head-title{font-size:14px}.head-title span{font-size:9px}.version{display:none}.brand small{font-size:8px}.brand strong{font-size:20px}.brandmark{font-size:26px}main{padding:25px 5% 0}.intro{display:block;margin-bottom:22px}h1{font-size:23px}.intro>p{margin-top:14px}.workspace{grid-template-columns:1fr;gap:16px}.inputs{padding:20px}.drawing{min-height:390px}.results{grid-template-columns:1fr 1fr}.weight-card{grid-column:1/-1}.weight-card>div{justify-content:flex-end}.weight-card strong{font-size:54px}.quick,.total-card{padding:18px}.properties-grid{grid-template-columns:repeat(2,1fr)}.property:nth-child(4n+1){padding-right:18px}.property:nth-child(2n+1){padding-right:0}.property{padding-left:4px}.property .value{font-size:21px}.properties-heading>span{display:none}.property .prop-label{flex-wrap:wrap}.notes{font-size:13px}footer{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Dark theme: neutral navy surfaces, high-contrast text and restrained lime accent. */
:root{color-scheme:dark;color:#e2eaf1;background:#0b1119}header{height:116px;background:#090e14;border-color:#2b3947}.brand{align-self:stretch;display:flex;align-items:center}.office-logo{display:block;width:154px;height:100px;object-fit:contain;border-radius:5px}.head-title{color:#e7eef4}.head-title span{color:#a6b9c9}.version{background:#172330;border-color:#344453;color:#c6d4df}.eyebrow,.intro>p{color:#a7bac9}.panel{background:#131e2a;border-color:#30404f;box-shadow:0 8px 24px #00000014}.step{color:#9eb3c4}.mode{background:#0b141e}.mode button{color:#afc0cd}.mode button[aria-pressed=true]{background:#2b4052;color:#f0f6fb;box-shadow:0 1px 4px #0004}label{color:#d7e3ed}label span{color:#a1b6c6}select,input{border-color:#445b6d;background:#0d1823;color:#edf5fc}input::placeholder{color:#91a9bc}input:focus,select:focus,button:focus-visible,summary:focus-visible{outline-color:#6edde2}.help,.input-foot{color:#a3b7c7}.length-grid{border-color:#30404f}.calculate{background:#d7ee79;color:#15202b;font-weight:bold}.calculate:hover{background:#e4f79c}.calculate span{color:#253a40}#error{background:#3b2227;color:#ffc3bb;border:1px solid #855057}.tag{color:#bbd3e3;border-color:#466173;background:#1d2e3d}.drawing-heading>span{color:#a5baca}.diagram{background-color:#111e2a;background-image:linear-gradient(#32485b55 1px,transparent 1px),linear-gradient(90deg,#32485b55 1px,transparent 1px)}.dimension-summary span{background:#223241;color:#d0e1ed}.axis-note{border-color:#30404f;color:#b4c7d5}.axis-x{color:#58d2d9}.axis-y{color:#e8b77f}.weight-card{background:#1a3041;border:1px solid #3c586b;border-top:4px solid #d8ef79}.weight-card p{color:#dfeaf2}.weight-card strong{color:#e2f57f}.weight-card span,.weight-card small{color:#bdcedc}.total-card{background:#1e2e3e;border-color:#395164;color:#e4eef6}.total-card small{color:#aec2d2}.quick>div{color:#a8bdcd}.quick p{color:#cbdbe7}.properties-heading>span{color:#a5bac9}.property{border-color:#30404f}.property .prop-label{color:#b0c3d1}.property b{color:#dfedf6}.property .value{color:#f0f6fa}.property .value span{color:#a8bece}.notes{color:#aebfcd}.notes summary{color:#e1eaf2}.notes a{color:#79d4e2}footer{border-color:#30404f;color:#a0b5c6}@media(max-width:720px){header{height:108px;gap:12px}.office-logo{width:132px;height:86px}.head-title{font-size:14px}.head-title span{font-size:9px;letter-spacing:1px}}
.site-nav{display:flex;gap:12px;padding:12px 4%;background:#0e1822;border-bottom:1px solid #2d414f}.site-nav a{font-size:14px;text-decoration:none;color:#adc2d3;padding:10px 18px;border-radius:5px}.site-nav a[aria-current=page]{color:#e3f58c;background:#263a3d}.site-nav a:hover{background:#223444}.contact-links{display:flex;flex-wrap:wrap;gap:10px;max-width:680px}.contact-links a{font:13px Arial,Tahoma;color:#c7dce8;border:1px solid #3d5365;padding:10px 12px;border-radius:5px;text-decoration:none}.contact-links a:hover{color:#e2f57f;border-color:#8b9f56}footer strong{font-size:14px;color:#d8e5ed}footer p{line-height:1.8}footer{align-items:center;gap:18px}

.density-control{display:flex;align-items:center;gap:8px}.density-control input{flex:1;min-width:0}.density-control button{padding:12px;background:#223342;border:1px solid #466071;border-radius:6px;color:#e2edf4;font:14px Tahoma;cursor:pointer}

.site-nav{flex-wrap:wrap;gap:8px}.language-switch{margin-inline-start:auto;border:1px solid var(--line,#354252);border-radius:8px;background:transparent;color:var(--text,#e9f0f5);padding:9px 16px;font:600 15px inherit;cursor:pointer}.document-control{margin:20px 0;padding:24px}.document-control .field-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.document-control label{display:grid;gap:8px}.document-control .actions{margin-top:16px}html[dir=ltr] th,html[dir=ltr] .head-title,html[dir=ltr] label{text-align:left}input:focus-visible,button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid #8ec9f2;outline-offset:3px}