@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-primary:#0d7377;--color-primary-dark:#0a5c5f;--color-primary-light:#14a3a8;--color-primary-50:#e8f6f6;--color-primary-100:#c2e8e9;--color-primary-200:#9dd8da;--color-secondary:#e8910c;--color-secondary-dark:#c2770a;--color-secondary-light:#f5c570;--color-secondary-50:#fff6e6;--color-secondary-100:#fdeacb;--color-ink:#0e2d31;--color-ink-light:#1a4549;--color-ink-50:#e8efef;--color-cream:#faf7f2;--color-cream-card:#fffcf7;--color-cream-dark:#f2ede4;--color-warning:#c53a3a;--color-warning-dark:#a02e2e;--color-warning-light:#fce5e5;--color-warning-50:#fbf0f0;--color-success:#2d8f5f;--color-success-dark:#227050;--color-success-light:#dff2e8;--color-success-50:#f0faf5;--color-gray-50:#f9f7f5;--color-gray-100:#f0ede9;--color-gray-200:#e0dcd6;--color-gray-300:#c9c4bc;--color-gray-400:#a39e95;--color-gray-500:#7a756d;--color-gray-600:#5a554e;--color-gray-700:#44403a;--color-gray-800:#2c2a26;--color-gray-900:#1a1916;--color-bg:var(--color-cream);--color-bg-card:var(--color-cream-card);--color-bg-dark:var(--color-ink);--font-sans:"Inter Variable", "Inter", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", "SF Mono", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:clamp(1.125rem, 1.1vw + .9rem, 1.25rem);--text-2xl:clamp(1.375rem, 1.5vw + 1rem, 1.5rem);--text-3xl:clamp(1.625rem, 2.5vw + .8rem, 1.875rem);--text-4xl:clamp(1.875rem, 4vw + .7rem, 2.25rem);--text-5xl:clamp(2.25rem, 5vw + 1rem, 3rem);--leading-body:1.625;--leading-heading:1.25;--space-1:4px;--space-2:8px;--space-3:16px;--space-4:24px;--space-5:32px;--space-6:48px;--space-7:64px;--space-8:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 3px #0e2d310f;--shadow-md:0 4px 16px #0e2d3114;--shadow-lg:0 12px 32px #0e2d311f;--shadow-focus:0 0 0 3px var(--color-primary-100);--transition:.15s ease;--transition-slow:.3s ease;--max-width:1200px;--max-width-narrow:760px;--max-width-wide:1000px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-body);color:var(--color-gray-700);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02", "cv03", "cv04", "cv11"}body:before{content:"";pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.05 0 0 0 0 0.18 0 0 0 0 0.19 0 0 0 0.03 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}#root,#main-content{z-index:1;position:relative}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:var(--leading-heading);color:var(--color-gray-900);letter-spacing:-.025em}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}p{line-height:var(--leading-body)}a{color:var(--color-primary);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-primary-dark)}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select{font-family:inherit;font-size:var(--text-base)}ul,ol{line-height:var(--leading-body)}img{max-width:100%;height:auto}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{z-index:200;padding:var(--space-2) var(--space-3);background:var(--color-primary);color:#fff;font-size:var(--text-sm);border-radius:0 0 var(--radius-md) 0;position:absolute;top:0;left:-9999px}.skip-link:focus{left:0}.site-header{background-color:var(--color-cream-card);border-bottom:1px solid var(--color-gray-200);z-index:100;position:sticky;top:0;box-shadow:0 1px 8px #0e2d310a}.site-header__inner{max-width:var(--max-width);padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.brand-mark{align-items:center;gap:var(--space-2);letter-spacing:-.03em;transition:opacity var(--transition);text-decoration:none;display:inline-flex}.brand-mark:hover{opacity:.88}.brand-mark__logo{flex-shrink:0;width:auto;max-width:170px;height:34px}@media (width<=640px){.brand-mark__logo{max-width:130px;height:28px}}.nav-desktop{gap:var(--space-1);align-items:center;display:flex}.nav-link{font-size:var(--text-sm);color:var(--color-gray-600);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition), background-color var(--transition);font-weight:500;text-decoration:none}.nav-link:hover{color:var(--color-primary);background-color:var(--color-primary-50)}.nav-link--active{color:var(--color-primary);background-color:var(--color-primary-50);font-weight:600}.nav-link:focus-visible{border-radius:var(--radius-sm)}.nav-toggle{padding:var(--space-2);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-direction:column;gap:4px;display:none}.nav-toggle__bar{background-color:var(--color-gray-700);width:22px;height:2px;transition:transform var(--transition), opacity var(--transition);display:block}.nav-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-mobile{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-gray-200);background-color:var(--color-cream-card);flex-direction:column;display:flex}.nav-mobile__link{font-size:var(--text-base);color:var(--color-gray-700);padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);transition:color var(--transition), background-color var(--transition);font-weight:500;text-decoration:none}.nav-mobile__link:hover{color:var(--color-primary);background-color:var(--color-primary-50)}.nav-mobile__link--active{color:var(--color-primary);background-color:var(--color-primary-50);font-weight:600}@media (width<=640px){.nav-desktop{display:none!important}.nav-toggle{display:flex!important}}@media (width>=641px){.nav-toggle,.nav-mobile{display:none!important}}.breadcrumb-link{color:var(--color-gray-500);transition:color var(--transition);font-size:var(--text-sm);text-decoration:none}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-link:focus-visible{border-radius:var(--radius-sm)}.breadcrumb-separator{color:var(--color-gray-300);font-size:var(--text-sm)}.breadcrumb-current{color:var(--color-gray-700);font-size:var(--text-sm);font-weight:500}.lab-hero{margin-bottom:var(--space-7);padding:var(--space-7) var(--space-5) var(--space-6);border-radius:var(--radius-lg);background:linear-gradient(160deg, var(--color-ink) 0%, var(--color-ink-light) 50%, var(--color-primary-dark) 100%);color:var(--color-cream);position:relative;overflow:hidden}.lab-hero:before{content:"";pointer-events:none;opacity:.06;background-image:linear-gradient(var(--color-primary-light) 1px, transparent 1px), linear-gradient(90deg, var(--color-primary-light) 1px, transparent 1px);background-size:48px 48px;position:absolute;inset:0}.lab-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#14a3a840 0%,#0000 65%);border-radius:50%;width:280px;height:280px;position:absolute;bottom:-60px;right:-40px}.lab-hero__content{z-index:1;max-width:640px;position:relative}.lab-hero__label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary-200);margin-bottom:var(--space-4);font-weight:500;display:inline-flex}.lab-hero__label:before{content:"";background:var(--color-secondary);width:8px;height:8px;box-shadow:0 0 8px var(--color-secondary);border-radius:50%}.lab-hero__title{font-size:var(--text-5xl);color:#fff;margin-bottom:var(--space-4);letter-spacing:-.03em;font-weight:700;line-height:1.15}.lab-hero__subtitle{font-size:var(--text-lg);color:#ffffffc7;margin-bottom:var(--space-5);line-height:1.65}.lab-hero__cta{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-secondary);color:var(--color-ink);font-weight:600;font-size:var(--text-base);border-radius:var(--radius-md);transition:background var(--transition), transform var(--transition);text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #e8910c4d}.lab-hero__cta:hover{background:var(--color-secondary-light);color:var(--color-ink);transform:translateY(-1px)}.lab-hero__cta-arrow{font-size:var(--text-lg);transition:transform var(--transition)}.lab-hero__cta:hover .lab-hero__cta-arrow{transform:translate(3px)}.lab-hero__chart{right:var(--space-5);bottom:var(--space-5);opacity:.85;z-index:1;width:320px;height:200px;position:absolute}@media (width<=900px){.lab-hero__chart{display:none}}.journey{gap:var(--space-3);margin-bottom:var(--space-7);padding:var(--space-4);background:var(--color-cream-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);grid-template-columns:repeat(4,1fr);display:grid}.journey__step{gap:var(--space-1);padding:var(--space-3);border-right:1px solid var(--color-gray-200);flex-direction:column;display:flex}.journey__step:last-child{border-right:none}.journey__num{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-secondary);letter-spacing:.05em;font-weight:600}.journey__label{font-size:var(--text-sm);color:var(--color-gray-900);font-weight:700}.journey__desc{font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.5}@media (width<=768px){.journey{grid-template-columns:repeat(2,1fr)}.journey__step:nth-child(2){border-right:none}.journey__step:first-child,.journey__step:nth-child(2){border-bottom:1px solid var(--color-gray-200)}}@media (width<=480px){.journey{grid-template-columns:1fr}.journey__step{border-right:none;border-bottom:1px solid var(--color-gray-200)}.journey__step:last-child{border-bottom:none}}.section-heading{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.section-heading__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--color-secondary-dark);padding:var(--space-1) var(--space-2);background:var(--color-secondary-50);border-radius:var(--radius-sm);font-weight:600}.section-heading__line{background:var(--color-gray-200);flex:1;height:1px}.tool-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.tool-card{padding:var(--space-4);background-color:var(--color-cream-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), border-color var(--transition), transform var(--transition);text-decoration:none;display:block;position:relative;overflow:hidden}.tool-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200);transform:translateY(-2px)}.tool-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.tool-card__title{font-size:var(--text-lg);color:var(--color-gray-900);margin-bottom:var(--space-2);font-weight:700}.tool-card__desc{font-size:var(--text-sm);color:var(--color-gray-600);line-height:1.6}.tool-card--calc{border-left:3px solid var(--color-primary)}.tool-card--calc:before{content:"";background:linear-gradient(135deg, transparent 50%, var(--color-primary-50) 50%);width:40px;height:40px;position:absolute;top:0;right:0}.tool-card--calc .tool-card__icon{border-radius:var(--radius-sm);background:var(--color-primary-50);width:28px;height:28px;color:var(--color-primary);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex}.tool-card--calc .tool-card__icon svg{width:16px;height:16px}.tool-card--compare{border-left:3px solid var(--color-secondary)}.tool-card--compare:before{content:"";background:linear-gradient(135deg, transparent 50%, var(--color-secondary-50) 50%);width:40px;height:40px;position:absolute;top:0;right:0}.tool-card--compare .tool-card__icon{border-radius:var(--radius-sm);background:var(--color-secondary-50);width:28px;height:28px;color:var(--color-secondary-dark);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex}.tool-card--compare .tool-card__icon svg{width:16px;height:16px}.tool-card--guide{border-left:3px solid var(--color-gray-300);background:var(--color-cream)}.tool-card--guide:hover{background:var(--color-cream-card)}.tool-card--guide .tool-card__icon{border-radius:var(--radius-sm);background:var(--color-gray-100);width:28px;height:28px;color:var(--color-gray-600);margin-bottom:var(--space-3);justify-content:center;align-items:center;display:inline-flex}.tool-card--guide .tool-card__icon svg{width:16px;height:16px}.tool-card--ref{border-left:3px solid var(--color-primary-light);background:var(--color-primary-50)}.tool-card--ref:hover{background:var(--color-cream-card)}.tool-card--flagship{padding:var(--space-5);border:1px solid var(--color-primary-100);border-top:4px solid var(--color-primary);background:linear-gradient(135deg, var(--color-cream-card) 0%, var(--color-primary-50) 100%);grid-column:span 2}.tool-card--flagship:hover{border-top-color:var(--color-primary-dark)}.tool-card--flagship .tool-card__title{font-size:var(--text-2xl)}.tool-card--flagship .tool-card__desc{font-size:var(--text-base)}@media (width<=640px){.tool-card--flagship{grid-column:span 1}}.hub-intro{font-size:var(--text-lg);color:var(--color-gray-600);max-width:700px;margin-bottom:var(--space-5);line-height:1.7}.calc-shell{border:1px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:var(--radius-lg);background-color:var(--color-cream-card);box-shadow:var(--shadow-md);overflow:hidden}.calc-shell__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-gray-100);background:var(--color-cream)}.calc-shell__title{margin-bottom:var(--space-1);font-size:var(--text-2xl)}.calc-shell__intro{color:var(--color-gray-600);font-size:var(--text-sm)}.calc-body{gap:0;display:grid}@media (width>=769px){.calc-body{grid-template-columns:1fr 1fr}}.calc-inputs{padding:var(--space-4) var(--space-5);background-color:var(--color-cream);border-bottom:1px solid var(--color-gray-200)}@media (width>=769px){.calc-inputs{border-bottom:none;border-right:1px solid var(--color-gray-200)}}.calc-results{padding:var(--space-4) var(--space-5);background-color:var(--color-cream-card)}@media (width>=769px){.calc-results{border-left:none}}.input-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.result-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.field-label{gap:var(--space-1);color:var(--color-gray-700);font-size:var(--text-sm);flex-direction:column;font-weight:600;display:flex}.field-wrap{display:block;position:relative}.field-prefix{color:var(--color-gray-500);pointer-events:none;font-size:var(--text-sm);font-family:var(--font-mono);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.field-suffix{color:var(--color-gray-500);pointer-events:none;font-size:var(--text-sm);font-family:var(--font-mono);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.field-input{border:1px solid var(--color-gray-200);border-radius:var(--radius-md);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);color:var(--color-gray-900);background-color:var(--color-cream-card);font-family:var(--font-mono);font-size:var(--text-base);font-variant-numeric:tabular-nums;transition:border-color var(--transition), box-shadow var(--transition)}.field-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.field-input:focus-visible{outline:none}.field-input:hover:not(:focus){border-color:var(--color-gray-300)}.field-help{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:400}.field-checkbox{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gray-700);cursor:pointer;align-items:center;display:flex}.field-checkbox input{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer}.field-checkbox input:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.result-card{padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-cream);border:1px solid var(--color-gray-100);transition:background-color var(--transition), border-color var(--transition)}.result-card--success{background-color:var(--color-success-50);border-color:var(--color-success-light)}.result-card--warning{background-color:var(--color-warning-50);border-color:var(--color-warning-light)}.result-card__label{font-size:var(--text-xs);color:var(--color-gray-500);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.result-card__value{font-family:var(--font-mono);font-size:var(--text-3xl);color:var(--color-gray-900);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:700;line-height:1.2}.result-card__value--success{color:var(--color-success-dark)}.result-card__value--warning{color:var(--color-warning-dark)}.result-card__context{font-size:var(--text-sm);color:var(--color-gray-600);margin-top:var(--space-2);line-height:1.5}.result-text{padding:var(--space-4);border-radius:var(--radius-md);background-color:var(--color-cream);border:1px solid var(--color-gray-100)}.result-text__label{font-size:var(--text-xs);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.result-text__value{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--color-gray-900);font-variant-numeric:tabular-nums;margin-top:var(--space-1);font-weight:700}.result-text__context{font-size:var(--text-sm);color:var(--color-gray-600);margin-top:var(--space-1)}@keyframes result-pulse{0%{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}to{background-color:var(--color-cream);border-color:var(--color-gray-100)}}@keyframes result-pulse-success{0%{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}to{background-color:var(--color-success-50);border-color:var(--color-success-light)}}@keyframes result-pulse-warning{0%{background-color:var(--color-primary-50);border-color:var(--color-primary-200)}to{background-color:var(--color-warning-50);border-color:var(--color-warning-light)}}.result-card--changed{animation:.4s result-pulse}.result-card--success.result-card--changed{animation:.4s result-pulse-success}.result-card--warning.result-card--changed{animation:.4s result-pulse-warning}.callout{padding:var(--space-4) var(--space-4);border-left:3px solid var(--color-secondary);background-color:var(--color-secondary-50);margin-bottom:var(--space-5);font-size:var(--text-sm);border-radius:0 var(--radius-sm) var(--radius-sm) 0;line-height:1.65}.callout--primary{border-left-color:var(--color-primary);background-color:var(--color-primary-50);font-size:var(--text-lg);line-height:1.6}.callout--warning{border-left-color:var(--color-warning);background-color:var(--color-warning-light)}.related-box{margin-top:var(--space-7);padding:var(--space-5);background-color:var(--color-cream);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg)}.related-box__title{font-size:var(--text-xl);margin-bottom:var(--space-3)}.related-box__links{gap:var(--space-2);flex-wrap:wrap;display:flex}.related-box__links a{padding:var(--space-2) var(--space-3);border:1px solid var(--color-gray-200);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-gray-700);background-color:var(--color-cream-card);transition:border-color var(--transition), color var(--transition), background-color var(--transition);font-weight:500}.related-box__links a:hover{border-color:var(--color-primary-200);color:var(--color-primary);background-color:var(--color-primary-50)}.source-line{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.6}.page-lead{font-size:var(--text-lg);color:var(--color-gray-600);max-width:700px;margin-bottom:var(--space-5);line-height:1.7}.article-narrow{max-width:var(--max-width-narrow)}.section{margin-top:var(--space-6)}.calc-note{padding:0 var(--space-5) var(--space-4);font-size:var(--text-sm);color:var(--color-gray-600)}.calc-note--lg{padding:0 var(--space-5) var(--space-4);font-size:var(--text-lg)}.footer{background-color:var(--color-ink);color:var(--color-gray-400);padding:var(--space-7) var(--space-4) var(--space-4);margin-top:var(--space-8);z-index:1;position:relative}.footer:before{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-primary-light) 50%, var(--color-secondary) 100%);height:3px;position:absolute;top:0;left:0;right:0}.footer__inner{max-width:var(--max-width);gap:var(--space-6);flex-wrap:wrap;justify-content:space-between;margin:0 auto;display:flex}.footer__logo-plate{padding:var(--space-2) var(--space-3);background:var(--color-cream-card);border-radius:var(--radius-sm);margin-bottom:var(--space-3);display:inline-block}.footer__logo{width:auto;max-width:140px;height:28px;display:block}@media (width<=640px){.footer__logo{max-width:110px;height:22px}}.footer__desc{font-size:var(--text-sm);max-width:320px;line-height:1.6}.footer__nav{gap:var(--space-5);flex-wrap:wrap;display:flex}.footer__section-title{font-size:var(--text-xs);color:var(--color-primary-light);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.footer__section-links{gap:var(--space-2);flex-direction:column;display:flex}.footer__link{font-size:var(--text-sm);color:var(--color-gray-400);transition:color var(--transition);text-decoration:none}.footer__link:hover{color:var(--color-primary-light)}.footer__bottom{max-width:var(--max-width);margin:var(--space-6) auto 0;padding-top:var(--space-4);border-top:1px solid #ffffff14}.footer__disclaimer{font-size:var(--text-xs);color:var(--color-gray-500);line-height:1.6}.footer__copyright{font-size:var(--text-xs);margin-top:var(--space-2);color:var(--color-gray-500)}.learn-hero{margin-bottom:var(--space-7);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200)}.learn-hero__label{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--color-secondary-dark);margin-bottom:var(--space-3);font-weight:600;display:inline-flex}.learn-hero__label-dot{background:var(--color-secondary);border-radius:50%;width:7px;height:7px}.learn-hero__title{font-size:var(--text-5xl);color:var(--color-gray-900);letter-spacing:-.03em;margin-bottom:var(--space-3);font-weight:700}.learn-hero__subtitle{font-size:var(--text-lg);color:var(--color-gray-600);max-width:780px;line-height:1.7}.learn-featured{margin-bottom:var(--space-6);padding:var(--space-5) var(--space-6) var(--space-5) var(--space-6);background:linear-gradient(135deg, var(--color-cream-card) 0%, var(--color-primary-50) 100%);border:1px solid var(--color-primary-100);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);position:relative;overflow:hidden}.learn-featured:after{content:"";pointer-events:none;background:radial-gradient(circle,#0d73770f 0%,#0000 70%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-30px}.learn-featured__meta{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.learn-featured__tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);padding:var(--space-1) var(--space-2);background:var(--color-primary-50);border-radius:var(--radius-sm);font-weight:600;display:inline-block}.learn-featured__type{font-size:var(--text-xs);color:var(--color-gray-500);font-weight:500}.learn-featured__link{text-decoration:none;display:block}.learn-featured__title{font-size:var(--text-3xl);color:var(--color-gray-900);margin-bottom:var(--space-3);transition:color var(--transition);font-weight:700}.learn-featured__link:hover .learn-featured__title{color:var(--color-primary)}.learn-featured__desc{font-size:var(--text-lg);color:var(--color-gray-600);max-width:760px;margin-bottom:var(--space-4);line-height:1.7}.learn-featured__cta{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-primary);transition:color var(--transition);font-weight:600;text-decoration:none;display:inline-flex}.learn-featured__cta:hover{color:var(--color-primary-dark)}.learn-featured__arrow{font-size:var(--text-base);transition:transform var(--transition)}.learn-featured__cta:hover .learn-featured__arrow{transform:translate(3px)}.learn-search{margin-bottom:var(--space-5)}.learn-search__label{align-items:center;gap:var(--space-2);max-width:480px;padding:var(--space-2) var(--space-3);background:var(--color-cream-card);border:1px solid var(--color-gray-200);border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);display:flex}.learn-search__label:focus-within{border-color:var(--color-primary-200);box-shadow:var(--shadow-focus)}.learn-search__icon{font-size:var(--text-base);color:var(--color-gray-400);flex-shrink:0}.learn-search__input{min-width:0;font-size:var(--text-base);color:var(--color-gray-800);background:0 0;border:none;outline:none;flex:1}.learn-search__input::placeholder{color:var(--color-gray-400)}.learn-search__clear{font-size:var(--text-sm);color:var(--color-gray-600);padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);flex-shrink:0}.learn-search__clear:hover{color:var(--color-gray-700);background:var(--color-gray-100)}.learn-topics{gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-gray-200);flex-wrap:wrap;display:flex}.learn-topics__pill{font-size:var(--text-sm);color:var(--color-gray-600);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-gray-200);background:var(--color-cream-card);transition:color var(--transition), border-color var(--transition), background var(--transition);cursor:pointer;font-family:inherit;font-weight:500;text-decoration:none;display:inline-block}.learn-topics__pill:hover,.learn-topics__pill--active{color:var(--color-primary);border-color:var(--color-primary-100);background:var(--color-primary-50)}.learn-topics__pill:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.learn-no-results{padding:var(--space-7) var(--space-4);text-align:center}.learn-no-results__text{font-size:var(--text-lg);color:var(--color-gray-500);margin-bottom:var(--space-3)}.learn-no-results__clear{font-size:var(--text-sm);color:var(--color-primary);padding:var(--space-2) var(--space-4);border:1px solid var(--color-primary-100);border-radius:var(--radius-md);background:var(--color-primary-50);cursor:pointer;transition:background var(--transition);font-weight:600}.learn-no-results__clear:hover{background:var(--color-primary-100)}.learn-section{margin-bottom:var(--space-6);scroll-margin-top:80px}.learn-section--compact{margin-bottom:0}.learn-section__header{align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-100);display:flex}.learn-section__title{font-size:var(--text-2xl);color:var(--color-primary-dark);white-space:nowrap;letter-spacing:-.02em;font-weight:700}.learn-section__line{background:0 0;flex:1;height:2px}.learn-section__count{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-gray-600);white-space:nowrap;letter-spacing:.05em}.learn-section__desc{font-size:var(--text-sm);color:var(--color-gray-500);margin-bottom:var(--space-4);max-width:680px;line-height:1.6}.learn-rows{flex-direction:column;display:flex}.learn-rows--two-col{gap:0 var(--space-6);grid-template-columns:1fr 1fr;display:grid}.learn-row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--color-gray-200);transition:padding-left var(--transition);text-decoration:none;display:flex}.learn-row:first-child{border-top:none}.learn-row:hover{padding-left:var(--space-3)}.learn-row__left{flex:1;min-width:0}.learn-row__label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-gray-600);margin-bottom:var(--space-1);font-weight:500;display:inline-block}.learn-row__title{font-size:var(--text-lg);color:var(--color-gray-900);margin-bottom:var(--space-1);transition:color var(--transition);font-weight:600}.learn-row:hover .learn-row__title{color:var(--color-primary)}.learn-row__desc{font-size:var(--text-sm);color:var(--color-gray-500);max-width:480px;line-height:1.55}.learn-row__arrow{font-size:var(--text-lg);color:var(--color-gray-300);margin-top:var(--space-1);transition:color var(--transition), transform var(--transition);flex-shrink:0}.learn-row:hover .learn-row__arrow{color:var(--color-primary);transform:translate(3px)}.learn-sections-pair{gap:0 var(--space-7);margin-bottom:var(--space-6);grid-template-columns:1fr 1fr;display:grid}@media (width>=769px){.learn-rows--two-col .learn-row:nth-child(odd),.learn-rows--two-col .learn-row:nth-child(2n){border-top:1px solid var(--color-gray-200)}}@media (width<=768px){.learn-rows--two-col{grid-template-columns:1fr}.learn-sections-pair{grid-template-columns:1fr;gap:0}.learn-section--compact{margin-bottom:var(--space-6)}}@media (width<=640px){.learn-hero__title{font-size:var(--text-4xl);line-height:1.2}.learn-featured{padding:var(--space-4) var(--space-4) var(--space-4) var(--space-4)}.learn-featured__title{font-size:var(--text-2xl)}.learn-featured__desc{font-size:var(--text-base)}.learn-search__label{max-width:100%}.learn-topics__pill{font-size:var(--text-xs);padding:var(--space-1) var(--space-2)}.learn-section__header{gap:var(--space-2)}.learn-section__title{font-size:var(--text-xl)}.learn-section__desc{font-size:var(--text-xs)}.learn-row{padding:var(--space-3) 0}.learn-row__title{font-size:var(--text-base)}.learn-row__desc{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
