:root{--color-bg: #FAF8F0;--color-text: #1E1C14;--color-accent: #6A8A3A;--color-accent-dark: #4d6629;--color-accent-light: #8aad4e;--color-sidebar-bg: #EEF5E2;--color-card-bg: #FFFFFF;--color-card-shadow: rgba(106, 138, 58, .12);--color-border: #D8E8C0;--color-muted: #6b7280;--color-muted-light: #9ca3af;--color-heading: #1a1a0e;--color-link: #6A8A3A;--color-link-hover: #4d6629;--color-tag-bg: #EEF5E2;--color-tag-text: #4d6629;--color-progress: #6A8A3A;--color-hero-overlay: rgba(30, 28, 20, .45);--color-white: #FFFFFF;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--font-sans: "Inter", "Manrope", system-ui, -apple-system, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1.0625rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--line-height-body: 1.7;--line-height-heading: 1.2;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--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;--space-20: 5rem;--space-24: 6rem;--sidebar-width: 240px;--content-max-width: 740px;--card-radius: 8px;--border-radius-sm: 4px;--border-radius-lg: 12px;--border-radius-xl: 16px;--shadow-card: 0 2px 8px var(--color-card-shadow);--shadow-card-hover: 0 8px 24px rgba(106, 138, 58, .2);--shadow-sidebar: 2px 0 8px rgba(0, 0, 0, .06);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-sidebar: 100;--z-header: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-link-hover)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:var(--line-height-heading);color:var(--color-heading)}#reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--color-progress);z-index:var(--z-toast);transition:width .1s linear}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-accent)}::selection{background:#6a8a3a33;color:var(--color-heading)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.article-body{max-width:var(--content-max-width);font-size:var(--font-size-base);line-height:var(--line-height-body);color:var(--color-text)}.article-body h2{font-size:var(--font-size-2xl);margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-heading);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-2)}.article-body h3{font-size:var(--font-size-xl);margin-top:var(--space-8);margin-bottom:var(--space-3);color:var(--color-heading)}.article-body p{margin-bottom:var(--space-5)}.article-body ul,.article-body ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.article-body li{margin-bottom:var(--space-2)}.article-body blockquote{border-left:4px solid var(--color-accent);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--color-sidebar-bg);border-radius:0 var(--card-radius) var(--card-radius) 0;font-style:italic}.article-body a{color:var(--color-accent);text-decoration:underline;text-decoration-color:#6a8a3a66}.article-body a:hover{text-decoration-color:var(--color-accent)}.article-body strong{font-weight:var(--font-weight-semibold);color:var(--color-heading)}[data-tldr=ai-overview]{background:linear-gradient(135deg,var(--color-sidebar-bg) 0%,#f0f7e0 100%);border:1px solid var(--color-border);border-left:4px solid var(--color-accent);border-radius:var(--card-radius);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}[data-tldr=ai-overview] p{margin:0;font-size:var(--font-size-base)}.author-byline{background:var(--color-sidebar-bg);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-5) var(--space-6);margin-top:var(--space-10)}.author-byline p{margin-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-muted)}.author-byline p:last-child{margin-bottom:0}.faq-section{margin-top:var(--space-10)}.faq-item{border:1px solid var(--color-border);border-radius:var(--card-radius);margin-bottom:var(--space-3);overflow:hidden}.faq-question{padding:var(--space-4) var(--space-5);font-weight:var(--font-weight-semibold);cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:var(--color-card-bg);transition:background var(--transition-fast)}.faq-question:hover{background:var(--color-sidebar-bg)}.faq-answer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-bg)}.affiliate-block{background:linear-gradient(135deg,#fffbf0 0%,var(--color-sidebar-bg) 100%);border:1px solid var(--color-border);border-radius:var(--card-radius);padding:var(--space-5) var(--space-6);margin:var(--space-8) 0}.affiliate-block h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-accent-dark);margin-bottom:var(--space-4);display:flex;align-items:center;gap:var(--space-2)}.affiliate-product{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.affiliate-product:last-child{border-bottom:none;padding-bottom:0}.affiliate-product a{font-weight:var(--font-weight-medium);color:var(--color-accent-dark)}.paid-link-badge{font-size:var(--font-size-xs);color:var(--color-muted-light);font-style:italic}.assessment-container{max-width:760px;margin:0 auto}.assessment-question{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-6);margin-bottom:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.assessment-question:hover{box-shadow:var(--shadow-md)}.assessment-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--card-radius);margin-top:var(--space-2);cursor:pointer;transition:all var(--transition-fast)}.assessment-option:hover,.assessment-option.selected{border-color:var(--color-accent);background:var(--color-sidebar-bg)}.assessment-result{background:linear-gradient(135deg,var(--color-sidebar-bg) 0%,#f0f7e0 100%);border:2px solid var(--color-accent);border-radius:var(--border-radius-xl);padding:var(--space-8);text-align:center}.result-score{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:var(--color-accent);line-height:1;margin-bottom:var(--space-2)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--card-radius);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn-primary{background:var(--color-accent);color:var(--color-white)}.btn-primary:hover{background:var(--color-accent-dark);color:var(--color-white)}.btn-outline{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-outline:hover{background:var(--color-sidebar-bg)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background:var(--color-tag-bg);color:var(--color-tag-text);border-radius:100px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-decoration:none}.tag:hover{background:var(--color-border);color:var(--color-accent-dark)}@media (max-width: 1024px){.sidebar{transform:translate(-100%);box-shadow:none}.sidebar.open{transform:translate(0);box-shadow:var(--shadow-lg)}}@media (max-width: 768px){:root{--font-size-base: 1rem}.article-body h2{font-size:var(--font-size-xl)}}