.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--sp-4);max-width:var(--max-w);margin:var(--sp-6) auto;padding:0 var(--sp-4)}.tool-card{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-5);border-radius:var(--radius-lg);background:var(--c-bg-soft);border:1px solid var(--c-border);text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,border-color .15s}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--c-primary)}.tool-card__icon{font-size:2rem;min-width:2.5rem;text-align:center;line-height:1}.tool-card__body{flex:1;min-width:0}.tool-card__title{font-size:1.05rem;font-weight:600;margin:0 0 var(--sp-1) 0;color:var(--c-text)}.tool-card__desc{font-size:.85rem;color:var(--c-text-muted);margin:0;line-height:1.45}.tool-card__arrow{font-size:1.2rem;color:var(--c-text-muted);transition:transform .15s,color .15s}.tool-card:hover .tool-card__arrow{transform:translate(3px);color:var(--c-primary)}:root{--c-primary: #f59e0b;--c-primary-dark: #d97706;--c-primary-light: #fbbf24;--c-primary-subtle: #fef3c7;--c-accent: #1e3a5f;--c-accent-light: #2d5a8e;--c-text: #111827;--c-text-muted: #6b7280;--c-text-light: #9ca3af;--c-bg: #ffffff;--c-bg-soft: #f9fafb;--c-bg-muted: #f3f4f6;--c-border: #e5e7eb;--c-border-light: #f3f4f6;--c-success: #059669;--c-success-bg: #ecfdf5;--c-error: #dc2626;--c-error-bg: #fef2f2;--c-info: #2563eb;--c-info-bg: #eff6ff;--c-warning: #d97706;--c-warning-bg: #fef3c7;--c-danger: var(--c-error);--c-muted: var(--c-text-muted);--c-primary-rgb: 245, 158, 11;--c-bg-alt: var(--c-bg-muted);--c-bg-card: var(--c-bg);--c-bg-secondary: var(--c-bg-soft);--c-bg-subtle: var(--c-bg-soft);--c-bg-tertiary: var(--c-bg-muted);--c-bg-highlight: var(--c-primary-subtle);--c-accent-bg: var(--c-primary-subtle);--c-brand: var(--c-primary);--c-blue: #3b82f6;--c-green: #16a34a;--c-red: #dc2626;--c-yellow: #d97706;--border: var(--c-border);--accent: #3b82f6;--accent-light: #60a5fa;--accent-bg: var(--c-primary-subtle);--accent-muted: var(--c-primary-subtle);--accent-rgb: 59, 130, 246;--accent-secondary: #5ba37a;--primary: var(--c-primary);--primary-light: var(--c-primary-light);--primary-bg: var(--c-primary-subtle);--secondary: var(--c-accent);--surface: var(--c-bg);--surface-1: var(--c-bg);--surface-2: var(--c-bg-muted);--surface-3: var(--c-bg-soft);--surface-4: var(--c-bg-muted);--surface-highlight: var(--c-primary-subtle);--bg: var(--c-bg);--bg-alt: var(--c-bg-muted);--bg-muted: var(--c-bg-muted);--bg-2: var(--c-bg-soft);--bg-3: var(--c-bg-muted);--bg-accent: var(--c-primary-subtle);--bg-accent-subtle: var(--c-primary-subtle);--bg-surface: var(--c-bg);--bg-card: var(--c-bg);--card-bg: var(--c-bg);--bg-highlight: var(--c-primary-subtle);--bg-secondary: var(--c-bg-soft);--bg-subtle: var(--c-bg-soft);--bg-tertiary: var(--c-bg-muted);--bg-error-subtle: var(--c-error-bg);--bg-warning-subtle: var(--c-warning-bg);--text: var(--c-text);--text-primary: var(--c-text);--text-muted: var(--c-text-muted);--text-2: var(--c-text-muted);--text-3: var(--c-text-light);--text-secondary: var(--c-text-muted);--warning: var(--c-warning);--warning-bg: var(--c-warning-bg);--danger: var(--c-danger);--error: var(--c-error);--success: var(--c-success);--success-color: var(--c-success);--bar-bg: var(--c-bg-muted);--track-bg: var(--c-bg-muted);--border-accent: var(--c-primary-light);--border-color: var(--c-border);--border-primary: var(--c-primary);--border-subtle: var(--c-border-light);--brand: var(--c-primary);--color-primary: #3b82f6;--color-primary-bg: rgba(59, 130, 246, .12);--color-success: #16a34a;--color-warning: #d97706;--color-danger: #dc2626;--color-error: var(--color-danger);--color-muted: var(--c-text-muted);--color-border: var(--c-border);--color-bg-light: var(--c-bg-soft);--color-bg-muted: var(--c-bg-muted);--color-bg-primary: var(--c-primary-subtle);--color-bg-secondary: var(--c-bg-soft);--color-bg-tertiary: var(--c-bg-muted);--color-surface: var(--c-bg);--color-text-muted: var(--c-text-muted);--color-text-secondary: var(--c-text-muted);--color-info: var(--c-info);--color-accent: var(--c-accent);--color-amber: var(--c-warning);--color-blue: var(--accent);--color-emerald: var(--c-success);--color-fp: var(--accent);--color-green: var(--c-success);--color-highlight: var(--c-primary-subtle);--color-orange: var(--c-warning);--color-purple: #8b5cf6;--color-red: var(--c-error);--color-secondary: var(--c-accent);--color-sky: var(--accent-light);--color-success-light: var(--c-success-bg);--color-tp: var(--c-primary);--color-warning-light: var(--c-warning-bg);--blue: var(--accent);--blue-5: rgba(59, 130, 246, .12);--amber: var(--c-warning);--cyan: #06b6d4;--gray: var(--c-text-light);--green: var(--c-success);--green-6: rgba(5, 150, 105, .12);--green-bg: var(--c-success-bg);--orange: var(--c-warning);--pink: #ec4899;--purple: #8b5cf6;--red: var(--c-error);--red-5: rgba(220, 38, 38, .12);--red-bg: var(--c-error-bg);--teal: #14b8a6;--yellow: var(--c-warning);--yellow-6: rgba(217, 119, 6, .12);--highlight: var(--c-primary-subtle);--highlight-bg: var(--c-primary-subtle);--row-highlight: var(--c-primary-subtle);--muted: var(--c-text-muted);--error-border: var(--c-error);--fg: var(--c-text);--fg-2: var(--c-text-muted);--c-surface: var(--c-bg);--c-text-secondary: var(--c-text-muted);--c-text-soft: var(--c-text-light);--c-primary-hover: var(--c-primary-dark);--clr-accent: var(--accent);--clr-accent-light: var(--accent-light);--clr-accent-soft: var(--c-primary-subtle);--clr-bg-accent: var(--c-primary-subtle);--clr-bg-alt: var(--c-bg-muted);--clr-border: var(--c-border);--clr-danger: var(--c-error);--clr-danger-bg: var(--c-error-bg);--clr-danger-border: var(--c-error);--clr-error: var(--c-error);--clr-info: var(--c-info);--clr-info-light: var(--c-info-bg);--clr-muted: var(--c-text-muted);--clr-ok: var(--c-success);--clr-primary: var(--color-primary);--clr-primary-bg: var(--color-primary-bg);--clr-primary-light: var(--accent-light);--clr-secondary: var(--c-accent);--clr-success: var(--c-success);--clr-success-border: var(--c-success);--clr-surface: var(--c-bg);--clr-surface-2: var(--c-bg-muted);--clr-surface-alt: var(--c-bg-soft);--clr-text: var(--c-text);--clr-text-dim: var(--c-text-light);--clr-text-muted: var(--c-text-muted);--clr-text-secondary: var(--c-text-muted);--clr-warn: var(--c-warning);--clr-warning: var(--c-warning);--clr-warning-border: var(--c-warning);--fs-base: 1rem;--fs-lg: 1.125rem;--fs-sm: .875rem;--fs-xs: .75rem;--fw-600: 600;--font-sans: "Inter", system-ui, -apple-system, Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", Consolas, monospace;--max-w: 1280px;--max-w-narrow: 900px;--max-w-calc: 800px;--radius: 10px;--radius-sm: 6px;--radius-lg: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-focus: 0 0 0 3px rgba(245, 158, 11, .3);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--sp-16: 64px;--sp-20: 80px;--ease: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration: .2s;--duration-slow: .3s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--c-text);background:var(--c-bg-soft);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,svg{display:block;max-width:100%}a{color:var(--c-accent);text-decoration:none;transition:color var(--duration) var(--ease)}a:hover{color:var(--c-primary-dark)}::selection{background:var(--c-primary-subtle);color:var(--c-accent)}.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--sp-5)}@media (min-width: 768px){.container{padding:0 var(--sp-8)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-muted{color:var(--c-text-muted)}.text-center{text-align:center}h1,h2,h3,h4{line-height:1.25;color:var(--c-text);letter-spacing:-.01em}h1{font-size:clamp(1.5rem,4vw,2rem);font-weight:700}h2{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:600}h3{font-size:clamp(1.05rem,2.5vw,1.2rem);font-weight:600}h4{font-size:1.05rem;font-weight:500}@media (min-width: 768px){h1{font-size:clamp(2rem,3.5vw,2.25rem)}h2{font-size:clamp(1.5rem,2.5vw,1.6rem)}}p{margin-bottom:var(--sp-4)}code{font-family:var(--font-mono);font-size:.875em;background:var(--c-bg-muted);padding:2px 6px;border-radius:var(--radius-sm)}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}[data-theme=dark]{--c-primary: #fbbf24;--c-primary-dark: #f59e0b;--c-primary-light: #d97706;--c-primary-subtle: rgba(251, 191, 36, .12);--c-accent: #e2e8f0;--c-accent-light: #93c5fd;--c-text: #f1f5f9;--c-text-muted: #94a3b8;--c-text-light: #64748b;--c-bg: #1e1e2e;--c-bg-soft: #181825;--c-bg-muted: #2a2a3c;--c-border: #333347;--c-border-light: #2a2a3c;--c-success: #34d399;--c-success-bg: rgba(52, 211, 153, .1);--c-error: #f87171;--c-error-bg: rgba(248, 113, 113, .1);--c-info: #60a5fa;--c-info-bg: rgba(96, 165, 250, .1);--c-warning: #fbbf24;--c-warning-bg: rgba(251, 191, 36, .14);--c-danger: var(--c-error);--c-muted: var(--c-text-muted);--c-primary-rgb: 251, 191, 36;--accent: #60a5fa;--accent-light: #93c5fd;--accent-rgb: 96, 165, 250;--color-primary: #60a5fa;--color-primary-bg: rgba(96, 165, 250, .14);--color-success: #34d399;--color-warning: #fbbf24;--color-danger: #f87171;--color-error: #f87171;--color-purple: #a78bfa;--blue: #60a5fa;--blue-5: rgba(96, 165, 250, .16);--green: #34d399;--green-6: rgba(52, 211, 153, .16);--red: #f87171;--red-5: rgba(248, 113, 113, .16);--yellow: #fbbf24;--yellow-6: rgba(251, 191, 36, .16);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(251, 191, 36, .35);color-scheme:dark}.skip-link{position:absolute;top:-100%;left:var(--sp-4);z-index:200;padding:var(--sp-2) var(--sp-4);background:var(--c-primary);color:#000;font-weight:600;border-radius:var(--radius);text-decoration:none}.skip-link:focus{top:var(--sp-2)}.header{position:sticky;top:0;z-index:100;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:color-mix(in srgb,var(--c-bg) 85%,transparent);border-bottom:1px solid transparent;transition:border-color var(--duration) var(--ease),box-shadow var(--duration-slow) var(--ease),background var(--duration) var(--ease)}.header--scrolled{border-bottom-color:var(--c-border);box-shadow:0 1px 3px #0000000f,0 4px 12px #00000008;background:color-mix(in srgb,var(--c-bg) 95%,transparent)}.header__accent-bar{height:3px;background:linear-gradient(90deg,var(--c-primary-dark),var(--c-primary),var(--c-primary-light))}.header__inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:var(--sp-4)}@media (min-width: 768px){.header__inner{height:60px}}.header__logo{display:flex;align-items:center;gap:var(--sp-2);flex-shrink:0;transition:opacity var(--duration) var(--ease)}.header__logo:hover{opacity:.85}.header__logo-icon{flex-shrink:0;transition:transform var(--duration-slow) var(--ease-spring)}.header__logo:hover .header__logo-icon{transform:rotate(-8deg) scale(1.05)}.header__logo-text{font-size:1.3rem;font-weight:800;color:var(--c-accent);letter-spacing:-.03em}.header__logo-accent{color:var(--c-primary-dark)}.header__nav{display:none;align-items:center;gap:2px}@media (min-width: 768px){.header__nav{display:flex}}.header__link{display:inline-flex;align-items:center;gap:6px;font-size:.86rem;font-weight:550;color:var(--c-text-muted);padding:6px 12px;border-radius:var(--radius-full);transition:color var(--duration) var(--ease),background var(--duration) var(--ease);white-space:nowrap;position:relative}.header__link:hover{color:var(--c-text);background:var(--c-bg-muted)}.header__link--active{color:var(--c-primary-dark);background:var(--c-primary-subtle);font-weight:600}.header__link-icon{flex-shrink:0;opacity:.5;transition:opacity var(--duration) var(--ease)}.header__link:hover .header__link-icon{opacity:.85}.header__link--active .header__link-icon{opacity:.9}@media (max-width: 767px){.header__link-icon{display:none}}.header__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1.5px solid var(--c-border);border-radius:var(--radius-full);cursor:pointer;color:var(--c-text-muted);transition:all var(--duration) var(--ease);padding:0;line-height:1}.header__icon-btn:hover{background:var(--c-primary-subtle);border-color:var(--c-primary-light);color:var(--c-primary-dark);transform:translateY(-1px);box-shadow:0 2px 8px #f59e0b26}.header__icon-btn:active{transform:scale(.95)}.header__icon-btn--active{background:var(--c-primary-subtle);border-color:var(--c-primary);color:var(--c-primary-dark)}.header__search{display:none;overflow:hidden;max-width:0;opacity:0;transition:max-width var(--duration-slow) var(--ease),opacity var(--duration) var(--ease)}@media (min-width: 768px){.header__search{display:block}.header__search--open{max-width:260px;opacity:1}}.header__search-input{font-family:var(--font-sans);font-size:.85rem;padding:7px var(--sp-4);border:1.5px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-bg);color:var(--c-text);outline:none;width:240px;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.header__search-input::placeholder{color:var(--c-text-light)}.header__search-input:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus)}.header__search-mobile{border-bottom:1px solid var(--c-border);background:var(--c-bg);padding:var(--sp-3) 0;animation:headerSlideDown .2s var(--ease)}@keyframes headerSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 768px){.header__search-mobile{display:none}}.header__search-input--mobile{width:100%;font-family:var(--font-sans);font-size:.95rem;padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-bg-muted);color:var(--c-text);outline:none}.header__search-input--mobile:focus{border-color:var(--c-primary);background:var(--c-bg);box-shadow:var(--shadow-focus)}.header__toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;padding:0;border-radius:var(--radius-sm);transition:background var(--duration) var(--ease)}.header__toggle:hover{background:var(--c-bg-muted)}@media (min-width: 768px){.header__toggle{display:none}}.header__hamburger,.header__hamburger:before,.header__hamburger:after{display:block;width:18px;height:2px;background:var(--c-text);border-radius:1px;transition:all var(--duration) var(--ease)}.header__hamburger{position:relative}.header__hamburger:before,.header__hamburger:after{content:"";position:absolute;left:0}.header__hamburger:before{top:-6px}.header__hamburger:after{top:6px}.header__hamburger--open{background:transparent}.header__hamburger--open:before{top:0;transform:rotate(45deg)}.header__hamburger--open:after{top:0;transform:rotate(-45deg)}@media (max-width: 767px){.header__nav{display:none;position:absolute;top:59px;left:0;right:0;background:var(--c-bg);border-bottom:1px solid var(--c-border);flex-direction:column;padding:var(--sp-2) var(--sp-4) var(--sp-4);box-shadow:var(--shadow-lg);z-index:99;animation:headerSlideDown .2s var(--ease)}.header__nav--open{display:flex}.header__link{padding:var(--sp-3) var(--sp-4);font-size:.95rem;border-radius:var(--radius)}.header__link:hover{background:var(--c-bg-muted)}}.header__mega-wrapper{position:relative}.header__link--has-dropdown{gap:4px}.header__dropdown-arrow{transition:transform var(--duration) var(--ease);opacity:.5;flex-shrink:0}.header__dropdown-arrow--open{transform:rotate(180deg)}.mega-menu{position:absolute;top:100%;left:50%;transform:translate(-50%);padding-top:8px;z-index:200;animation:megaFadeIn .18s var(--ease)}@keyframes megaFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.mega-menu__inner{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f;width:min(720px,92vw);overflow:hidden}.mega-menu__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5) var(--sp-2);border-bottom:1px solid var(--c-border-light)}.mega-menu__title{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-muted)}.mega-menu__count{font-size:.75rem;color:var(--c-text-light);font-weight:500}.mega-menu__section-label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-light);padding:var(--sp-3) var(--sp-5) var(--sp-1)}.mega-menu__popular{padding:0 var(--sp-4) var(--sp-3)}.mega-menu__popular-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.mega-menu__popular-item{display:inline-flex;align-items:center;gap:6px;padding:5px var(--sp-3);border-radius:var(--radius-full);background:var(--c-primary-subtle);font-size:.82rem;font-weight:600;color:var(--c-primary-dark);transition:all var(--duration) var(--ease)}.mega-menu__popular-item:hover{background:var(--c-primary);color:var(--c-bg)}.mega-menu__popular-name{white-space:nowrap}.mega-menu__popular-count{font-size:.7rem;font-weight:700;opacity:.65}.mega-menu__groups{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);padding:var(--sp-3) var(--sp-5) var(--sp-4);max-height:380px;overflow-y:auto}.mega-menu__group{min-width:0}.mega-menu__group-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--c-text-muted);padding-bottom:var(--sp-1);margin-bottom:var(--sp-1);border-bottom:1px solid var(--c-border-light)}.mega-menu__group-list{display:flex;flex-direction:column;gap:1px}.mega-menu__item{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:6px var(--sp-3);border-radius:var(--radius-sm);font-size:.82rem;font-weight:500;color:var(--c-text);transition:all var(--duration) var(--ease)}.mega-menu__item:hover{background:var(--c-primary-subtle);color:var(--c-primary-dark)}.mega-menu__item-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mega-menu__item-count{font-size:.7rem;color:var(--c-text-light);font-weight:600;background:var(--c-bg-muted);padding:1px 6px;border-radius:var(--radius-full);flex-shrink:0}.mega-menu__item:hover .mega-menu__item-count{background:var(--c-primary-light);color:var(--c-accent)}.mega-menu__footer{border-top:1px solid var(--c-border-light);padding:var(--sp-3) var(--sp-5);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4)}.mega-menu__view-all{font-size:.84rem;font-weight:600;color:var(--c-primary-dark);transition:color var(--duration) var(--ease)}.mega-menu__view-all:hover{color:var(--c-primary)}.mega-menu__search-link{font-size:.82rem;font-weight:500;color:var(--c-text-muted);transition:color var(--duration) var(--ease)}.mega-menu__search-link:hover{color:var(--c-primary)}@media (max-width: 767px){.mega-menu,.header__dropdown-arrow{display:none}}.header__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:89;animation:fadeIn .2s var(--ease)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 768px){.header__overlay{display:none}}.header__mobile-section{display:none}@media (max-width: 767px){.header__mobile-section{display:block;border-top:1px solid var(--c-border-light);margin-top:var(--sp-2);padding-top:var(--sp-2)}.header__mobile-section-label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-light);padding:var(--sp-2) var(--sp-4) var(--sp-1)}.header__mobile-cats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2px;padding:var(--sp-1) var(--sp-2) var(--sp-2)}.header__mobile-cat-link{font-size:.84rem;font-weight:500;color:var(--c-text-muted);padding:6px var(--sp-3);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__mobile-cat-link:hover{background:var(--c-primary-subtle);color:var(--c-primary-dark)}.header__mobile-view-all{display:block;text-align:center;font-size:.84rem;font-weight:600;color:var(--c-primary);padding:var(--sp-2) var(--sp-4);margin-top:var(--sp-1);transition:color var(--duration) var(--ease)}.header__mobile-view-all:hover{color:var(--c-primary-dark)}.header__mobile-quick-link{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);font-size:.95rem;font-weight:550;color:var(--c-text);border-radius:var(--radius);transition:background var(--duration) var(--ease)}.header__mobile-quick-link:hover{background:var(--c-bg-muted)}}.footer{--footer-text-strong: #f8fafc;--footer-text: #dde7f4;--footer-text-muted: #c8d5e6;--footer-text-soft: #b4c3d8;background:#1e3a5f;color:var(--footer-text);margin-top:var(--sp-16);padding-top:48px;position:relative}.footer__wave{position:absolute;inset:0 0 auto;height:48px;margin-top:0;transform:translateY(-100%);color:#1e3a5f;line-height:0;pointer-events:none}.footer__wave svg{display:block;width:100%;height:100%}.footer__top-bar{border-bottom:1px solid rgba(255,255,255,.08);padding:var(--sp-3) 0;text-align:center}.footer__back-to-top{display:inline-flex;align-items:center;gap:var(--sp-2);font-family:var(--font-sans);font-size:.82rem;font-weight:500;color:var(--footer-text);background:none;border:none;cursor:pointer;padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.footer__back-to-top:hover{color:var(--c-primary-light);background:#ffffff0f}.footer__back-to-top-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:#ffffff14;border-radius:var(--radius-full);transition:background var(--duration) var(--ease),transform var(--duration) var(--ease-spring)}.footer__back-to-top:hover .footer__back-to-top-icon{background:#f59e0b33;transform:translateY(-2px)}.footer__inner{display:grid;grid-template-columns:1fr;gap:var(--sp-10);padding:var(--sp-12) 0 var(--sp-10)}@media (min-width: 640px){.footer__inner{grid-template-columns:1fr 1fr;gap:var(--sp-8) var(--sp-10)}}@media (min-width: 900px){.footer__inner{grid-template-columns:2fr repeat(4,1fr);gap:var(--sp-8)}}.footer__section{min-width:0}.footer__brand{max-width:340px}.footer__logo{display:inline-flex;align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);transition:opacity var(--duration) var(--ease)}.footer__logo:hover{opacity:.85}.footer__logo-icon{flex-shrink:0}.footer__logo-text{font-size:1.3rem;font-weight:800;color:var(--footer-text-strong);letter-spacing:-.03em}.footer__logo-text span{color:var(--c-primary)}.footer__tagline{font-size:.88rem;color:var(--footer-text);line-height:1.7;margin-bottom:var(--sp-6)}.footer__stats{display:flex;gap:var(--sp-5)}.footer__stat{display:flex;flex-direction:column;padding:var(--sp-3) var(--sp-4);background:#ffffff0d;border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);min-width:72px}.footer__stat-value{font-size:1.1rem;font-weight:700;color:var(--c-primary);line-height:1.2}.footer__stat-label{font-size:.68rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;color:var(--footer-text-muted);margin-top:3px}.footer__heading{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:var(--c-primary);margin-bottom:var(--sp-4);font-weight:700}.footer__links{list-style:none;padding:0;margin:0}.footer__links li{margin-bottom:2px}.footer__links a{display:inline-block;font-size:.88rem;color:var(--footer-text);padding:4px 0;position:relative;transition:color var(--duration) var(--ease),transform var(--duration) var(--ease)}.footer__links a:after{content:"";position:absolute;bottom:2px;left:0;width:0;height:1px;background:var(--c-primary);transition:width var(--duration-slow) var(--ease)}.footer__links a:hover{color:var(--footer-text-strong);transform:translate(3px)}.footer__links a:hover:after{width:100%}.footer__bottom{border-top:1px solid rgba(255,255,255,.06);padding:var(--sp-5) 0;background:#00000026}.footer__bottom-inner{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}@media (min-width: 640px){.footer__bottom-inner{flex-direction:row;justify-content:space-between;text-align:left}}.footer__copy{font-size:.8rem;color:var(--footer-text-strong);margin:0}.footer__disclaimer{font-size:.75rem;color:var(--footer-text-muted);margin:0;max-width:480px}.layout{min-height:100vh;display:flex;flex-direction:column}.layout__main{flex:1;padding:var(--sp-8) 0;background:var(--c-bg-soft)}.page-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-8)}.page-grid>*{min-width:0}@media (min-width: 768px){.page-grid{gap:var(--sp-10)}}.sidebar{display:none}@media (min-width: 768px){.sidebar{display:flex;flex-direction:column;position:sticky;top:88px;max-height:calc(100vh - 100px);overflow-y:auto;padding:var(--sp-4) var(--sp-3) var(--sp-6);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--c-border) transparent}}.sidebar__header{margin-bottom:var(--sp-3);padding-bottom:var(--sp-3);border-bottom:1px solid var(--c-border)}.sidebar__header-link{display:flex;align-items:center;gap:var(--sp-2);font-size:.82rem;font-weight:600;color:var(--c-text-muted);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:color var(--duration) var(--ease)}.sidebar__header-link:hover{color:var(--c-primary-dark)}.sidebar__header-link svg{flex-shrink:0;opacity:.6}.sidebar__nav{display:flex;flex-direction:column;gap:2px}.sidebar__cat{border-radius:var(--radius-sm);overflow:hidden}.sidebar__cat--active{background:var(--c-primary-subtle)}.sidebar__cat-btn{display:flex;align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-2) var(--sp-2);font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--c-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.sidebar__cat-btn:hover{color:var(--c-text);background:var(--c-bg-muted)}.sidebar__cat--active .sidebar__cat-btn{color:var(--c-primary-dark);font-weight:600}.sidebar__cat-emoji{flex-shrink:0;font-size:1rem;line-height:1}.sidebar__cat-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__cat-arrow{flex-shrink:0;opacity:.4;transition:transform var(--duration) var(--ease)}.sidebar__cat-arrow--open{transform:rotate(180deg)}.sidebar__subnav{display:grid;gap:1px;padding:var(--sp-1) var(--sp-2) var(--sp-2) var(--sp-6);animation:sidebarSlideDown .15s var(--ease)}@keyframes sidebarSlideDown{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sidebar__sublink{display:block;font-size:.8rem;padding:var(--sp-1) var(--sp-2);color:var(--c-text-muted);border-radius:var(--radius-sm);text-decoration:none;transition:color var(--duration) var(--ease),background var(--duration) var(--ease)}.sidebar__sublink:hover{color:var(--c-text);background:var(--c-bg-muted)}.sidebar__sublink--active{color:var(--c-primary-dark);background:var(--c-primary-subtle);font-weight:600}.sidebar__sublink--only{font-style:italic;opacity:.7}.sidebar__placeholder-link{display:block;height:1.5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-bg-muted) 78%,transparent)}.sidebar__placeholder-link--short{width:72%}.sidebar__placeholder-link--med{width:84%}.calc-card{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);transition:box-shadow var(--duration-slow) var(--ease),border-color var(--duration-slow) var(--ease),transform var(--duration) var(--ease);display:flex;flex-direction:column}.calc-card:hover{border-color:var(--c-primary-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.calc-card__title{font-size:1rem;font-weight:600;margin-bottom:var(--sp-2);line-height:1.35}.calc-card__title a{color:var(--c-text);transition:color var(--duration) var(--ease)}.calc-card__title a:hover{color:var(--c-primary-dark)}.calc-card__desc{font-size:.875rem;color:var(--c-text-muted);line-height:1.5;margin-bottom:var(--sp-3);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.calc-card__meta{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:auto}.calc-card__tag{font-size:.72rem;font-weight:500;background:var(--c-bg-muted);color:var(--c-text-muted);padding:2px 10px;border-radius:var(--radius-full);text-transform:capitalize}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--sp-5)}.breadcrumbs{display:flex;align-items:center;gap:var(--sp-1);font-size:.85rem;color:#4b5563;margin-bottom:var(--sp-6);flex-wrap:wrap}.breadcrumbs a{color:#4b5563;padding:2px 0;transition:color var(--duration) var(--ease)}.breadcrumbs a:hover{color:var(--c-primary-dark)}.breadcrumbs__sep{color:#6b7280;margin:0 var(--sp-1);-webkit-user-select:none;user-select:none}[data-theme=dark] .breadcrumbs,[data-theme=dark] .breadcrumbs a{color:var(--c-text-muted)}[data-theme=dark] .breadcrumbs__sep{color:var(--c-text-light)}.search-bar{position:relative;max-width:540px}.search-bar__input{width:100%;font-family:var(--font-sans);font-size:1rem;padding:var(--sp-3) var(--sp-5);padding-left:44px;border:2px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.search-bar__input::placeholder{color:var(--c-text-light)}.search-bar__input:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus)}.search-bar__icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--c-text-light);pointer-events:none}.hero{text-align:center;padding:var(--sp-12) 0 var(--sp-10);max-width:680px;margin:0 auto}.hero__title{font-size:2rem;line-height:1.2;letter-spacing:-.025em;margin-bottom:var(--sp-4)}@media (min-width: 640px){.hero__title{font-size:2.6rem}}.hero__subtitle{font-size:1.1rem;color:var(--c-text-muted);line-height:1.6;margin-bottom:var(--sp-8);max-width:540px;margin-left:auto;margin-right:auto}.hero__actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.hero--home{text-align:center;padding:var(--sp-16) 0 var(--sp-12);max-width:760px;margin:0 auto;position:relative}.hero--home .hero__title{font-size:2.2rem;line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--sp-4);font-weight:800;text-wrap:balance}.hero__title-line{display:block}.hero__title-icon{display:inline-block;margin-left:.1em}@media (min-width: 640px){.hero--home .hero__title{font-size:3rem}}.hero--home .hero__subtitle{font-size:1.1rem;color:var(--c-text-muted);line-height:1.65;margin-bottom:var(--sp-8);max-width:560px;margin-left:auto;margin-right:auto}.hero__search{display:flex;align-items:center;gap:var(--sp-3);max-width:560px;margin:0 auto var(--sp-5)}.hero__search-field{display:flex;align-items:center;min-width:0;flex:1;max-width:560px;background:var(--c-bg);border:2px solid var(--c-border);border-radius:var(--radius-full);padding:4px 4px 4px 18px;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.hero__search-field:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 4px #f59e0b26}.hero__search-icon{flex-shrink:0;color:var(--c-text-light);margin-right:10px}.hero__search-input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--c-text);outline:none;padding:10px 0;min-width:0}.hero__search-input::placeholder{color:var(--c-text-light)}.hero__search-btn{flex-shrink:0;background:var(--c-primary);color:var(--c-accent);font-weight:600;font-size:.88rem;border:none;border-radius:var(--radius-full);padding:10px 22px;cursor:pointer;transition:background var(--duration) var(--ease)}.hero__search-btn:hover{background:var(--c-primary-dark)}.hero--home .hero__actions{display:flex;gap:var(--sp-3);justify-content:center;flex-wrap:wrap}.trust-bar{display:flex;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-4);margin-bottom:var(--sp-12);border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-bg-soft);flex-wrap:wrap}.trust-bar__item{display:flex;flex-direction:column;align-items:center;gap:2px}.trust-bar__number{font-size:1.5rem;font-weight:800;color:var(--c-primary);line-height:1.1;letter-spacing:-.02em}.trust-bar__label{font-size:.78rem;font-weight:500;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.04em}.trust-bar__divider{width:1px;height:36px;background:var(--c-border)}@media (max-width: 500px){.hero--home{padding:var(--sp-10) 0 var(--sp-9);max-width:100%}.hero--home .hero__title{font-size:clamp(1.92rem,9.6vw,2.5rem);line-height:1.05}.hero--home .hero__subtitle{font-size:.98rem;margin-bottom:var(--sp-5)}.hero__search{display:grid;grid-template-columns:1fr;gap:var(--sp-3);max-width:100%;margin-bottom:var(--sp-6)}.hero__search-field{max-width:100%}.hero__search-input,.hero__search-input::placeholder{font-size:.9rem}.hero__search-btn{width:100%;padding:12px 18px}.trust-bar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4) var(--sp-6)}.trust-bar__item{min-width:0}.trust-bar__number{font-size:1.25rem}.trust-bar__divider{display:none}}.page-heading{display:flex;align-items:flex-end;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-3)}.page-heading__title{margin:0}.page-heading__count{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:var(--radius-full);background:var(--c-primary-subtle);color:var(--c-primary-dark);font-size:.8rem;font-weight:600;line-height:1}@media (max-width: 500px){.page-heading{gap:var(--sp-2)}.page-heading__title{flex-basis:100%}}@media (min-width: 768px){.page-grid--sidebar-left{grid-template-columns:260px minmax(0,1fr);align-items:start}}.home-section{margin-bottom:var(--sp-12)}.home-section__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap;margin-bottom:var(--sp-6)}.home-section__header .home-section__title{margin-bottom:0;padding-bottom:0}.home-section__title{margin-bottom:var(--sp-6);padding-bottom:var(--sp-2)}.home-section__intro{margin:var(--sp-2) 0 0;max-width:62ch;color:var(--c-text-muted);line-height:1.65}.home-section__link{font-size:.9rem;font-weight:500;color:var(--c-primary);text-decoration:none;white-space:nowrap;transition:color var(--duration) var(--ease)}.home-section__link:hover{color:var(--c-primary-dark);text-decoration:underline}.pop-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:var(--sp-4)}.pop-cat{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);text-decoration:none;color:var(--c-text);transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.pop-cat:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pop-cat__emoji{font-size:1.6rem;line-height:1;flex-shrink:0}.pop-cat__text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.pop-cat__name{font-weight:600;font-size:.95rem;line-height:1.2}.pop-cat__count{font-size:.78rem;color:var(--c-text-muted)}.pop-cat__arrow{flex-shrink:0;color:var(--c-text-light);transition:transform var(--duration) var(--ease),color var(--duration) var(--ease)}.pop-cat:hover .pop-cat__arrow{color:var(--c-primary);transform:translate(2px)}.how-it-works{padding:var(--sp-10) 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);background:var(--c-bg-soft);margin-left:calc(-1 * var(--sp-5));margin-right:calc(-1 * var(--sp-5));padding-left:var(--sp-5);padding-right:var(--sp-5)}@media (min-width: 768px){.how-it-works{margin-left:calc(-1 * var(--sp-8));margin-right:calc(-1 * var(--sp-8));padding-left:var(--sp-8);padding-right:var(--sp-8)}}.steps-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--sp-6);max-width:900px;margin:0 auto}.step-card{text-align:center;padding:var(--sp-6) var(--sp-4);position:relative}.step-card__number{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--c-primary);color:var(--c-bg);font-weight:700;font-size:.78rem;margin-bottom:var(--sp-3)}[data-theme=dark] .step-card__number{color:#1e1e2e}.step-card__icon{display:block;font-size:2rem;margin-bottom:var(--sp-3);line-height:1}.step-card__title{font-size:1.1rem;font-weight:700;margin-bottom:var(--sp-2)}.step-card__desc{font-size:.88rem;color:var(--c-text-muted);line-height:1.55;margin-bottom:0}.how-it-works__subtitle{text-align:center;font-size:1rem;color:var(--c-text-muted);margin-bottom:var(--sp-8);max-width:480px;margin-left:auto;margin-right:auto}.goal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--sp-3)}.goal-card{display:flex;flex-direction:column;gap:4px;padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);text-decoration:none;color:var(--c-text);position:relative;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease),transform var(--duration) var(--ease)}.goal-card:hover{border-color:var(--c-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.goal-card__title{font-size:.95rem;font-weight:700;line-height:1.2}.goal-card__desc{font-size:.82rem;color:var(--c-text-muted);line-height:1.4}.goal-card__arrow{position:absolute;top:50%;right:var(--sp-4);transform:translateY(-50%);color:var(--c-text-light);flex-shrink:0;transition:transform var(--duration) var(--ease),color var(--duration) var(--ease)}.goal-card:hover .goal-card__arrow{color:var(--c-primary);transform:translateY(-50%) translate(3px)}.feature-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--sp-4)}.feature-card{padding:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);text-align:center}.feature-card__icon{display:block;font-size:1.8rem;margin-bottom:var(--sp-3);line-height:1}.feature-card__title{font-size:1rem;font-weight:700;margin-bottom:var(--sp-2)}.feature-card__desc{font-size:.88rem;color:var(--c-text-muted);line-height:1.6;margin-bottom:0}.home-faq-list{display:flex;flex-direction:column;gap:var(--sp-3)}.home-faq-item{border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);overflow:hidden;transition:border-color var(--duration) var(--ease)}.home-faq-item[open]{border-color:var(--c-primary)}.home-faq-item__q{font-size:.95rem;font-weight:600;padding:var(--sp-4) var(--sp-5);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);transition:color var(--duration) var(--ease)}.home-faq-item__q::-webkit-details-marker{display:none}.home-faq-item__q::marker{display:none}.home-faq-item__q:after{content:"+";font-size:1.1rem;font-weight:700;color:var(--c-text-light);flex-shrink:0;transition:transform var(--duration) var(--ease)}.home-faq-item[open] .home-faq-item__q:after{content:"−";color:var(--c-primary)}.home-faq-item__q:hover{color:var(--c-primary)}.home-faq-item__a{font-size:.9rem;color:var(--c-text-muted);line-height:1.7;padding:0 var(--sp-5) var(--sp-4);margin:0}.all-cats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:var(--sp-3)}.all-cats__item{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border);border-radius:var(--radius-sm);text-decoration:none;color:var(--c-text);background:var(--c-bg);transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease)}.all-cats__item:hover{border-color:var(--c-primary);background:var(--c-primary-subtle)}.all-cats__emoji{font-size:1.1rem;line-height:1;flex-shrink:0}.all-cats__name{flex:1;font-size:.88rem;font-weight:500;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all-cats__count{flex-shrink:0;font-size:.75rem;font-weight:600;color:var(--c-text-muted);background:var(--c-bg-muted);padding:2px 8px;border-radius:var(--radius-full)}.all-cats__item:hover .all-cats__count{background:var(--c-primary-light);color:var(--c-bg)}.popular-row{display:flex;flex-wrap:wrap;gap:var(--sp-3);justify-content:center}.popular-chip{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border:1.5px solid var(--c-border);border-radius:var(--radius-full);background:var(--c-bg);text-decoration:none;color:var(--c-text);font-size:.9rem;font-weight:500;transition:border-color var(--duration) var(--ease),background var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.popular-chip:hover{border-color:var(--c-primary);background:var(--c-primary-light);box-shadow:var(--shadow-xs)}.popular-chip__emoji{font-size:1.1rem;line-height:1}.popular-chip__label{line-height:1}.category-card{text-decoration:none}.category-card__footer{display:flex;gap:var(--sp-2);flex-wrap:wrap;margin-top:auto;padding-top:var(--sp-2)}.calc-page{max-width:var(--max-w-calc);width:100%;min-width:0}.calc-page__widget{min-height:24rem}@media (min-width: 768px){.calc-page__widget{min-height:28rem}}.calc-page__title{font-size:1.5rem;margin-bottom:var(--sp-2);letter-spacing:-.015em;overflow-wrap:anywhere;text-wrap:balance}@media (min-width: 768px){.calc-page__title{font-size:1.75rem}}.calc-page__desc{font-size:.95rem;color:var(--c-text-muted);margin-bottom:var(--sp-4);line-height:1.5}.calc-form{background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--sp-4) var(--sp-4);margin-bottom:var(--sp-6);box-shadow:var(--shadow-md);position:relative;overflow:hidden;max-width:100%}.calc-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--c-primary),var(--c-primary-dark));border-radius:var(--radius-lg) var(--radius-lg) 0 0}@media (min-width: 640px){.calc-form{padding:var(--sp-5) var(--sp-6)}}@media (max-width: 479px){.calc-form{padding:var(--sp-4) var(--sp-3);border-radius:var(--radius)}.calc-form>div[style],.calc-form>div>div[style]{grid-template-columns:1fr!important}.calc-page__title{font-size:clamp(1.55rem,7.2vw,1.9rem);line-height:1.1}.calc-page__desc{font-size:1rem}}.calc-section-divider{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3)}.calc-section-divider:before,.calc-section-divider:after{content:"";flex:1;height:1px;background:var(--c-border)}.calc-section-divider__label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);white-space:nowrap}.calc-form h3{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-5) 0 var(--sp-3);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--c-text-muted);border:none;background:none}.calc-form h3:before,.calc-form h3:after{content:"";flex:1;height:1px;background:var(--c-border)}.calc-grid{display:grid;gap:var(--sp-3)}.calc-grid--2{grid-template-columns:repeat(2,1fr)}.calc-grid--3{grid-template-columns:repeat(3,1fr)}@media (max-width: 639px){.calc-grid--2,.calc-grid--3{grid-template-columns:1fr}}.input-field{margin-bottom:var(--sp-3);transition:transform var(--duration) var(--ease)}.input-field--focused{transform:translate(2px)}.input-field__label{display:block;font-size:.82rem;font-weight:600;margin-bottom:var(--sp-1);color:var(--c-text);transition:color var(--duration) var(--ease)}.input-field--focused .input-field__label{color:var(--c-primary-dark)}.input-field__hint{display:block;font-size:.75rem;color:var(--c-text-light);margin-bottom:var(--sp-1)}.input-field__control,.input-field__input{width:100%;font-family:var(--font-sans);font-size:.9rem;padding:8px var(--sp-3);border:2px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input-field__control:hover,.input-field__input:hover{border-color:var(--c-text-light)}.input-field__control:focus,.input-field__input:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus);background:color-mix(in srgb,var(--c-primary-subtle) 25%,var(--c-bg))}.input-field__suffix{position:relative}.input-field__suffix .input-field__control,.input-field__suffix .input-field__input{padding-right:60px}.input-field__unit{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-size:.85rem;font-weight:500;color:var(--c-text-light);pointer-events:none}select.input-field__control,select.input-field__input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.input-group{margin-bottom:var(--sp-4)}.input-group__label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--sp-2);color:var(--c-text)}.input-group__input{width:100%;font-family:var(--font-sans);font-size:.95rem;padding:10px var(--sp-4);border:2px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text);outline:none;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.input-group__input:hover{border-color:var(--c-text-light)}.input-group__input:focus{border-color:var(--c-primary);box-shadow:var(--shadow-focus)}select.input-group__input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.calc-table{width:100%;border-collapse:collapse;font-size:.9rem;margin:var(--sp-4) 0;background:var(--c-bg)}.calc-table thead{background:var(--c-bg-soft)}.calc-table th{padding:var(--sp-3) var(--sp-4);text-align:left;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--c-text-muted);border-bottom:2px solid var(--c-border);white-space:nowrap}.calc-table td{padding:var(--sp-2) var(--sp-4);border-bottom:1px solid var(--c-border-light);color:var(--c-text);vertical-align:top}.calc-table tbody tr:hover{background:var(--c-bg-soft)}.calc-table tbody tr:last-child td{border-bottom:none}.calc-table td.num,.calc-table th.num{text-align:right;font-variant-numeric:tabular-nums;font-family:var(--font-mono, monospace)}.calc-table tr.highlight{background:#dbeafe;font-weight:600}[data-theme=dark] .calc-table tr.highlight{background:#1e3a5f}.callout-info{background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;padding:.75rem 1rem;margin-bottom:var(--sp-4)}.callout-warning{background:#fef3c7;border:1px solid #fcd34d;border-radius:8px;padding:.75rem 1rem;margin-bottom:var(--sp-4)}.callout-error{background:#fef2f2;border:1px solid #fca5a5;border-radius:8px;padding:.75rem 1rem;margin-bottom:var(--sp-4);color:#991b1b}.callout-success{background:#f0fdf4;border:1px solid #86efac;border-radius:8px;padding:.75rem 1rem;margin-bottom:var(--sp-4)}[data-theme=dark] .callout-info{background:#1e3a5f;border-color:#2563eb;color:#bfdbfe}[data-theme=dark] .callout-warning{background:#422006;border-color:#d97706;color:#fde68a}[data-theme=dark] .callout-error{background:#450a0a;border-color:#dc2626;color:#fca5a5}[data-theme=dark] .callout-success{background:#052e16;border-color:#16a34a;color:#bbf7d0}.calc-table-wrap,.calc-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--sp-4) 0}@media (max-width: 639px){.calc-table{font-size:.82rem}.calc-table th,.calc-table td{padding:var(--sp-2) var(--sp-3)}}.output-display{position:relative;background:var(--c-bg);border:1px solid var(--c-border);border-left:3px solid var(--c-primary);border-radius:var(--radius-sm);padding:var(--sp-4) var(--sp-5);text-align:left;min-width:0;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none;transition:box-shadow var(--duration) var(--ease),border-color var(--duration) var(--ease),transform var(--duration) var(--ease),background var(--duration) var(--ease)}.output-display:hover{box-shadow:var(--shadow-md);border-left-color:var(--c-primary-dark);transform:translateY(-1px)}.output-display:active{transform:scale(.98)}.output-display--copied{border-left-color:var(--c-success)!important;background:var(--c-success-bg)!important}.output-display__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--c-text-light);margin-bottom:var(--sp-1);line-height:1.3;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.output-display__copy-icon{font-size:.7rem;opacity:0;transition:opacity var(--duration) var(--ease)}.output-display:hover .output-display__copy-icon{opacity:.6}.output-display__toast{position:absolute;top:var(--sp-2);right:var(--sp-3);font-size:.7rem;font-weight:600;color:var(--c-success);background:var(--c-success-bg);padding:2px 8px;border-radius:var(--radius-full);animation:toast-fade 1.5s ease-out forwards}@keyframes toast-fade{0%{opacity:1;transform:translateY(0)}70%{opacity:1}to{opacity:0;transform:translateY(-6px)}}.output-display__value{font-size:clamp(1.1rem,3.5vw,1.5rem);font-weight:700;color:var(--c-text);letter-spacing:-.02em;line-height:1.25;overflow-wrap:break-word;word-break:break-word;font-variant-numeric:tabular-nums}.output-display__detail{font-size:.8rem;color:var(--c-text-muted);margin-top:var(--sp-2);line-height:1.45}.output-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:var(--sp-3);margin-top:var(--sp-5);margin-bottom:var(--sp-6)}.output-grid .output-display{margin-bottom:0}.calc-breakdown{margin-bottom:var(--sp-6)}.calc-breakdown__bar{display:flex;min-width:0;height:24px;border-radius:var(--radius);overflow:hidden;font-size:.75rem;font-weight:600}.calc-breakdown__segment{min-width:0;display:flex;align-items:center;justify-content:center;padding:0 var(--sp-2);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-breakdown__segment--base{background:var(--c-accent)}.calc-breakdown__segment--growth{background:var(--c-primary)}@media (max-width: 479px){.calc-breakdown__bar{font-size:.68rem}}.output-grid--compact{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:var(--sp-2)}.output-grid--compact .output-display{padding:var(--sp-3) var(--sp-4)}.output-grid--compact .output-display__value{font-size:clamp(1rem,3vw,1.25rem)}[data-theme=dark] .output-display{background:var(--c-bg);border-color:var(--c-border);border-left-color:var(--c-primary)}[data-theme=dark] .output-display:hover{border-left-color:var(--c-primary-light)}.formula-display{background:var(--c-bg-muted);border:1px solid var(--c-border-light);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);margin-bottom:var(--sp-8);color:var(--c-text)}.formula-display__title{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;font-weight:700;color:#4b5563;margin-bottom:var(--sp-3)}.formula-display__code{font-family:var(--font-mono);font-size:.95rem;color:var(--c-accent);white-space:pre-wrap;word-break:break-word;line-height:1.7}[data-theme=dark] .formula-display__title{color:var(--c-text-muted)}.seo-block{margin-bottom:var(--sp-10)}.seo-block h2{margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);border-bottom:2px solid var(--c-primary-subtle)}.seo-block h3{margin-bottom:var(--sp-3)}.seo-block p{font-size:.95rem;line-height:1.75;margin-bottom:var(--sp-4);color:var(--c-text)}.seo-block p:last-child{margin-bottom:0}.seo-block ol,.seo-block ul{padding-left:var(--sp-6);margin-bottom:var(--sp-5)}.seo-block li{font-size:.95rem;line-height:1.75;margin-bottom:var(--sp-2)}.trust-block{padding:var(--sp-5);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:var(--c-bg-soft)}.trust-block__updated{color:var(--c-text-muted)}.trust-block__sources{padding-left:var(--sp-5)}.trust-block__sources li{margin-bottom:var(--sp-3)}.trust-block__sources a{color:var(--c-primary-dark);text-decoration:underline;text-underline-offset:2px}.trust-block__sources a:hover{color:var(--c-primary)}.seo-steps{counter-reset:step;list-style:none;padding:0}.seo-steps li{counter-increment:step;position:relative;padding-left:var(--sp-10);margin-bottom:var(--sp-5)}.seo-steps li:before{content:counter(step);position:absolute;left:0;top:0;width:28px;height:28px;background:var(--c-primary);color:#fff;font-size:.8rem;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.seo-tips{list-style:none;padding:0}.seo-tips li{position:relative;padding-left:var(--sp-8);margin-bottom:var(--sp-4);line-height:1.65}.seo-tips li:before{content:"💡";position:absolute;left:0;top:1px;font-size:1rem}.example-box__result{font-size:1.1rem;margin-bottom:var(--sp-3)}.example-box__result strong{color:var(--c-accent)}.example-box__explanation{font-size:.95rem;color:var(--c-text-muted);line-height:1.7}.faq-list{list-style:none;padding:0}.faq-item{border:1px solid var(--c-border-light);border-radius:var(--radius);margin-bottom:var(--sp-3);background:var(--c-bg);overflow:hidden;transition:border-color var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.faq-item:hover{border-color:var(--c-primary-light)}.faq-item--open{border-color:var(--c-primary-light);box-shadow:var(--shadow)}.faq-item:last-child{margin-bottom:0}.faq-item__q{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3);width:100%;padding:var(--sp-5) var(--sp-6);font-family:var(--font-sans);font-size:1rem;font-weight:600;color:var(--c-text);background:none;border:none;cursor:pointer;text-align:left;line-height:1.5;transition:background var(--duration) var(--ease)}.faq-item__q:hover{background:var(--c-bg-soft)}.faq-item__chevron{flex-shrink:0;width:20px;height:20px;background:var(--c-bg-muted);border-radius:var(--radius-full);position:relative;transition:transform var(--duration-slow) var(--ease),background var(--duration) var(--ease)}.faq-item__chevron:before{content:"";position:absolute;top:50%;left:50%;width:7px;height:7px;border-right:2px solid var(--c-text-muted);border-bottom:2px solid var(--c-text-muted);transform:translate(-50%,-65%) rotate(45deg);transition:transform var(--duration-slow) var(--ease)}.faq-item--open .faq-item__chevron{background:var(--c-primary-subtle)}.faq-item--open .faq-item__chevron:before{transform:translate(-50%,-35%) rotate(-135deg)}.faq-item__answer-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--duration-slow) var(--ease)}.faq-item--open .faq-item__answer-wrap{grid-template-rows:1fr}.faq-item__answer-inner{overflow:hidden;min-height:0}.faq-item__a{font-size:.92rem;color:var(--c-text-muted);line-height:1.7;padding:0 var(--sp-6) var(--sp-5)}.related-calcs{margin-top:var(--sp-10);padding-top:var(--sp-8);border-top:1px solid var(--c-border-light)}.related-calcs__title{font-size:1.1rem;font-weight:600;margin-bottom:var(--sp-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);font-family:var(--font-sans);font-size:.95rem;font-weight:600;padding:var(--sp-3) var(--sp-6);border:2px solid transparent;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration) var(--ease);text-decoration:none}.btn:active{transform:scale(.97)}.btn--primary{background:var(--c-primary);color:var(--c-accent);border-color:var(--c-primary)}.btn--primary:hover{background:var(--c-primary-dark);border-color:var(--c-primary-dark);color:#fff}.btn--secondary{background:var(--c-bg);color:var(--c-text);border-color:var(--c-border)}.btn--secondary:hover{border-color:var(--c-text-light);background:var(--c-bg-muted)}.btn--full{width:100%}.btn--outline{background:transparent;color:var(--c-primary);border-color:var(--c-primary)}.btn--outline:hover{background:var(--c-primary);color:#fff}.btn--sm{font-size:.82rem;padding:var(--sp-2) var(--sp-3)}.preset-btn,.btn-preset,.calc-preset-btn{display:inline-flex;align-items:center;gap:var(--sp-1);font-family:var(--font-sans);font-size:.82rem;font-weight:500;padding:var(--sp-2) var(--sp-3);background:var(--c-bg);color:var(--c-text);border:1px solid var(--c-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration) var(--ease);white-space:nowrap;line-height:1.3}.preset-btn:hover,.btn-preset:hover,.calc-preset-btn:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary);box-shadow:0 2px 8px #f59e0b4d}.preset-btn:active,.btn-preset:active,.calc-preset-btn:active{transform:scale(.96);box-shadow:none}.preset-btn.active,.preset-btn[aria-pressed=true],.btn-preset.active,.btn-preset[aria-pressed=true],.calc-preset-btn.active,.calc-preset-btn[aria-pressed=true]{background:var(--c-primary);color:#fff;border-color:var(--c-primary);font-weight:600}[data-theme=dark] .preset-btn,[data-theme=dark] .btn-preset,[data-theme=dark] .calc-preset-btn{background:var(--c-bg-soft);border-color:var(--c-border)}[data-theme=dark] .preset-btn:hover,[data-theme=dark] .preset-btn.active,[data-theme=dark] .btn-preset:hover,[data-theme=dark] .btn-preset.active,[data-theme=dark] .calc-preset-btn:hover,[data-theme=dark] .calc-preset-btn.active{background:var(--c-primary);color:#fff}.loading-placeholder{display:flex;align-items:center;justify-content:center;min-height:200px;color:var(--c-text-light);font-size:.95rem}.loading-placeholder:before{content:"";width:20px;height:20px;border:2px solid var(--c-border);border-top-color:var(--c-primary);border-radius:50%;margin-right:var(--sp-3);animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.report-issue{margin-top:var(--sp-4);margin-bottom:var(--sp-2);text-align:right;min-height:2.75rem;display:flex;flex-direction:column;align-items:flex-end}.report-issue__toggle{display:inline-flex;align-items:center;gap:var(--sp-1);background:transparent;border:none;padding:var(--sp-1) var(--sp-2);font-family:var(--font-sans);font-size:.8rem;color:#4b5563;cursor:pointer;transition:color var(--duration) var(--ease);border-radius:var(--radius-sm);font-weight:600}.report-issue__toggle:hover{color:var(--c-primary-dark);background:var(--c-bg-muted)}[data-theme=dark] .report-issue__toggle{color:var(--c-text-muted)}.report-issue__icon{font-size:.85rem}.report-issue__form{width:min(100%,44rem);margin-top:var(--sp-4);padding:var(--sp-5);background:var(--c-bg-muted);border:1px solid var(--c-border-light);border-radius:var(--radius);text-align:left}.report-issue__intro{font-size:.9rem;color:var(--c-text-muted);margin-bottom:var(--sp-5)}.report-issue__form .input-field__label .required{color:var(--c-danger, #dc2626)}.report-issue__form .input-field__label .optional{font-weight:400;color:var(--c-text-light)}.report-issue__form textarea.input-field__control{resize:vertical;min-height:100px;font-family:var(--font-sans)}.report-issue__form .btn{margin-top:var(--sp-2)}.calc-inline-ad{margin:var(--sp-6) 0;min-height:90px}.calc-inline-ad .adsbygoogle{display:block}.calc-inline-ad .adsbygoogle[data-ad-status=unfilled]{display:none!important}.calc-content-divider{display:flex;align-items:center;gap:var(--sp-4);margin:var(--sp-10) 0}.calc-content-divider:before,.calc-content-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--c-border),transparent)}.calc-content-divider__text{flex-shrink:0;font-size:.8rem;font-weight:700;color:#4b5563;text-transform:uppercase;letter-spacing:.08em}[data-theme=dark] .calc-content-divider__text{color:var(--c-text-muted)}.jump-to-calc{position:fixed;bottom:var(--sp-6);right:var(--sp-6);z-index:90;display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);background:var(--c-accent);color:#fff;font-family:var(--font-sans);font-size:.85rem;font-weight:600;border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-lg),0 0 #1e3a5f4d;cursor:pointer;opacity:0;transform:translateY(20px) scale(.9);pointer-events:none;transition:opacity var(--duration-slow) var(--ease),transform var(--duration-slow) var(--ease-spring),background var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.jump-to-calc--visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.jump-to-calc:hover{background:var(--c-primary-dark);box-shadow:var(--shadow-lg),0 0 0 4px #f59e0b33}.jump-to-calc:active{transform:translateY(0) scale(.96)}.jump-to-calc svg{flex-shrink:0}@media (max-width: 639px){.jump-to-calc{bottom:var(--sp-4);right:var(--sp-4);padding:var(--sp-3) var(--sp-4);font-size:.8rem}}[data-theme=dark] .jump-to-calc{background:var(--c-primary);color:var(--c-text);box-shadow:var(--shadow-lg),0 0 #fbbf2433}[data-theme=dark] .jump-to-calc:hover{background:var(--c-primary-dark)}.output-grid .output-display{animation:output-enter var(--duration-slow) var(--ease-spring) both}.output-grid .output-display:nth-child(1){animation-delay:0ms}.output-grid .output-display:nth-child(2){animation-delay:50ms}.output-grid .output-display:nth-child(3){animation-delay:.1s}.output-grid .output-display:nth-child(4){animation-delay:.15s}.output-grid .output-display:nth-child(5){animation-delay:.2s}.output-grid .output-display:nth-child(6){animation-delay:.25s}@keyframes output-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.example-box{background:var(--c-bg);border-left:4px solid var(--c-primary);border-radius:0 var(--radius) var(--radius) 0;padding:var(--sp-6);box-shadow:var(--shadow);position:relative}.example-box:before{content:"💡";position:absolute;top:var(--sp-4);right:var(--sp-5);font-size:1.2rem;opacity:.4}.calc-table tbody tr{transition:background var(--duration) var(--ease)}.calc-table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--c-bg-soft) 50%,transparent)}.calc-table tbody tr:hover{background:var(--c-primary-subtle)}.related-calcs .calc-card{transition:transform var(--duration) var(--ease),box-shadow var(--duration) var(--ease)}.related-calcs .calc-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}[data-theme=dark] .calc-form:before{background:linear-gradient(90deg,var(--c-primary),var(--c-primary-dark));opacity:.8}[data-theme=dark] .calc-content-divider:before,[data-theme=dark] .calc-content-divider:after{background:linear-gradient(90deg,transparent,var(--c-border),transparent)}[data-theme=dark] .output-display--copied{background:#0596691a!important;border-left-color:var(--c-success)!important}[data-theme=dark] .preset-btn:hover{box-shadow:0 2px 8px #fbbf2440}.calc-nav{display:flex;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--c-border)}.calc-nav__link{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border:1px solid var(--c-border);border-radius:var(--radius);background:var(--c-bg);color:var(--c-text);transition:all var(--duration) var(--ease);max-width:48%;min-width:0}.calc-nav__link:hover{border-color:var(--c-primary-light);background:var(--c-primary-subtle);box-shadow:0 2px 8px #f59e0b1a}.calc-nav__link svg{flex-shrink:0;color:#6b7280;transition:color var(--duration) var(--ease),transform var(--duration) var(--ease)}.calc-nav__link:hover svg{color:var(--c-primary-dark)}.calc-nav__link--prev:hover svg{transform:translate(-2px)}.calc-nav__link--next:hover svg{transform:translate(2px)}.calc-nav__link--next{margin-left:auto;text-align:right}.calc-nav__text{display:flex;flex-direction:column;gap:2px;min-width:0}.calc-nav__label{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#4b5563}[data-theme=dark] .calc-nav__label,[data-theme=dark] .calc-nav__link svg{color:var(--c-text-muted)}.calc-nav__title{font-size:.88rem;font-weight:600;color:var(--c-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calc-nav__link:hover .calc-nav__title{color:var(--c-primary-dark)}@media (max-width: 600px){.calc-nav{flex-direction:column;gap:var(--sp-3)}.calc-nav__link{max-width:100%}.calc-nav__link--next{margin-left:0;flex-direction:row-reverse;text-align:left}}@media print{.jump-to-calc,.report-issue,.related-calcs,.header,.footer,.sidebar{display:none!important}.calc-form{box-shadow:none;border:2px solid #000;break-inside:avoid}.output-display{cursor:default;border:1px solid #000;break-inside:avoid}.output-display__copy-icon,.output-display__toast{display:none}}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sk{position:relative;overflow:hidden;background:var(--c-bg-muted);border-radius:var(--radius-sm)}.sk:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--c-border-light) 78%,transparent) 50%,transparent 100%);animation:skeleton-shimmer 1.6s ease-in-out infinite;will-change:transform}@media (prefers-reduced-motion: reduce){.sk:after{animation:none;transform:none}}.sk-text{height:.9rem;margin-bottom:var(--sp-2)}.sk-text--lg{height:1.25rem}.sk-text--xl{height:1.75rem}.sk-text--short{width:40%}.sk-text--med{width:65%}.sk-text--long{width:85%}.sk-text--full{width:100%}.sk-heading{height:2rem;width:60%;margin-bottom:var(--sp-3);border-radius:var(--radius-sm)}.sk-heading--sm{height:1.5rem;width:45%}.sk-block{border-radius:var(--radius);border:1px solid var(--c-border-light)}.sk-calc{max-width:var(--max-w-calc)}.sk-calc__breadcrumb{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-6)}.sk-calc__breadcrumb .sk{height:.85rem;width:80px;border-radius:var(--radius-full)}.sk-calc__title{height:2rem;width:70%;margin-bottom:var(--sp-2)}@media (min-width: 768px){.sk-calc__title{height:2.4rem}}.sk-calc__desc{height:1.05rem;width:90%;margin-bottom:var(--sp-6)}.sk-calc__form{border:1px solid var(--c-border-light);border-radius:var(--radius);padding:var(--sp-6);margin-bottom:var(--sp-8);min-height:260px}.sk-calc__input{height:42px;border-radius:var(--radius-sm);margin-bottom:var(--sp-4)}.sk-calc__input:last-child{margin-bottom:0}.sk-calc__input--label{height:.8rem;width:30%;margin-bottom:var(--sp-2)}.sk-calc__btn{height:44px;width:140px;border-radius:var(--radius-sm);margin-top:var(--sp-3)}.sk-calc__section{margin-top:var(--sp-8)}.sk-calc__section-title{height:1.5rem;width:50%;margin-bottom:var(--sp-4)}.sk-calc__para{height:.9rem;margin-bottom:var(--sp-2)}.sk-calc-widget{margin-bottom:var(--sp-8)}.sk-calc-widget__actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-top:var(--sp-3)}.sk-calc-widget__output{min-height:120px}.sk-sidebar{display:none}@media (min-width: 768px){.sk-sidebar{display:block}}.sk-sidebar__title{height:.7rem;width:60%;margin-bottom:var(--sp-3)}.sk-sidebar__link{height:.85rem;width:80%;margin-bottom:var(--sp-2);border-radius:var(--radius-sm)}.sk-sidebar__section{margin-bottom:var(--sp-5)}.sk-card{border:1px solid var(--c-border-light);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);min-height:130px;display:flex;flex-direction:column;gap:var(--sp-2)}.sk-card__title{height:1rem;width:75%}.sk-card__line{height:.85rem}.sk-card__line:nth-child(2){width:100%}.sk-card__line:nth-child(3){width:85%}.sk-card__line:nth-child(4){width:60%}.sk-card__tags{display:flex;gap:var(--sp-2);margin-top:auto}.sk-card__tag{height:22px;width:64px;border-radius:var(--radius-full)}.sk-hero{text-align:center;padding:var(--sp-12) 0 var(--sp-8)}.sk-hero__title{height:2.4rem;width:60%;margin:0 auto var(--sp-3)}.sk-hero__subtitle{height:1rem;width:70%;margin:0 auto var(--sp-2)}.sk-hero__subtitle:last-child{width:50%;margin-bottom:var(--sp-6)}.sk-hero__btns{display:flex;justify-content:center;gap:var(--sp-3)}.sk-hero__btn{height:44px;width:160px;border-radius:var(--radius-sm)}.sk-article{display:flex;flex-direction:column;gap:var(--sp-8);min-height:980px}.sk-article__section{display:flex;flex-direction:column}.sk-article__heading{height:1.6rem;width:42%;margin-bottom:var(--sp-4)}.sk-article__callout{border:1px solid var(--c-border-light);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6)}.sk-article__callout .sk:last-child{margin-bottom:0}.sk-article__list{display:flex;flex-direction:column;gap:var(--sp-3)}.sk-article__list-item{height:.95rem;width:100%}.sk-tool{display:grid;gap:var(--sp-5);margin-bottom:var(--sp-8)}.sk-tool__panel{min-height:220px}.sk-tool__result{border:1px solid var(--c-border-light);border-radius:var(--radius);padding:var(--sp-5) var(--sp-6);min-height:150px}.sk-chips{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-8);justify-content:center}.sk-chip{height:38px;width:100px;border-radius:var(--radius-full)}.sk-chip:nth-child(odd){width:90px}.sk-chip:nth-child(3n){width:110px}