.convert-page{background:radial-gradient(ellipse at 50% 0%, var(--mc-wash) 0, transparent 680px), var(--mc-paper);min-height:100dvh;color:var(--mc-ink);padding-block:clamp(7rem,10vw,8.5rem) 5rem}.convert-content>nav{color:var(--mc-muted);flex-wrap:wrap;align-items:center;gap:.35rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.convert-content>nav a{padding-block:.5rem}.convert-heading{margin-bottom:3rem}.convert-page h1{letter-spacing:-.045em;text-wrap:balance;color:var(--mc-ink);overflow-wrap:anywhere;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.12}.convert-page h2{letter-spacing:-.03em;color:var(--mc-ink);font-size:clamp(1.375rem,2.8vw,1.875rem)}.convert-page h3{color:var(--mc-ink)}.convert-page p{color:var(--mc-muted);line-height:1.75}.convert-heading>p{max-width:42rem;margin:1rem auto 0;font-size:1.125rem}.convert-heading>div>p{max-width:52rem;font-size:1rem}.convert-heading>div>p+p{margin-top:.5rem;font-size:.875rem}.convert-heading>div>p a{color:var(--mc-muted)}.convert-directory{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:4rem;display:grid}.convert-tool-card{border:1px solid var(--mc-hairline);background:var(--mc-surface);border-radius:1.5rem;padding:clamp(1.5rem,3vw,2rem);padding-inline-end:3.5rem;transition:background-color .15s,box-shadow .15s;position:relative}.convert-tool-card:after{content:"→";inset-inline-end:1.5rem;color:var(--mc-muted);position:absolute;top:1.75rem}.convert-tool-card:hover{background:var(--mc-surface);box-shadow:0 12px 32px #080d2908}.convert-tool-card h2{font-size:1.25rem}.convert-tool-card p{margin-top:.5rem;font-size:.9375rem}.convert-section{border-top:1px solid var(--mc-hairline);padding-block:3rem}.convert-formula{border:1px solid var(--mc-hairline);background:var(--mc-wash);overflow-wrap:anywhere;border-radius:1.5rem;padding:1.75rem}.conversion-calculator{border:1px solid var(--mc-hairline);background:var(--mc-surface);border-radius:2rem;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2rem;display:grid;box-shadow:0 24px 80px #080d290b}.conversion-input-panel,.conversion-result-panel{min-width:0;padding:clamp(1.25rem,3.5vw,2.5rem)}.conversion-input-panel label,.convert-page .conversion-result-label{color:var(--mc-muted);font-size:.9375rem;font-weight:600}.conversion-input-panel input{border-color:var(--mc-hairline);background:var(--mc-paper);font-variant-numeric:tabular-nums;letter-spacing:-.035em;min-height:88px;color:var(--mc-ink);border-radius:1rem;padding-inline:1rem 5rem;font-size:clamp(1.75rem,3.5vw,2.5rem)}.conversion-input-panel input:focus{border-color:#3276a5;box-shadow:0 0 0 3px #3276a518}.conversion-input-panel input[aria-invalid=true]{border-color:#ba4949}.conversion-input-panel input+span{overflow-wrap:anywhere;max-width:4rem;font-size:.875rem}.conversion-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.conversion-actions>a{border-color:var(--mc-hairline);min-height:44px;color:var(--mc-ink);border-radius:999px;font-size:.875rem}.conversion-actions button{color:var(--mc-ink);border-color:var(--mc-hairline);cursor:pointer}.conversion-actions button:disabled{opacity:.4;cursor:not-allowed}.conversion-result-panel{border-radius:0;background:var(--mc-wash);border-inline-start:1px solid var(--mc-hairline);border-start-end-radius:2rem;border-end-end-radius:2rem;flex-direction:column;justify-content:center;display:flex}.conversion-result{font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem;margin-top:1rem;display:flex}.conversion-result>span:first-child{overflow-wrap:anywhere;letter-spacing:-.05em;min-width:0;max-width:100%;font-size:clamp(2.75rem,5vw,4.5rem);font-weight:500;line-height:1.15}.conversion-result-unit{color:var(--mc-muted);overflow-wrap:anywhere;font-size:1.25rem}.convert-table{border:1px solid var(--mc-hairline);background:var(--mc-surface);border-radius:1.25rem;overflow-x:auto}.convert-table table{font-variant-numeric:tabular-nums}.convert-table thead{background:var(--mc-wash);color:var(--mc-muted)}.convert-table th,.convert-table td{padding:1rem 1.5rem}.convert-table tbody tr:nth-child(2n){background:var(--mc-paper)}.convert-links .grid>a{border-color:var(--mc-hairline);min-height:52px;color:var(--mc-ink);align-items:center;font-size:.9375rem;font-weight:500;display:flex}.convert-links .grid>a:hover{background:var(--mc-wash)}.convert-faq details{box-shadow:none;border-bottom:1px solid var(--mc-hairline);background:0 0;border-radius:0;padding:0}.convert-faq summary{color:var(--mc-ink);padding:1.5rem 0}.convert-faq summary::-webkit-details-marker{display:none}.convert-faq summary>span:last-child{color:var(--mc-muted);background:0 0}.convert-faq details p{max-width:52rem;margin:0;padding-bottom:1.5rem;font-size:1rem}.convert-page :is(a,button,summary):focus-visible{outline-offset:4px;outline:2px solid #3276a5}@media (width<=639px){.convert-directory,.conversion-calculator{grid-template-columns:minmax(0,1fr)}.conversion-calculator{border-radius:1.5rem}.conversion-result-panel{border-inline-start:0;border-top:1px solid var(--mc-hairline);border-radius:0 0 1.5rem 1.5rem}.convert-table th,.convert-table td{padding:.875rem}}@media (prefers-reduced-motion:reduce){.convert-tool-card{transition:none}}