.cr{--muted:#526979;font:16px/1.55 system-ui,sans-serif;color:#172d3c;max-width:1080px;margin:auto;padding:24px;background:#fff}.cr *{box-sizing:border-box}.cr h1{font-size:clamp(28px,4vw,40px);line-height:1.15;margin:8px 0 12px}.cr h2{font-size:20px;margin:0 0 12px}.cr p{max-width:80ch}.cr__eyebrow{font-size:12px;font-weight:750;letter-spacing:.12em;color:#226386}.cr__toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:24px 0 16px}.cr__toolbar span,.cr small{font-size:13px;color:var(--muted)}.cr input,.cr select,.cr button{font:inherit;color:inherit;border:1px solid #a8bfce;border-radius:10px;background:#fff;min-height:46px;padding:10px 12px}.cr input{width:100%;min-width:0;font-weight:650}.cr button{cursor:pointer}.cr button:hover{background:#edf5fa}.cr :is(input,select,button):focus-visible{outline:3px solid #2783b4;outline-offset:3px}.cr__fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 20px}.cr__fields>label{display:grid;grid-row:span 3;grid-template-rows:subgrid;gap:8px;min-width:0}.cr__fields>label>span{font-weight:650}.cr__fields b{font-weight:inherit}.cr__fields input[aria-invalid=true]{border-color:#ad362b;background:#fff8f5}.cr #crError{padding:12px;background:#fff1eb;border-left:3px solid #ad362b}.cr__result{background:#f3f8fb;border:1px solid #cddce5;border-radius:18px;padding:24px;margin:28px 0}.cr__answer{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.cr__answer h2{font-size:16px;color:var(--muted);margin-bottom:4px}.cr output{font-size:clamp(32px,5vw,48px);font-weight:750;font-variant-numeric:tabular-nums;line-height:1.2}.cr__answer p{margin:8px 0;font-size:14px}.cr__note{font-size:14px;color:var(--muted)}.cr figure{margin:20px 0}.cr svg{display:block;width:100%;height:auto;background:white;border-radius:12px}.cr figcaption{font-size:13px;margin-top:10px;color:var(--muted)}.cr__breakdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cr dt{font-size:13px;color:var(--muted)}.cr dd{margin:3px 0;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.cr__examples{margin:24px 0}.cr__examples button{text-align:left;margin:0 8px 10px 0;max-width:100%}.cr__examples [aria-pressed=true]{background:#e7f2f8;border-color:#226386}.cr [hidden]{display:none!important}@media(max-width:850px){.cr__fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cr__breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:420px){.cr{padding:16px}.cr__result{padding:16px}.cr__fields{gap:12px}.cr__fields>label>span{font-size:14px}}@media print{.cr{padding:0;max-width:none;font-size:11pt}.cr form,.cr__examples,.cr button,.cr header>p{display:none!important}.cr__result{break-inside:avoid;padding:12px;margin:12px 0;background:#fff}.cr svg{max-height:270px}.cr output{font-size:28pt}.cr h1{font-size:24pt}.cr__note{font-size:10pt}.cr__breakdown{grid-template-columns:repeat(4,1fr)}body:has(#crResult[hidden]) .cr:after{content:'Correct the input errors before printing measurements.'}}

.cr select{appearance:none;-webkit-appearance:none;min-width:100px;background:#fff;padding-right:26px}.cr__toolbar label{font-weight:650}
@media print{body:has(#commonRafter) *:not(:has(#commonRafter)):not(#commonRafter):not(#commonRafter *){display:none!important}body:has(#commonRafter),body:has(#commonRafter) *:has(#commonRafter){display:block!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;background:white!important;box-shadow:none!important;min-height:0!important}}