:root{--color-bg:#d1e7dd;--color-bg-light:#e8f5e9;--color-surface:#fff;--color-surface-hover:#f8fcf8;--color-text:#2c3e50;--color-text-muted:#5a6c7d;--color-text-inverse:#fff;--color-accent:#fff3cd;--color-accent-light:#fff9c4;--color-accent-border:#e6d88a;--color-primary:#ff6b6b;--color-primary-hover:#e85555;--color-primary-active:#d94848;--color-error:#c0392b;--color-error-bg:#fdedec;--color-border:#c8d5cc;--color-border-light:#e0e8e2;--font-heading:"Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--font-normal:400;--font-semibold:600;--font-bold:700;--line-height-tight:1.3;--line-height-normal:1.6;--line-height-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--ease-expressive:cubic-bezier(.4, .14, .3, 1);--ease-overshoot:cubic-bezier(.175, .885, .32, 1.275);--duration-instant:50ms;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--color-stress-low:#6bcb77;--color-stress-medium:#ffd93d;--color-stress-high:#ff9f43;--color-stress-severe:#ff6b6b;--max-width:800px;--max-width-wide:960px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--shadow-sm:0 1px 3px #2c3e5014;--shadow-md:0 4px 12px #2c3e501a;--shadow-lg:0 8px 24px #2c3e501f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--line-height-tight);color:var(--color-text)}h1{font-size:var(--text-3xl);margin-bottom:var(--space-4)}h2{font-size:var(--text-2xl);margin-bottom:var(--space-5)}h3{font-size:var(--text-xl);margin-bottom:var(--space-4)}h4{font-size:var(--text-lg);margin-bottom:var(--space-3)}p{margin-bottom:var(--space-4);line-height:var(--line-height-normal)}a{color:var(--color-primary);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-primary-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}ul,ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}li{margin-bottom:var(--space-2);line-height:var(--line-height-normal)}strong{font-weight:var(--font-semibold)}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}img{max-width:100%;height:auto}code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:var(--text-sm);background:var(--color-bg-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm);-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}thead{background:var(--color-bg-light);border-bottom:2px solid var(--color-border)}th{text-align:left;font-family:var(--font-heading);font-weight:var(--font-semibold);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);white-space:nowrap}tbody tr{border-bottom:1px solid var(--color-border-light)}tbody tr:nth-child(2n){background:var(--color-bg-light)}tbody tr:last-child{border-bottom:none}td{padding:var(--space-3) var(--space-4);vertical-align:top;line-height:var(--line-height-normal)}td strong{font-weight:var(--font-bold)}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);z-index:100;position:sticky;top:0}.site-header nav{max-width:var(--max-width-wide);padding:var(--space-4) var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin:0 auto;display:flex}.site-header .logo{font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-lg);color:var(--color-text);text-decoration:none}.site-header .logo:hover{color:var(--color-primary);text-decoration:none}.site-header .nav-links{gap:var(--space-5);flex-wrap:wrap;align-items:center;margin:0;padding:0;list-style:none;display:flex}.site-header .nav-links a{font-family:var(--font-body);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);text-decoration:none}.site-header .nav-links a:hover{color:var(--color-primary);background-color:var(--color-bg-light);text-decoration:none}.breadcrumbs{max-width:var(--max-width-wide);padding:var(--space-3) var(--space-6);margin:0 auto}.breadcrumbs ol{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{margin:0;display:inline}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-primary)}.breadcrumbs .separator{color:var(--color-border)}.breadcrumbs [aria-current=page]{color:var(--color-text);font-weight:var(--font-semibold)}main{max-width:var(--max-width);padding:var(--space-8) var(--space-6) var(--space-16);margin:0 auto}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);margin-top:auto}.site-footer nav{max-width:var(--max-width-wide);padding:var(--space-6);margin:0 auto}.site-footer .footer-links{margin:0 0 var(--space-4) 0;gap:var(--space-5);flex-wrap:wrap;padding:0;list-style:none;display:flex}.site-footer .footer-links a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none}.site-footer .footer-links a:hover{color:var(--color-primary)}.site-footer .footer-disclaimer{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-link{color:var(--color-text);text-decoration:none;display:block}.card-link:hover{color:var(--color-text);text-decoration:none}.card-link:hover .card{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-link strong{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2);display:block}.card-link p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.card-grid{justify-content:center;gap:var(--space-6);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.card-grid li{flex:220px;max-width:280px;margin:0}.card-list{gap:var(--space-4);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.card-list li{margin:0}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-body);font-weight:var(--font-bold);font-size:var(--text-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);cursor:pointer;text-align:center;transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-instant) var(--ease-in);border:none;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--color-primary-hover);color:var(--color-text-inverse);text-decoration:none;transform:translateY(-1px)}.btn-primary:active{background:var(--color-primary-active);transform:scale(.98)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-link{background:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-body);font-weight:var(--font-bold);font-size:var(--text-base);padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);transition:background-color var(--duration-fast) var(--ease-out), transform var(--duration-instant) var(--ease-in);text-decoration:none;display:inline-block}.btn-link:hover{background:var(--color-primary-hover);color:var(--color-text-inverse);text-decoration:none;transform:translateY(-1px)}.btn-link:active{transform:scale(.98)}.tag{background:var(--color-accent);color:var(--color-text);font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);display:inline-block}.alert{background:var(--color-accent-light);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--color-text)}.alert p{margin:0}.article-content{margin-top:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6) var(--space-8);box-shadow:var(--shadow-sm)}.article-content h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.article-content h3{margin-top:var(--space-8);margin-bottom:var(--space-3)}.article-content p{margin-bottom:var(--space-4)}.article-content ul,.article-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content blockquote{border-left:3px solid var(--color-accent-border);padding:var(--space-2) var(--space-4);margin:var(--space-4) 0;color:var(--color-text-muted);font-style:italic}.faq{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.faq h2{margin-bottom:var(--space-6)}.faq details{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);margin-bottom:var(--space-3);transition:background-color var(--duration-normal) var(--ease-out)}.faq details[open]{background:var(--color-surface);border-color:var(--color-border)}.faq summary{font-family:var(--font-heading);font-weight:var(--font-semibold);font-size:var(--text-base);padding:var(--space-4) var(--space-5);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";float:right;font-size:var(--text-lg);font-weight:var(--font-normal);color:var(--color-text-muted);transition:transform var(--duration-normal) var(--ease-out)}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{padding:0 var(--space-5) var(--space-4);color:var(--color-text);margin:0}.tool-layout{max-width:var(--content-max);margin:0 auto}.tool-header{margin-bottom:var(--space-6)}.tool-header h1{margin-bottom:var(--space-3)}.tool-description{font-size:var(--text-lg);color:var(--color-text-muted);margin:0}.tool-intro{margin-bottom:var(--space-6)}.tool-intro p{margin-bottom:var(--space-4);line-height:1.7}.tool-calculator{margin-bottom:var(--space-8)}.article-header{margin-bottom:var(--space-6)}.article-header h1{margin-bottom:var(--space-3)}.article-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.affiliate-disclosure{background:var(--color-accent-light);border:1px solid var(--color-accent-border);border-radius:var(--radius-sm);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);font-size:var(--text-sm)}.affiliate-disclosure p{margin:0}.tool-content{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-sm)}section{margin-top:var(--space-10);margin-bottom:var(--space-10)}.back-nav{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-sm)}.back-nav a{color:var(--color-primary);font-weight:var(--font-semibold);text-decoration:none}.back-nav a:hover{color:var(--color-primary-hover);text-decoration:underline}.article-content{flex:1;min-width:0}.tldr{background:var(--color-accent-light);border:1px solid var(--color-accent-border);border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);gap:var(--space-4);align-items:flex-start;display:flex}.tldr-label{font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-text);background:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);letter-spacing:.05em;flex-shrink:0}.tldr p{font-size:var(--text-base);color:var(--color-text);line-height:var(--line-height-normal);margin:0}.article-body{margin-top:0}.toc{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-3) var(--space-5);margin-bottom:var(--space-5);align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.toc-label{font-family:var(--font-heading);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}.toc-list{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.toc-list li{margin:0}.toc-list a{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-bg-light);transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out);border-radius:999px;text-decoration:none;display:inline-block}.toc-list a:hover{color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent);text-decoration:none}.author-bio{gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-6);margin-top:var(--space-8);box-shadow:var(--shadow-sm);align-items:flex-start;display:flex}.author-avatar{background:var(--color-primary);width:48px;height:48px;color:var(--color-text-inverse);font-family:var(--font-heading);font-weight:var(--font-bold);font-size:var(--text-xl);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.author-info h3{font-size:var(--text-base);margin-bottom:var(--space-2)}.author-info p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.author-info a{font-size:var(--text-sm);font-weight:var(--font-semibold)}.hero{background:linear-gradient(135deg, var(--color-bg) 0%, var(--color-surface) 60%, var(--color-bg-light) 100%);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-10) var(--space-8);margin-bottom:var(--space-10);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.hero>*{z-index:1;position:relative}.hero h1{font-size:var(--text-4xl);margin-bottom:var(--space-4)}.hero p{font-size:var(--text-lg);color:var(--color-text-muted);max-width:60ch;margin-bottom:var(--space-6)}.floating-shapes{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.floating-shape{opacity:.25;filter:blur(1px);animation:float-gentle 6s var(--ease-in-out) infinite alternate;border-radius:50%;position:absolute}.floating-shape--mint{background:var(--color-bg)}.floating-shape--yellow{background:var(--color-accent);opacity:.35}.floating-shape--coral{background:var(--color-primary);opacity:.12}.floating-shape--square{border-radius:var(--radius-md)}@keyframes float-gentle{0%,to{transform:translateY(0)translate(0)rotate(0)}25%{transform:translateY(-12px)translate(6px)rotate(4deg)}75%{transform:translateY(-12px)translate(-6px)rotate(-4deg)}}.section-gradient{background:linear-gradient(180deg, var(--color-bg-light) 0%, transparent 100%);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4) var(--space-2);margin-left:calc(-1 * var(--space-4));margin-right:calc(-1 * var(--space-4))}.card-tilt{transform-style:preserve-3d;perspective:1000px;--tilt-x:0deg;--tilt-y:0deg;transform:rotateX(var(--tilt-y)) rotateY(var(--tilt-x));transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out)}.card-tilt:hover{box-shadow:var(--shadow-lg)}[data-reveal]{opacity:0;transition:opacity var(--duration-slow) var(--ease-out), transform var(--duration-slow) var(--ease-out);transition-delay:calc(var(--reveal-delay,0) * 60ms);transform:translateY(20px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.breadcrumb-icon{vertical-align:middle;opacity:.5;width:14px;height:14px;margin-right:var(--space-1)}.verified-badge{align-items:center;gap:var(--space-2);background:var(--color-bg-light);border:1px solid var(--color-border);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);margin-top:var(--space-3);box-shadow:var(--shadow-sm);border-radius:999px;display:inline-flex}.verified-badge svg{width:14px;height:14px;color:var(--color-primary)}.stress-meter{margin-bottom:var(--space-6)}.stress-meter-label{font-family:var(--font-heading);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text);margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.stress-meter-track{background:var(--color-bg-light);border:1px solid var(--color-border-light);border-radius:999px;height:12px;overflow:hidden}.stress-meter-fill{height:100%;transition:width var(--duration-slow) var(--ease-out);background:linear-gradient(90deg, var(--color-stress-low) 0%, var(--color-stress-medium) 50%, var(--color-stress-severe) 100%);border-radius:999px}.stress-meter-tag{font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--space-1) var(--space-3);border-radius:999px}.card-icon{margin-bottom:var(--space-3);justify-content:flex-start;align-items:center;display:flex}.heading-icon{align-items:center;gap:var(--space-3);display:inline-flex}.nav-icon{vertical-align:middle;width:16px;height:16px;margin-right:var(--space-1);opacity:.7}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=640px){.site-header nav{flex-direction:column;align-items:flex-start}.site-header .nav-links{gap:var(--space-3)}.hero{padding:var(--space-6) var(--space-4)}.hero h1{font-size:var(--text-3xl)}.card-grid li{flex:100%;max-width:100%}.article-content{padding:var(--space-4) var(--space-5)}.tldr{gap:var(--space-2);flex-direction:column}main{padding:var(--space-6) var(--space-4) var(--space-12)}}