@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/ibm-plex-sans-var.woff2') format('woff2');}@font-face{font-family:'DM Mono';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/dm-mono-400.woff2') format('woff2');}@font-face{font-family:'DM Mono';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/dm-mono-500.woff2') format('woff2');}:root{--ec-bg:#f4f6f8;--ec-panel:#ffffff;--ec-panel-2:#eef1f5;--ec-bezel:#1a2535;--ec-line:#d1d9e4;--ec-line-soft:#e4e9f0;--ec-ink:#0f1923;--ec-ink-dim:#4a5568;--ec-ink-tertiary:#64748b;--ec-ink-faint:#94a3b8;--ec-phosphor:#0891b2;--ec-phosphor-2:#06b6d4;--ec-phosphor-deep:#0e7490;--ec-amber:#d97706;--ec-phosphor-rgb:8,145,178;--ec-amber-rgb:217,119,6;--color-bg:var(--ec-bg);--color-surface:var(--ec-panel);--color-surface-2:var(--ec-panel-2);--color-border:var(--ec-line);--color-border-subtle:var(--ec-line-soft);--color-accent:var(--ec-phosphor);--color-accent-hover:var(--ec-phosphor-deep);--color-accent-2:var(--ec-amber);--color-accent-dim:rgba(var(--ec-phosphor-rgb),0.08);--color-text:var(--ec-ink);--color-text-muted:var(--ec-ink-dim);--color-text-dim:var(--ec-ink-tertiary);--font-heading:'IBM Plex Sans',system-ui,sans-serif;--font-body:'IBM Plex Sans',system-ui,sans-serif;--font-mono:'DM Mono',ui-monospace,monospace;--transition-fast:150ms ease;--transition-base:250ms ease;--fs-readout:clamp(2.5rem,8vw,4rem);--fs-h1:clamp(2rem,5vw,3rem);--fs-h2:clamp(1.3rem,3.2vw,1.6rem);--fs-h3:1.05rem;--fs-body:1rem;--fs-sm:0.875rem;--fs-xs:0.75rem;--fs-label:0.6875rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--accent:var(--color-accent);--accent-hover:var(--color-accent-hover);--accent-2:var(--color-accent-2);--text-primary:var(--color-text);--text-secondary:#c4cede;--text-muted:var(--color-text-muted);--surface:var(--color-surface);--surface-2:var(--color-surface-2);--border:var(--color-border);}@keyframes resultTick{0%{opacity:0.45;}100%{opacity:1;}}.result-display__value.tick,.result-value.tick{animation:resultTick 0.18s ease-out;}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;font-size:16px;}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}ul,ol{list-style:none;}img,svg,video{display:block;max-width:100%;}button{font-family:inherit;cursor:pointer;border:none;background:none;}input,select,textarea{font-family:inherit;font-size:inherit;}select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2364748b' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;cursor:pointer;}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit;line-height:1.3;}table{border-collapse:collapse;width:100%;}code,pre{font-family:var(--font-mono);}hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0;}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast);}a:hover{color:var(--color-accent);}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}.site-header{position:sticky;top:0;z-index:100;background-color:#ffffff;border-bottom:1px solid var(--color-border);box-shadow:0 1px 8px rgba(0,0,0,0.06);}.header-inner{max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem);min-height:60px;display:flex;align-items:center;gap:1rem;}.site-logo{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;color:var(--color-text);text-decoration:none;white-space:nowrap;flex-shrink:0;letter-spacing:0.01em;display:inline-flex;align-items:center;min-height:44px;}.site-logo:hover{color:var(--color-text);}.logo-accent{color:var(--color-accent);}.site-nav{margin-left:auto;}.nav-list{display:flex;align-items:center;gap:0.15rem;list-style:none;margin:0;padding:0;}.nav-group{position:relative;}.nav-trigger{display:inline-flex;align-items:center;gap:0.35rem;min-height:44px;padding:0.4rem 0.7rem;font-family:var(--font-body);font-size:0.9rem;font-weight:500;color:var(--color-text-muted);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);}.nav-trigger:hover,.nav-trigger[aria-expanded="true"]{color:var(--color-text);background:var(--color-surface-2);}.nav-trigger.active{color:var(--color-accent);}.nav-caret{width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform var(--transition-fast);opacity:0.7;}.nav-trigger[aria-expanded="true"] .nav-caret{transform:rotate(-135deg) translateY(1px);}.nav-panel{position:absolute;top:calc(100% + 6px);left:0;min-width:230px;max-width:min(280px,90vw);background:#ffffff;border:1px solid var(--color-border);border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,0.10);padding:0.4rem;display:none;flex-direction:column;z-index:120;}.nav-panel.is-open{display:flex;}.nav-group:last-child .nav-panel,.nav-group:nth-last-child(2) .nav-panel{left:auto;right:0;}.nav-panel__link{display:flex;align-items:center;min-height:44px;padding:0.55rem 0.75rem;font-family:var(--font-body);font-size:0.9rem;font-weight:500;color:var(--color-text-muted);border-radius:6px;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast);}.nav-panel__link:hover,.nav-panel__link:focus-visible{color:var(--color-text);background:rgba(var(--ec-phosphor-rgb),0.08);}.nav-panel__link.active{color:var(--color-accent);}.nav-panel__sub{font-family:var(--font-body);font-size:0.62rem;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;color:var(--color-text-dim);padding:0.65rem 0.75rem 0.3rem;margin-top:0.25rem;border-top:1px solid var(--color-border-subtle);}.nav-panel__link--sub{color:var(--color-accent-2);}.nav-panel__note{padding:0.5rem 0.75rem 0.7rem;font-size:0.82rem;color:var(--color-text-muted);line-height:1.5;}.nav-panel__note a{color:var(--color-accent);text-decoration:none;}.nav-panel__note a:hover{text-decoration:underline;}.nav-toggle{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;background:transparent;border:1px solid var(--ec-line);border-radius:8px;cursor:pointer;flex-shrink:0;margin-left:auto;}.nav-toggle-bar{display:block;width:20px;height:2px;border-radius:2px;background-color:var(--ec-ink-dim);transition:background-color 0.15s ease;}.nav-toggle:hover .nav-toggle-bar{background-color:var(--ec-ink);}.mobile-nav-overlay{display:none;position:fixed;inset:0;z-index:200;background-color:var(--color-bg);backdrop-filter:blur(4px);opacity:0;transition:opacity 0.2s ease;}.mobile-nav-overlay.is-open{display:block;opacity:1;}.mobile-nav-inner{display:flex;flex-direction:column;height:100%;max-width:640px;margin:0 auto;padding:0.75rem clamp(1rem,5vw,1.5rem) 2.5rem;overflow-y:auto;-webkit-overflow-scrolling:touch;}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:0.5rem 0 1rem;border-bottom:1px solid var(--ec-line);margin-bottom:1.25rem;position:sticky;top:0;background-color:var(--color-bg);}.nav-close{background:transparent;border:1px solid var(--ec-line);border-radius:8px;color:var(--ec-ink-dim);font-size:1.5rem;line-height:1;width:48px;height:48px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color 0.15s ease,border-color 0.15s ease;}.nav-close:hover{color:var(--ec-ink);border-color:var(--ec-ink-dim);}.mobile-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:1.5rem;}.m-group{display:flex;flex-direction:column;gap:0.15rem;}.m-group__label{font-family:var(--font-body);font-size:0.68rem;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:var(--color-accent);margin-bottom:0.4rem;}.mobile-nav-list .nav-link{display:flex;align-items:center;min-height:48px;font-size:1rem;padding:0.6rem 0.85rem;border-radius:8px;color:var(--color-text);border-left:3px solid transparent;text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast);}.mobile-nav-list .nav-link:hover,.mobile-nav-list .nav-link.active{color:var(--color-accent);border-left-color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.08);}.m-note{font-size:0.9rem;color:var(--color-text-muted);line-height:1.55;padding:0.3rem 0.85rem;}.m-note a{color:var(--color-accent);text-decoration:none;}@media (max-width:991px){.site-nav{display:none;}.nav-toggle{display:flex;}}.page-wrap{max-width:1100px;margin:0 auto;padding:5rem clamp(1rem,4vw,1.5rem);}@media (max-width:640px){.page-wrap{padding:3rem clamp(1rem,4vw,1.5rem);}}.section-heading{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--color-text);letter-spacing:-0.01em;text-transform:none;margin-bottom:2rem;padding-bottom:0.75rem;border-bottom:1px solid var(--color-border);}.hero{position:relative;margin-bottom:5rem;background-color:var(--color-bg);padding:6rem 0 5rem;overflow:hidden;background-image:radial-gradient(ellipse 60% 80% at 15% 40%,rgba(var(--ec-phosphor-rgb),0.05) 0%,transparent 60%),linear-gradient(var(--ec-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--ec-line-soft) 1px,transparent 1px);background-size:100% 100%,46px 46px,46px 46px;}.hero::after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 90% 90% at 30% 45%,transparent 30%,var(--color-bg) 100%);pointer-events:none;}.hero > *{position:relative;z-index:1;}.hero__label{display:inline-flex;align-items:center;gap:0.55rem;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:500;letter-spacing:0.24em;text-transform:uppercase;color:var(--color-accent);margin-bottom:1.25rem;}.hero__label::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--ec-phosphor);box-shadow:0 0 8px rgba(var(--ec-phosphor-rgb),0.9);}.hero h1{font-family:var(--font-heading);font-size:clamp(3rem,8vw,5rem);font-weight:700;color:var(--color-text);line-height:1.0;letter-spacing:-0.02em;margin-bottom:1rem;}.hero__intro{font-family:var(--font-body);font-size:1rem;color:var(--color-text-muted);line-height:1.6;max-width:660px;margin-bottom:2rem;}.stat-strip{display:flex;flex-wrap:wrap;gap:0.5rem;}.stat-pill{display:inline-flex;align-items:center;gap:0.45rem;font-family:var(--font-mono);font-size:var(--fs-xs);letter-spacing:0.02em;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 12px;}.stat-pill::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--ec-phosphor);box-shadow:0 0 6px rgba(var(--ec-phosphor-rgb),0.8);flex:none;}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:5rem;}@media (max-width:1024px){.tool-grid{grid-template-columns:repeat(2,1fr);}}@media (max-width:640px){.tool-grid{grid-template-columns:1fr;}}.tool-card{display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;text-decoration:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base);}.tool-card:hover{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent),0 8px 32px rgba(var(--ec-phosphor-rgb),0.08);transform:translateY(-2px);}.tool-card--learn{border-left:3px solid var(--color-accent-2);background:linear-gradient(135deg,var(--color-surface) 0%,rgba(var(--ec-amber-rgb),0.03) 100%);}.tool-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:0.75rem;}.tool-card__formula{font-family:var(--font-mono);font-size:0.65rem;color:var(--color-accent);background:var(--color-accent-dim);padding:3px 8px;border-radius:4px;align-self:flex-start;flex-shrink:0;}.tool-card h2,.tool-card__title{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:0.5rem;line-height:1.4;}.tool-card__desc{font-family:var(--font-body);font-size:0.85rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;}.tool-card__cta{font-family:var(--font-body);font-size:0.8rem;font-weight:500;color:var(--color-accent);text-decoration:none;margin-top:auto;}.tool-card:hover .tool-card__cta{text-decoration:underline;}.calc-header{padding:4rem 0 3rem;border-bottom:1px solid var(--color-border);margin-bottom:3rem;}.calc-header h1{font-family:var(--font-heading);font-weight:700;font-size:clamp(2rem,5vw,3rem);color:var(--color-text);letter-spacing:-0.01em;margin-bottom:0.75rem;}.calc-header p{font-size:1rem;color:var(--color-text-muted);margin-top:0.75rem;}.converter-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,2rem);margin-bottom:5rem;box-shadow:0 4px 24px rgba(0,0,0,0.3);position:relative;}.converter-card::before{content:'';position:absolute;top:-1px;left:clamp(1.25rem,4vw,2rem);right:clamp(1.25rem,4vw,2rem);height:2px;background:linear-gradient(90deg,transparent,var(--ec-phosphor),transparent);opacity:0.7;border-radius:2px;}.input-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;}@media (max-width:640px){.input-row{grid-template-columns:1fr;gap:1rem;}}.field-group label{display:block;font-family:var(--font-mono);font-size:var(--fs-label);font-weight:500;text-transform:uppercase;letter-spacing:0.14em;color:var(--color-text-muted);margin-bottom:0.5rem;}.input-field{width:100%;min-height:48px;background-color:var(--ec-panel-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0.75rem 1rem;font-family:var(--font-mono);font-size:16px;color:var(--ec-ink);transition:border-color 0.15s ease,box-shadow 0.15s ease,background-color 0.15s ease;}.input-field::placeholder{color:var(--ec-ink-faint);}.input-field:hover:not(:focus):not(:disabled){border-color:var(--ec-ink-faint);}.input-field:focus{outline:none;border-color:var(--color-accent);background-color:var(--ec-bg);box-shadow:0 0 0 3px rgba(var(--ec-phosphor-rgb),0.16);}.input-field:disabled{color:var(--ec-ink-faint);background-color:var(--ec-panel);cursor:not-allowed;opacity:0.6;}.input-field::-webkit-outer-spin-button,.input-field::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.input-field[type=number]{-moz-appearance:textfield;}.result-display{background-color:var(--color-surface);border:2px solid var(--color-accent);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,1.75rem);margin-top:1.5rem;}.result-display::before,.result-display::after{display:none;}.result-display--secondary{border-color:var(--color-accent-2);}.result-display__label{display:flex;align-items:center;gap:0.4rem;font-family:var(--font-body);font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-accent);margin-bottom:0.5rem;}.result-display__label::before{display:none;}.result-display--secondary .result-display__label{color:var(--color-accent-2);}.result-display__value{font-family:var(--font-heading);font-size:clamp(2rem,7vw,3.25rem);font-weight:700;color:var(--color-text);line-height:1.1;letter-spacing:-0.02em;font-variant-numeric:tabular-nums;overflow-wrap:break-word;transition:opacity 100ms ease;}.result-display__value.empty{color:var(--ec-ink-faint);font-size:1.5rem;font-weight:400;}.formula-block{background:var(--color-surface-2);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:6px;padding:1rem 1.25rem;font-family:var(--font-mono);font-size:0.9rem;color:var(--color-text);margin-bottom:5rem;overflow-wrap:break-word;}.faq-list{display:flex;flex-direction:column;gap:2rem;margin-bottom:5rem;}.faq-item{border-left:2px solid var(--color-accent);padding-left:1.5rem;}.faq-item__question{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:0.75rem;}.faq-item__answer{font-family:var(--font-body);font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:4rem;}.site-footer__inner{max-width:1100px;margin:0 auto;padding:3rem clamp(1rem,4vw,1.5rem) 2.5rem;display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:2.5rem 1.5rem;}@media (max-width:860px){.site-footer__inner{grid-template-columns:1fr 1fr;gap:2rem 1.5rem;}.footer-brand{grid-column:1 / -1;}}@media (max-width:520px){.site-footer__inner{grid-template-columns:1fr;}}.site-footer p,.site-footer a{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--color-text-muted);}.site-footer a{text-decoration:none;transition:color var(--transition-fast);}.site-footer a:hover{color:var(--color-accent);}.footer-brand{display:flex;flex-direction:column;gap:0.75rem;max-width:30ch;}.footer-logo{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;color:var(--color-text);}.footer-logo .logo-accent{color:var(--color-accent);}.footer-tagline{font-size:var(--fs-sm);color:var(--color-text-muted);line-height:1.6;margin:0;}.footer-review{font-size:var(--fs-xs);color:var(--color-text-dim);line-height:1.6;margin:0;}.footer-review a{font-size:inherit;color:var(--color-accent);}.footer-col{display:flex;flex-direction:column;gap:0.55rem;}.footer-col__label{font-family:var(--font-mono);font-size:var(--fs-label);font-weight:500;text-transform:uppercase;letter-spacing:0.14em;color:var(--color-text-dim);margin-bottom:0.25rem;}.footer-col a{font-size:var(--fs-sm);line-height:1.3;}.footer-meta{border-top:1px solid var(--color-border);}.footer-meta > *{max-width:1100px;margin:0 auto;padding:0 clamp(1rem,4vw,1.5rem);}.footer-copy{font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--color-text-dim);padding-top:1.25rem;}.footer-accuracy{font-size:var(--fs-xs);color:var(--color-text-dim);line-height:1.65;padding-top:0.6rem;padding-bottom:1.5rem;}.footer-accuracy strong{color:var(--color-text-muted);font-weight:600;}.footer-links{display:flex;gap:1.5rem;align-items:flex-end;flex-wrap:wrap;}.footer-disclaimer{max-width:1100px;margin:0 auto;padding:1rem clamp(1rem,4vw,1.5rem);border-top:1px solid var(--color-border);}.footer-disclaimer p{font-size:var(--fs-xs);color:var(--color-text-dim);margin:0;line-height:1.6;}.breadcrumb{display:flex;align-items:center;gap:0.4rem;font-family:var(--font-body);font-size:0.8rem;color:var(--color-text-muted);margin-bottom:1.5rem;flex-wrap:wrap;}.breadcrumb a{color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-fast);}.breadcrumb a:hover{color:var(--color-accent);}.breadcrumb__sep{color:var(--color-border);}.breadcrumb__current{color:var(--color-text);}.answer-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:2rem;}.answer-box__label{font-family:var(--font-body);font-size:0.6875rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-accent);margin-bottom:0.5rem;}.answer-box__text{font-family:var(--font-body);font-size:1rem;color:var(--color-text);line-height:1.7;}.answer-box__text strong{color:var(--color-accent);font-family:var(--font-mono);font-weight:500;}.breaker-box{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:1.125rem 1.25rem;margin-top:1rem;display:flex;gap:0.875rem;align-items:flex-start;}.breaker-box__text{font-family:var(--font-body);font-size:0.9rem;color:var(--color-text-muted);line-height:1.65;}.breaker-box__text strong{color:var(--color-text);font-weight:600;}.back-links{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:0.75rem;}.back-link{display:inline-flex;align-items:center;gap:0.5rem;padding:0.65rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-body);font-size:0.875rem;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-fast);}.back-link:hover{color:var(--color-text);border-color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.05);}.back-link--primary{border-color:var(--color-accent);color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.05);}.back-link--primary:hover{background:rgba(var(--ec-phosphor-rgb),0.12);}.subpage-nav{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:0.75rem;}.subpage-nav a{font-size:0.8125rem;font-weight:600;padding:0.3rem 0.75rem;border-radius:9999px;border:1px solid var(--color-border);color:var(--color-text-muted);text-decoration:none;font-family:var(--font-mono);transition:all var(--transition-fast);}.subpage-nav a:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.05);}.subpage-nav a.current{border-color:var(--color-accent);color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.05);}.phase-tabs{display:flex;gap:0.5rem;margin-bottom:2rem;border-bottom:1px solid var(--color-border);padding-bottom:0.5rem;}.phase-tab{background:transparent;border:1px solid transparent;color:var(--color-text-muted);font-family:var(--font-body);font-size:0.9rem;font-weight:500;cursor:pointer;padding:0.5rem 1rem;border-radius:6px;transition:all var(--transition-fast);}.phase-tab:hover{color:var(--color-text);background:rgba(255,255,255,0.05);}.phase-tab.active{color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.1);border-color:rgba(var(--ec-phosphor-rgb),0.3);}.mode-section{display:none;}.mode-section.active{display:block;animation:fadeIn 0.3s ease;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}.result-display__value-row{display:flex;align-items:baseline;gap:0.4rem;}.result-display__unit{font-family:var(--font-heading);font-size:clamp(1rem,3vw,1.5rem);font-weight:700;color:var(--color-text-muted);letter-spacing:0em;}.result-display__formula-note{font-family:var(--font-body);font-size:0.85rem;color:var(--color-text-muted);line-height:1.6;margin-top:0.75rem;padding-top:0.75rem;border-top:1px solid var(--color-border);overflow-wrap:break-word;}.result-display__formula-note.live{color:var(--color-accent);font-weight:500;}.formula-note{font-family:var(--font-body);font-size:0.85rem;color:var(--color-text-muted);margin-top:0.5rem;line-height:1.6;overflow-wrap:break-word;}.formula-note.live{color:var(--color-accent);font-weight:500;}.result-dual{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1.5rem;}@media (max-width:640px){.result-dual{grid-template-columns:1fr;}}.result-primary,.result-secondary{padding:1.25rem 1.5rem;border-radius:var(--radius-md);min-height:80px;background-color:var(--color-surface);border:2px solid var(--color-accent);}.result-secondary{border-color:var(--color-accent-2);}.result-label-w,.result-label-kw{display:flex;align-items:center;gap:0.4rem;font-family:var(--font-body);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-accent);margin-bottom:0.5rem;}.result-secondary .result-label-w,.result-secondary .result-label-kw{color:var(--color-accent-2);}.result-label-w::before,.result-label-kw::before{display:none;}.result-value{font-family:var(--font-heading);font-size:clamp(1.75rem,6vw,2.5rem);font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;overflow-wrap:break-word;}.result-value.empty{color:var(--ec-ink-faint);}.result-unit{font-family:var(--font-body);font-size:1rem;color:var(--color-text-muted);margin-left:0.2rem;font-weight:500;}.pf-preset-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-bottom:0.75rem;font-weight:600;}.pf-presets{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:2rem;}.pf-btn{display:flex;flex-direction:column;align-items:flex-start;padding:0.75rem 1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;cursor:pointer;transition:all var(--transition-fast);}.pf-btn:hover{border-color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.06);}.pf-btn.selected{border-color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.06);}.pf-btn__val{font-family:var(--font-mono);font-size:1rem;font-weight:500;color:var(--color-text);margin-bottom:0.25rem;}.pf-btn__desc{font-family:var(--font-body);font-size:0.75rem;color:var(--color-text-muted);}.table-wrap,.examples-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;margin-bottom:2rem;}.ref-table,.examples-table{width:100%;border-collapse:collapse;text-align:left;}.ref-table th,.examples-table th{background:var(--color-surface-2);padding:0.875rem 1rem;font-size:0.7rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--color-text-muted);font-weight:600;border-bottom:1px solid var(--color-border);}.ref-table td,.examples-table td{padding:0.875rem 1rem;border-bottom:1px solid var(--color-border);font-size:0.88rem;color:var(--color-text);}.ref-table tr:last-child td,.examples-table tr:last-child td{border-bottom:none;}.ref-table tbody tr:hover,.examples-table tbody tr:hover{background:rgba(var(--ec-phosphor-rgb),0.03);}.col-mono,.col-watts,.col-va,.col-num{font-family:var(--font-mono);font-weight:500;color:var(--color-text);}.col-result,.col-w,.col-amps,.col-volts{font-family:var(--font-mono);color:var(--color-accent);font-weight:500;}.col-result-green{font-family:var(--font-mono);color:var(--color-accent-2);font-weight:500;}.col-highlight,tr.highlight td{background:rgba(var(--ec-phosphor-rgb),0.04);}.col-head-blue{color:var(--color-accent) !important;}.col-head-green{color:var(--color-accent-2) !important;}.table-tab-bar{display:flex;gap:0.5rem;margin-bottom:1rem;flex-wrap:wrap;}.table-tab-btn{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);border-radius:5px;padding:0.4rem 0.9rem;font-family:var(--font-body);font-size:0.85rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);}.table-tab-btn.active,.table-tab-btn:hover{border-color:var(--color-accent);color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.06);}.formula-set,.formula-pair{display:grid;gap:1.5rem;margin-bottom:2rem;}.formula-pair{grid-template-columns:1fr 1fr;}@media (max-width:768px){.formula-pair{grid-template-columns:1fr;}}.formula-item{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;}.formula-item__label{font-size:0.8rem;font-weight:600;text-transform:uppercase;color:var(--color-accent);margin-bottom:0.75rem;letter-spacing:0.05em;}.formula-item__desc{font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;margin-top:1rem;}.var{font-style:normal;color:var(--color-accent);}.formula-desc{font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;}.phase-grid,.explainer-grid,.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;}@media (max-width:768px){.phase-grid,.explainer-grid,.concept-grid{grid-template-columns:1fr;}}.phase-card,.explainer-card,.concept-card,.callout-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;}.phase-card__title,.explainer-card__title,.concept-card__title,.callout-card__title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;}.phase-card__body,.explainer-card__body,.concept-card__body,.callout-card__body{font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:1.5rem;flex-grow:1;}.phase-card__example,.explainer-card__badge,.concept-card__example{align-self:flex-start;font-family:var(--font-mono);font-size:0.8rem;background:rgba(var(--ec-phosphor-rgb),0.1);color:var(--color-accent);padding:0.25rem 0.5rem;border-radius:4px;border:1px solid rgba(var(--ec-phosphor-rgb),0.2);}.phase-indicator{display:flex;gap:0.375rem;margin-top:1.25rem;margin-bottom:2rem;flex-wrap:wrap;}.phase-indicator .phase-tab{background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-muted);font-family:var(--font-mono);font-size:0.72rem;font-weight:500;padding:0.3rem 0.75rem;border-radius:4px;letter-spacing:0.05em;cursor:default;}.phase-indicator .phase-tab.active{background:rgba(var(--ec-phosphor-rgb),0.1);border-color:var(--color-accent);color:var(--color-accent);}.pf-wrapper{display:none;margin-top:1.5rem;}.pf-wrapper.visible{display:block;animation:fadeIn 0.3s ease;}.result-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;}.result-card__label{font-size:0.7rem;font-weight:700;color:var(--color-accent);margin-bottom:0.5rem;letter-spacing:0.1em;}.result-card__value{font-family:var(--font-mono);font-size:2rem;color:var(--color-text);}.result-card__unit{font-size:1rem;color:var(--color-text-muted);margin-left:0.25rem;}.content-section{margin-bottom:4rem;}.content-section h2{font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--color-text);letter-spacing:-0.01em;text-transform:none;margin-bottom:1.5rem;padding-bottom:0.75rem;border-bottom:1px solid var(--color-border);}.callout{background:var(--color-surface-2);border:1px solid var(--color-border);border-left:3px solid var(--color-accent);border-radius:0 6px 6px 0;padding:1rem 1.25rem;margin-bottom:1.5rem;font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;}.circuit-row{margin-bottom:2rem;margin-top:1.5rem;}.preset-group{display:flex;flex-wrap:wrap;gap:0.5rem;margin-bottom:1.5rem;}.preset-btn{background:var(--color-surface-2);border:1px solid var(--color-border);padding:0.5rem 1rem;border-radius:6px;cursor:pointer;color:var(--color-text);font-size:0.9rem;transition:all var(--transition-fast);}.preset-btn:hover{border-color:var(--color-accent);color:var(--color-accent);}.calc-header + #main-content .page-wrap{padding-top:2rem;}@media (max-width:640px){.calc-header + #main-content .page-wrap{padding-top:1.5rem;}}.input-field--select{background-color:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;}.input-field--select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(var(--ec-phosphor-rgb),0.15);}.use-cases-list{display:flex;flex-direction:column;gap:0.75rem;padding-left:0;margin-bottom:2rem;}.use-cases-list li{font-family:var(--font-body);font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;padding-left:1.25rem;position:relative;}.use-cases-list li::before{content:"–";position:absolute;left:0;color:var(--color-accent);}.related-link__icon:empty{display:none;}.related-link{display:inline-flex;align-items:center;gap:0.5rem;font-family:var(--font-body);font-size:0.875rem;font-weight:500;color:var(--color-text-muted);padding:0.6rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:6px;text-decoration:none;transition:all var(--transition-fast);}.related-link:hover{color:var(--color-accent);border-color:var(--color-accent);background:rgba(var(--ec-phosphor-rgb),0.05);}.related-grid{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:2rem;}.content-section h3{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);margin-bottom:1rem;margin-top:1.5rem;}.content-section p{font-size:0.9rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:1rem;}.content-body{max-width:680px;font-family:var(--font-body);font-size:1rem;line-height:1.75;color:var(--color-text-muted);}.content-body h2{font-family:var(--font-body);font-size:1.25rem;font-weight:600;color:var(--color-text);margin-top:2.5rem;margin-bottom:1rem;}.content-body h3{font-family:var(--font-body);font-size:1rem;font-weight:600;color:var(--color-text);margin-top:2rem;margin-bottom:0.75rem;}.content-body p{margin-bottom:1.25rem;}.content-body ul,.content-body ol{margin-bottom:1.25rem;padding-left:1.25rem;}.content-body ul li{list-style:disc;color:var(--color-text-muted);margin-bottom:0.5rem;}.content-body ol li{list-style:decimal;color:var(--color-text-muted);margin-bottom:0.5rem;}.content-body strong{color:var(--color-text);font-weight:600;}.content-body code{font-family:var(--font-mono);font-size:0.85rem;background:var(--color-surface-2);padding:0.1em 0.4em;border-radius:3px;color:var(--color-accent);}.content-body a{color:var(--color-accent);text-decoration:underline;}.content-body a:hover{color:var(--color-text);}.legal-content{max-width:680px;font-family:var(--font-body);font-size:0.9rem;line-height:1.75;color:var(--color-text-muted);}.legal-content h2{font-family:var(--font-body);font-size:1.1rem;font-weight:600;color:var(--color-text);margin-top:2rem;margin-bottom:0.75rem;}.legal-content p{margin-bottom:1rem;}.legal-content ul{padding-left:1.25rem;margin-bottom:1rem;}.legal-content ul li{list-style:disc;margin-bottom:0.4rem;}.legal-content a{color:var(--color-accent);text-decoration:underline;}.page-hero{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border);}.page-hero h1{font-family:var(--font-mono);font-size:2rem;font-weight:500;color:var(--color-text);margin-bottom:0.75rem;line-height:1.2;}.page-hero__use-case{font-family:var(--font-body);font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;}@media (max-width:640px){.site-footer__inner{flex-direction:column;align-items:flex-start;gap:0.5rem;padding:1.5rem;}}.callout-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3rem;}@media (max-width:640px){.callout-grid{grid-template-columns:1fr;}}.formula-explained{display:grid;gap:1rem;margin-bottom:2rem;}.formula-var-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;padding:1rem 1.25rem;display:flex;gap:1rem;align-items:flex-start;}.formula-var-card__sym{font-family:var(--font-mono);font-size:1.25rem;color:var(--color-accent);min-width:2rem;flex-shrink:0;}.formula-var-card__name{font-weight:600;color:var(--color-text);font-size:0.9rem;margin-bottom:0.25rem;}.formula-var-card__note{font-size:0.85rem;color:var(--color-text-muted);line-height:1.5;}.analogy-block{display:flex;gap:1rem;align-items:flex-start;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem 1.5rem;margin-bottom:2rem;}.analogy-block__icon{font-size:1.5rem;flex-shrink:0;}.analogy-block__text{font-size:0.9rem;color:var(--color-text-muted);line-height:1.6;}.ohm-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;}@media (max-width:640px){.ohm-grid{grid-template-columns:1fr;}}.ohm-calc{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;}.cost-estimator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:3rem;}.cost-estimator__header{font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-bottom:1rem;}.cost-rows{display:flex;flex-direction:column;gap:0.75rem;}.cta-box{background:rgba(var(--ec-phosphor-rgb),0.05);border:1px solid rgba(var(--ec-phosphor-rgb),0.2);border-radius:8px;padding:1.5rem 2rem;margin-bottom:3rem;text-align:center;}.cta-button{display:inline-block;background:var(--color-accent);color:var(--ec-bg);font-family:var(--font-body);font-weight:700;font-size:0.9rem;padding:0.75rem 1.5rem;border-radius:var(--radius-md);text-decoration:none;transition:background var(--transition-fast),box-shadow var(--transition-fast);margin-top:1rem;}.cta-button:hover{background:var(--ec-phosphor-2);color:var(--ec-bg);box-shadow:0 0 20px rgba(var(--ec-phosphor-rgb),0.35);}.example-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:2rem;}.example-list li{font-size:0.9rem;color:var(--color-text-muted);padding:0.75rem 1rem;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:6px;font-family:var(--font-body);}.formula-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;margin-bottom:2rem;}.formula-group{display:flex;flex-direction:column;gap:1rem;}.formula-breakdown{font-family:var(--font-mono);font-size:0.85rem;color:var(--color-text-muted);}.btn-clear{font-family:var(--font-body);font-size:0.8rem;color:var(--color-text-muted);background:transparent;border:1px solid var(--color-border);border-radius:4px;padding:0.25rem 0.75rem;cursor:pointer;transition:all var(--transition-fast);}.btn-clear:hover{color:var(--color-text);border-color:var(--color-text-muted);}.preset-label{font-size:0.75rem;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-bottom:0.5rem;font-weight:600;}.preset-btn__voltage{font-family:var(--font-mono);font-size:1rem;color:var(--color-text);display:block;margin-bottom:0.2rem;}.preset-btn__label{font-size:0.75rem;color:var(--color-text-muted);}.appliance-icon,.battery-icon{display:none;}.calc-desc{font-family:var(--font-body);font-size:0.9rem;color:var(--color-text-muted);line-height:1.7;margin-bottom:2rem;max-width:680px;}.result-secondary__label{font-size:0.7rem;font-weight:700;letter-spacing:0.1em;color:var(--color-accent-2);margin-bottom:0.5rem;text-transform:uppercase;}.result-secondary__value{font-family:var(--font-mono);font-size:2rem;color:var(--color-text);}.result-secondary__unit{font-family:var(--font-mono);font-size:1rem;color:var(--color-text-muted);margin-left:0.25rem;}.highlight{background:rgba(var(--ec-phosphor-rgb),0.08);}html,body{overflow-x:hidden;}@media (max-width:480px){.formula-block{font-size:0.82rem;}}.popular-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:5rem;}.popular-group__label{font-family:var(--font-body);font-size:0.72rem;font-weight:600;text-transform:uppercase;letter-spacing:0.1em;color:var(--color-text-muted);margin-bottom:0.75rem;}.popular-links{display:flex;flex-wrap:wrap;gap:0.5rem;}.popular-links a{font-family:var(--font-mono);font-size:0.8rem;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:5px;padding:0.3rem 0.75rem;text-decoration:none;transition:border-color 0.15s,color 0.15s,background 0.15s;}.popular-links a:hover{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-dim);}.error-page{text-align:center;padding:5rem 0 6rem;max-width:520px;margin:0 auto;}.error-page__code{display:inline-block;font-family:var(--font-mono);font-size:clamp(4.5rem,14vw,8rem);font-weight:500;color:var(--ec-amber);line-height:1;letter-spacing:0.02em;margin-bottom:1.5rem;padding:1rem clamp(1.5rem,6vw,3rem);background-color:var(--ec-bezel);background-image:linear-gradient(var(--ec-line-soft) 1px,transparent 1px),linear-gradient(90deg,var(--ec-line-soft) 1px,transparent 1px);background-size:22px 22px,22px 22px;border:1px solid var(--ec-line);border-radius:var(--radius-lg);box-shadow:inset 0 2px 10px rgba(0,0,0,0.55);text-shadow:0 0 16px rgba(var(--ec-amber-rgb),0.35);}.error-page__code::before{content:'FAULT · ';font-size:var(--fs-label);letter-spacing:0.22em;vertical-align:middle;color:var(--ec-amber);opacity:0.8;}.error-page__title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;}.error-page__desc{font-size:0.95rem;color:var(--color-text-muted);line-height:1.6;margin-bottom:2.5rem;}.error-page__links{display:flex;flex-wrap:wrap;justify-content:center;gap:0.75rem;}.u001c27{margin-top:0.75rem;}.u0ca412{margin-top:1.25rem;margin-bottom:0;}.u17a208{color:var(--text-primary);font-weight:600;margin-bottom:0.5rem;}.u185d79{margin-top:1.5rem;}.u18e6cd{margin-top:1.125rem;}.u257995{margin-bottom:2rem;}.u2be406{color:var(--accent);text-decoration:none;display:inline-block;margin-top:0.5rem;}.u33424b{margin-bottom:1.25rem;}.u3db596{margin-top:0.5rem;}.u3df5e8{font-size:0.95rem;color:var(--text-secondary);line-height:1.7;}.u4986ec{margin-bottom:1rem;}.u567c0a{font-size:0.9375rem;color:var(--text-secondary);}.u58fdc5{margin-bottom:0.75rem;}.u5b795a{color:var(--text-muted);}.u5c7511{list-style-type:disc;margin-left:1.5rem;margin-top:0.5rem;line-height:1.8;color:var(--text-secondary);font-size:0.9375rem;}.u5d2657{color:var(--accent);text-decoration:none;font-weight:600;}.u5ec72c{color:var(--text-primary);}.u638bf1{color:var(--accent);text-decoration:none;}.u642eb3{margin-top:1rem;margin-bottom:0.75rem;}.u64dadb{font-size:0.9375rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.125rem;}.u693d37{margin-left:1.25rem;line-height:1.9;color:var(--text-secondary);}.u6bb006{margin-top:0.25rem;}.u7657e5{color:var(--accent);font-weight:600;text-decoration:none;}.u80632b{margin-top:0.75rem;font-size:0.8125rem;color:var(--text-muted);}.u87f5fc{appearance:auto;}.u98303f{margin-top:1rem;display:flex;flex-direction:column;gap:0.5rem;}.u988c5f{margin-top:1rem;}.ua15c56{font-size:0.95rem;font-weight:600;margin-top:1rem;}.ua5d2ba{font-weight:600;}.ua89127{margin-top:2rem;margin-bottom:2rem;padding:1.25rem;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;}.ub7dbfd{font-size:0.75rem;color:var(--text-muted);margin-top:0.375rem;}.ub83168{margin-top:0.5rem;}.ubb2b0e{color:var(--accent);}.ubb2d7d{font-size:0.875rem;color:var(--text-muted);margin-bottom:1rem;}.ubd9810{margin-top:1.125rem;}.ubf43fc{color:var(--accent);font-family:var(--font-mono);}.uc42e0e{margin-bottom:0;}.uc636fe{color:var(--color-accent);}.uc9d9eb{margin-top:1.5rem;}.ud1bffc{font-size:1rem;padding:0.75rem;}.ud712d4{margin-top:0.5rem;margin-left:1.25rem;line-height:1.9;color:var(--text-secondary);}.ue7ec54{margin-bottom:0;}.uf83bae{margin-top:0.75rem;font-size:0.8125rem;color:var(--text-muted);}.page-byline{display:flex;flex-wrap:wrap;align-items:center;gap:0.5rem 0.875rem;margin:-0.25rem 0 1.75rem;font-size:0.8125rem;color:var(--text-muted);}.page-byline__item{display:inline-flex;align-items:center;gap:0.375rem;}.page-byline__dot{width:4px;height:4px;border-radius:50%;background:var(--border);flex:none;}.page-byline strong{color:var(--text-secondary);font-weight:600;}.page-byline a{color:var(--accent);text-decoration:none;}.page-byline a:hover{text-decoration:underline;}.related-conversions{margin-top:2.5rem;padding-top:2rem;border-top:1px solid var(--border);}.related-conversions > h2{font-family:var(--font-body);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:0.5rem;}.related-conversions__intro{font-size:0.9375rem;color:var(--text-muted);margin:1.25rem 0 1rem;}.related-conversions__intro:first-of-type{margin-top:0;}.related-conversions__intro a{color:var(--accent);text-decoration:none;}.related-conversions__intro a:hover{text-decoration:underline;}.rel-list{list-style:none;margin:0 0 1.25rem;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0.75rem;}.rel-item{display:flex;flex-direction:column;gap:0.25rem;padding:0.875rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;transition:border-color var(--transition-fast);}.rel-item:hover{border-color:var(--accent);}.rel-item__link{font-family:var(--font-body);font-size:0.9375rem;font-weight:600;color:var(--text-primary);text-decoration:none;line-height:1.35;}.rel-item:hover .rel-item__link{color:var(--accent);}.rel-item__desc{font-size:0.8125rem;color:var(--text-muted);line-height:1.5;}.related-conversions__learn{font-size:0.9375rem;color:var(--text-muted);}.related-conversions__learn a{color:var(--accent);text-decoration:none;font-weight:600;}.related-conversions__learn a:hover{text-decoration:underline;}.rel-sub{display:flex;flex-wrap:wrap;gap:0.5rem;margin:0 0 1.25rem;}.rel-sub__link{font-size:0.8125rem;font-weight:500;color:var(--text-secondary);text-decoration:none;padding:0.4rem 0.75rem;background:var(--surface);border:1px solid var(--border);border-radius:999px;transition:color var(--transition-fast),border-color var(--transition-fast);}.rel-sub__link:hover{color:var(--accent);border-color:var(--accent);}.cluster-block{margin-bottom:2.75rem;}.cluster-block__label{font-family:var(--font-body);font-size:1.375rem;font-weight:700;color:var(--text-primary);margin-bottom:0.25rem;}.cluster-block__desc{font-size:0.9375rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.25rem;max-width:60ch;}.cluster-soon{display:flex;flex-wrap:wrap;align-items:center;gap:0.35rem 0.5rem;padding:1rem 1.25rem;background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius-lg);font-size:0.875rem;color:var(--text-muted);line-height:1.6;}.cluster-soon strong{color:var(--text-secondary);font-weight:600;}.cluster-soon a{color:var(--accent);text-decoration:none;}.cluster-soon a:hover{text-decoration:underline;}.preset-btn,.phase-tab,.table-tab-btn,.btn-clear,.subpage-nav a,.rel-sub__link,.back-link,.related-link,.popular-links a,.footer-links a,.cta-button{min-height:44px;display:inline-flex;align-items:center;}.pf-btn{min-height:44px;justify-content:center;}.input-field,.input-field--select,select.input-field,input.input-field,textarea.input-field{min-height:48px;font-size:16px;}select.input-field{background-position:right 1rem center;}.nav-trigger:focus-visible,.nav-toggle:focus-visible,.nav-close:focus-visible,.nav-panel__link:focus-visible,.mobile-nav-list .nav-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;}@media (max-width:991px){.nav-panel{display:none !important;}}