@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=IBM+Plex+Mono:wght@500;600;700&family=Work+Sans:wght@400;500;600&display=swap";.site-header[data-astro-cid-3ef6ksr2]{background:var(--ink-900);position:sticky;top:0;z-index:20}.header-row[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:24px}.wordmark[data-astro-cid-3ef6ksr2]{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--text-onDark);letter-spacing:-.01em}.wordmark[data-astro-cid-3ef6ksr2]:hover{text-decoration:none}.wordmark-accent[data-astro-cid-3ef6ksr2]{color:var(--brass-bright)}.main-nav[data-astro-cid-3ef6ksr2]{display:flex;gap:20px;flex-wrap:wrap}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:13px;color:var(--text-onDark-dim)}.main-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{color:var(--brass-bright)}@media (max-width: 640px){.main-nav[data-astro-cid-3ef6ksr2]{display:none}}.site-footer[data-astro-cid-sz7xmlte]{margin-top:64px;background:var(--ink-900);padding-top:32px}.footer-row[data-astro-cid-sz7xmlte]{display:flex;justify-content:space-between;gap:32px;flex-wrap:wrap;padding:16px 24px 24px}.wordmark[data-astro-cid-sz7xmlte]{font-family:var(--font-display);font-weight:700;font-size:18px}.wordmark-accent[data-astro-cid-sz7xmlte]{color:var(--brass-bright)}.footer-tagline[data-astro-cid-sz7xmlte]{max-width:320px;font-size:14px;margin-top:8px}.footer-cols[data-astro-cid-sz7xmlte] ul[data-astro-cid-sz7xmlte]{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.footer-cols[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]{font-size:14px;color:var(--text-onDark-dim)}.footer-cols[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover{color:var(--brass-bright)}.footer-copy[data-astro-cid-sz7xmlte]{font-family:var(--font-mono);font-size:12px;color:var(--text-onDark-dim);padding:16px 0 32px;border-top:1px solid var(--ink-600)}:root{--ink-900: #12151c;--ink-800: #191d26;--ink-700: #1f2430;--ink-600: #2a3040;--dial-cream: #f3efe2;--dial-cream-dim: #e7e1cf;--brass: #c8973f;--brass-bright: #e0b563;--patina: #6f9e8c;--text-onDark: #ece7d8;--text-onDark-dim: #a8a79e;--text-onCream: #1f2430;--text-onCream-dim: #5a5748;--danger: #c1613f;--font-display: "Space Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--font-body: "Work Sans", system-ui, sans-serif;--radius-sm: 4px;--radius-md: 8px;--container: 1120px;--tick: repeating-linear-gradient( 90deg, var(--ink-600) 0px, var(--ink-600) 1px, transparent 1px, transparent 12px )}*{box-sizing:border-box}html{color-scheme:dark;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--ink-800);color:var(--text-onDark);font-family:var(--font-body);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.15;margin:0 0 .5em;letter-spacing:-.01em}p{margin:0 0 1em;color:var(--text-onDark-dim)}a{color:var(--brass-bright);text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:2px solid var(--brass-bright);outline-offset:2px}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.tick-divider{height:14px;background-image:var(--tick);background-position:0 bottom;background-size:12px 14px;opacity:.6}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brass)}.dial-readout{background:var(--dial-cream);color:var(--text-onCream);border-radius:var(--radius-md);border:1px solid var(--dial-cream-dim);box-shadow:inset 0 1px #fff6,0 8px 24px #00000059}.tabular{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:14px;padding:10px 18px;border-radius:var(--radius-sm);border:1px solid var(--brass);background:transparent;color:var(--brass-bright);cursor:pointer;transition:background .15s ease,color .15s ease}.btn:hover,.btn-solid{background:var(--brass);color:var(--ink-900)}.btn-solid:hover{background:var(--brass-bright)}.card{background:var(--ink-700);border:1px solid var(--ink-600);border-radius:var(--radius-md);padding:20px}.grid{display:grid;gap:16px}.breadcrumbs{font-family:var(--font-mono);font-size:13px;color:var(--text-onDark-dim)}.breadcrumbs a{color:var(--text-onDark-dim)}.breadcrumbs a:hover{color:var(--brass-bright)}table.values-table{width:100%;border-collapse:collapse;font-family:var(--font-mono)}table.values-table th,table.values-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ink-600)}table.values-table th{color:var(--text-onDark-dim);font-weight:500;font-size:13px;text-transform:uppercase;letter-spacing:.06em}.converter{padding:20px;background:var(--ink-700);border:1px solid var(--ink-600);border-radius:var(--radius-md)}.converter-row{display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end}.field{display:flex;flex-direction:column;gap:6px}.field label{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-onDark-dim)}.field input,.field output{font-size:24px;padding:12px 14px;border-radius:var(--radius-sm);border:none;width:100%;display:block}.field input:focus-visible{outline:2px solid var(--brass);outline-offset:-2px}.field select{background:var(--ink-800);color:var(--text-onDark);border:1px solid var(--ink-600);border-radius:var(--radius-sm);padding:8px 10px;font-family:var(--font-body);font-size:14px}.swap-btn{background:var(--brass);color:var(--ink-900);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-bottom:8px;transition:transform .15s ease;font-size:16px}.swap-btn:hover{transform:rotate(180deg)}@media (max-width: 560px){.converter-row{grid-template-columns:1fr}.swap-btn{justify-self:center;transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg)}}
