.cord-calculator{max-width:1200px;margin:auto;padding:40px 40px 80px;color:var(--color-text);font-family:Arial,'Helvetica Neue',sans-serif}
.cord-calculator__heading{margin-bottom:32px}.cord-calculator__heading h1{font-size:40px;line-height:1.12;font-weight:600;letter-spacing:-.025em;margin:24px 0 16px;text-wrap:balance}.cord-calculator__heading>p{font-size:18px;line-height:1.6;max-width:65ch}
.cord-calculator h2{font-size:24px;line-height:1.25;font-weight:600;margin:0 0 24px;text-wrap:balance}.cord-calculator p,.cord-calculator li{line-height:1.6}.cord-calculator a{text-decoration:underline;text-underline-offset:3px}
.cord-calculator__workspace{display:grid;grid-template-columns:1.2fr 1fr;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.cord-calculator form{padding:32px 32px 32px 0;min-width:0}.cord-calculator label{display:block;font-size:15px;font-weight:600;margin-bottom:8px}.cord-calculator input,.cord-calculator select{width:100%;min-width:0;min-height:48px;border:1px solid #888;border-radius:4px;background:#fff;color:var(--color-text);font:inherit;padding:10px 12px}.cord-calculator select{max-width:250px}.cord-calculator__dimensions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.cord-calculator__hint{font-size:14px;color:#555;margin:12px 0 0}.cord-calculator__error{font-size:14px;color:#9e2020;margin:12px 0}.cord-calculator__error:empty{display:none}.cord-calculator [aria-invalid="true"]{border-color:#9e2020}
.cord-calculator__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.cord-calculator button{min-height:48px;padding:12px 20px;background:var(--color-dark);color:var(--color-on-dark);border:1px solid var(--color-dark);border-radius:4px;font:inherit;font-weight:600;cursor:pointer}.cord-calculator button:hover{background:#444}.cord-calculator button:active{background:#555}.cord-calculator .cord-calculator__secondary{background:white;color:var(--color-text);border-color:#888}.cord-calculator .cord-calculator__secondary:hover{background:var(--color-surface)}.cord-calculator .cord-calculator__example{padding:8px 0;margin-top:8px;background:none;color:var(--color-text);border:0;text-decoration:underline;text-underline-offset:4px;font-size:14px;font-weight:400;text-align:left}.cord-calculator :is(input,select,button,a):focus-visible{outline:2px solid #1e1e1f;outline-offset:4px}
.cord-calculator__result{padding:32px;background:var(--color-surface);min-width:0}.cord-calculator__result h2{margin-bottom:12px}.cord-calculator__result dl{margin:24px 0}.cord-calculator__result dl>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--color-border)}.cord-calculator__result dt{font-size:15px}.cord-calculator__result dd{margin:0;font-size:24px;font-weight:600;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.cord-calculator__result dl>div:first-child dd{font-size:36px}.cord-calculator #cord-result-note{font-size:14px;line-height:1.5;margin:0;min-height:21px}
.cord-calculator__reading{max-width:740px;margin-top:48px}.cord-calculator__reading section+section{margin-top:40px}.cord-calculator__reading h2{margin-bottom:16px}.cord-calculator__reading p{margin:12px 0}.cord-calculator__reading ol,.cord-calculator__reading ul{padding-left:24px}.cord-calculator__reading li{margin:8px 0}.cord-calculator__formula{font-weight:600}
@media(max-width:767px){.cord-calculator{padding:24px 20px 48px}.cord-calculator__heading h1{font-size:32px}.cord-calculator__heading>p{font-size:16px}.cord-calculator__workspace{grid-template-columns:1fr}.cord-calculator form{padding:24px 0}.cord-calculator__result{padding:24px 20px}.cord-calculator__dimensions{gap:10px}.cord-calculator label{font-size:14px}.cord-calculator h2{font-size:22px}.cord-calculator__reading{margin-top:36px}}