:root{color-scheme:light;--primary:#000000;--primary-hover:#333333;--background:#FFFFFF;--surface:#F9F9F9;--text-main:#111111;--text-muted:#666666;--border:#EAEAEA;--scrollbar-track:#ECECEC;--scrollbar-thumb:#B8B8B8;--scrollbar-thumb-hover:#969696;--ad-bg:#F5F5F5;--tool-badge-bg:#eef2f7;--tool-badge-border:#cbd5e1;--tool-badge-text:#1f2937;--table-header-bg:#e2e8f0;--table-header-text:#0f172a;--table-row-alt-bg:#f8fafc;--table-row-hover-bg:#eef2ff;--table-cell-border:#cbd5e1;--table-cell-text:#111827;--table-action-bg:#f8fafc;--table-action-border:#94a3b8;--table-action-text:#0f172a;--table-action-hover-border:#334155;--chart-series-0:#2563eb;--chart-series-1:#0f766e;--chart-series-2:#b45309;--chart-series-3:#be185d;--chart-series-4:#7e22ce;--chart-series-5:#15803d;--chart-series-6:#b91c1c;--chart-series-7:#0e7490;--chart-grid-color:rgba(71, 85, 105, 0.2);--chart-axis-color:rgba(71, 85, 105, 0.45);--chart-text-color:#334155;--chart-line-color:#2563eb;--chart-fill-color:rgba(37, 99, 235, 0.16);--chart-dot-color:#1d4ed8;--chart-target-line-color:rgba(217, 119, 6, 0.85);--chart-annotation-color:#b45309;--chart-zero-dot-color:#059669;--chart-cursor-color:rgba(37, 99, 235, 0.8);--chart-cursor-dot-color:#2563eb;--chart-pie-center-bg:#ffffff;--chart-pie-center-label:#64748b;--chart-pie-center-value:#0f172a;--layout-main-max-width:1000px;--layout-wide-max-width:1200px;--layout-active-max-width:var(--layout-main-max-width);--desktop-side-banner-width:160px;--desktop-side-banner-gap:20px;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--space-10:4rem;--spacing-xs:var(--space-2);--spacing-sm:var(--space-3);--spacing-md:var(--space-4);--spacing-lg:var(--space-5);--spacing-xl:var(--space-6);--font-family-base:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-secondary:#4b5563;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 4px 6px rgba(0,0,0,0.04);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.05);--border-radius-sm:0.5rem;--border-radius:0.75rem;--border-radius-lg:1rem;--transition-speed:0.2s}html.dark{color-scheme:dark;--primary:#FFFFFF;--primary-hover:#CCCCCC;--background:#0A0A0A;--surface:#141414;--text-main:#FAFAFA;--text-muted:#A0A0A0;--border:#2A2A2A;--scrollbar-track:#111111;--scrollbar-thumb:#383838;--scrollbar-thumb-hover:#525252;--ad-bg:#1A1A1A;--tool-badge-bg:#111827;--tool-badge-border:#64748b;--tool-badge-text:#e5edf8;--table-header-bg:#1e293b;--table-header-text:#f8fafc;--table-row-alt-bg:#0f172a;--table-row-hover-bg:#1f2937;--table-cell-border:#475569;--table-cell-text:#f8fafc;--table-action-bg:#1f2937;--table-action-border:#64748b;--table-action-text:#f8fafc;--table-action-hover-border:#bfdbfe;--chart-series-0:#60a5fa;--chart-series-1:#2dd4bf;--chart-series-2:#fbbf24;--chart-series-3:#f472b6;--chart-series-4:#c084fc;--chart-series-5:#4ade80;--chart-series-6:#fb7185;--chart-series-7:#22d3ee;--chart-grid-color:rgba(148, 163, 184, 0.3);--chart-axis-color:rgba(148, 163, 184, 0.56);--chart-text-color:#e2e8f0;--chart-line-color:#7dd3fc;--chart-fill-color:rgba(56, 189, 248, 0.2);--chart-dot-color:#bae6fd;--chart-target-line-color:rgba(251, 191, 36, 0.92);--chart-annotation-color:#fbbf24;--chart-zero-dot-color:#34d399;--chart-cursor-color:rgba(125, 211, 252, 0.88);--chart-cursor-dot-color:#7dd3fc;--chart-pie-center-bg:#0f172a;--chart-pie-center-label:#94a3b8;--chart-pie-center-value:#f8fafc;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5)}@media(prefers-color-scheme:dark){html:not(.light){color-scheme:dark;--primary:#FFFFFF;--primary-hover:#CCCCCC;--background:#0A0A0A;--surface:#141414;--text-main:#FAFAFA;--text-muted:#A0A0A0;--border:#2A2A2A;--scrollbar-track:#111111;--scrollbar-thumb:#383838;--scrollbar-thumb-hover:#525252;--ad-bg:#1A1A1A;--tool-badge-bg:#111827;--tool-badge-border:#64748b;--tool-badge-text:#e5edf8;--table-header-bg:#1e293b;--table-header-text:#f8fafc;--table-row-alt-bg:#0f172a;--table-row-hover-bg:#1f2937;--table-cell-border:#475569;--table-cell-text:#f8fafc;--table-action-bg:#1f2937;--table-action-border:#64748b;--table-action-text:#f8fafc;--table-action-hover-border:#bfdbfe;--chart-series-0:#60a5fa;--chart-series-1:#2dd4bf;--chart-series-2:#fbbf24;--chart-series-3:#f472b6;--chart-series-4:#c084fc;--chart-series-5:#4ade80;--chart-series-6:#fb7185;--chart-series-7:#22d3ee;--chart-grid-color:rgba(148, 163, 184, 0.3);--chart-axis-color:rgba(148, 163, 184, 0.56);--chart-text-color:#e2e8f0;--chart-line-color:#7dd3fc;--chart-fill-color:rgba(56, 189, 248, 0.2);--chart-dot-color:#bae6fd;--chart-target-line-color:rgba(251, 191, 36, 0.92);--chart-annotation-color:#fbbf24;--chart-zero-dot-color:#34d399;--chart-cursor-color:rgba(125, 211, 252, 0.88);--chart-cursor-dot-color:#7dd3fc;--chart-pie-center-bg:#0f172a;--chart-pie-center-label:#94a3b8;--chart-pie-center-value:#f8fafc;--shadow-sm:0 1px 2px rgba(0,0,0,0.5);--shadow-md:0 4px 6px rgba(0,0,0,0.5);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.5)}}html{scrollbar-gutter:stable both-edges;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:.7rem;height:.7rem}html::-webkit-scrollbar-track,body::-webkit-scrollbar-track,*::-webkit-scrollbar-track{background:var(--scrollbar-track)}html::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb,*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border:2px solid var(--scrollbar-track);border-radius:999px}html::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover,*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{box-sizing:border-box;scrollbar-color:var(--scrollbar-thumb)var(--scrollbar-track)}body{font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--background);color:var(--text-main);line-height:1.6;display:flex;flex-direction:column;min-height:100vh;transition:background-color .3s ease,color .3s ease}:where(a:not([class])){color:color-mix(in oklab,var(--primary) 84%,var(--text-main));text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:color-mix(in oklab,var(--primary) 36%,transparent);transition:color var(--transition-speed)ease,text-decoration-color var(--transition-speed)ease}:where(a:not([class]):visited){color:color-mix(in oklab,var(--primary) 72%,var(--text-main) 28%)}:where(a:not([class]):hover,a:not([class]):focus-visible){color:var(--text-main);text-decoration-color:color-mix(in oklab,var(--text-main) 36%,transparent)}:where(a:not([class]):focus-visible){outline:2px solid color-mix(in oklab,var(--primary) 55%,transparent);outline-offset:2px}:where(.card a:not([class])){color:color-mix(in oklab,var(--text-main) 92%,var(--primary));text-decoration-color:color-mix(in oklab,var(--text-muted) 42%,transparent)}:where(.card a:not([class]):visited){color:color-mix(in oklab,var(--text-main) 88%,var(--primary))}:where(.card a:not([class]):hover,.card a:not([class]):focus-visible){color:var(--text-main);text-decoration-color:color-mix(in oklab,var(--text-main) 36%,transparent)}body.page-layout-wide{--layout-active-max-width:var(--layout-wide-max-width)}.container{width:100%;max-width:var(--layout-active-max-width);margin:0 auto;padding:0 var(--space-5)}@media(max-width:480px){.container{padding:0 var(--space-3)}}main{flex:1;padding:var(--space-8)0}@media(max-width:768px){main{padding:var(--space-4)0}}@media(max-width:1200px),(max-height:820px),(hover:none) and (pointer:coarse){#learn-compare-section,#content-journey-section,#category-learn-compare-section,#footer-learn-compare-section,.learn-compare-mobile-hide{display:none!important}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2)var(--space-4);border-radius:var(--border-radius-sm);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--transition-speed)ease,color var(--transition-speed)ease,border-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease,transform .16s ease;border:1px solid transparent;font-size:.95rem;line-height:1.5;background-color:initial}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 25%,transparent)}.btn-primary{background-color:var(--primary);color:var(--background)}.btn-primary:hover{background-color:var(--primary-hover)}html.dark .btn-primary{color:#000}.btn-secondary{color:var(--text-main);border-color:var(--border)}.btn-secondary:hover{background-color:var(--surface);border-color:var(--text-muted)}.btn-lg{min-height:48px;padding:.8rem 1.2rem;font-size:1rem}.btn-danger{color:#ef4444;border-color:#fca5a5}.btn-danger:hover{background-color:#fef2f2;border-color:#ef4444}html.dark .btn-danger:hover{background-color:rgba(239,68,68,.1)}.card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:border-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease}@media(max-width:480px){.card{padding:var(--space-4)}}.card-interactive:hover{border-color:var(--text-muted);box-shadow:var(--shadow-md)}.card-stack-link,.card-stack-card{display:flex;flex-direction:column;gap:var(--space-3);min-height:100%}.card-stack-link{color:inherit;text-decoration:none}.card-stack-link:hover,.card-stack-link:focus-visible{text-decoration:none}.card-kicker{margin:0;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--text-muted)}.card-stack-link h3,.card-stack-card h3,.card-stack-link h4,.card-stack-card h4{margin:0}.card-description{margin:0;color:var(--text-muted);line-height:1.55;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-inline-links,.card-link-list{display:flex;flex-wrap:wrap;gap:.6rem .9rem}.card-inline-links a,.card-link-list a,.card-cta-link{color:color-mix(in oklab,var(--text-main) 92%,var(--primary));text-decoration-line:underline;text-decoration-thickness:1px;text-underline-offset:.18em;text-decoration-color:color-mix(in oklab,var(--text-muted) 42%,transparent);transition:color var(--transition-speed)ease,text-decoration-color var(--transition-speed)ease}.card-inline-links a:hover,.card-inline-links a:focus-visible,.card-link-list a:hover,.card-link-list a:focus-visible,.card-cta-link:hover,.card-cta-link:focus-visible{color:var(--text-main);text-decoration-color:color-mix(in oklab,var(--text-main) 36%,transparent)}.card-cta-link{width:fit-content;font-weight:600;margin-top:auto}.page-hero{display:grid;gap:var(--space-3)}.page-eyebrow{margin:0;font-size:.8rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.page-hero h1{margin-bottom:0}.page-hero .lead,.page-hero-lead{margin-bottom:0;max-width:58rem}body.page-layout-wide .page-hero .lead,body.page-layout-wide .page-hero-lead{max-width:64rem}.page-hero-body{margin:0;max-width:64rem;color:var(--text-muted)}body.page-layout-wide .page-hero-body{max-width:70rem}.page-cta-panel{display:grid;gap:var(--space-4)}.page-cta-copy{display:grid;gap:var(--space-3)}.page-cta-copy h2,.page-cta-copy p{margin:0}.page-cta-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center}.page-cta-actions .btn{min-width:min(100%,16rem)}.resource-shortcuts{display:flex;flex-wrap:wrap;gap:var(--space-2)}.resource-shortcut{display:inline-flex;align-items:center;min-height:34px;padding:.3rem .65rem;border-radius:999px;border:1px solid var(--border);background:color-mix(in oklab,var(--surface) 72%,var(--background));color:var(--text-main);text-decoration:none;font-size:.8rem;font-weight:600;transition:border-color var(--transition-speed)ease,background-color var(--transition-speed)ease}.resource-shortcut:hover,.resource-shortcut:focus-visible{border-color:color-mix(in oklab,var(--text-muted) 55%,var(--border));background:var(--background)}.resource-shortcut.is-primary{border-color:color-mix(in oklab,var(--primary) 42%,var(--border))}[data-kv-pending]{display:none!important}.ad-slot{padding:var(--space-4);overflow:visible;--ad-reserved-height:160px}.ad-slot-shell{display:flex;align-items:center;justify-content:center;min-height:var(--ad-reserved-height);border:1px solid color-mix(in oklab,var(--border) 85%,transparent);border-radius:var(--border-radius-sm);background:color-mix(in oklab,var(--surface) 90%,var(--background));padding:var(--space-2);overflow:visible}.ad-slot-frame{display:block;width:100%;max-width:100%;min-width:0;min-height:0;height:auto}.ad-placement-below-result{--ad-reserved-height:140px}.ad-placement-mid-content{--ad-reserved-height:140px}.ad-placement-guide-inline,.ad-placement-compare-inline{--ad-reserved-height:140px}.ad-placement-sidebar{--ad-reserved-height:620px}.ad-placement-desktop-side-left,.ad-placement-desktop-side-right{--ad-reserved-height:620px}.ad-device-all{display:block}.ad-device-mobile-inline-only{display:block}.ad-device-desktop-only{display:none!important}@media(min-width:1024px){.ad-device-mobile-inline-only{display:none!important}.ad-device-desktop-only{display:block!important}}@media(max-width:767px){.ad-placement-below-result,.ad-placement-mid-content,.ad-placement-guide-inline,.ad-placement-compare-inline{--ad-reserved-height:100px}}.desktop-side-banners{display:none}@media(min-width:1360px){body[data-kv-ads-ready] .desktop-side-banners{display:block}.desktop-side-banners.is-near-footer .desktop-side-banner{opacity:.28;pointer-events:none;transform:translateY(8px);filter:saturate(.78)brightness(.88)}.desktop-side-banner{position:fixed;top:96px;width:var(--desktop-side-banner-width);z-index:40;filter:none;transition:opacity 220ms ease,transform 220ms ease,filter 220ms ease}.desktop-side-banner-left{left:max( 10px,calc( (100vw - var(--layout-wide-max-width))/2 - (var(--desktop-side-banner-width) + var(--desktop-side-banner-gap)) ) )}.desktop-side-banner-right{right:max( 10px,calc( (100vw - var(--layout-wide-max-width))/2 - (var(--desktop-side-banner-width) + var(--desktop-side-banner-gap)) ) )}.desktop-side-banner .desktop-side-ad{margin-bottom:0!important;padding:var(--space-3);background:color-mix(in oklab,var(--surface) 82%,var(--background));border-color:color-mix(in oklab,var(--border) 88%,transparent)}.desktop-side-banner .desktop-side-ad .ad-slot-shell{min-height:min(520px,calc(100vh - 260px))}}.badge{display:inline-block;padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600;background-color:var(--text-main);color:var(--background);text-transform:uppercase;letter-spacing:.05em}html.dark .badge{color:#000;background-color:#fff}.section-container{margin-bottom:var(--space-10)}.text-center{text-align:center}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.mb-4{margin-bottom:var(--space-8)}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-6)}.mt-4{margin-top:var(--space-8)}table{border-radius:var(--border-radius);overflow:hidden;border-collapse:collapse;width:100%}.form-select,input[type=number],input[type=text]{border-radius:var(--border-radius-sm);min-height:48px;padding:.5rem .75rem;border:1px solid var(--border);background-color:var(--background);color:var(--text-main);width:100%}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;line-height:1.25;padding-right:2.35rem;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 16px)calc(50% - 3px),calc(100% - 11px)calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;transition:border-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease,background-color var(--transition-speed)ease}.form-select:hover{border-color:var(--text-muted);background-color:var(--surface)}.form-select:focus-visible{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in oklab,var(--text-muted) 22%,transparent)}.form-select:disabled{opacity:.7;cursor:not-allowed}.input-with-unit,.input-with-stepper{position:relative;display:flex;align-items:center}.input-with-unit{--input-unit-width:3ch;--input-unit-gap:0.6rem}.input-with-stepper{--input-stepper-space:1.65rem}.input-with-stepper input{padding-right:calc(var(--input-stepper-space) + 1rem)}.input-with-unit:not(.input-with-stepper) input{padding-right:calc(var(--input-unit-width) + var(--input-unit-gap) + 1rem)}.input-with-unit.input-with-stepper input{padding-right:calc(var(--input-stepper-space) + var(--input-unit-width) + var(--input-unit-gap) + 1rem)}.input-with-unit .unit{position:absolute;top:50%;right:calc(.55rem + var(--input-stepper-space,0rem));transform:translateY(-50%);color:var(--text-muted);pointer-events:none;font-size:.9rem;min-width:2ch;width:var(--input-unit-width);max-width:7ch;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:color-mix(in oklab,var(--background) 88%,transparent)}.number-stepper{position:absolute;top:50%;right:.45rem;transform:translateY(-50%);display:grid;gap:2px;width:1rem}.number-stepper-btn{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;height:.7rem;padding:0;border:0;border-radius:.2rem;background:0 0;color:var(--text-muted);cursor:pointer;transition:color var(--transition-speed)ease,background-color var(--transition-speed)ease}.number-stepper-btn::before{content:"";display:block;border-left:4px solid transparent;border-right:4px solid transparent}.number-stepper-btn-up::before{border-bottom:5px solid}.number-stepper-btn-down::before{border-top:5px solid}.number-stepper-btn:hover,.number-stepper-btn:focus-visible{color:var(--text-main);background:color-mix(in oklab,var(--surface) 88%,var(--background));outline:none}.field-help-chip{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;margin-left:.38rem;padding:0;border:1px solid color-mix(in oklab,var(--border) 82%,var(--text-muted));border-radius:999px;background:color-mix(in oklab,var(--surface) 88%,var(--background));color:var(--text-muted);font:inherit;font-size:.68rem;font-weight:700;line-height:1;vertical-align:middle;cursor:help;box-shadow:none;position:relative;flex:none}.field-help-chip:hover,.field-help-chip:focus-visible{border-color:color-mix(in oklab,var(--primary) 42%,var(--border));color:var(--text-main);outline:none}.field-help-chip::before,.field-help-chip::after{position:absolute;left:50%;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;z-index:40}.field-help-chip::before{content:"";bottom:calc(100% + .15rem);transform:translate(-50%,.2rem);border-left:.38rem solid transparent;border-right:.38rem solid transparent;border-top:.38rem solid var(--text-main)}.field-help-chip::after{content:attr(data-tooltip);bottom:calc(100% + .55rem);transform:translate(-50%,.2rem);width:min(18rem,72vw);padding:.55rem .65rem;border-radius:var(--border-radius-sm);background:var(--text-main);color:var(--background);box-shadow:var(--shadow-md);text-align:left;white-space:normal;font-size:.76rem;font-weight:500;line-height:1.4}.field-help-chip:hover::before,.field-help-chip:hover::after,.field-help-chip:focus-visible::before,.field-help-chip:focus-visible::after{opacity:1;transform:translate(-50%,0)}@media(max-width:640px){.field-help-chip::after{width:min(15rem,78vw)}}.is-tool-page .tool-interface.card{padding-top:var(--space-6);padding-bottom:var(--space-6)}.is-tool-page .tool-interface .result-actions{row-gap:var(--space-2)}h1,h2,h3,h4,h5,h6{color:var(--text-main);font-weight:700;letter-spacing:-.02em;margin-top:0;line-height:1.25}h1{font-size:2.25rem;margin-bottom:var(--space-4)}@media(min-width:768px){h1{font-size:3rem}}h2{font-size:1.75rem;margin-bottom:var(--space-4)}h3{font-size:1.25rem;margin-bottom:var(--space-3)}h4{font-size:1rem;margin-bottom:var(--space-2)}p{margin-top:0;margin-bottom:var(--space-4)}.lead{font-size:1.125rem;color:var(--text-muted);font-weight:400;line-height:1.6;margin-bottom:var(--space-6)}.skip-link{position:absolute;top:.75rem;left:1rem;z-index:150;padding:.75rem 1rem;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-main);text-decoration:none;box-shadow:var(--shadow-sm);transform:translateY(-160%);transition:transform var(--transition-speed)ease,box-shadow var(--transition-speed)ease}.skip-link:focus,.skip-link:focus-visible{transform:translateY(0);box-shadow:var(--shadow-md)}@media(min-width:768px){.lead{font-size:1.25rem}}@media(max-width:768px){.is-tool-page .hero.section-container{margin-bottom:var(--space-4)}.is-tool-page .hero{padding-top:0!important}.is-tool-page .hero h1{font-size:1.65rem;margin-bottom:var(--space-2)}.is-tool-page .hero .lead{display:none}.is-tool-page .breadcrumb{margin-bottom:var(--space-3)}}.faq-item{border-bottom:1px solid var(--border);padding:var(--space-4)0}.faq-item:last-child{border-bottom:none}.faq-question{font-size:1.125rem;font-weight:600;cursor:pointer;list-style:none;position:relative;padding-right:var(--space-8);color:var(--text-main);transition:color var(--transition-speed)ease;margin:0}.faq-question::-webkit-details-marker{display:none}.faq-question::after{content:'+';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:1.5rem;font-weight:400;color:var(--text-muted)}details[open] .faq-question::after{content:'-'}.faq-answer{padding-top:var(--space-3);color:var(--text-muted);line-height:1.6;margin-bottom:0}.breadcrumb{font-size:.9rem;color:var(--text-muted);margin-bottom:var(--space-4)}.breadcrumb-list{list-style:none;display:flex;gap:.4rem;align-items:center;padding:0;margin:0;flex-wrap:wrap;line-height:1.35}.breadcrumb-item{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.breadcrumb-link{color:color-mix(in oklab,var(--text-main) 68%,var(--text-muted));text-decoration:none;border-bottom:1px solid transparent;font-weight:500;transition:color var(--transition-speed)ease,border-color var(--transition-speed)ease;overflow-wrap:anywhere}.breadcrumb-link:hover,.breadcrumb-link:focus-visible{color:var(--text-main);border-bottom-color:color-mix(in oklab,var(--text-muted) 45%,transparent)}.breadcrumb-separator{color:color-mix(in oklab,var(--text-main) 38%,transparent);font-size:.78rem}.breadcrumb-current{color:var(--text-main);font-weight:700;overflow-wrap:anywhere}.hidden{display:none!important}.lazy-section{content-visibility:auto;contain-intrinsic-size:200px}.tools-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.horizontal-scroll-grid{--rail-columns:1;--rail-gap:var(--space-4);display:flex;align-items:stretch;gap:var(--rail-gap);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-gutter:stable;scroll-padding-inline:2px;padding:2px 2px var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:thin}.horizontal-scroll-grid>*{flex:0 0 calc((100% - (var(--rail-gap) * (var(--rail-columns) - 1)))/var(--rail-columns));min-width:calc((100% - (var(--rail-gap) * (var(--rail-columns) - 1)))/var(--rail-columns));max-width:calc((100% - (var(--rail-gap) * (var(--rail-columns) - 1)))/var(--rail-columns));min-inline-size:0;box-sizing:border-box;scroll-snap-align:start}.horizontal-scroll-grid[data-count="1"]{display:grid;grid-template-columns:minmax(0,1fr);overflow-x:visible}.horizontal-scroll-grid[data-count="1"]>*{flex:none;inline-size:auto;min-width:0;max-width:none}@media(min-width:700px){.horizontal-scroll-grid.is-tool-cards{--rail-columns:2}.horizontal-scroll-grid.is-tool-cards[data-count="2"]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow-x:visible}.horizontal-scroll-grid.is-tool-cards[data-count="2"]>*{flex:none;inline-size:auto;min-width:0;max-width:none}}@media(min-width:960px){.horizontal-scroll-grid.is-wide-cards{--rail-columns:2}.horizontal-scroll-grid.is-tool-cards{--rail-columns:3}.horizontal-scroll-grid.is-wide-cards[data-count="2"],.horizontal-scroll-grid.is-tool-cards[data-count="2"],.horizontal-scroll-grid.is-tool-cards[data-count="3"]{display:grid;overflow-x:visible}.horizontal-scroll-grid.is-wide-cards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.horizontal-scroll-grid.is-tool-cards[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.horizontal-scroll-grid.is-tool-cards[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.horizontal-scroll-grid.is-wide-cards[data-count="2"]>*,.horizontal-scroll-grid.is-tool-cards[data-count="2"]>*,.horizontal-scroll-grid.is-tool-cards[data-count="3"]>*{flex:none;inline-size:auto;min-width:0;max-width:none}}@media(max-width:640px){.horizontal-scroll-grid{padding-bottom:var(--space-3)}}.tool-card{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:inherit;padding:1.5rem;background-color:initial!important;box-shadow:none!important;border:1px solid var(--border)!important;transition:background-color var(--transition-speed)ease,border-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease,transform .16s ease}.tool-card:hover{background-color:var(--surface)!important;border-color:var(--text-muted)!important;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.tool-card:focus-visible{outline:none;border-color:color-mix(in oklab,var(--primary) 40%,var(--border))!important;box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.tool-card-content{padding-right:1rem}.tool-card h2,.tool-card h3,.tool-card h4{margin:0 0 .5rem;font-size:1.125rem;transition:color .2s ease}.tool-card:hover h2,.tool-card:hover h3,.tool-card:hover h4{color:var(--text-main)}.tool-card p{margin:0;color:var(--text-muted);font-size:.875rem;line-height:1.4}.related-link{color:var(--text-main);text-decoration:none;text-decoration-color:transparent;text-underline-offset:.14em;transition:color var(--transition-speed)ease,text-decoration-color var(--transition-speed)ease,opacity var(--transition-speed)ease}.related-link:hover{color:color-mix(in oklab,var(--text-main) 86%,var(--primary));text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--text-muted) 45%,transparent)}.related-link:focus-visible{color:color-mix(in oklab,var(--text-main) 86%,var(--primary));text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--text-muted) 45%,transparent);outline:2px solid color-mix(in oklab,var(--primary) 30%,transparent);outline-offset:2px;border-radius:4px}@keyframes pulseGlow{0%{transform:scale(.98);box-shadow:0 0 rgba(0,122,255,.4)}50%{transform:scale(1.02);box-shadow:0 0 0 10px rgba(0,122,255,0)}100%{transform:scale(1);box-shadow:0 0 rgba(0,122,255,0)}}.pulse-anim{animation:pulseGlow .4s ease-out}.tool-jump-fab{position:fixed;right:max(1rem,calc(env(safe-area-inset-right) + .35rem));bottom:max(1rem,calc(env(safe-area-inset-bottom) + .35rem));width:3.25rem;height:3.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid color-mix(in oklab,var(--primary) 16%,var(--border));border-radius:999px;background:color-mix(in oklab,var(--primary) 90%,var(--background));color:var(--background);box-shadow:0 16px 28px rgba(0,0,0,.18),0 4px 10px rgba(0,0,0,.12);cursor:pointer;z-index:1600;opacity:.96;transition:transform var(--transition-speed)ease,box-shadow var(--transition-speed)ease,opacity var(--transition-speed)ease,background var(--transition-speed)ease}.tool-jump-fab.is-near-footer,.tool-quick-nav-fab.is-near-footer{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)scale(.92)}.tool-jump-fab[hidden]{display:none!important}.tool-jump-fab:hover{transform:translateY(-2px);box-shadow:0 20px 34px rgba(0,0,0,.2),0 8px 16px rgba(0,0,0,.14)}.tool-jump-fab:focus-visible{outline:none;transform:translateY(-1px);box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 16%,transparent),0 18px 32px rgba(0,0,0,.2)}.tool-jump-fab svg{display:block;width:1.2rem;height:1.2rem;pointer-events:none}@media(max-width:640px){.tool-jump-fab{right:max(.85rem,calc(env(safe-area-inset-right) + .3rem));bottom:max(.85rem,calc(env(safe-area-inset-bottom) + .3rem));width:3rem;height:3rem}}.content-figure{margin:var(--space-5)0}.content-figure img{display:block;width:100%;height:auto;max-width:100%;border:1px solid var(--border);border-radius:var(--radius-md,12px);background:var(--surface)}.content-figure figcaption{margin-top:var(--space-2);font-size:.88rem;line-height:1.5;color:var(--text-muted);text-align:center}.tool-example-card .content-figure{margin:var(--space-4)0 0}.header{border-top:none;border-width:0 0 1px;margin-bottom:var(--space-4);padding:var(--space-2)0;background-color:initial!important;border-color:var(--border)!important;box-shadow:none!important;position:sticky;top:0;z-index:320;transition:transform 180ms ease,background-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease;will-change:transform}.header.header-is-scrolled{background-color:color-mix(in oklab,var(--background) 86%,transparent)!important;box-shadow:var(--shadow-sm)!important}.header.header-is-hidden{transform:translateY(calc(-100% - 6px))}@media(prefers-reduced-motion:reduce){.header{transition:none}}.header-content{display:grid;grid-template-columns:auto minmax(0,1fr)auto;align-items:center;gap:clamp(.65rem,.9vw,1.1rem);width:min(calc(100% - clamp(1.25rem,3vw,3rem)),1680px);margin:0 auto;padding:0}.logo a{color:var(--text-main);text-decoration:none;font-size:1.18rem;letter-spacing:.11em;font-weight:800}.logo,.header-actions{flex-shrink:0}.main-nav{display:none}@media(min-width:768px){.main-nav{display:flex;flex:auto;min-width:0;gap:clamp(.2rem,.45vw,.55rem);align-items:center;margin:0 clamp(.1rem,.8vw,.85rem);padding:.26rem .38rem;border:1px solid color-mix(in oklab,var(--border) 88%,transparent);border-radius:999px;background:color-mix(in oklab,var(--background) 88%,var(--surface));box-shadow:inset 0 1px color-mix(in oklab,var(--background) 76%,transparent);overflow-x:auto;overflow-y:visible;scrollbar-width:none;-ms-overflow-style:none;white-space:nowrap;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.main-nav::-webkit-scrollbar{display:none}}.lang-switch a{color:var(--text-muted);text-decoration:none;font-weight:600;font-size:.875rem;transition:color var(--transition-speed)ease}.lang-switch a:hover{color:var(--text-main)}.nav-item{position:relative;padding:0;flex:none}.nav-link{appearance:none;border:none;border-radius:999px;background:0 0;color:var(--text-muted);text-decoration:none;font-weight:700;font-size:clamp(.84rem,.14vw + .8rem,.94rem);line-height:1.2;min-height:42px;padding:.45rem .72rem;box-shadow:inset 0 0 0 1px transparent;transition:color var(--transition-speed)ease,background-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease;cursor:pointer;display:inline-grid;grid-auto-flow:column;align-items:center;justify-content:start;column-gap:var(--space-1);position:relative}.nav-link::after{content:"";position:absolute;inset:2px;border-radius:inherit;border:1px solid transparent;pointer-events:none;opacity:0;transition:opacity var(--transition-speed)ease,border-color var(--transition-speed)ease}.nav-link-static{flex:none;grid-template-columns:14px minmax(0,max-content)}.nav-link:hover,.nav-item:hover .nav-link,.nav-link[aria-expanded=true]{color:var(--text-main);background-color:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:none}.nav-link:hover::after,.nav-item:hover .nav-link::after,.nav-link[aria-expanded=true]::after{opacity:1;border-color:color-mix(in oklab,var(--border) 70%,var(--text-main))}.nav-item.is-active-category>.nav-link{color:var(--cat-icon-color,var(--primary));background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 8%,var(--background));box-shadow:0 1px 4px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 10%,transparent)}.nav-item.is-active-category>.nav-link::after{inset:3px;opacity:1;border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border))}.nav-item.is-active-category>.nav-link .chevron{color:var(--cat-icon-color,var(--primary))}.nav-cat-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0;color:var(--cat-icon-color,var(--primary))}.nav-link-label{display:block;min-width:0;white-space:nowrap}.nav-cat-icon svg{display:block;width:14px;height:14px}.nav-item[data-category=finance]{--cat-icon-color:#10b981}.nav-item[data-category=gaming-tools]{--cat-icon-color:#f97316}.nav-item[data-category=developer-tools]{--cat-icon-color:#6366f1}.nav-item[data-category=math-science]{--cat-icon-color:#0ea5e9}.nav-item[data-category=web-utilities]{--cat-icon-color:#8b5cf6}.nav-item[data-category=construction-calculators]{--cat-icon-color:#f59e0b}.nav-item[data-category=productivity]{--cat-icon-color:#22c55e}.nav-item[data-category=browser-diagnostics]{--cat-icon-color:#ef4444}.nav-item[data-category=lifestyle]{--cat-icon-color:#ec4899}.nav-item[data-category=seo-marketing-tools]{--cat-icon-color:#14b8a6}.nav-item[data-category=finance] .nav-cat-icon{color:#10b981}.nav-item[data-category=gaming-tools] .nav-cat-icon{color:#f97316}.nav-item[data-category=developer-tools] .nav-cat-icon{color:#6366f1}.nav-item[data-category=math-science] .nav-cat-icon{color:#0ea5e9}.nav-item[data-category=web-utilities] .nav-cat-icon{color:#8b5cf6}.nav-item[data-category=construction-calculators] .nav-cat-icon{color:#f59e0b}.nav-item[data-category=productivity] .nav-cat-icon{color:#22c55e}.nav-item[data-category=browser-diagnostics] .nav-cat-icon{color:#ef4444}.nav-item[data-category=lifestyle] .nav-cat-icon{color:#ec4899}.nav-item[data-category=seo-marketing-tools] .nav-cat-icon{color:#14b8a6}.nav-link:focus-visible{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 22%,transparent)}.nav-link.is-active-learn{color:var(--primary);font-weight:700;border-color:color-mix(in srgb,var(--primary) 40%,var(--border));background:color-mix(in srgb,var(--primary) 8%,var(--background));box-shadow:0 1px 4px color-mix(in srgb,var(--primary) 10%,transparent)}.nav-link.is-active-learn::after{inset:3px;opacity:1;border-color:color-mix(in srgb,var(--primary) 22%,transparent)}.mobile-nav-static.is-active{color:var(--primary)}.nav-dropdown{position:fixed;top:0;left:0;transform:none;background-color:var(--background);border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--space-2);width:min(26rem,calc(100vw - 2rem));min-width:min(18rem,calc(100vw - 2rem));max-height:min(70vh,32rem);overflow-y:auto;opacity:0;visibility:hidden;transition:opacity .12s ease,visibility .12s ease;box-shadow:var(--shadow-md);z-index:200;pointer-events:none;display:flex;flex-direction:column;gap:.35rem}.nav-dropdown.is-open{opacity:1;visibility:visible;pointer-events:auto}.nav-dropdown.no-anim{transition:none!important}.dropdown-group{display:flex;flex-direction:column;gap:.45rem}.dropdown-group+.dropdown-group{margin-top:.4rem;padding-top:.65rem;border-top:1px solid color-mix(in srgb,var(--border) 72%,transparent)}.dropdown-group-title{padding:0 .25rem;color:color-mix(in srgb,var(--text-muted) 72%,var(--cat-icon-color,var(--primary)) 28%);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.dropdown-group-links{display:flex;flex-direction:column;gap:.35rem}.dropdown-link{display:flex;align-items:center;gap:.75rem;min-height:50px;padding:.6rem .75rem;color:var(--text-main);text-decoration:none;font-size:.9rem;border:1px solid var(--border);border-radius:var(--border-radius-sm);background-color:var(--surface);transition:all var(--transition-speed)ease;white-space:normal;line-height:1.4}.dropdown-link-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,var(--border));background:linear-gradient( 180deg,color-mix(in srgb,var(--surface) 90%,var(--cat-icon-color,var(--primary)) 10%),color-mix(in srgb,var(--background) 86%,var(--cat-icon-color,var(--primary)) 7%) );color:var(--cat-icon-color,var(--primary));box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent)}.dropdown-link-icon svg{width:1rem;height:1rem}.dropdown-link-title{min-width:0;flex:1;font-weight:600}.dropdown-link-active-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:.15rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 32%,var(--border));color:var(--cat-icon-color,var(--primary));font-size:.68rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.dropdown-link.is-active-tool{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 44%,var(--border));background:linear-gradient( 90deg,color-mix(in srgb,var(--surface) 74%,var(--cat-icon-color,var(--primary)) 26%),color-mix(in srgb,var(--background) 88%,var(--surface)) );box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,transparent)}.dropdown-link.is-active-tool .dropdown-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border));background:color-mix(in srgb,var(--background) 62%,var(--cat-icon-color,var(--primary)) 38%)}.dropdown-link.is-active-tool .dropdown-link-title{color:var(--text-main)}.dropdown-link-all{justify-content:space-between;align-items:center;gap:.9rem;margin-top:.2rem;padding:.7rem .75rem;border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:linear-gradient( 90deg,color-mix(in srgb,var(--surface) 78%,var(--cat-icon-color,var(--primary)) 22%),color-mix(in srgb,var(--surface) 90%,var(--background)) );font-weight:600;box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent)}.dropdown-link-all-label{display:flex;align-items:center;gap:.7rem;min-width:0}.dropdown-link-all-badge{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex:none;border-radius:10px;background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border));color:var(--cat-icon-color,var(--primary))}.dropdown-link-all-badge svg{width:1rem;height:1rem}.dropdown-link-all-copy{min-width:0;display:flex;flex-direction:column;gap:.05rem}.dropdown-link-all-title{color:var(--text-main);line-height:1.15}.dropdown-link-all-subtitle{color:color-mix(in srgb,var(--text-muted) 62%,var(--cat-icon-color,var(--primary)) 38%);font-size:.74rem;font-weight:600;line-height:1.15}.dropdown-link-all-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:2rem;height:2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:color-mix(in srgb,var(--background) 72%,var(--cat-icon-color,var(--primary)) 28%);color:var(--cat-icon-color,var(--primary));transition:transform var(--transition-speed)ease,border-color var(--transition-speed)ease,background-color var(--transition-speed)ease}.dropdown-link:not(.dropdown-link-all):hover{color:var(--text-main);border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 28%,var(--border));background:linear-gradient( 90deg,color-mix(in srgb,var(--surface) 88%,var(--cat-icon-color,var(--primary)) 12%),color-mix(in srgb,var(--background) 94%,var(--surface)) )}.dropdown-link:not(.dropdown-link-all):hover .dropdown-link-icon,.dropdown-link:not(.dropdown-link-all):focus-visible .dropdown-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:color-mix(in srgb,var(--background) 68%,var(--cat-icon-color,var(--primary)) 32%)}.dropdown-link-all:hover{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 48%,var(--border));background:linear-gradient( 90deg,color-mix(in srgb,var(--surface) 72%,var(--cat-icon-color,var(--primary)) 28%),color-mix(in srgb,var(--background) 88%,var(--surface)) )}.dropdown-link-all:hover .dropdown-link-all-icon,.dropdown-link-all:focus-visible .dropdown-link-all-icon{transform:translateX(2px);border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 52%,var(--border));background:color-mix(in srgb,var(--background) 62%,var(--cat-icon-color,var(--primary)) 38%)}.dropdown-link:focus-visible{outline:none;border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 40%,var(--border));box-shadow:0 0 0 3px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,transparent);background-color:var(--surface)}.dropdown-empty-state{padding:.625rem .75rem;color:var(--text-muted);font-size:.875rem;border:1px dashed var(--border);border-radius:var(--border-radius-sm);background-color:var(--surface)}.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}.search-wrapper{position:relative}.search-panel{position:absolute;top:calc(100% + .8rem);right:0;width:min(40rem,calc(100vw - 2rem));padding:.85rem;border:1px solid var(--border);border-radius:calc(var(--border-radius-sm) + .2rem);background:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:.85rem;z-index:260}.search-controls{display:grid;grid-template-columns:minmax(0,1fr)max-content;gap:.75rem;align-items:stretch}.site-search-input{width:100%;min-height:40px;padding:.5rem .75rem;font-size:max(16px,.875rem);border-radius:var(--border-radius-sm);border:1px solid var(--border);background:var(--background);color:var(--text-main)}.site-search-input:focus-visible{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 22%,transparent)}.search-category-select{min-height:40px;min-width:11rem;padding:.5rem 2.1rem .5rem .75rem;font-size:max(16px,.875rem);border-radius:var(--border-radius-sm);border:1px solid var(--border);background:var(--background);color:var(--text-main)}.search-category-select:focus-visible{outline:none;border-color:var(--text-muted);box-shadow:0 0 0 3px color-mix(in srgb,var(--text-muted) 22%,transparent)}.search-results-dropdown{display:flex;flex-direction:column;gap:.8rem;max-height:min(65vh,30rem);overflow-y:auto;border-top:1px solid color-mix(in srgb,var(--border) 90%,transparent);padding-top:.85rem;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease}.search-panel-section,.search-empty-state,.search-helper-state{display:flex;flex-direction:column;gap:.65rem}.search-section-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.search-section-label,.search-results-count{font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.search-results-list,.search-idle-list{display:flex;flex-direction:column;gap:.65rem}.search-result-card{display:flex;justify-content:space-between;align-items:flex-start;gap:.9rem;padding:.8rem .9rem;border-radius:calc(var(--border-radius-sm) + .1rem);text-decoration:none;white-space:normal}.search-result-card.is-active,.search-result-card:hover,.search-result-card:focus-visible{border-color:color-mix(in srgb,var(--text-muted) 34%,var(--border));background:color-mix(in oklab,var(--surface) 88%,var(--background))}.search-result-main{min-width:0;display:flex;flex-direction:column;gap:.45rem}.search-result-meta{display:flex;flex-wrap:wrap;gap:.35rem}.search-result-pill{display:inline-flex;align-items:center;min-height:1.6rem;padding:.1rem .45rem;border-radius:999px;background:color-mix(in srgb,var(--surface) 76%,transparent);border:1px solid color-mix(in srgb,var(--border) 90%,transparent);font-size:.72rem;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.search-result-pill-muted{font-weight:600}.search-result-title{color:var(--text-main);font-size:.98rem;line-height:1.35}.search-result-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:var(--text-muted);font-size:.84rem;line-height:1.5}.search-result-cta{flex-shrink:0;color:var(--text-main);font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-top:.1rem;white-space:nowrap}.search-result-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.15rem;height:2.15rem;border-radius:8px;border:1px solid color-mix(in oklab,var(--border) 75%,transparent);background:color-mix(in oklab,var(--cat-icon-color,var(--primary)) 10%,var(--surface));color:var(--cat-icon-color,var(--primary));margin-top:.05rem}.search-result-icon svg{width:1.05rem;height:1.05rem}.search-result-card[data-category=finance] .search-result-icon{--cat-icon-color:#10b981}.search-result-card[data-category=gaming-tools] .search-result-icon{--cat-icon-color:#f97316}.search-result-card[data-category=developer-tools] .search-result-icon{--cat-icon-color:#6366f1}.search-result-card[data-category=math-science] .search-result-icon{--cat-icon-color:#0ea5e9}.search-result-card[data-category=web-utilities] .search-result-icon{--cat-icon-color:#8b5cf6}.search-result-card[data-category=construction-calculators] .search-result-icon{--cat-icon-color:#f59e0b}.search-result-card[data-category=productivity] .search-result-icon{--cat-icon-color:#22c55e}.search-result-card[data-category=browser-diagnostics] .search-result-icon{--cat-icon-color:#ef4444}.search-result-card[data-category=lifestyle] .search-result-icon{--cat-icon-color:#ec4899}.search-result-card[data-category=seo-marketing-tools] .search-result-icon{--cat-icon-color:#14b8a6}.search-result-url{font-size:.73rem;color:color-mix(in oklab,var(--primary) 60%,var(--text-muted));font-family:ui-monospace,sf mono,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.75;margin-top:.05rem}.search-chip-list,.search-shortcuts{display:flex;flex-wrap:wrap;gap:.5rem}.search-chip,.search-shortcut-link,.search-clear-btn{appearance:none;border:1px solid var(--border);background:var(--surface);color:var(--text-main);border-radius:999px;min-height:2rem;padding:.35rem .7rem;font-size:.8rem;text-decoration:none;cursor:pointer;transition:border-color var(--transition-speed)ease,background-color var(--transition-speed)ease,color var(--transition-speed)ease}.search-chip:hover,.search-shortcut-link:hover,.search-clear-btn:hover,.search-chip:focus-visible,.search-shortcut-link:focus-visible,.search-clear-btn:focus-visible{outline:none;border-color:var(--text-muted);background:color-mix(in srgb,var(--surface) 88%,var(--background))}.search-clear-btn{font-weight:600}.search-helper-copy,.search-helper-hint,.search-empty-copy{margin:0;color:var(--text-muted);font-size:.85rem;line-height:1.55}.search-helper-hint{font-size:.78rem}.search-empty-title{color:var(--text-main);font-size:1rem}.search-empty-copy:first-of-type{color:var(--text-main)}.chevron{display:block;width:14px;height:14px;transform-origin:50% 50%;transition:transform var(--transition-speed)ease;will-change:transform}.nav-item:hover .chevron,.nav-link[aria-expanded=true] .chevron{transform:rotate(180deg)}.header-actions{display:flex;align-items:center;gap:.25rem;padding:.26rem;border:1px solid color-mix(in oklab,var(--border) 88%,transparent);border-radius:999px;background:color-mix(in oklab,var(--background) 88%,var(--surface));box-shadow:inset 0 1px color-mix(in oklab,var(--background) 76%,transparent);flex-wrap:nowrap}.lang-switch{display:flex;gap:.18rem;margin-left:.2rem;padding-left:.45rem;border-left:1px solid color-mix(in oklab,var(--border) 85%,transparent)}.lang-switch a{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;min-height:2rem;padding:0 .1rem;border-radius:999px;letter-spacing:.03em}.lang-switch .active{color:var(--text-main);background:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--border) 78%,transparent)}.search-toggle-pill{display:inline-flex;align-items:center;gap:.45rem;height:2.2rem;padding:0 .65rem 0 .55rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in oklab,var(--background) 82%,var(--surface));color:var(--text-muted);font-size:.82rem;cursor:pointer;white-space:nowrap;transition:color var(--transition-speed)ease,border-color var(--transition-speed)ease,background var(--transition-speed)ease,box-shadow var(--transition-speed)ease}.search-toggle-pill:hover{color:var(--text-main);border-color:color-mix(in oklab,var(--primary) 40%,var(--border));background:color-mix(in oklab,var(--background) 70%,var(--surface));box-shadow:0 2px 8px rgba(0,0,0,7%)}.search-toggle-pill[aria-expanded=true]{color:var(--text-main);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 18%,transparent)}.search-toggle-label{flex:1;min-width:0}.search-toggle-kbd{display:inline-flex;align-items:center;padding:.1em .4em;border:1px solid color-mix(in oklab,var(--border) 80%,var(--text-muted));border-radius:4px;background:color-mix(in oklab,var(--background) 60%,var(--surface));font-size:.72rem;font-family:inherit;color:var(--text-muted);line-height:1.5;pointer-events:none}@media(max-width:860px){.search-toggle-label,.search-toggle-kbd{display:none}.search-toggle-pill{padding:var(--space-1);min-width:2.2rem;justify-content:center;border-color:transparent;background:0 0}.search-toggle-pill:hover{border-color:color-mix(in oklab,var(--border) 72%,var(--text-main));background:color-mix(in oklab,var(--background) 94%,var(--surface))}}.icon-button{background:0 0;border:1px solid transparent;cursor:pointer;color:var(--text-muted);min-height:2.2rem;min-width:2.2rem;padding:var(--space-1);display:flex;align-items:center;justify-content:center;border-radius:999px;transition:color var(--transition-speed)ease,background-color var(--transition-speed)ease,border-color var(--transition-speed)ease,box-shadow var(--transition-speed)ease}.icon-button:hover{color:var(--text-main);border-color:color-mix(in oklab,var(--border) 72%,var(--text-main));background-color:color-mix(in oklab,var(--background) 94%,var(--surface));box-shadow:0 4px 12px rgba(15,23,42,6%)}.hidden{display:none}@media(min-width:1400px){.nav-link{padding-inline:.82rem}}.mobile-only{display:none}@media(max-width:767px){.mobile-only{display:flex}.header-actions{margin-left:auto}.header{margin-bottom:var(--space-2);padding:var(--space-1)0}.header-content{gap:var(--space-1);width:calc(100% - var(--space-3));grid-template-columns:auto 1fr auto}.logo a{font-size:1rem;letter-spacing:.07em}.search-wrapper{position:static}.lang-switch a{font-size:.8rem}.header-actions{padding:0;border:none;background:0 0;box-shadow:none}.search-panel{position:fixed;top:calc(env(safe-area-inset-top,0px) + 3.25rem);left:.5rem;right:.5rem;width:auto;max-height:calc(100dvh - 4rem);padding:.8rem;border-radius:calc(var(--border-radius-sm) + .3rem);z-index:360}}@media(max-width:980px){.search-panel{width:min(34rem,calc(100vw - 2rem))}.search-controls{grid-template-columns:1fr}.search-category-select{min-width:0}}.mobile-nav{position:fixed;top:calc(env(safe-area-inset-top,0px) + 3.25rem);left:0;width:100%;z-index:310;max-width:none;max-height:calc(100dvh - 3.25rem);margin:0;padding:0;border:none;background:0 0;overflow:visible;overscroll-behavior:contain}.mobile-nav::backdrop{background:color-mix(in srgb,var(--text-main) 22%,transparent);backdrop-filter:blur(2px)}.mobile-nav-toolbar{position:sticky;top:0;z-index:1;display:flex;justify-content:flex-end;padding:max(var(--space-2),env(safe-area-inset-top,0px))var(--space-4)var(--space-2);border-top:1px solid var(--border);background:color-mix(in oklab,var(--background) 94%,var(--surface))}.mobile-nav-close{flex:none}.mobile-nav[open]{display:block}.mobile-nav[open],.mobile-nav:not(.hidden){background-color:var(--background);box-shadow:var(--shadow-md);overflow-y:auto}.mobile-nav-static{display:flex;align-items:center;gap:var(--space-2);padding:.75rem var(--space-5);color:var(--text-muted);text-decoration:none;font-size:.95rem;font-weight:600;border-bottom:1px solid var(--border);transition:color var(--transition-speed)ease}.mobile-nav-static:hover{color:var(--text-main)}.mobile-nav-static.is-active{color:var(--primary)}.mobile-nav-static .mobile-nav-icon{color:inherit}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:8px;flex-shrink:0;background:color-mix(in oklab,var(--cat-icon-color,var(--primary)) 10%,var(--surface));color:var(--cat-icon-color,var(--primary));border:1px solid color-mix(in oklab,var(--cat-icon-color,var(--primary)) 20%,transparent)}.mobile-nav-icon svg{width:16px;height:16px}.mobile-acc-item{border-bottom:1px solid var(--border)}.mobile-acc-item:last-child{border-bottom:none}.mobile-acc-item[data-category=finance]{--cat-icon-color:#10b981}.mobile-acc-item[data-category=gaming-tools]{--cat-icon-color:#f97316}.mobile-acc-item[data-category=developer-tools]{--cat-icon-color:#6366f1}.mobile-acc-item[data-category=math-science]{--cat-icon-color:#0ea5e9}.mobile-acc-item[data-category=web-utilities]{--cat-icon-color:#8b5cf6}.mobile-acc-item[data-category=construction-calculators]{--cat-icon-color:#f59e0b}.mobile-acc-item[data-category=productivity]{--cat-icon-color:#22c55e}.mobile-acc-item[data-category=browser-diagnostics]{--cat-icon-color:#ef4444}.mobile-acc-item[data-category=lifestyle]{--cat-icon-color:#ec4899}.mobile-acc-item[data-category=seo-marketing-tools]{--cat-icon-color:#14b8a6}.mobile-acc-trigger{appearance:none;background:0 0;border:none;width:100%;display:flex;align-items:center;gap:var(--space-3);padding:.75rem var(--space-5);cursor:pointer;text-align:left;color:var(--text-main);font-size:.95rem;font-weight:600;transition:background-color var(--transition-speed)ease}.mobile-acc-trigger:hover,.mobile-acc-trigger:active{background-color:color-mix(in oklab,var(--surface) 60%,transparent)}.mobile-acc-item.is-active-category>.mobile-acc-trigger{color:var(--cat-icon-color,var(--primary))}.mobile-acc-label{flex:1}.mobile-acc-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .22s ease}.mobile-acc-trigger[aria-expanded=true] .mobile-acc-chevron{transform:rotate(180deg)}.mobile-acc-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease}.mobile-acc-body.is-open{grid-template-rows:1fr}.mobile-acc-body-inner{--mobile-acc-link-indent:calc(2rem + var(--space-3));overflow:hidden;display:flex;flex-direction:column;padding:0 var(--space-5)0 calc(var(--space-5) + var(--mobile-acc-link-indent))}.mobile-acc-body.is-open .mobile-acc-body-inner{padding-bottom:var(--space-3)}.mobile-acc-group{display:flex;flex-direction:column}.mobile-acc-group+.mobile-acc-group{margin-top:.55rem;padding-top:.55rem;border-top:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.mobile-acc-group-title{margin-bottom:.2rem;color:color-mix(in srgb,var(--text-muted) 68%,var(--cat-icon-color,var(--primary)) 32%);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-acc-link{color:var(--text-main);text-decoration:none;font-size:.9rem;min-height:52px;display:flex;align-items:center;gap:.8rem;margin-left:calc(-1 * var(--mobile-acc-link-indent));padding:.45rem 0 .45rem var(--mobile-acc-link-indent);border-bottom:1px solid color-mix(in oklab,var(--border) 50%,transparent);border-radius:18px 0 0 18px;transition:color var(--transition-speed)ease,border-color var(--transition-speed)ease,background-color var(--transition-speed)ease}.mobile-acc-link:last-child{border-bottom:none}.mobile-acc-link-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,var(--border));background:linear-gradient( 180deg,color-mix(in srgb,var(--surface) 90%,var(--cat-icon-color,var(--primary)) 10%),color-mix(in srgb,var(--background) 86%,var(--cat-icon-color,var(--primary)) 7%) );color:var(--cat-icon-color,var(--primary))}.mobile-acc-link-icon svg{width:1rem;height:1rem}.mobile-acc-link-label{min-width:0;flex:1;font-weight:600;line-height:1.35}.mobile-acc-link-active-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-height:1.45rem;padding:.15rem .48rem;border-radius:999px;background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,var(--surface));border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));color:var(--cat-icon-color,var(--primary));font-size:.66rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.mobile-acc-link.is-active-tool{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:linear-gradient( 90deg,color-mix(in srgb,var(--surface) 72%,var(--cat-icon-color,var(--primary)) 28%),color-mix(in srgb,var(--surface) 84%,var(--cat-icon-color,var(--primary)) 16%) 34%,color-mix(in srgb,var(--background) 92%,var(--surface)) );box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-icon-color,var(--primary)) 16%,transparent)}.mobile-acc-link.is-active-tool .mobile-acc-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 40%,var(--border));background:color-mix(in srgb,var(--background) 60%,var(--cat-icon-color,var(--primary)) 40%)}.mobile-acc-link:not(.mobile-acc-link-all):hover,.mobile-acc-link:not(.mobile-acc-link-all):focus-visible{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 26%,var(--border))}.mobile-acc-link:not(.mobile-acc-link-all):hover .mobile-acc-link-icon,.mobile-acc-link:not(.mobile-acc-link-all):focus-visible .mobile-acc-link-icon{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 34%,var(--border));background:color-mix(in srgb,var(--background) 66%,var(--cat-icon-color,var(--primary)) 34%)}.mobile-acc-link-all{justify-content:space-between;gap:.9rem;border-bottom:none;margin-top:.5rem;padding:.8rem .9rem;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 38%,var(--border));border-radius:18px;background:linear-gradient( 90deg,color-mix(in srgb,var(--surface) 76%,var(--cat-icon-color,var(--primary)) 24%),color-mix(in srgb,var(--surface) 92%,var(--background)) );box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent)}.mobile-acc-link-all-main{min-width:0;display:flex;align-items:center;gap:.75rem}.mobile-acc-link-all-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 42%,var(--border));background:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 18%,var(--surface));color:var(--cat-icon-color,var(--primary))}.mobile-acc-link-all-badge svg{width:1rem;height:1rem}.mobile-acc-link-all-copy{min-width:0;display:flex;flex-direction:column;gap:.08rem}.mobile-acc-link-all-title{color:var(--text-main);font-weight:700;line-height:1.15}.mobile-acc-link-all-subtitle{color:color-mix(in srgb,var(--text-muted) 55%,var(--cat-icon-color,var(--primary)) 45%);font-size:.78rem;font-weight:600;line-height:1.15}.mobile-acc-link-all-icon{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--cat-icon-color,var(--primary)) 40%,var(--border));background:color-mix(in srgb,var(--background) 68%,var(--cat-icon-color,var(--primary)) 32%);color:var(--cat-icon-color,var(--primary));transition:transform var(--transition-speed)ease,border-color var(--transition-speed)ease,background-color var(--transition-speed)ease}.mobile-acc-link-all:hover,.mobile-acc-link-all:focus-visible{border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 52%,var(--border));background:linear-gradient( 90deg,color-mix(in srgb,var(--surface) 68%,var(--cat-icon-color,var(--primary)) 32%),color-mix(in srgb,var(--background) 88%,var(--surface)) )}.mobile-acc-link-all:hover .mobile-acc-link-all-icon,.mobile-acc-link-all:focus-visible .mobile-acc-link-all-icon{transform:translateX(2px);border-color:color-mix(in srgb,var(--cat-icon-color,var(--primary)) 54%,var(--border));background:color-mix(in srgb,var(--background) 60%,var(--cat-icon-color,var(--primary)) 40%)}