:root{--color-primary: hsl(162, 76%, 18%);--color-primary-hover: hsl(162, 60%, 25%);--color-secondary: hsl(162, 60%, 32%);--color-accent: hsl(38, 92%, 50%);--color-accent-hover: hsl(38, 92%, 44%);--color-text-dark: hsl(215, 28%, 15%);--color-text-body: hsl(215, 16%, 30%);--color-text-muted: hsl(215, 12%, 50%);--color-text-light: hsl(215, 12%, 68%);--color-bg: #FFFFFF;--color-bg-section: hsl(210, 20%, 98%);--color-bg-hover: hsl(162, 50%, 96%);--color-bg-code: hsl(210, 15%, 95%);--color-border: hsl(214, 15%, 91%);--color-border-muted: hsl(214, 15%, 95%);--color-border-strong: hsl(214, 15%, 82%);--color-table-header: hsl(210, 15%, 95%);--color-danger: hsl(358, 76%, 53%);--color-warning: hsl(38, 92%, 50%);--color-info: hsl(217, 91%, 50%);--color-success: hsl(142, 72%, 29%);--font-heading: "Outfit", "Inter", system-ui, Arial, sans-serif;--font-body: "Plus Jakarta Sans", "Inter", system-ui, Arial, sans-serif;--font-alt: "Plus Jakarta Sans", system-ui, Arial, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--fs-h1: 44px;--fs-h2: 34px;--fs-h3: 28px;--fs-h4: 22px;--fs-body: 17px;--fs-small: 15px;--fs-xs: 13px;--fs-h1-fluid: clamp(32px, 4vw + 1rem, 44px);--fs-h2-fluid: clamp(26px, 2.5vw + 1rem, 34px);--fs-h3-fluid: clamp(22px, 2vw + .75rem, 28px);--fs-h4-fluid: clamp(20px, 1.5vw + .75rem, 24px);--line-height: 1.75;--line-height-tight: 1.3;--line-height-heading: 1.15;--width-container: 1200px;--width-article: 780px;--width-calculator: 900px;--width-sidebar: 320px;--width-wide: 1100px;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--space-6: 64px;--space-7: 80px;--space-8: 96px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 1px 3px rgba(15, 23, 42, .04), 0 1px 2px rgba(15, 23, 42, .02);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -2px rgba(15, 23, 42, .04), 0 0 0 1px rgba(15, 23, 42, .02);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .06), 0 0 0 1px rgba(15, 23, 42, .03);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 8px 10px -6px rgba(15, 23, 42, .08), 0 0 0 1px rgba(15, 23, 42, .03);--shadow-focus: 0 0 0 4px rgba(22, 140, 104, .18);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--z-header: 100;--z-sticky: 50;--z-overlay: 200;--z-modal: 300;--header-height: 72px;--color-header-bg: rgba(255, 255, 255, .85);--color-hero-bg: radial-gradient(circle at 80% 20%, hsl(162, 50%, 94%) 0%, var(--color-bg) 75%);--color-callout-info-bg: hsl(217, 91%, 97%);--color-callout-info-border: hsl(217, 91%, 91%);--color-callout-warning-bg: hsl(38, 92%, 97%);--color-callout-warning-border: hsl(38, 92%, 91%);--color-callout-danger-bg: hsl(358, 76%, 97%);--color-callout-danger-border: hsl(358, 76%, 91%);--color-callout-success-bg: hsl(142, 72%, 96%);--color-callout-success-border: hsl(142, 72%, 90%)}@media (prefers-color-scheme: dark){:root[data-theme=auto]{--color-bg: hsl(222, 47%, 9%);--color-bg-section: hsl(222, 47%, 12%);--color-bg-hover: hsl(162, 50%, 12%);--color-bg-code: hsl(222, 47%, 14%);--color-text-dark: hsl(210, 40%, 98%);--color-text-body: hsl(215, 20%, 82%);--color-text-muted: hsl(215, 14%, 60%);--color-border: hsl(222, 25%, 19%);--color-border-muted: hsl(222, 25%, 14%);--color-border-strong: hsl(222, 25%, 26%);--color-table-header: hsl(222, 47%, 14%);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .6);--shadow-md: 0 4px 12px rgba(0, 0, 0, .7);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .8);--color-header-bg: rgba(8, 11, 23, .85);--color-hero-bg: radial-gradient(circle at 80% 20%, hsl(162, 40%, 6%) 0%, var(--color-bg) 80%);--color-callout-info-bg: hsl(217, 50%, 12%);--color-callout-info-border: hsl(217, 50%, 20%);--color-callout-warning-bg: hsl(38, 50%, 12%);--color-callout-warning-border: hsl(38, 50%, 20%);--color-callout-danger-bg: hsl(358, 50%, 12%);--color-callout-danger-border: hsl(358, 50%, 20%);--color-callout-success-bg: hsl(142, 50%, 10%);--color-callout-success-border: hsl(142, 50%, 18%)}}:root[data-theme=dark]{--color-bg: hsl(222, 47%, 9%);--color-bg-section: hsl(222, 47%, 12%);--color-bg-hover: hsl(162, 50%, 12%);--color-bg-code: hsl(222, 47%, 14%);--color-text-dark: hsl(210, 40%, 98%);--color-text-body: hsl(215, 20%, 82%);--color-text-muted: hsl(215, 14%, 60%);--color-border: hsl(222, 25%, 19%);--color-border-muted: hsl(222, 25%, 14%);--color-border-strong: hsl(222, 25%, 26%);--color-table-header: hsl(222, 47%, 14%);--color-header-bg: rgba(8, 11, 23, .85);--color-hero-bg: radial-gradient(circle at 80% 20%, hsl(162, 40%, 6%) 0%, var(--color-bg) 80%);--color-callout-info-bg: hsl(217, 50%, 12%);--color-callout-info-border: hsl(217, 50%, 20%);--color-callout-warning-bg: hsl(38, 50%, 12%);--color-callout-warning-border: hsl(38, 50%, 20%);--color-callout-danger-bg: hsl(358, 50%, 12%);--color-callout-danger-border: hsl(358, 50%, 20%);--color-callout-success-bg: hsl(142, 50%, 10%);--color-callout-success-border: hsl(142, 50%, 18%)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--line-height);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary);text-decoration:underline}ul,ol{list-style:none}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}table{border-collapse:collapse;table-layout:auto;width:100%}::selection{background-color:#d1f0e7;color:#073628}:focus-visible{outline:2px solid var(--color-secondary);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/outfit-vf.woff2) format("woff2")}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:100 900;src:url(/fonts/plus-jakarta-sans-vf.woff2) format("woff2")}body{font-family:var(--font-body);font-size:var(--fs-body);color:var(--color-text-body);background:var(--color-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-text-dark);line-height:var(--line-height-heading);font-weight:700;letter-spacing:-.02em}h1{font-size:var(--fs-h1-fluid);margin-bottom:var(--space-3);letter-spacing:-.03em}h2{font-size:var(--fs-h2-fluid);margin-top:var(--space-6);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:2px solid var(--color-border);position:relative}h2:after{content:"";position:absolute;bottom:-2px;left:0;width:60px;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}h3{font-size:var(--fs-h3-fluid);margin-top:var(--space-5);margin-bottom:var(--space-2);font-weight:600}h4{font-size:var(--fs-h4-fluid);margin-top:var(--space-4);margin-bottom:var(--space-1);font-weight:600}p{margin-bottom:var(--space-3);max-width:70ch}p:last-child{margin-bottom:0}strong,b{font-weight:700;color:var(--color-text-dark)}em,i{font-style:italic}small{font-size:var(--fs-small);color:var(--color-text-muted)}mark{background:var(--color-bg-hover);color:var(--color-primary);padding:2px 4px;border-radius:var(--radius-sm)}abbr[title]{text-decoration:underline dotted;cursor:help}code,kbd,samp{font-family:var(--font-mono);font-size:.92em;background:var(--color-bg-code);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-text-dark)}pre{background:var(--color-bg-code);padding:var(--space-3);border-radius:var(--radius-md);overflow-x:auto;border:1px solid var(--color-border);margin-bottom:var(--space-3)}pre code{background:none;padding:0}blockquote{border-left:4px solid var(--color-primary);padding:var(--space-2) var(--space-3);margin:var(--space-3) 0;background:var(--color-bg-section);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-muted);font-style:italic}blockquote p{margin-bottom:0}.article-body a{text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}.article-body a:hover{text-decoration-thickness:2px}.article-body ul,.article-body ol{margin:var(--space-2) 0 var(--space-3) var(--space-4);padding-left:var(--space-2)}.article-body ul li{list-style:disc;margin-bottom:var(--space-1)}.article-body ol li{list-style:decimal;margin-bottom:var(--space-1)}.article-body li{margin-bottom:var(--space-1)}.article-body li::marker{color:var(--color-primary)}.article-body>h1:first-child,.article-body>h2:first-child,.article-body>h3:first-child,.article-body>p:first-child{margin-top:0}.lead{font-size:1.15em;color:var(--color-text-body);font-weight:400}.eyebrow{font-family:var(--font-heading);font-size:var(--fs-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-1);display:block}.text-small{font-size:var(--fs-small)}.article-body section{padding-block:0;margin-bottom:var(--space-3)}.article-body h2{margin-top:var(--space-3)!important;margin-bottom:var(--space-1)!important}.article-body h3{margin-top:var(--space-2)!important;margin-bottom:var(--space-1)!important}.container{width:100%;max-width:var(--width-container);margin-inline:auto;padding-inline:var(--space-2)}.container-article{max-width:var(--width-article);margin-inline:auto;padding-inline:var(--space-2)}.container-calculator{max-width:var(--width-calculator);margin-inline:auto;padding-inline:var(--space-2)}.container-wide{max-width:var(--width-wide);margin-inline:auto;padding-inline:var(--space-2)}section{padding-block:var(--space-4)}.section-tight{padding-block:var(--space-2)}.section-loose{padding-block:var(--space-6)}.section-muted{background:var(--color-bg-section)}.grid{display:grid;gap:var(--space-3)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.layout-with-sidebar{display:grid;grid-template-columns:1fr var(--width-sidebar);gap:var(--space-5);align-items:start}@media (max-width: 1024px){.layout-with-sidebar{grid-template-columns:1fr}.layout-with-sidebar .sidebar{order:2}}.site-header{position:sticky;top:0;z-index:var(--z-header);background:var(--color-header-bg, rgba(255, 255, 255, .85));backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid var(--color-border);height:var(--header-height);display:flex;align-items:center;box-shadow:0 1px 2px #0f172a05;transition:background var(--transition-base),border-color var(--transition-base)}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.brand{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-heading);text-decoration:none;flex-wrap:nowrap}.brand:hover{text-decoration:none}.brand svg{width:32px;height:32px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.1;justify-content:center}.brand-title{font-family:var(--font-heading);font-weight:850;font-size:1.05rem;color:var(--color-text-dark);letter-spacing:-.02em;white-space:nowrap}.brand-tagline{font-family:var(--font-heading);font-weight:700;font-size:.75rem;color:var(--color-secondary);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.main-nav{display:flex;align-items:center;gap:var(--space-2)}.main-nav a{color:var(--color-text-dark);font-family:var(--font-heading);font-weight:700;font-size:.92rem;padding:6px 14px;border-radius:var(--radius-pill);transition:all var(--transition-fast) ease;white-space:nowrap}.main-nav a:hover{background:#10b98114;color:var(--color-primary);text-decoration:none}.header-actions{display:flex;align-items:center;gap:var(--space-1)}.nav-item-dropdown{position:relative;display:inline-block}.nav-item-dropdown .dropdown-trigger{color:var(--color-text-dark);font-family:var(--font-heading);font-weight:700;font-size:.92rem;padding:6px 14px;border-radius:var(--radius-pill);transition:all var(--transition-fast) ease;cursor:pointer;display:flex;align-items:center;gap:4px;white-space:nowrap}.nav-item-dropdown:hover .dropdown-trigger,.nav-item-dropdown .dropdown-trigger:hover{background:#10b98114;color:var(--color-primary);text-decoration:none}.dropdown-menu{display:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);min-width:260px;box-shadow:var(--shadow-md);z-index:1000;padding:var(--space-2) 0;margin-top:8px}.dropdown-menu:before{content:"";position:absolute;top:-7px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--color-bg);border-left:1.5px solid var(--color-border);border-top:1.5px solid var(--color-border)}.nav-item-dropdown:hover .dropdown-menu,.nav-item-dropdown:focus-within .dropdown-menu{display:block}.dropdown-menu a{display:block!important;padding:8px 16px!important;color:var(--color-text-muted)!important;font-size:.88rem!important;font-weight:650!important;border-radius:0!important;text-align:left;background:transparent!important}.dropdown-menu a:hover{background:var(--color-bg-hover)!important;color:var(--color-primary)!important}@media (max-width: 1200px){.main-nav{display:none}}.site-footer{background:var(--color-text-dark);color:#d1d5db;padding:var(--space-6) 0 var(--space-3);margin-top:var(--space-7)}.site-footer .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-4)}@media (max-width: 900px){.site-footer .footer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.site-footer .footer-grid{grid-template-columns:1fr}}.site-footer h4{color:#fff;font-size:1rem;margin-bottom:var(--space-2);border-bottom:none}.site-footer ul li{margin-bottom:var(--space-1)}.site-footer a{color:var(--color-text-muted);font-size:.92rem;transition:color var(--transition-fast),transform var(--transition-fast);display:inline-block}.site-footer a:hover{color:#fff;text-decoration:none;transform:translate(4px)}.site-footer .brand{display:flex!important;flex-direction:row!important;align-items:center!important;color:#fff!important}.site-footer .brand:hover{transform:none!important}.footer-brand{max-width:320px}.footer-brand p{font-size:.92rem;color:#9ca3af;margin-top:var(--space-2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:var(--space-5);padding-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:.82rem;color:#9ca3af}.breadcrumb{padding:var(--space-2) 0;font-size:var(--fs-small);color:var(--color-text-muted)}.breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.breadcrumb li{display:flex;align-items:center;gap:6px}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-text-light);margin-left:6px}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary);text-decoration:none}.breadcrumb [aria-current=page]{color:var(--color-text-dark);font-weight:500}.article-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--width-sidebar);gap:var(--space-5);align-items:start;padding:var(--space-4) 0 var(--space-6)}@media (max-width: 1024px){.article-grid{grid-template-columns:1fr}.article-sidebar{order:2}}.skip-link{position:absolute;left:-9999px;top:0;background:var(--color-primary);color:#fff;padding:8px 16px;border-radius:var(--radius-md);z-index:var(--z-overlay)}.skip-link:focus{left:16px;top:16px}.mobile-nav-toggle{display:none;flex-direction:column;justify-content:space-between;width:20px;height:14px;background:transparent;border:none;cursor:pointer;padding:0;z-index:var(--z-header)}.hamburger-bar{width:100%;height:2px;background-color:var(--color-text-dark);border-radius:var(--radius-pill);transition:transform var(--transition-fast),opacity var(--transition-fast),background-color var(--transition-fast)}#mobile-nav-toggle.open .hamburger-bar:nth-child(1){transform:translateY(6px) rotate(45deg)}#mobile-nav-toggle.open .hamburger-bar:nth-child(2){opacity:0}#mobile-nav-toggle.open .hamburger-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-nav-drawer{position:fixed;top:var(--header-height);left:0;width:100%;height:calc(100vh - var(--header-height));background:var(--color-bg);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-1);transform:translateY(-105%);transition:transform var(--transition-base),opacity var(--transition-base);z-index:calc(var(--z-sticky) - 1);opacity:0;pointer-events:none;overflow-y:auto}.mobile-nav-drawer.open{transform:translateY(0);opacity:1;pointer-events:auto}.mobile-nav-drawer a{font-family:var(--font-heading);font-weight:600;font-size:1.15rem;color:var(--color-text-dark);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);text-decoration:none;transition:color var(--transition-fast)}.mobile-nav-drawer a:hover{color:var(--color-primary)}@media (max-width: 1200px){.mobile-nav-toggle{display:flex}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 24px;font-family:var(--font-heading);font-weight:750;font-size:.95rem;border-radius:var(--radius-pill);border:2.5px solid transparent;cursor:pointer;transition:all var(--transition-fast) ease;text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none;transform:translateY(-2px)}.btn:active{transform:translateY(-.5px)}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;box-shadow:0 4px 15px #10b98133;border:none;padding:12px 26px}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-hover) 0%,var(--color-primary) 100%);color:#fff;box-shadow:0 8px 24px #10b9814d}.btn-secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-secondary:hover{background:#10b98114;color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 4px 15px #10b9811a}.btn-ghost{background:transparent;color:var(--color-text-dark);border:1.5px solid var(--color-border);border-radius:var(--radius-pill)}.btn-ghost:hover{background:#10b9810f;color:var(--color-primary);border-color:var(--color-primary-muted)}.btn-lg{padding:14px 32px;font-size:1rem}.text-link{color:var(--color-primary);text-decoration:none;font-weight:750;display:inline-flex;align-items:center;gap:4px;transition:all var(--transition-fast) ease}.text-link:hover{color:var(--color-primary-hover);transform:translate(4px);text-decoration:none!important}.btn-sm{padding:6px 14px;font-size:.85rem}.card{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-4);box-shadow:0 10px 30px -10px #0000000a;transition:all var(--transition-base);display:flex;flex-direction:column;gap:var(--space-1);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,#34d399 100%);opacity:.4;transition:opacity var(--transition-fast)}.card:hover{box-shadow:0 20px 45px -10px #10b9811a;border-color:var(--color-primary);transform:translateY(-4px)}.card:hover:before{opacity:1}.card-title{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;color:var(--color-text-dark);margin:0}.card-title a{color:inherit;text-decoration:none}.card-title a:hover{color:var(--color-secondary);text-decoration:none}.card-excerpt{color:var(--color-text-body);font-size:.95rem;line-height:1.6}.card-meta{display:flex;gap:var(--space-2);font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:auto}.card-tag{display:inline-block;align-self:flex-start;background:var(--color-bg-hover);color:var(--color-secondary);font-size:var(--fs-xs);padding:3px 10px;border-radius:var(--radius-sm);font-weight:700;font-family:var(--font-heading);letter-spacing:.02em;text-transform:uppercase}.callout{border:1px solid var(--color-border);border-left:4px solid var(--color-primary);padding:var(--space-3) var(--space-3);margin:var(--space-3) 0;border-radius:var(--radius-md);background:var(--color-bg-section);box-shadow:var(--shadow-sm)}.callout-title{font-family:var(--font-heading);font-weight:700;font-size:.95rem;margin-bottom:6px;display:flex;align-items:center;gap:8px}.callout p:last-child{margin-bottom:0}.callout-info{border-color:var(--color-callout-info-border);border-left-color:var(--color-info);background:var(--color-callout-info-bg)}.callout-info .callout-title{color:var(--color-info)}.callout-warning{border-color:var(--color-callout-warning-border);border-left-color:var(--color-warning);background:var(--color-callout-warning-bg)}.callout-warning .callout-title{color:#ab6f07}:root[data-theme=dark] .callout-warning .callout-title,:root[data-theme=auto] .callout-warning .callout-title{color:var(--color-warning)}.callout-danger{border-color:var(--color-callout-danger-border);border-left-color:var(--color-danger);background:var(--color-callout-danger-bg)}.callout-danger .callout-title{color:var(--color-danger)}.callout-success{border-color:var(--color-callout-success-border);border-left-color:var(--color-success);background:var(--color-callout-success-bg)}.callout-success .callout-title{color:var(--color-success)}.pill{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg-hover);color:var(--color-primary);padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:600;font-family:var(--font-heading)}.pill-neutral{background:var(--color-bg-section);color:var(--color-text-muted)}.pill-warning{background:#fffbeb;color:#92400e}.stat-block{background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3);text-align:center}.stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:var(--fs-small);color:var(--color-text-muted);font-weight:500}.author-box{display:flex;gap:var(--space-4);padding:var(--space-4);background:linear-gradient(135deg,var(--color-bg-muted) 0%,var(--color-bg) 100%);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);margin:var(--space-4) 0;align-items:flex-start;box-shadow:0 4px 15px #00000005}.author-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#34D399 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-weight:800;font-size:1.3rem;flex-shrink:0;border:3px solid var(--color-bg);box-shadow:0 4px 12px #10b98140}.author-info{flex:1}.author-name{font-family:var(--font-heading);font-weight:800;color:var(--color-text-dark);font-size:1.15rem;margin-bottom:2px}.author-credentials{font-size:var(--fs-small);color:var(--color-primary);margin-bottom:var(--space-1);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.author-bio{font-size:var(--fs-small);color:var(--color-text-muted);line-height:1.5}.sources-list{margin:var(--space-3) 0;padding:var(--space-3);background:var(--color-bg-section);border-radius:var(--radius-md);border:1px solid var(--color-border)}.sources-list h4{margin-top:0;margin-bottom:var(--space-2);font-size:1rem}.sources-list ol{list-style:decimal;margin-left:var(--space-3);font-size:var(--fs-small);color:var(--color-text-muted)}.sources-list li{margin-bottom:6px;padding-left:4px}.sources-list li::marker{color:var(--color-primary)}.rating{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-small);color:var(--color-text-muted)}.rating-stars{color:var(--color-warning);letter-spacing:2px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-2);flex-wrap:wrap}.section-heading h2{margin-top:0;border-bottom:none;padding-bottom:0}.section-heading a{font-size:var(--fs-small);font-weight:600;font-family:var(--font-heading)}.toc{position:sticky;top:calc(var(--header-height) + var(--space-2));background:var(--color-bg-section);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);max-height:calc(100vh - var(--header-height) - var(--space-4));overflow-y:auto}.toc h4{margin-top:0;margin-bottom:var(--space-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);padding-bottom:6px}.toc ul{list-style:none;margin:0;padding:0}.toc li{margin-bottom:6px;font-size:var(--fs-small)}.toc a{color:var(--color-text-body);text-decoration:none;display:block;padding:4px 6px;border-radius:var(--radius-sm);line-height:1.4}.toc a:hover{background:var(--color-bg-hover);color:var(--color-primary)}.toc-h3{padding-left:var(--space-2);font-size:var(--fs-xs)}.hero{background:var(--color-hero-bg, linear-gradient(135deg, hsl(162, 45%, 94%) 0%, var(--color-bg) 100%));padding:clamp(1.25rem,2.5vh,2.25rem) 0;border-bottom:1px solid var(--color-border);overflow:hidden}.hero-compact{padding:clamp(1.25rem,3vh,2.25rem) 0}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-4);align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-badges{display:flex;gap:var(--space-1);margin-bottom:var(--space-2);flex-wrap:wrap}.hero-badge-pill{font-size:.7rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;padding:5px 12px;background:var(--color-bg);border:1.5px solid var(--color-border);color:var(--color-text-muted);border-radius:var(--radius-pill);display:inline-flex;align-items:center;gap:5px;vertical-align:middle;box-shadow:0 1px 2px #00000005}.hero-badge-pill svg{display:block;flex-shrink:0}.hero-badge-primary{background:#10b98114!important;border-color:#10b98133!important;color:var(--color-primary)!important}.hero h1{margin-bottom:var(--space-2);font-size:clamp(1.75rem,3.2vw,2.5rem);font-weight:850;line-height:1.15;letter-spacing:-.035em;background:linear-gradient(135deg,var(--color-text-dark) 30%,var(--color-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p,.hero-lead{font-size:clamp(.95rem,1.3vw,1.1rem);color:var(--color-text-muted);max-width:52ch;margin-bottom:var(--space-3);line-height:1.55}.hero-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center;margin-top:var(--space-2)}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative;width:100%}.hero-image-decor{position:absolute;top:50%;left:50%;width:85%;height:85%;background:radial-gradient(circle,rgba(16,185,129,.16) 0%,rgba(52,211,153,.04) 50%,transparent 100%);transform:translate(-50%,-50%);filter:blur(35px);z-index:1;pointer-events:none}.hero-image-container{position:relative;z-index:2;width:100%;max-width:350px;border-radius:var(--radius-2xl);background:radial-gradient(circle at center,rgba(16,185,129,.08) 0%,transparent 70%);padding:var(--space-2)}.hero-main-img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border-strong);transition:transform .5s ease;background:var(--color-bg)}.hero-image-container:hover .hero-main-img{transform:scale(1.02)}.floating-card{position:absolute;background:#ffffffd1;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 25px -8px #0000001f;padding:7px 13px;border-radius:var(--radius-md);display:flex;align-items:center;gap:8px;z-index:2;transition:transform var(--transition-base),box-shadow var(--transition-base)}[data-theme=dark] .floating-card{background:#1e293bd1;border-color:#ffffff14;box-shadow:0 8px 25px -8px #0000004d}.floating-card:hover{transform:translateY(-4px) scale(1.02)!important;box-shadow:0 12px 30px -8px #0000002e}.card-protein{top:2%;left:-8%;animation:float-y 5s ease-in-out infinite}.card-calories{top:36%;right:-8%;animation:float-x 6s ease-in-out infinite}.card-fat{bottom:2%;left:-4%;animation:float-diagonal 7s ease-in-out infinite}.card-icon{font-size:1.3rem;background:var(--color-bg-muted);width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px 2px #0000000d}.card-text{display:flex;flex-direction:column}.card-val{font-family:var(--font-heading);font-weight:800;font-size:1.1rem;color:var(--color-text-dark);line-height:1.2}.card-lbl{font-size:.68rem;font-weight:500;color:var(--color-text-muted)}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-x{0%,to{transform:translate(0)}50%{transform:translate(10px)}}@keyframes float-diagonal{0%,to{transform:translate(0)}50%{transform:translate(-8px,-8px)}}@media (max-width: 990px){.hero-grid{grid-template-columns:1.1fr 1fr;gap:var(--space-4)}.card-protein{left:-8%}.card-calories{right:-8%}}@media (max-width: 900px){.hero{padding:var(--space-6) 0 var(--space-6)}.hero-grid{grid-template-columns:1fr;gap:var(--space-5);text-align:center}.hero-content{align-items:center}.hero-badges{justify-content:center}.hero p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.hero-visual{margin-top:var(--space-4)}}@media (max-width: 480px){.floating-card{padding:8px 12px;gap:8px}.card-val{font-size:.95rem}.card-lbl{font-size:.6rem}}.search-box{display:flex;gap:var(--space-1);background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);padding:6px;max-width:620px;margin-inline:auto;box-shadow:var(--shadow-md);transition:all var(--transition-base)}.search-box:focus-within{border-color:var(--color-secondary);box-shadow:var(--shadow-lg),var(--shadow-focus)}.search-box input{flex:1;border:none;background:transparent;padding:10px 18px;font-size:1rem;outline:none;color:var(--color-text-dark)}.search-box input::placeholder{color:var(--color-text-light)}.search-box .btn{border-radius:var(--radius-pill);padding:10px 24px}.newsletter{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-6) 0;border-radius:var(--radius-xl);text-align:center;margin:var(--space-5) 0}.newsletter h2{color:#fff;border-bottom:none;margin-top:0}.newsletter p{color:#ffffffeb;max-width:50ch;margin:0 auto var(--space-3)}.newsletter-form{display:flex;gap:var(--space-1);max-width:480px;margin-inline:auto}.newsletter-form input{flex:1;padding:12px 20px;border:none;border-radius:var(--radius-pill);font-size:1rem;outline:none}.newsletter-form .btn{background:var(--color-text-dark);color:#fff;border-color:var(--color-text-dark)}.newsletter-form .btn:hover{background:#000}.hero-inline-calc{background:var(--color-bg);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-2xl);padding:var(--space-5);margin-top:var(--space-4);box-shadow:0 20px 40px -15px #10b9811f,0 1px 3px #0000000d;width:100%;max-width:520px;position:relative;overflow:hidden}.hero-inline-calc:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,#34d399 100%)}.hero-inline-calc-title{font-size:1rem;font-weight:800;color:var(--color-text-dark);margin-bottom:4px;letter-spacing:-.01em}.hero-inline-calc-subtitle{font-size:.78rem;color:var(--color-text-muted);margin-bottom:var(--space-4);line-height:1.45}.inline-calc-inputs{display:flex;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.inline-calc-field{display:flex;flex-direction:column;flex:1;min-width:120px}.inline-calc-field label{font-size:.72rem;font-weight:750;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:6px;letter-spacing:.05em}.inline-calc-inputs input,.inline-calc-inputs select{padding:10px 14px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);color:var(--color-text-dark);outline:none;font-size:.9rem;font-weight:600;transition:all var(--transition-fast) ease}.inline-calc-inputs input:focus,.inline-calc-inputs select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #10b9811f;background:var(--color-bg)}.inline-calc-outputs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);background:var(--color-bg-muted);padding:var(--space-4) var(--space-3);border-radius:var(--radius-xl);border:1.5px solid var(--color-border)}.inline-calc-out-item{display:flex;flex-direction:column;align-items:center;text-align:center}.inline-calc-out-val{font-family:var(--font-heading);font-weight:850;font-size:1.15rem;color:var(--color-text-dark)}.inline-calc-out-lbl{font-size:.65rem;font-weight:500;color:var(--color-text-muted)}.snapshot-table-wrapper{margin:var(--space-4) 0;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.snapshot-table{width:100%;border-collapse:collapse;text-align:left;background:var(--color-bg)}.snapshot-table th,.snapshot-table td{padding:14px 20px;border-bottom:1px solid var(--color-border)}.snapshot-table th{background:var(--color-bg-muted);font-weight:750;color:var(--color-text-dark);font-size:.9rem}.snapshot-table tr:nth-child(2n){background:var(--color-bg-muted)}.author-card-homepage{background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:center;margin:var(--space-5) 0}.author-card-avatar-wrapper{flex-shrink:0;width:90px;height:90px;border-radius:var(--radius-pill);overflow:hidden;border:3px solid var(--color-primary);background:var(--color-bg);display:flex;align-items:center;justify-content:center}.author-card-avatar{font-family:var(--font-heading);font-weight:800;font-size:1.8rem;color:var(--color-primary)}.author-card-info{display:flex;flex-direction:column}.author-card-badge{font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:2px}.author-card-name{font-size:1.25rem;font-weight:800;color:var(--color-text-dark);margin:0}.author-card-title{font-size:.85rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-2)}.author-card-bio{font-size:.92rem;color:var(--color-text-body);line-height:1.5;margin:0 0 var(--space-2)}@media (max-width: 768px){.author-card-homepage{flex-direction:column;text-align:center;align-items:center;padding:var(--space-4)}}.faq-accordion-container{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4)}.faq-accordion-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden;transition:border-color var(--transition-fast)}.faq-accordion-item:hover{border-color:var(--color-border-strong)}.faq-accordion-trigger{width:100%;padding:18px 24px;background:none;border:none;text-align:left;font-family:var(--font-heading);font-weight:700;font-size:1.05rem;color:var(--color-text-dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);outline:none}.faq-accordion-icon{font-size:1.2rem;font-weight:400;transition:transform var(--transition-fast);color:var(--color-text-muted)}.faq-accordion-item.active .faq-accordion-icon{transform:rotate(45deg)}.faq-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out;padding:0 24px;font-size:.95rem;color:var(--color-text-body);line-height:1.6}.faq-accordion-item.active .faq-accordion-content{padding:0 24px 18px}.portions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.portion-pill{display:block;text-align:center;padding:10px 18px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-dark);font-weight:700;font-size:.85rem;transition:all var(--transition-fast) ease;text-decoration:none}.portion-pill:hover{border-color:var(--color-primary);background:#10b9810a;color:var(--color-primary);transform:translateY(-2.5px);box-shadow:0 8px 20px -6px #10b98126;text-decoration:none!important}.brands-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--space-2);margin:var(--space-3) 0 var(--space-4)}.brand-pill{display:block;text-align:center;padding:10px 18px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-text-dark);font-weight:700;font-size:.85rem;transition:all var(--transition-fast) ease;text-decoration:none}.brand-pill:hover{border-color:var(--color-primary);background:#10b9810a;color:var(--color-primary);transform:translateY(-2.5px);box-shadow:0 8px 20px -6px #10b98126;text-decoration:none!important}.snapshot-table-wrapper{margin:var(--space-5) 0;border-radius:var(--radius-2xl);overflow:hidden;border:1.5px solid var(--color-border);box-shadow:0 10px 30px -10px #0000000d;background:var(--color-bg)}.snapshot-table{border-collapse:separate;border-spacing:0;width:100%}.snapshot-table th{background:var(--color-table-header);font-weight:750;color:var(--color-text-dark);padding:16px 20px;border-bottom:2.5px solid var(--color-border-strong);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.snapshot-table td{padding:14px 20px;font-size:.95rem;border-bottom:1.5px solid var(--color-border-muted);color:var(--color-text-body);transition:all var(--transition-fast) ease}.snapshot-table tr:last-child td{border-bottom:none}.snapshot-table tbody tr:not(.table-group-header):hover{background-color:#10b98105}.snapshot-table tr.highlight-row{background:#10b9810d!important}.snapshot-table tr.highlight-row td{font-weight:800;color:var(--color-primary)}.snapshot-table tr.highlight-row td:first-child{position:relative}.snapshot-table tr.highlight-row td:first-child:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--color-primary)}.snapshot-table tr.table-group-header td{font-family:var(--font-heading);font-weight:800;background:var(--color-table-header)!important;color:var(--color-primary)!important;padding:14px 20px;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;border-top:1.5px solid var(--color-border-strong)!important;border-bottom:2px solid var(--color-primary)!important}.snapshot-table tr.sub-nutrient-row td{font-size:.9rem;color:var(--color-text-body)}.snapshot-table tr.sub-nutrient-row td:first-child{padding-left:36px!important;position:relative}.snapshot-table tr.sub-nutrient-row td:first-child:before{content:"•";color:var(--color-text-light);position:absolute;left:20px;top:50%;transform:translateY(-50%);font-size:.9rem;font-weight:700}.styled-checklist{list-style:none;padding-left:0;margin-top:var(--space-3);display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.styled-checklist li{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);font-size:.95rem;color:var(--color-text-body);line-height:1.45;transition:all var(--transition-fast) ease}.styled-checklist li:hover{border-color:var(--color-primary);transform:translateY(-1.5px);box-shadow:0 4px 15px #00000008}.styled-checklist li:before{content:"";display:block;width:18px;height:18px;flex-shrink:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310B981' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;margin-top:2px}.comparisons-container-upgraded{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.comparison-item-upgraded{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);display:flex;flex-direction:column;position:relative;transition:all var(--transition-base);text-decoration:none;color:inherit;box-shadow:0 10px 30px -10px #0000000a}.comparison-item-upgraded:hover{border-color:var(--color-primary);box-shadow:0 15px 35px -10px #10b9811f;transform:translateY(-4px)}.comparison-vs-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:850;text-transform:uppercase;background:#10b9810f;border:1.5px solid rgba(16,185,129,.15);padding:6px 12px;border-radius:var(--radius-pill);margin-bottom:var(--space-3);width:fit-content;color:var(--color-text-dark)}.comparison-vs-badge .vs-text{color:var(--color-primary)}.popular-questions-list{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin:var(--space-4) 0}.popular-questions-list li{display:flex;align-items:flex-start;gap:12px;padding:14px 18px;background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-dark);font-weight:700;font-size:.95rem;line-height:1.45;transition:all var(--transition-fast) ease}.popular-questions-list li:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 15px #00000008}.popular-questions-list li:before{content:"?";display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;background:#10b9811f;color:var(--color-primary);border-radius:var(--radius-pill);font-size:.75rem;font-weight:850;margin-top:1px}.author-card-homepage-premium{background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-muted) 100%);border:1.5px solid var(--color-border-strong);border-left:5px solid var(--color-primary);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:0 15px 35px -10px #0000000f;margin:var(--space-6) 0;display:flex;gap:var(--space-5);align-items:flex-start}.author-card-homepage-premium .author-card-avatar-wrapper{flex-shrink:0;width:110px;height:110px;border-radius:var(--radius-pill);overflow:hidden;border:4px solid var(--color-primary);box-shadow:0 8px 24px -8px #10b9814d;background:linear-gradient(135deg,var(--color-primary) 0%,#34D399 100%);display:flex;align-items:center;justify-content:center}.author-card-avatar{color:#fff!important;font-weight:850;font-family:var(--font-heading);font-size:1.8rem;letter-spacing:.05em}.author-card-badge{font-size:.68rem;font-weight:850;color:var(--color-primary);letter-spacing:.08em;background:#10b98114;padding:4px 10px;border-radius:var(--radius-pill);display:inline-block;margin-bottom:var(--space-2)}.author-card-title{font-size:.9rem;font-weight:600;color:var(--color-text-muted);margin-bottom:var(--space-3);line-height:1.4}.author-card-bio{font-size:.98rem;line-height:1.65;color:var(--color-text-body);margin-bottom:var(--space-4)}.author-card-homepage-premium .author-card-bio:not(:first-of-type){display:none}@media (max-width: 768px){.author-card-homepage-premium{flex-direction:column;align-items:center;text-align:center;padding:var(--space-4)}}#methodology-details .container-article>div>div{background:var(--color-bg)!important;border:1.5px solid var(--color-border)!important;border-radius:var(--radius-xl)!important;padding:var(--space-5)!important;box-shadow:0 8px 20px -8px #0000000a;transition:all var(--transition-fast) ease}#methodology-details .container-article>div>div:hover{border-color:var(--color-primary)!important;transform:translateY(-2px);box-shadow:var(--shadow-md)}.final-cta-banner-premium{background:linear-gradient(135deg,#064e3b,#022c22);border:none;border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-5);color:#fff!important;box-shadow:0 25px 50px -12px #022c2240;position:relative;overflow:hidden;text-align:center;margin:0 auto;max-width:var(--width-wide);width:100%}.final-cta-banner-premium:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:#10b98126;filter:blur(80px);border-radius:var(--radius-pill);pointer-events:none}.final-cta-banner-premium h2{color:#fff!important;font-size:2rem;margin-top:0;margin-bottom:var(--space-3);border-bottom:none!important}.final-cta-banner-premium h2:after{display:none!important}.final-cta-banner-premium p{color:#fffc!important;max-width:750px;margin-inline:auto;font-size:1.08rem;line-height:1.65}.final-cta-banner-premium .btn-primary{background:#fff!important;color:#022c22!important;border:none!important}.final-cta-banner-premium .btn-primary:hover{background:#ffffffe6!important;transform:translateY(-2px);box-shadow:0 10px 20px -5px #fff3}.final-cta-banner-premium .btn-secondary{background:#ffffff1a!important;color:#fff!important;border:1.5px solid rgba(255,255,255,.2)!important}.final-cta-banner-premium .btn-secondary:hover{background:#fff3!important;border-color:#fff6!important;transform:translateY(-2px)}#introduction .container-article,#at-a-glance .container-article,#popularity .container-article,#features .container-article,#serving-sizes .container-article,#brands .container-article,#comparisons-list .container-article,#benefits .container-article,#trust-details .container-article,#expert-profile .container-article,#editorial-standards .container-article,#methodology-details .container-article,#popular-guides-list .container-article,#faq-section .container-article,#final-cta .container-article,#trust-statement .container-article{max-width:var(--width-wide)!important}#introduction .container-article p,#popularity .container-article p,#features .container-article p,#benefits .container-article p,#trust-details .container-article p,#editorial-standards .container-article p,#methodology-details .container-article p,#trust-statement .container-article p{max-width:85ch;margin-left:0;margin-right:auto}[style*="text-align: center"] p,[style*="text-align: center"]>p,[style*="text-align:center"] p,.text-center p{margin-inline:auto!important}[style*="text-align: center"] h2:after,[style*="text-align: center"]>h2:after,[style*="text-align:center"] h2:after,h2[style*="text-align: center"]:after,h2[style*="text-align:center"]:after,.text-center h2:after{left:50%!important;transform:translate(-50%)!important}h2[style*="border-bottom: none"]:after,h2[style*="border-bottom:none"]:after{display:none!important}.hero-inline-calc{margin:0 auto;box-shadow:var(--shadow-xl);border:1.5px solid var(--color-border);border-top:4px solid var(--color-primary);background:var(--color-bg);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-4);max-width:800px}.hero-inline-calc-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:800;color:var(--color-text-dark);text-align:center;margin-bottom:var(--space-1)}.hero-inline-calc-subtitle{font-size:.95rem;line-height:1.5;color:var(--color-text-muted);text-align:center;margin-bottom:var(--space-4)}.inline-calc-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 600px){.inline-calc-inputs{grid-template-columns:1fr;gap:var(--space-2)}}.inline-calc-field{display:flex;flex-direction:column;gap:6px}.inline-calc-field label{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.inline-calc-field input,.inline-calc-field select{font-family:var(--font-body);font-size:1rem;padding:10px 14px;border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-bg);color:var(--color-text-dark);transition:all var(--transition-fast) ease}.inline-calc-field input:focus,.inline-calc-field select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #10b9811f}.inline-calc-outputs{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3);background:var(--color-bg-section);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-2);border:1.5px solid var(--color-border);margin-bottom:var(--space-4);text-align:center}@media (max-width: 600px){.inline-calc-outputs{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.inline-calc-out-item{display:flex;flex-direction:column;justify-content:center;align-items:center}.inline-calc-out-val{font-family:var(--font-heading);font-size:2.2rem;font-weight:900;color:var(--color-primary);line-height:1.1}#out-calories{color:var(--color-accent)}.inline-calc-out-lbl{font-size:.75rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-top:6px}.inline-calc-micros{border-top:1.5px dashed var(--color-border);padding-top:var(--space-4);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);text-align:center}@media (max-width: 600px){.inline-calc-micros{grid-template-columns:repeat(2,1fr);gap:var(--space-2)}}.inline-calc-micro-item{background:var(--color-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-1);transition:all var(--transition-fast) ease}.inline-calc-micro-item:hover{transform:translateY(-3.5px);box-shadow:var(--shadow-md);border-color:var(--color-primary)}.inline-calc-micro-lbl{font-size:.65rem;font-weight:750;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:4px}.inline-calc-micro-val{font-family:var(--font-heading);font-weight:800;font-size:1.15rem;color:var(--color-text-dark)}.styled-checklist.negative li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EF4444' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E")}.styled-checklist.negative li:hover{border-color:#ef4444}.table-wrap{overflow-x:auto;border-radius:var(--radius-2xl);border:1.5px solid var(--color-border);margin:var(--space-4) 0;box-shadow:0 10px 30px -10px #0000000d;-webkit-overflow-scrolling:touch;background:var(--color-bg)}table.data-table{width:100%;border-collapse:collapse;font-size:var(--fs-small);background:var(--color-bg);min-width:480px}table.data-table thead th{background:var(--color-bg-muted);color:var(--color-text-dark);font-family:var(--font-heading);font-weight:750;text-align:left;padding:14px 18px;border-bottom:2.5px solid var(--color-border);position:sticky;top:0;white-space:nowrap;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em}table.data-table tbody td{padding:12px 18px;border-bottom:1.5px solid var(--color-border-muted);color:var(--color-text-body);vertical-align:middle}table.data-table tbody tr:nth-child(2n){background:#f8fafc80}table.data-table tbody tr:hover{background:#10b98105}table.data-table tbody tr:last-child td{border-bottom:none}table.data-table td.numeric,table.data-table th.numeric{text-align:right;font-variant-numeric:tabular-nums}table.data-table td.highlight{background:#10b9810f!important;font-weight:750;color:var(--color-primary)}.table-caption{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:8px;text-align:left;padding:0 var(--space-2);line-height:1.45;font-weight:500}table.nutrition-table{min-width:380px}table.nutrition-table td:first-child{font-weight:600;color:var(--color-text-dark)}table.compare-table{min-width:560px}table.compare-table th:first-child,table.compare-table td:first-child{font-weight:700;color:var(--color-text-dark);min-width:160px}table.compare-table tbody tr:nth-child(2n) td:first-child{background:transparent}:root{--color-calc-results-bg: linear-gradient(135deg, hsl(162, 50%, 96%) 0%, hsl(210, 20%, 97%) 100%);--color-calc-result-card-bg: var(--color-bg)}@media (prefers-color-scheme: dark){:root[data-theme=auto]{--color-calc-results-bg: linear-gradient(135deg, hsl(162, 50%, 8%) 0%, hsl(222, 47%, 11%) 100%);--color-calc-result-card-bg: var(--color-bg-section)}}:root[data-theme=dark]{--color-calc-results-bg: linear-gradient(135deg, hsl(162, 50%, 8%) 0%, hsl(222, 47%, 11%) 100%);--color-calc-result-card-bg: var(--color-bg-section)}.calculator{background:var(--color-bg);border:1.5px solid var(--color-border-strong);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:0 20px 40px -15px #10b98114,0 1px 3px #00000008;position:relative;overflow:hidden;transition:all var(--transition-base)}.calculator:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,#34d399 100%)}.calculator-header{margin-bottom:var(--space-4)}.calculator-header h3{margin-top:0;margin-bottom:6px;font-size:1.4rem;font-weight:800;color:var(--color-text-dark)}.calculator-header p{font-size:var(--fs-small);color:var(--color-text-muted);margin-bottom:0;line-height:1.45}.calculator-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-bottom:var(--space-4)}@media (max-width: 600px){.calculator-grid{grid-template-columns:1fr}}.calc-field{display:flex;flex-direction:column;gap:6px}.calc-field label{font-family:var(--font-heading);font-weight:750;font-size:.9rem;color:var(--color-text-dark)}.calc-field input,.calc-field select{padding:12px 16px;border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:1rem;font-weight:600;background:var(--color-bg);color:var(--color-text-dark);box-shadow:0 1px 2px #00000005;transition:all var(--transition-fast);outline:none}.calc-field input:focus,.calc-field select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #10b9811f}.calc-results{background:var(--color-calc-results-bg);border:1.5px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-4);display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3)}.calc-result{text-align:center;background:var(--color-calc-result-card-bg);padding:var(--space-4) var(--space-2);border-radius:var(--radius-xl);border:1.5px solid var(--color-border);box-shadow:0 4px 10px #00000005;transition:all var(--transition-base)}.calc-result:hover{transform:translateY(-3px);border-color:var(--color-primary);box-shadow:0 10px 25px -8px #10b98126}.calc-result-value{font-family:var(--font-heading);font-size:1.95rem;font-weight:850;color:var(--color-primary);line-height:1.1;margin-bottom:6px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.calc-result-label{font-size:var(--fs-xs);color:var(--color-text-muted);font-weight:800;text-transform:uppercase;letter-spacing:.06em}.calc-result-unit{font-size:.85rem;color:var(--color-text-muted);font-weight:600;margin-top:2px}.calc-slider{width:100%;height:6px;background:var(--color-border-strong);border-radius:var(--radius-pill);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}.calc-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:3px solid #FFFFFF;box-shadow:0 2px 6px #00000026;transition:transform var(--transition-fast)}.calc-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.calc-slider::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:3px solid #FFFFFF;box-shadow:0 2px 6px #00000026;transition:transform var(--transition-fast)}.calc-slider::-moz-range-thumb:hover{transform:scale(1.15)}.calc-note{font-size:var(--fs-xs);color:var(--color-text-muted);margin-top:var(--space-3);font-style:italic;font-weight:500}.faq-list{display:flex;flex-direction:column;gap:12px}.faq-item{border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg);overflow:hidden;box-shadow:0 4px 10px #00000003;transition:all var(--transition-base)}.faq-item:hover{border-color:var(--color-primary-muted);transform:translateY(-1.5px);box-shadow:0 8px 20px -8px #0000000a}.faq-item[open]{border-color:var(--color-primary);box-shadow:0 10px 25px -10px #10b98114}.faq-item summary{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;cursor:pointer;font-family:var(--font-heading);font-weight:750;color:var(--color-text-dark);list-style:none;font-size:1.02rem;gap:var(--space-2);transition:background var(--transition-fast) ease}.faq-item summary:hover{background:#10b98105}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.4rem;font-weight:700;color:var(--color-primary);transition:transform var(--transition-base);flex-shrink:0;width:28px;height:28px;background:#10b98114;border-radius:var(--radius-pill);display:flex;align-items:center;justify-content:center;line-height:1}.faq-item[open] summary:after{transform:rotate(45deg);background:var(--color-primary);color:#fff}.faq-item[open] summary{border-bottom:1.5px solid var(--color-border);background:#10b98105}.faq-answer{padding:18px 20px;color:var(--color-text-body);font-size:.97rem;line-height:1.65;background:var(--color-bg)}.faq-answer p:last-child{margin-bottom:0}.faq-answer ul,.faq-answer ol{margin:var(--space-2) 0 var(--space-3) var(--space-3)}.faq-answer li{margin-bottom:6px}.hidden{display:none!important}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.mt-0{margin-top:0!important}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.my-2{margin-block:var(--space-2)}.my-3{margin-block:var(--space-3)}.my-4{margin-block:var(--space-4)}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.w-full{width:100%}.max-w-prose{max-width:65ch}.max-w-article{max-width:var(--width-article)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.text-dark{color:var(--color-text-dark)}.bg-section{background:var(--color-bg-section)}.bg-hover{background:var(--color-bg-hover)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 768px){.hide-mobile{display:none!important}}@media (min-width: 769px){.show-mobile{display:none!important}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .4s ease-out both}@media print{.site-header,.site-footer,.toc,.newsletter,.breadcrumb,.calc-results,.search-box{display:none!important}body{color:#000;background:#fff}a{text-decoration:underline;color:#000}}