:root{--basalt: #151719;--basalt-deep: #0b0e0f;--surface: #1b2022;--surface-light: #23292b;--sand: #d8b778;--copper: #c9873f;--ivory: #f4f0e6;--muted: #a4aaad;--line: rgba(244, 240, 230, .14);--line-strong: rgba(216, 183, 120, .38);color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--basalt);color:var(--ivory);font-family:Inter,Segoe UI,Arial,sans-serif;line-height:1.6}a{color:var(--sand)}button,input,select{font:inherit}:focus-visible{outline:3px solid var(--sand);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.converter{display:flex;flex-direction:column;gap:1.25rem;max-width:60rem;margin:0 auto;padding:1.25rem}.converter-head h1{margin:0 0 .4rem;font-family:Manrope,Segoe UI,sans-serif;font-size:clamp(1.5rem,3vw,2.2rem)}.converter-head .standfirst{max-width:60ch;margin:0;color:var(--muted)}.privacy-badge{display:inline-flex;align-items:center;gap:.45rem;margin:.9rem 0 0;padding:.35rem .7rem;border:1px solid var(--line-strong);border-radius:999px;background:#0b0e0f99;font-size:.8rem;font-weight:700}.converter-row{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:end}.converter-side{display:grid;gap:.5rem;min-width:0}.converter-side>label:not(.sr-only){color:var(--sand);font-size:.74rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.converter-value{width:100%;padding:.8rem .9rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ivory);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:clamp(1.1rem,2.6vw,1.5rem)}.converter-value.is-result{display:block;min-height:3.4rem;border-color:var(--line-strong);background:var(--surface-light);overflow-wrap:anywhere}.converter-side select{padding:.6rem .7rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ivory)}.converter-swap{align-self:center;width:2.9rem;height:2.9rem;margin-bottom:2.6rem;border:1px solid var(--line-strong);border-radius:50%;background:var(--surface);color:var(--sand);font-size:1.15rem;cursor:pointer}.converter-swap:hover{background:var(--sand);color:var(--basalt-deep)}.converter-error{margin:0;color:#ffb4a2;font-size:.9rem}.converter-actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.btn{padding:.6rem 1rem;border:1px solid var(--line);border-radius:6px;background:var(--surface-light);color:var(--ivory);cursor:pointer}.btn:hover:not(:disabled){border-color:var(--line-strong)}.btn:disabled{opacity:.5;cursor:not-allowed}.converter-precision{display:flex;gap:.5rem;align-items:center;margin-left:auto}.converter-precision label{color:var(--muted);font-size:.8rem}.converter-precision select{padding:.45rem .6rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ivory);font-size:.85rem}.converter-formula{display:grid;gap:.35rem;margin:0;padding:.8rem 1rem;border:1px solid var(--line);border-left:3px solid var(--copper);border-radius:6px}.converter-formula span{color:var(--sand);font-size:.72rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.converter-formula code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.converter-table-wrap h2{margin:0 0 .75rem;font-family:Manrope,Segoe UI,sans-serif;font-size:1.1rem}.converter-table-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.converter-table{width:100%;border-collapse:collapse;font-size:.9rem}.converter-table th,.converter-table td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--line)}.converter-table thead th{color:var(--sand);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.converter-table tbody tr:last-child th,.converter-table tbody tr:last-child td{border-bottom:0}.converter-table tbody th{font-weight:600}.converter-table .is-numeric{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;text-align:right}@media(max-width:700px){.converter-row{grid-template-columns:1fr}.converter-swap{margin:0 auto;transform:rotate(90deg)}.converter-precision{margin-left:0}}.skip-link{position:fixed;top:.75rem;left:.75rem;z-index:100;padding:.7rem 1rem;background:var(--ivory);color:var(--basalt);transform:translateY(-160%);text-decoration:none;font-weight:800}.skip-link:focus{transform:none}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1.25rem;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:.6rem;text-decoration:none;color:inherit}.brand img{display:block;width:2.25rem;height:2.25rem;border:1px solid var(--line-strong);border-radius:6px}.brand strong,.brand small{display:block;line-height:1}.brand strong{font-family:Manrope,Segoe UI,sans-serif;font-size:.9rem;text-transform:uppercase}.brand small{margin-top:.25rem;color:var(--sand);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}.site-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.15rem}.site-nav a{padding:.5rem .6rem;color:#d9dcda;font-size:.85rem;text-decoration:none;border-radius:4px}.site-nav a:hover{color:var(--ivory);background:#ffffff0d}.site-nav a[aria-current=page]{color:var(--ivory);box-shadow:inset 0 -2px var(--sand)}.nav-menu{position:relative}.nav-menu>summary{display:flex;align-items:center;gap:.3rem;padding:.5rem .6rem;color:#d9dcda;font-size:.85rem;cursor:pointer;list-style:none}.nav-menu>summary::-webkit-details-marker{display:none}.nav-menu>summary:after{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;opacity:.7;content:""}.nav-menu[open]>summary:after{transform:rotate(180deg)}.nav-menu.is-active>summary{color:var(--ivory);box-shadow:inset 0 -2px var(--sand)}.nav-menu-panel{position:absolute;z-index:60;top:calc(100% + .4rem);right:0;display:grid;min-width:13rem;padding:.35rem;border:1px solid var(--line);border-radius:8px;background:#0b0e0ffa;box-shadow:0 18px 44px #00000073}.nav-menu-panel a{padding:.55rem .7rem;white-space:nowrap}.tool-switcher{padding:.75rem 1.25rem 0}.tool-switcher ul{display:flex;flex-wrap:wrap;gap:.35rem;margin:0;padding:0;list-style:none}.tool-switcher a{display:inline-block;padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.82rem;text-decoration:none}.tool-switcher a:hover{border-color:var(--line-strong);color:var(--ivory)}.tool-switcher a[aria-current=page]{border-color:var(--line-strong);background:var(--surface-light);color:var(--ivory)}.tool-switcher-label a{border-color:transparent;color:var(--sand);font-weight:800}.noscript-note{max-width:60rem;margin:0 auto;padding:1.25rem}.page-content{max-width:60rem;margin:0 auto;padding:0 1.25rem 3rem}.content-section{padding-top:2.25rem}.content-section+.content-section{margin-top:2.25rem;border-top:1px solid var(--line)}.content-section h2{margin:0 0 .75rem;font-family:Manrope,Segoe UI,sans-serif;font-size:1.2rem}.content-section p{max-width:68ch;color:var(--muted)}.faq{margin:0}.faq dt{margin-top:1.25rem;font-weight:800}.faq dt:first-child{margin-top:0}.faq dd{max-width:68ch;margin:.4rem 0 0;color:var(--muted)}.related-list{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.related-list a{display:inline-block;padding:.4rem .8rem;border:1px solid var(--line);border-radius:999px;font-size:.85rem;text-decoration:none}.related-list a:hover{border-color:var(--line-strong)}.reference-table{overflow-x:auto;border:1px solid var(--line);border-radius:8px}.reference-table table{width:100%;border-collapse:collapse;font-size:.9rem}.reference-table th,.reference-table td{padding:.55rem .8rem;text-align:left;border-bottom:1px solid var(--line)}.reference-table thead th{color:var(--sand);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.reference-table tbody tr:last-child th,.reference-table tbody tr:last-child td{border-bottom:0}.reference-table tbody th{font-weight:600}.reference-table tbody td{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.site-footer-slim{padding:1.5rem 1.25rem 2.5rem;border-top:1px solid var(--line);text-align:center;font-size:.85rem}.site-footer-slim p{margin:.25rem 0}.muted{color:var(--muted)}@media(max-width:640px){.site-header{flex-wrap:wrap}.nav-menu-panel{right:auto;left:0}}
