:root{color-scheme:light;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;--bg:#f7f9fc;--surface:#ffffff;--surface-soft:#f8fafc;--text:#0f172a;--text-muted:#475569;--line:#dbe3ee;--line-strong:#c9d5e6;--accent:#4f46e5;--accent-soft:#eef2ff;--accent-strong:#4338ca;--focus:#6366f1;--radius-lg:16px;--radius-md:12px;--radius-sm:10px;--shadow-sm:0 1px 2px rgba(15,23,42,0.06);--shadow-md:0 12px 30px rgba(15,23,42,0.08);--ring:0 0 0 3px rgba(99,102,241,0.16)}*{box-sizing:border-box}body,html{margin:0;min-height:100%}body{background:radial-gradient(circle at top,#eef3ff 0,var(--bg) 35%);color:var(--text);line-height:1.55}a{color:inherit}p{color:var(--text-muted)}.container{max-width:1140px;margin:0 auto;padding:1.25rem}.breadcrumbs{margin:0 0 .7rem}.breadcrumb-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.breadcrumb-item{display:inline-flex;align-items:center;gap:.35rem;color:#64748b;font-size:.84rem}.breadcrumb-link{color:#475569;text-decoration:none}.breadcrumb-link:hover{color:#1e40af;text-decoration:underline}.breadcrumb-separator{color:#94a3b8}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff;border-top:2px solid #d6dfec;border-bottom:2px solid #d3dcea;box-shadow:0 3px 10px rgba(15,23,42,.06)}.site-footer-inner,.site-header-inner{max-width:1140px;margin:0 auto;padding:.8rem 1.25rem}.site-header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{color:var(--text);font-size:1.15rem;font-weight:700;letter-spacing:-.01em;text-decoration:none}.site-header p{margin:0;font-size:.92rem;color:#445872}.top-nav{display:flex;flex-wrap:wrap;gap:.7rem}.top-nav a{text-decoration:none;font-size:.9rem;color:#0b1b33;font-weight:600;padding:.34rem .5rem;border-radius:8px}.top-nav a:hover{background:#e6efff;color:#163863}.mobile-nav{display:none}.mobile-nav summary{list-style:none;display:inline-flex;align-items:center;gap:.38rem;border:1px solid #c7d4ea;border-radius:10px;background:#f8fbff;color:#1e293b;font-size:.9rem;font-weight:600;padding:.38rem .62rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary:hover{border-color:#aebfdd;background:#eff4ff}.mobile-nav summary:focus-visible{outline:2px solid #2563eb;outline-offset:2px}.mobile-nav-panel{margin-top:.45rem;display:grid;grid-gap:.3rem;gap:.3rem;border:1px solid #d5e0f0;border-radius:12px;padding:.45rem;background:#ffffff}.mobile-nav-panel a{display:block;text-decoration:none;color:#1e293b;border-radius:8px;padding:.42rem .55rem;font-size:.92rem}.mobile-nav-panel a:hover{background:#eef2ff;color:var(--accent-strong)}.site-footer{border-top:2px solid #c7d2e3;border-bottom:2px solid #d6dfec;background:#ffffff;margin-top:2rem}.site-footer-inner{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.site-footer p{margin:0;font-size:.9rem;color:#445872}.footer-nav{display:flex;flex-wrap:wrap;gap:.75rem}.footer-nav a{font-size:.9rem;color:#1a3150;font-weight:500;text-decoration:none}.footer-nav a:hover{color:#163863;text-decoration:underline}.ad-slot,.converter-card,.hero,.seo-card{background:var(--surface);border:1px solid rgba(176,194,217,.8);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.15rem;margin-bottom:1.15rem;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.converter-card{position:relative;border-color:#8eaad4;border-width:2px;background:linear-gradient(160deg,#ffffff,#f5f9ff);box-shadow:0 14px 30px rgba(15,23,42,.14)}.seo-card{border-color:#d4e0ef;background:#fcfdff}.section-intro{margin-bottom:.75rem}.section-intro p{margin:.15rem 0 0}.section-divider{margin-top:.45rem;margin-bottom:.7rem;border-top:1px solid #d7e1ef}.page-kicker{margin:0 0 .35rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-weight:700}.metric-badge{display:inline-flex;align-items:center;gap:.35rem;margin-top:.35rem;padding:.34rem .62rem;border-radius:999px;border:1px solid #d9e2ff;background:#f4f7ff;color:#334155;font-size:.82rem;font-weight:600}.inline-link{color:var(--accent-strong);text-decoration:none;font-weight:600}.inline-link:hover{text-decoration:underline}.card-stack{display:grid;grid-gap:.75rem;gap:.75rem}.faq-list article+article{margin-top:.8rem;padding-top:.8rem;border-top:1px solid #e6edf7}.ordered-list{margin:.45rem 0 .6rem;padding-left:1.1rem}.intent-bullet-list{margin:0 0 .85rem;padding-left:1.25rem;list-style:disc;color:var(--text-muted)}.ordered-list li+li{margin-top:.35rem}.prose-content p{max-width:90ch}.converter-guide-section .prose-content{font-size:1.02rem;line-height:1.7}.converter-guide-section .prose-content h4{margin:1.1rem 0 .55rem;font-size:1.02rem;font-weight:700;letter-spacing:-.01em;color:#0f172a}.converter-guide-section .prose-content strong{color:#0f172a}.converter-definitive-guide{font-size:1.02rem;line-height:1.72}.converter-definitive-guide p{margin:.5rem 0 .9rem}.converter-definitive-guide h4{margin:1.25rem 0 .55rem}.converter-definitive-guide .guide-subsection{margin-top:1rem;font-size:.99rem}.converter-definitive-guide .guide-formula{margin:.35rem 0 .95rem;padding:.45rem .7rem;border-left:3px solid #94a3b8;border-radius:0 8px 8px 0;background:#f8fafc;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1.03rem;font-weight:700;color:#0f172a}.converter-definitive-guide .guide-points{margin:.25rem 0 .95rem 1.1rem;padding-left:.2rem}.converter-definitive-guide .guide-points li+li{margin-top:.4rem}.compact-card{padding-block:1rem}.converter-guide-section .converter-guide-main-heading{margin:0;font-size:clamp(1.05rem,2.15vw,1.35rem);font-weight:700;line-height:1.28;letter-spacing:-.02em;color:#0f172a}.converter-guide-subheading{margin:1rem 0 .6rem;font-size:1rem;font-weight:700;letter-spacing:-.015em;color:#0f172a}.converter-guide-section .converter-guide-subheading:first-of-type{margin-top:.2rem}.converter-guide-split{border:none;border-top:1px solid var(--line);margin:1.5rem 0 1.2rem;padding:0;height:0;background:transparent}.converter-guide-links{margin-bottom:0}.filter-link-grid-banner-inner.section-intro-with-search{align-items:start}.filter-link-grid-intro-text{min-width:0}.popular-cross-intro .filter-link-grid-title{margin-bottom:.25rem}.filter-link-grid-eyebrow.page-kicker{margin:0 0 .38rem;color:#5c6b80}.filter-link-grid-title{margin:0;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:700;line-height:1.28;letter-spacing:-.02em;color:#0f172a}.filter-link-grid-banner{background:transparent;margin:0;padding:0}.filter-link-grid-divider{margin-top:.7rem!important;margin-bottom:0!important}@media (max-width:720px){.filter-link-grid-banner-inner .list-filter-inline{width:100%;max-width:none}}.collapsible-block{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft);padding:.65rem .8rem}.collapsible-block+.collapsible-block{margin-top:.65rem}.collapsible-block summary{cursor:pointer;font-weight:600;color:#1e293b}.collapsible-block[open] summary{margin-bottom:.5rem}.compact-top-space{margin-top:.5rem}.compact-grid{display:grid;grid-gap:.6rem;gap:.6rem}.table-wrap{overflow-x:auto}.hero{background:linear-gradient(155deg,#ffffff,#f8faff);box-shadow:var(--shadow-md);padding:1.4rem}.converter-card:hover,.hero:hover{border-color:#7f9fcc;box-shadow:0 18px 36px rgba(15,23,42,.18)}.seo-card:hover{border-color:#c6d5ea;box-shadow:0 8px 18px rgba(15,23,42,.06)}.hero h1{margin:0 0 .55rem;font-size:clamp(1.45rem,3vw,2rem);line-height:1.2;letter-spacing:-.02em}.hero p{margin:0;max-width:70ch}h1,h2,h3,h4{margin:0 0 .5rem;line-height:1.25;letter-spacing:-.015em}h2{font-size:1.2rem}h3{font-size:1.05rem}.grid{display:grid;grid-gap:.85rem;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.link-grid-compact{grid-template-columns:repeat(auto-fill,minmax(220px,320px));justify-content:start}.converter-grid{display:grid;grid-gap:.75rem;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.category-tabs-wrap{display:grid;grid-template-columns:repeat(6,minmax(90px,1fr));grid-gap:.35rem;gap:.35rem;margin:-.15rem -.15rem .75rem;padding:0 .15rem .75rem;border-bottom:1px solid var(--line)}.category-tab{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:.45rem .55rem;border-radius:10px;border:1px solid #b8c9e4;background:#3469a9;color:#f8fafc;font-weight:700;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.category-tab:hover{background:#214d84;border-color:#8eaad4;color:#ffffff;box-shadow:0 6px 14px rgba(25,52,89,.22);transform:translateY(-1px)}.category-tab:focus-visible{outline:none;border-color:#8fb0ea;box-shadow:0 0 0 3px rgba(99,102,241,.2)}.category-tab.is-active{background:#eef2ff;color:#1e3a8a;border-color:#c4d2ea}.category-tab.is-active:hover{background:#dbe8ff;color:#1e3a8a;border-color:#9fb9e0;box-shadow:0 4px 10px rgba(30,58,138,.12)}.converter-inline{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;grid-gap:.7rem;gap:.7rem;margin-top:.65rem}.fullscreen-toggle-btn{position:absolute;top:.8rem;right:.8rem;z-index:3;display:inline-flex;align-items:center;justify-content:center;border:1px solid #9bb4db;border-radius:999px;background:#eef3ff;color:#23406b;width:25px;height:25px;padding:0;box-shadow:0 2px 6px rgba(35,64,107,.14);cursor:pointer}.fullscreen-toggle-btn:hover{border-color:#7f9fcc;background:#e1ebff;color:#1b3559;box-shadow:0 6px 14px rgba(35,64,107,.22)}.fullscreen-toggle-icon{width:12px;height:12px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.converter-fullscreen-active{position:relative;min-height:100vh;margin:0;border-radius:0;border:0;background:#f8fbff;box-shadow:none;display:flex;flex-direction:column;justify-content:center;padding:1.4rem}.converter-fullscreen-active .fullscreen-toggle-btn{position:fixed;top:.9rem;right:.9rem;z-index:40;width:25px;height:25px;border-color:#9bb4db;background:#eef3ff;color:#23406b;font-size:.95rem}.fullscreen-close-glyph{font-size:.95rem;line-height:1}.converter-fullscreen-active .converter-inline{max-width:1200px;width:100%;margin:1.2rem auto 0}.converter-fullscreen-active .converter-panel input{font-size:clamp(2.1rem,5vw,3.4rem);padding-block:.95rem}.converter-fullscreen-active .converter-panel select{font-size:1.05rem;padding-block:.7rem}.converter-fullscreen-active .converter-side-label{font-size:.92rem}.converter-fullscreen-active .swap-inline-btn{height:58px;width:58px;min-height:58px;font-size:1.6rem}.converter-side{display:grid;grid-gap:.35rem;gap:.35rem}.converter-side-label{margin:0;font-size:.82rem;font-weight:600;color:#64748b}.swap-inline-btn{height:46px;width:46px;min-height:46px;padding:0;font-size:1.35rem;line-height:1;border-radius:999px;border:1px solid #9bb4db;background:#eef3ff;color:#23406b;box-shadow:0 2px 6px rgba(35,64,107,.14)}.swap-inline-btn:hover{background:#e1ebff;border-color:#7f9fcc;color:#1b3559;transform:translateY(-1px);box-shadow:0 6px 14px rgba(35,64,107,.22)}.converter-panel{border:1px solid #9bb4db;border-radius:var(--radius-md);background:var(--surface-soft);overflow:hidden;box-shadow:0 2px 6px rgba(35,64,107,.12)}.converter-panel input,.converter-panel select{margin:0;border:0;border-radius:0;background:transparent;min-width:0}.converter-panel input{font-size:2rem;text-align:center;padding-block:.65rem}.converter-panel input[type=number]::-webkit-inner-spin-button,.converter-panel input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.converter-panel input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.converter-panel select{border-top:1px solid var(--line);text-overflow:ellipsis;cursor:pointer}.result-panel{background:var(--surface-soft)}.result-panel input{color:#111827;font-weight:600}label{color:var(--text);font-weight:600;font-size:.92rem}input,select,textarea{width:100%;margin-top:.4rem;padding:.64rem .72rem;border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font:inherit;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.link-card:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--focus);box-shadow:var(--ring)}.result{margin-top:.95rem;padding:.75rem .85rem;border:1px solid #dde6ff;border-radius:var(--radius-sm);background:var(--accent-soft);color:#1e1b4b;font-size:1.02rem;transition:border-color .2s ease,background-color .2s ease}.sticky-result-mobile{display:none!important}.section-intro-with-search{display:grid;grid-template-columns:1fr 220px;align-items:center;grid-column-gap:.75rem;column-gap:.75rem}.section-intro-with-search .page-kicker{margin:0}.section-intro-with-search .section-divider{grid-column:1/-1}.list-filter-inline{display:block;position:relative;width:220px;justify-self:end;margin-left:auto}.list-filter-icon{position:absolute;left:.9rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.list-filter-inline input{margin-top:0;width:100%;height:36px;border-radius:11px;border:1px solid #c4d0e2;background:#f8fbff;padding-left:2.2rem;padding-right:.75rem;font-size:.9rem}.list-filter-inline input::placeholder{color:#64748b}.list-filter-inline input[type=search]::-webkit-search-cancel-button{cursor:pointer}.list-filter-inline input[type=search]::-moz-search-clear-button{cursor:pointer}.link-card{padding:.82rem;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface-soft);color:var(--text);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background-color .2s ease;overflow-wrap:anywhere}.category-tile,.link-card{display:block;text-decoration:none;cursor:pointer}.category-tile{color:inherit}.category-tile-title{text-decoration:underline;text-underline-offset:2px}.link-card:hover{border-color:#c6d3eb;transform:translateY(-1px);box-shadow:var(--shadow-sm);background:#f2f6ff}.link-card:active{transform:translateY(0)}.ad-slot{text-align:center;border:1px dashed #9eb0cc;background:#f9fbff;display:none!important}.ad-slot p{margin:0;font-weight:600;color:#334155}.ad-slot small{display:inline-block;margin-top:.2rem;color:#64748b}.adsbygoogle{min-height:90px;margin-top:.45rem}.retention-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin:.9rem 0 .2rem}button{border:1px solid #c7d4ec;background:#f8faff;color:#1e293b;border-radius:var(--radius-sm);padding:.54rem .88rem;font:inherit;font-weight:600;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}button:hover{background:var(--accent-soft);border-color:#aebdff;box-shadow:0 6px 14px rgba(79,70,229,.14)}button:active{transform:translateY(1px)}.seo-table{width:100%;border-collapse:collapse}.seo-table td,.seo-table th{border:1px solid var(--line);padding:.6rem;text-align:left}.seo-table th{background:#f8faff;color:#334155}.seo-table tbody tr{transition:background-color .18s ease}.seo-table tbody tr:hover{background:#f8faff}textarea{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}@media (max-width:720px){.container,.site-footer-inner,.site-header-inner{padding-inline:.95rem}.site-header-inner{align-items:flex-start;flex-direction:column;gap:.35rem}.top-nav{display:none}.mobile-nav{display:block;width:100%}.site-footer-inner{align-items:flex-start;flex-direction:column;gap:.45rem}.ad-slot,.converter-card,.hero,.seo-card{padding:1rem}.converter-inline{grid-template-columns:1fr;gap:.6rem}.category-tabs-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-inline-btn{justify-self:center}.link-card{padding:.74rem;line-height:1.4;font-size:.95rem}.converter-panel input{font-size:1.7rem;padding-block:.55rem}.converter-panel select{font-size:.95rem;padding-block:.55rem}.converter-side-label{font-size:.78rem}.retention-actions>*{flex:1 1 100%}.sticky-result-mobile{display:none!important}.section-intro-with-search{grid-template-columns:1fr;row-gap:.5rem}.list-filter-inline{width:100%}}@media (max-width:400px){.converter-panel input{font-size:1.5rem}.category-tab{min-height:40px;font-size:.84rem;padding-inline:.4rem}.swap-inline-btn{height:42px;width:42px;min-height:42px;font-size:1.2rem}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}