:root{--ink:#16324a;--ink-deep:#0e2336;--line:#5f93b8;--line-faint:#5f93b82e;--chalk:#f3efe3;--brass:#c08a3e;--brass-bright:#e0ab5c;--signal:#c1453d;--graphite:#20201d;--font-display:"Space Grotesk", "IBM Plex Sans", sans-serif;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Courier New", monospace;--radius:2px}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--chalk);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}body{background-image:linear-gradient(var(--line-faint) 1px, transparent 1px), linear-gradient(90deg, var(--line-faint) 1px, transparent 1px);background-size:32px 32px;min-height:100vh}.skip-link{background:var(--brass-bright);color:var(--ink);border-radius:var(--radius);font-family:var(--font-mono);z-index:9999;padding:10px 16px;font-size:.85rem;transition:top .1s;position:absolute;top:-100px;left:16px}.skip-link:focus{top:16px}a{color:var(--brass-bright);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--brass-bright);outline-offset:3px;border-radius:var(--radius)}input,select,button,.cat-tab,.swap-btn{min-height:48px}.cat-tab{justify-content:center;align-items:center;min-height:48px;padding:10px 16px;display:inline-flex}.swap-btn{width:48px;min-width:48px;height:48px;min-height:48px}.lang-switcher a{align-items:center;min-height:44px;padding:8px 12px;display:inline-flex}.nav-links a{align-items:center;min-height:44px;display:inline-flex}.card{min-height:80px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}.wrap{max-width:880px;margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--line-faint);padding:20px 0}.site-header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand{font-family:var(--font-mono);letter-spacing:.04em;color:var(--chalk);align-items:baseline;gap:8px;font-size:1.1rem;display:flex}.brand .dot{color:var(--brass-bright)}.nav-links{flex-wrap:wrap;gap:8px 18px;font-size:.9rem;display:flex}.nav-links a{color:var(--line)}.nav-links a:hover{color:var(--brass-bright)}.lang-switcher{flex-wrap:wrap;gap:6px;display:flex}.lang-switcher a{font-family:var(--font-mono);border:1px solid var(--line-faint);border-radius:var(--radius);color:var(--line);padding:4px 8px;font-size:.78rem}.lang-switcher a.active{border-color:var(--brass);color:var(--brass-bright)}.page-head{padding:56px 0 28px}.eyebrow{font-family:var(--font-mono);color:var(--brass-bright);text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px;font-size:.78rem}.page-head h1{margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.6rem)}.page-head p{color:var(--line);max-width:560px;line-height:1.5}.category-block{margin-bottom:36px}.category-heading{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;color:var(--brass-bright);border-bottom:1px solid var(--line-faint);margin-bottom:14px;padding-bottom:8px;font-size:.85rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0 48px;display:grid}.card{background:var(--ink-deep);border:1px solid var(--line-faint);border-radius:var(--radius);padding:22px;transition:border-color .15s}.card:hover{border-color:var(--brass)}.card h3{color:var(--chalk);margin-bottom:8px;font-size:1.1rem}.card p{color:var(--line);margin:0 0 14px;font-size:.92rem;line-height:1.5}.card .go{font-family:var(--font-mono);color:var(--brass-bright);font-size:.82rem}.card.disabled{opacity:.55}.card.disabled .go{color:var(--line)}.converter{background:var(--ink-deep);border:1px solid var(--line-faint);border-radius:var(--radius);margin-bottom:40px;padding:28px}.cat-tabs{border-bottom:1px solid var(--line-faint);flex-wrap:wrap;gap:8px;margin-bottom:24px;padding-bottom:16px;display:flex}.cat-tab{font-family:var(--font-mono);border:1px solid var(--line-faint);color:var(--line);border-radius:var(--radius);cursor:pointer;background:0 0;padding:7px 14px;font-size:.85rem}.cat-tab:hover{border-color:var(--brass);color:var(--chalk)}.cat-tab[aria-pressed=true]{border-color:var(--brass);color:var(--ink);background:var(--brass-bright)}.conv-grid{grid-template-columns:1fr auto 1fr;align-items:end;gap:18px;display:grid}@media (width<=600px){.conv-grid{grid-template-columns:1fr}.swap-btn{justify-self:center;transform:rotate(90deg)}}.field label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--line);margin-bottom:6px;font-size:.74rem;display:block}.field select,.field input{background:var(--ink);border:1px solid var(--line-faint);width:100%;color:var(--chalk);font-family:var(--font-mono);border-radius:var(--radius);padding:10px 12px;font-size:1.4rem}.field select{margin-bottom:8px;font-size:.95rem}.swap-btn{border:1px solid var(--line-faint);color:var(--brass-bright);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-self:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;font-size:1.1rem;line-height:1;display:inline-flex}.swap-btn:hover{border-color:var(--brass)}.result-row{border-top:1px dashed var(--line-faint);flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:22px;padding-top:18px;display:flex}.result-row .label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--line);font-size:.74rem}.result-row .value{font-family:var(--font-mono);color:var(--brass-bright);font-size:2rem;font-weight:600}.result-row .unit{font-family:var(--font-mono);color:var(--line)}.result-cta{border-top:1px dashed var(--line-faint);color:var(--line);margin-top:14px;padding-top:14px;font-size:.88rem}.result-cta a{font-weight:600}.calc-error{border:1px solid var(--signal);border-radius:var(--radius);color:var(--signal);margin-top:14px;padding:10px 12px;font-size:.88rem}.ad-slot{border:1px dashed var(--line-faint);border-radius:var(--radius);text-align:center;font-family:var(--font-mono);color:var(--line);margin:28px 0;padding:14px;font-size:.72rem}.site-footer{border-top:1px solid var(--line-faint);margin-top:40px;padding:28px 0 48px}.site-footer .wrap{color:var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;font-size:.82rem;display:flex}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.content-block-group{margin:8px 0 32px}.content-block{margin:32px 0}.content-block h2{color:var(--chalk);margin-bottom:12px;font-size:1.25rem}.content-block h3{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--brass-bright);margin:20px 0 8px;font-size:.85rem}.content-block p{color:var(--line);max-width:720px;margin:0 0 12px;line-height:1.6}.content-block strong{color:var(--chalk)}.content-block code{font-family:var(--font-mono);background:var(--ink-deep);border-radius:var(--radius);color:var(--brass-bright);padding:2px 6px;font-size:.9em}.content-block .source-note{font-family:var(--font-mono);color:var(--line);opacity:.8;font-size:.74rem}.table-scroll{margin-bottom:12px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--line-faint);white-space:nowrap;padding:8px 12px}.data-table th{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--brass-bright);font-size:.74rem}.data-table td{color:var(--line)}.faq{margin:40px 0}.faq h2{color:var(--chalk);margin-bottom:14px;font-size:1.2rem}.faq details{border:1px solid var(--line-faint);border-radius:var(--radius);background:var(--ink-deep);margin-bottom:8px;padding:14px 16px}.faq summary{cursor:pointer;font-family:var(--font-display);color:var(--chalk);font-size:.95rem;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"+ ";color:var(--brass-bright);font-family:var(--font-mono)}.faq details[open] summary:before{content:"− "}.faq p{color:var(--line);margin:10px 0 0;font-size:.9rem;line-height:1.55}.faq summary{align-items:center;gap:0;min-height:48px;padding:2px 0;display:flex}@media (width<=480px){.wrap{padding:0 16px}.page-head{padding:32px 0 20px}.converter{padding:18px 14px}.field input,.field select{padding:12px;font-size:1.15rem}.result-row .value{font-size:1.6rem}.card-grid{grid-template-columns:1fr;gap:10px}.card{padding:18px}.cat-tabs{gap:6px}.conv-grid{gap:12px}.as-unit-grid{grid-template-columns:repeat(2,1fr);gap:10px}.data-table{font-size:.82rem}.data-table th,.data-table td{padding:6px 8px}}