:root{font-family:Inter,Arial,sans-serif;color:#1d3043;background:#f1f4f7;font-synthesis:none;--ink:#152b40;--muted:#617284;--green:#08765d}*{box-sizing:border-box}body{margin:0}header{height:86px;padding:0 max(5%,calc((100vw - 1240px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #dce3e9}.brand{font-size:21px;font-weight:750;display:flex;align-items:center;gap:12px;letter-spacing:-.6px}.mark{width:35px;height:35px;background:var(--ink);color:#8df3d7;display:grid;place-items:center;font-family:Georgia,serif;font-size:28px;border-radius:8px}.header-meta{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#607487}.header-meta span{padding:0 14px;color:#bdc8d2}main{max-width:1240px;margin:0 auto;padding:44px 24px 20px}.page-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.eyebrow{font-size:12px!important;letter-spacing:1.6px;font-weight:700;color:var(--muted);margin:0 0 10px}h1{font-size:38px;letter-spacing:-1.5px;margin:0 0 12px;font-weight:750}.page-title p:not(.eyebrow){margin:0;color:var(--muted);font-size:16px}.standard{font-size:12px;color:#566d80;border:1px solid #ced8e0;padding:9px 12px;border-radius:6px}.workspace{display:grid;grid-template-columns:345px 1fr;gap:24px;align-items:stretch}.panel{background:white;border:1px solid #dce3e9;border-radius:14px;box-shadow:0 5px 12px #16314b03;padding:27px}.section-head{display:flex;align-items:center;gap:11px;margin-bottom:29px}.step{color:#8595a4;font-family:monospace;font-size:13px}h2{font-size:17px;margin:0;font-weight:700;letter-spacing:-.2px}fieldset{border:0;padding:0;margin:0 0 28px}legend,label{font-size:14px;font-weight:650;display:block;margin-bottom:10px}.segmented{display:flex;padding:5px;background:#edf1f4;border-radius:9px;gap:5px}button{font:inherit;cursor:pointer}.segmented button{border:0;padding:12px;flex:1;border-radius:6px;background:transparent;color:#586d80;display:flex;justify-content:center;gap:22px;font-size:15px;font-weight:650}.segmented button span{font-family:Georgia,serif;font-size:18px}.segmented button[aria-pressed=true]{background:var(--ink);color:white;box-shadow:0 3px 6px #122b4020}.dimension{height:61px;border:1px solid #bdcbd5;border-radius:8px;display:flex;align-items:center;padding:0 16px;gap:12px}.dimension span{color:#738597;font-size:17px}.dimension input{min-width:0;width:100%;border:0;outline:0;color:var(--ink);font:500 29px ui-monospace,Consolas,monospace;background:transparent}.dimension:focus-within{outline:3px solid #8fd5c4;border-color:var(--green)}.hint{font-size:12px;line-height:1.65;color:var(--muted);margin:9px 0 23px}.select-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}select{width:100%;font:600 22px ui-monospace,Consolas,monospace;border:1px solid #bdcbd5;border-radius:8px;padding:12px;background:white;color:var(--ink)}select:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6cbea9;outline-offset:3px}.quick{padding-top:1px}.quick p{font-size:13px;color:var(--muted);margin:0 0 12px}.quick>div{display:flex;gap:7px;flex-wrap:wrap}.quick button{background:#fff;border:1px solid #d4dfe6;border-radius:6px;padding:8px 10px;font:500 14px ui-monospace,Consolas,monospace;color:#334e63}.quick button.active{border-color:#11876c;background:#ecf9f4;color:#07674f}.quick button:hover{background:#edf3f7}.input-foot{display:flex;gap:12px;border-top:1px solid #e5ebef;margin-top:28px;padding-top:20px}.input-foot p{font-size:13px;line-height:1.6;margin:0;color:var(--muted)}.tiny-rule{width:3px;min-width:3px;background:#9dd4c5}.result{padding:27px 30px}.kind{margin-left:auto;color:var(--green);background:#eaf7f2;padding:6px 9px;font-size:11px;letter-spacing:1px;font-weight:750;border-radius:4px}.result-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}h3{margin:0}.result-heading h3{font:500 37px ui-monospace,Consolas,monospace;letter-spacing:-1px}.tolerance-width{text-align:right}.tolerance-width span{display:block;font-size:13px;color:var(--muted);margin-bottom:7px}.tolerance-width strong{font:600 22px ui-monospace,Consolas,monospace}.limits{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);border-radius:10px;color:white;padding:24px 0}.limits>div{padding:0 24px}.limits>div+div{border-left:1px solid #426075}.limits p{font-size:13px;color:#c4d4df;margin:0 0 14px}.limits strong{font:500 clamp(22px,2.7vw,34px) ui-monospace,Consolas,monospace;letter-spacing:-1px;display:block;white-space:nowrap}.limits span{font-size:12px;color:#9ab0c0;display:block;margin-top:8px}.deviations{display:grid;grid-template-columns:1fr 1fr 1fr;padding:25px 0;border-bottom:1px solid #e2e8ed;gap:10px}.deviations span{font-size:12px;display:block;color:var(--muted);margin-bottom:10px}.deviations strong{font:600 18px ui-monospace,Consolas,monospace;display:block}.deviations small{font-size:12px;display:block;color:var(--muted);margin-top:7px}.graph-head{display:flex;justify-content:space-between;align-items:center;margin:21px 0 2px}.graph-head h4{font-size:13px;font-weight:650;margin:0}.graph-head span{font-size:12px;color:var(--muted)}#graph{width:100%;display:block;height:auto;overflow:visible}.range{font-size:12px;color:var(--muted);margin:4px 0 0;line-height:1.7}.reference{margin-top:24px;border-top:1px solid #d9e1e7;border-bottom:1px solid #d9e1e7}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-size:14px;font-weight:600;padding:22px 0}summary::-webkit-details-marker{display:none}summary span{font-size:20px;font-weight:400}.reference-body{display:grid;grid-template-columns:1fr 1.3fr;gap:45px;padding:0 0 24px}.reference h3{font-size:16px}.reference p{font-size:14px;color:#596e80;line-height:1.8}a{color:#077459}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0;color:#718496;font-size:11px;letter-spacing:1px}footer p{letter-spacing:0;font-size:12px;margin:0}#error{padding:24px;background:#fff5e6;color:#725122;border:1px solid #e8cfaa;border-radius:9px;font-size:16px;line-height:1.7}.mobile{display:none}[hidden]{display:none!important}@media(min-width:1500px){main{padding-top:60px}}@media(max-width:980px){.workspace{grid-template-columns:290px 1fr;gap:16px}.panel,.result{padding:22px}.limits>div{padding:0 15px}.result-heading h3{font-size:29px}.deviations{grid-template-columns:1fr 1fr}.deviations>div:last-child{grid-column:span 2;padding-top:10px}.standard{display:none}}@media(max-width:740px){header{height:69px;padding:0 20px}.header-meta{font-size:10px;letter-spacing:.5px}.header-meta span{padding:0 5px}.brand{font-size:18px}main{padding:30px 16px 12px}.page-title{margin-bottom:25px}h1{font-size:33px}.workspace{grid-template-columns:1fr}.panel,.result{padding:24px}.input-foot{margin-top:23px}.section-head{margin-bottom:23px}.limits strong{font-size:27px}.deviations{grid-template-columns:1fr 1fr 1fr}.deviations>div:last-child{grid-column:auto;padding-top:0}.deviations strong{font-size:16px}.reference-body{grid-template-columns:1fr;gap:12px}footer>span:last-child{display:none}.result-heading h3{font-size:31px}.result-heading .eyebrow{font-size:10px!important}}@media(max-width:390px){.header-meta{display:none}.panel,.result{padding:20px}.limits strong{font-size:23px}.limits>div{padding:0 12px}.deviations{grid-template-columns:1fr 1fr}.deviations>div:last-child{grid-column:span 2;padding-top:10px}.tolerance-width strong{font-size:18px}}

/* Tim Stridh identity */
:root{--ink:#122a3c;--green:#086c57;background:#eef2f5}
header{height:100px;background:#122a3c;border-bottom:3px solid #76d8bb;color:#fff;gap:24px}
.brand{gap:15px;letter-spacing:-.65px;font-size:23px;min-width:0}
.mark{position:relative;background:#1c3a4d;border:1px solid #476575;color:#a2f2d8;width:49px;height:49px;border-radius:10px;font-family:Arial,sans-serif;font-size:21px;letter-spacing:-2px;font-weight:700;padding-right:2px}
.mark span{position:absolute;bottom:8px;left:14px;right:14px;height:2px;background:#75d7b9}
.brand-name small{display:block;color:#a8bdcc;font-size:10px;letter-spacing:2.1px;font-weight:500;margin-top:7px}
.creator{display:flex;flex-direction:column;gap:6px;align-items:flex-end;flex-shrink:0}
.creator>span{font-size:12px;color:#a8bdcc}
.creator a{color:#e4fff6;text-decoration:none;font-size:16px;font-weight:650;display:flex;align-items:center;gap:12px}
.creator svg,.contact-link svg{height:17px;width:17px;stroke:currentColor;stroke-width:1.5;flex-shrink:0}
.creator a:hover{color:#94eccd;text-decoration:underline;text-underline-offset:5px}
a:focus-visible{outline:3px solid #56bca0;outline-offset:5px;border-radius:2px}
.page-title{position:relative;padding-left:19px;border-left:3px solid #159272}
h1{letter-spacing:-1.4px}.standard{background:#ffffff85}
.panel{box-shadow:0 7px 26px #17304506;border-color:#d6e0e7}
.result{border-top:3px solid #14866c;padding-top:25px}
.limits{background:linear-gradient(115deg,#122a3c,#214657);position:relative;border:1px solid #2c5365}
.limits strong{color:#e8fff7}.kind{letter-spacing:1.4px}
footer{margin-top:23px;padding:24px 26px;background:#e4ebef;border:1px solid #d6e0e7;border-radius:10px;gap:24px;letter-spacing:0}
.footer-signature{display:flex;align-items:center;gap:14px}
.signature-mark{font-size:22px;letter-spacing:-2px;font-weight:750;color:#34546a;border-right:1px solid #bbcbd5;padding-right:17px}
.footer-credit{display:block;color:#5c7181;font-size:14px;margin-bottom:6px}
.footer-credit a{font-weight:700;color:#1c4055;text-decoration:underline;text-decoration-color:#8da8b7;text-underline-offset:4px}
.footer-credit a:hover{color:#086c57;text-decoration-color:currentColor}
footer p{font-size:12px;color:#687e8d}.contact-link{display:flex;align-items:center;gap:9px;font-size:13px;color:#37586c;text-decoration:none;overflow-wrap:anywhere}.contact-link:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:740px){header{height:91px;padding:0 20px;gap:12px}.brand{font-size:19px;gap:10px}.mark{height:40px;width:40px;font-size:18px;border-radius:8px}.mark span{left:11px;right:11px;bottom:6px}.brand-name small{font-size:9px;letter-spacing:1.1px}.creator a{font-size:14px;gap:7px}.creator>span{font-size:11px}.creator svg{display:none}.page-title{padding-left:14px}footer{padding:21px;flex-direction:column;align-items:flex-start;gap:19px}.result{padding-top:22px}}
@media(max-width:390px){header{padding:0 14px}.brand{font-size:16px;gap:8px}.brand-name small{font-size:8px;letter-spacing:.7px}.creator a{font-size:13px}.creator>span{font-size:10px}.mark{height:35px;width:35px}.result{padding-top:18px}}

/* Language preference */
.header-actions{display:flex;align-items:center;gap:28px}.language-switch{display:flex;padding:4px;background:#0c2131;border:1px solid #476575;border-radius:8px;gap:3px}.language-switch button{border:0;border-radius:5px;min-height:36px;min-width:42px;padding:8px 10px;background:transparent;color:#bed0dc;font-size:13px;font-weight:700;letter-spacing:.5px}.language-switch button[aria-pressed=true]{background:#9ce9d0;color:#123b32}.language-switch button:hover{color:white;background:#2d5366}.language-switch button[aria-pressed=true]:hover{color:#123b32;background:#b3f6e1}.deviations strong{overflow-wrap:anywhere}
@media(max-width:740px){header{height:auto;min-height:100px;padding-top:15px;padding-bottom:15px;flex-wrap:wrap}.header-actions{gap:14px}.creator{display:none}.brand{flex:1}.language-switch button{min-width:36px;padding:8px}.result-heading{gap:14px}.tolerance-width{flex-shrink:0}.deviations{grid-template-columns:1fr 1fr}.deviations>div:last-child{grid-column:span 2;padding-top:10px}.result-heading h3{font-size:clamp(23px,6.5vw,31px)}}