:root{--bg-primary: #F5F8FA;--bg-secondary: #FFFFFF;--bg-sidebar: #E5EEF8;--text-primary: #182230;--text-secondary: #4A5568;--text-muted: #718096;--accent: #3A5A80;--accent-hover: #2C4A6E;--accent-soft: #D6E4F0;--accent-light: #EBF4FF;--border: #CBD5E0;--border-light: #E2EBF3;--card-shadow: 0 2px 8px rgba(58, 90, 128, .1);--card-shadow-hover: 0 8px 24px rgba(58, 90, 128, .18);--font-sans: "Inter", "Manrope", system-ui, -apple-system, sans-serif;--body-font-size-desktop: 17px;--body-font-size-mobile: 16px;--line-height-body: 1.75;--max-content-width: 740px;--tap-target-min: 44px;--sidebar-width: 240px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--z-sidebar: 100;--z-header: 200;--z-modal: 300;--z-toast: 400}*,*: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(--body-font-size-desktop);line-height:var(--line-height-body);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--text-primary)}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.1rem}p{margin-bottom:1em}p:last-child{margin-bottom:0}.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}#reading-progress{position:fixed;top:0;left:0;height:3px;background:var(--accent);z-index:var(--z-modal);transition:width .1s linear;border-radius:0 2px 2px 0}@media (max-width: 768px){body{font-size:var(--body-font-size-mobile)}h1{font-size:1.6rem}h2{font-size:1.3rem}}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);min-height:100vh;background:var(--bg-sidebar);border-right:1px solid var(--border);position:sticky;top:0;height:100vh;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column;z-index:var(--z-sidebar);scrollbar-width:thin;scrollbar-color:var(--border) transparent}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.sidebar-logo{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border)}.sidebar-logo a{display:flex;align-items:center;gap:var(--space-3);color:var(--text-primary);font-weight:700;font-size:1rem;line-height:1.2;text-decoration:none}.sidebar-logo-icon{width:36px;height:36px;background:var(--accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.1rem;font-weight:700;flex-shrink:0}.sidebar-logo-text{font-size:.85rem;font-weight:700;color:var(--text-primary);line-height:1.2}.sidebar-logo-text span{display:block;font-size:.7rem;font-weight:400;color:var(--text-muted);margin-top:2px}.sidebar-author{padding:var(--space-5);border-bottom:1px solid var(--border)}.sidebar-author-photo{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;margin-bottom:var(--space-3);border:2px solid var(--accent-soft)}.sidebar-author-photo-placeholder{width:56px;height:56px;border-radius:var(--radius-full);background:var(--accent);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:var(--space-3);border:2px solid var(--accent-soft)}.sidebar-author-name{font-size:.85rem;font-weight:700;color:var(--text-primary);margin-bottom:2px}.sidebar-author-title{font-size:.72rem;color:var(--text-muted);margin-bottom:var(--space-3);line-height:1.4}.sidebar-author-bio{font-size:.75rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3)}.sidebar-author-link{font-size:.75rem;color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:4px}.sidebar-nav{padding:var(--space-4) var(--space-3);border-bottom:1px solid var(--border)}.sidebar-nav-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:0 var(--space-2) var(--space-2)}.sidebar-nav-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-2);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.82rem;font-weight:500;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast);cursor:pointer;border:none;background:none;width:100%;text-align:left}.sidebar-nav-item:hover{background:var(--accent-soft);color:var(--accent);text-decoration:none}.sidebar-nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar-nav-badge{background:var(--accent);color:#fff;font-size:.65rem;font-weight:700;padding:1px 6px;border-radius:var(--radius-full);min-width:18px;text-align:center}.sidebar-module{padding:var(--space-4) var(--space-4);border-bottom:1px solid var(--border)}.sidebar-module-title{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:var(--space-3)}.sidebar-module-item{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--border-light);text-decoration:none}.sidebar-module-item:last-child{border-bottom:none}.sidebar-module-item:hover{text-decoration:none}.sidebar-module-item-num{font-size:.68rem;font-weight:700;color:var(--accent);min-width:16px;margin-top:2px}.sidebar-module-item-title{font-size:.75rem;color:var(--text-secondary);line-height:1.4;transition:color var(--transition-fast)}.sidebar-module-item:hover .sidebar-module-item-title{color:var(--accent)}.main-content{flex:1;min-width:0;display:flex;flex-direction:column}.top-header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:0 var(--space-8);height:60px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:var(--z-header)}.top-header-left{display:flex;align-items:center;gap:var(--space-4)}.hamburger-btn{display:none;background:none;border:none;cursor:pointer;padding:var(--space-2);color:var(--text-secondary);border-radius:var(--radius-md)}.hamburger-btn:hover{background:var(--bg-primary)}.top-header-search{display:flex;align-items:center;gap:var(--space-2);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);min-width:240px}.top-header-search input{border:none;background:none;outline:none;font-size:.85rem;color:var(--text-primary);width:100%;font-family:var(--font-sans)}.top-header-search input::placeholder{color:var(--text-muted)}.top-header-right{display:flex;align-items:center;gap:var(--space-4)}.top-header-nav a{font-size:.85rem;color:var(--text-secondary);font-weight:500;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.top-header-nav a:hover{background:var(--bg-primary);color:var(--accent);text-decoration:none}.page-content{padding:var(--space-8);flex:1}.hero-section{background:linear-gradient(135deg,var(--accent) 0%,#2C4A6E 100%);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-10);margin-bottom:var(--space-8);color:#fff;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff0d;border-radius:var(--radius-full)}.hero-section:after{content:"";position:absolute;bottom:-30%;left:30%;width:300px;height:300px;background:#ffffff0a;border-radius:var(--radius-full)}.hero-tag{display:inline-block;background:#ffffff26;color:#ffffffe6;font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-4);position:relative;z-index:1}.hero-title{font-size:2.2rem;font-weight:800;line-height:1.15;margin-bottom:var(--space-4);position:relative;z-index:1;color:#fff}.hero-subtitle{font-size:1.05rem;line-height:1.6;opacity:.88;max-width:560px;margin-bottom:var(--space-6);position:relative;z-index:1}.hero-cta{display:inline-flex;align-items:center;gap:var(--space-2);background:#fff;color:var(--accent);font-weight:700;font-size:.9rem;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:all var(--transition-base);position:relative;z-index:1}.hero-cta:hover{background:var(--accent-light);transform:translateY(-1px);box-shadow:0 4px 16px #0003;text-decoration:none;color:var(--accent)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.section-title{font-size:1.15rem;font-weight:700;color:var(--text-primary)}.section-link{font-size:.82rem;color:var(--accent);font-weight:600;text-decoration:none}.section-link:hover{text-decoration:underline}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);margin-bottom:var(--space-8)}.card-grid-2{grid-template-columns:repeat(2,1fr)}.article-card{background:var(--bg-secondary);border-radius:var(--radius-md);box-shadow:var(--card-shadow);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--transition-base),transform var(--transition-base);border:1px solid var(--border-light);text-decoration:none;color:inherit}.article-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px);text-decoration:none;color:inherit}.article-card-image{width:100%;aspect-ratio:16/9;object-fit:cover;background:linear-gradient(135deg,var(--accent-soft),var(--bg-sidebar))}.article-card-image-placeholder{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,var(--accent-soft) 0%,var(--bg-sidebar) 100%);display:flex;align-items:center;justify-content:center;font-size:2rem;color:var(--accent);position:relative;overflow:hidden}.article-card-image-placeholder:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%233A5A80' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.article-card-body{padding:var(--space-4) var(--space-5);flex:1;display:flex;flex-direction:column}.article-card-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-2)}.article-card-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.35;margin-bottom:var(--space-2);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-excerpt{font-size:.8rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:.72rem;color:var(--text-muted);padding-top:var(--space-3);border-top:1px solid var(--border-light);margin-top:auto}.article-card-meta-dot{width:3px;height:3px;border-radius:var(--radius-full);background:var(--border);flex-shrink:0}.featured-card{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr}.featured-card .article-card-image,.featured-card .article-card-image-placeholder{aspect-ratio:auto;height:100%;min-height:220px}.featured-card .article-card-title{font-size:1.2rem;-webkit-line-clamp:4}.view-toggle{display:flex;align-items:center;gap:var(--space-1);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:3px}.view-toggle-btn{background:none;border:none;cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.85rem;transition:all var(--transition-fast);display:flex;align-items:center}.view-toggle-btn.active{background:var(--bg-secondary);color:var(--accent);box-shadow:0 1px 3px #0000001a}.article-list{display:flex;flex-direction:column;gap:var(--space-3)}.article-list-item{display:flex;align-items:flex-start;gap:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--border-light);text-decoration:none;color:inherit;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.article-list-item:hover{box-shadow:var(--card-shadow);border-color:var(--accent-soft);text-decoration:none;color:inherit}.article-list-image{width:80px;height:60px;border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;background:var(--accent-soft)}.article-list-body{flex:1;min-width:0}.article-list-title{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:4px;line-height:1.3}.article-list-meta{font-size:.72rem;color:var(--text-muted);display:flex;align-items:center;gap:var(--space-2)}.breadcrumbs{display:flex;align-items:center;gap:var(--space-2);font-size:.78rem;color:var(--text-muted);margin-bottom:var(--space-5);flex-wrap:wrap}.breadcrumbs a{color:var(--text-muted);text-decoration:none;transition:color var(--transition-fast)}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs-sep{color:var(--border);font-size:.7rem}.breadcrumbs-current{color:var(--text-secondary);font-weight:500}.article-page{max-width:var(--max-content-width);margin:0 auto}.article-hero-image{width:100%;aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.article-hero-placeholder{width:100%;aspect-ratio:16/7;background:linear-gradient(135deg,var(--accent) 0%,#2C4A6E 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-8);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.article-hero-placeholder-inner{text-align:center;color:#ffffffb3;z-index:1}.article-header{margin-bottom:var(--space-8)}.article-category-badge{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:4px 12px;border-radius:var(--radius-full);margin-bottom:var(--space-3);text-decoration:none}.article-title{font-size:2rem;font-weight:800;line-height:1.2;margin-bottom:var(--space-4);color:var(--text-primary)}.article-meta{display:flex;align-items:center;gap:var(--space-4);font-size:.8rem;color:var(--text-muted);flex-wrap:wrap}.article-meta-author{display:flex;align-items:center;gap:var(--space-2);font-weight:600;color:var(--text-secondary)}[data-tldr=ai-overview]{background:var(--accent-light);border-left:4px solid var(--accent);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6)}[data-tldr=ai-overview]:before{content:"In Short";display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-2)}[data-tldr=ai-overview] p{font-size:.95rem;color:var(--text-secondary);line-height:1.65;margin-bottom:0}.article-body{font-size:var(--body-font-size-desktop);line-height:var(--line-height-body);color:var(--text-primary)}.article-body h2{font-size:1.45rem;font-weight:700;margin:var(--space-8) 0 var(--space-4);color:var(--text-primary);padding-bottom:var(--space-2);border-bottom:2px solid var(--accent-soft)}.article-body h3{font-size:1.15rem;font-weight:700;margin:var(--space-6) 0 var(--space-3);color:var(--text-primary)}.article-body p{margin-bottom:var(--space-5);color:var(--text-primary)}.article-body ul,.article-body ol{margin:var(--space-4) 0 var(--space-5) var(--space-6)}.article-body li{margin-bottom:var(--space-2);line-height:1.65}.article-body a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent-soft);text-underline-offset:2px}.article-body a:hover{text-decoration-color:var(--accent)}.article-body blockquote{border-left:4px solid var(--accent);padding:var(--space-4) var(--space-5);margin:var(--space-6) 0;background:var(--accent-light);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--text-secondary)}.article-body strong{font-weight:700}.article-body em{font-style:italic}.author-byline{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);margin-top:var(--space-8)}.author-byline p{font-size:.85rem;color:var(--text-secondary);margin-bottom:var(--space-2)}.author-byline p:last-child{margin-bottom:0}.author-byline strong{color:var(--text-primary)}.auto-affiliates{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-8)}.auto-affiliates h3{font-size:1rem;font-weight:700;margin-bottom:var(--space-4);color:var(--text-primary)}.auto-affiliates ul{list-style:none;margin:0 0 var(--space-4);padding:0}.auto-affiliates li{padding:var(--space-3) 0;border-bottom:1px solid var(--border-light);font-size:.88rem}.auto-affiliates li:last-child{border-bottom:none}.auto-affiliates a{color:var(--accent);font-weight:600}.disclosure{color:var(--text-muted);font-size:.78rem}.affiliate-disclosure{font-size:.75rem;color:var(--text-muted);font-style:italic;margin-bottom:0!important}.related-articles{margin-top:var(--space-10)}.related-articles-title{font-size:1.1rem;font-weight:700;margin-bottom:var(--space-5);color:var(--text-primary)}.assessment-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid var(--border-light);box-shadow:var(--card-shadow);transition:all var(--transition-base);text-decoration:none;color:inherit;display:block}.assessment-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px);border-color:var(--accent-soft);text-decoration:none;color:inherit}.assessment-card-icon{width:48px;height:48px;background:var(--accent-soft);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:var(--space-4)}.assessment-card-title{font-size:1rem;font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.assessment-card-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;margin-bottom:var(--space-4)}.assessment-card-cta{font-size:.82rem;font-weight:700;color:var(--accent);display:flex;align-items:center;gap:4px}.assessment-quiz{max-width:680px;margin:0 auto}.assessment-progress{background:var(--border-light);border-radius:var(--radius-full);height:6px;margin-bottom:var(--space-8);overflow:hidden}.assessment-progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-full);transition:width var(--transition-slow)}.assessment-question{margin-bottom:var(--space-8)}.assessment-question-num{font-size:.75rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2)}.assessment-question-text{font-size:1.1rem;font-weight:700;color:var(--text-primary);line-height:1.4;margin-bottom:var(--space-5)}.assessment-options{display:flex;flex-direction:column;gap:var(--space-3)}.assessment-option{background:var(--bg-secondary);border:2px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4) var(--space-5);cursor:pointer;font-size:.9rem;color:var(--text-secondary);transition:all var(--transition-fast);text-align:left;font-family:var(--font-sans);line-height:1.4}.assessment-option:hover{border-color:var(--accent);background:var(--accent-light);color:var(--accent)}.assessment-option.selected{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.assessment-nav{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:.88rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);border:2px solid transparent;font-family:var(--font-sans);text-decoration:none;min-height:var(--tap-target-min)}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px);text-decoration:none;color:#fff}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--border)}.btn-secondary:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.btn-ghost{background:transparent;color:var(--accent);border-color:transparent;padding-left:0}.btn-ghost:hover{background:var(--accent-light);padding-left:var(--space-3);text-decoration:none;color:var(--accent)}.assessment-result{text-align:center;padding:var(--space-8);background:var(--bg-secondary);border-radius:var(--radius-xl);border:1px solid var(--border)}.assessment-result-score{font-size:4rem;font-weight:800;color:var(--accent);line-height:1;margin-bottom:var(--space-2)}.assessment-result-label{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-4)}.assessment-result-desc{font-size:.95rem;color:var(--text-secondary);line-height:1.65;max-width:480px;margin:0 auto var(--space-6)}.category-tabs{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-6)}.category-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-family:var(--font-sans)}.category-tab:hover{border-color:var(--accent);color:var(--accent)}.category-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-8)}.pagination-btn{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans)}.pagination-btn:hover{border-color:var(--accent);color:var(--accent)}.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.footer{background:var(--text-primary);color:#ffffffb3;padding:var(--space-10) var(--space-8) var(--space-6);margin-top:auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-8);margin-bottom:var(--space-8)}.footer-brand-name{font-size:1rem;font-weight:700;color:#fff;margin-bottom:var(--space-3)}.footer-brand-desc{font-size:.82rem;line-height:1.6;margin-bottom:var(--space-4)}.footer-col-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80;margin-bottom:var(--space-3)}.footer-col a{display:block;font-size:.82rem;color:#ffffffa6;text-decoration:none;padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer-col a:hover{color:#fff;text-decoration:none}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:var(--space-5);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#fff6;flex-wrap:wrap;gap:var(--space-3)}.footer-disclosure{font-size:.72rem;color:#ffffff59;line-height:1.5;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(255,255,255,.08)}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--bg-sidebar) 50%,var(--border-light) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.toast{position:fixed;bottom:var(--space-6);right:var(--space-6);background:var(--text-primary);color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:.85rem;font-weight:600;z-index:var(--z-toast);box-shadow:0 4px 16px #0003;animation:toast-in .3s ease}@keyframes toast-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.product-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--border-light);box-shadow:var(--card-shadow);display:flex;flex-direction:column}.product-card-category{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-2)}.product-card-name{font-size:.9rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3);line-height:1.3;flex:1}.product-card-link{display:inline-flex;align-items:center;gap:4px;font-size:.8rem;font-weight:600;color:var(--accent);text-decoration:none;margin-top:auto}.product-card-link:hover{text-decoration:underline}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-sidebar) - 1)}@media (max-width: 1200px){.card-grid{grid-template-columns:repeat(2,1fr)}.featured-card{grid-column:span 2}.product-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.top-header{padding:0 var(--space-5)}.page-content{padding:var(--space-5)}.hero-title{font-size:1.7rem}}@media (max-width: 768px){.sidebar{position:fixed;left:-100%;top:0;height:100%;transition:left var(--transition-base);z-index:var(--z-sidebar)}.sidebar.open{left:0}.sidebar-overlay.open{display:block}.hamburger-btn{display:flex}.top-header-search{display:none}.card-grid{grid-template-columns:1fr}.featured-card{grid-column:span 1;grid-template-columns:1fr}.featured-card .article-card-image,.featured-card .article-card-image-placeholder{height:200px}.product-grid,.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.article-title{font-size:1.5rem}.hero-section{padding:var(--space-8) var(--space-5)}.hero-title{font-size:1.5rem}}.supplements-filters{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.supplements-filters__search{width:100%}.supplements-filters__input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base);transition:border-color .2s;box-sizing:border-box}.supplements-filters__input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.supplements-filters__row{display:flex;gap:var(--space-3);flex-wrap:wrap}.supplements-filters__group{display:flex;flex-direction:column;gap:var(--space-1)}.supplements-filters__label{font-size:.68rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.supplements-filters__select{padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-primary);font-size:.85rem;cursor:pointer}.supplements-filters__categories{display:flex;flex-wrap:wrap;gap:var(--space-2)}.supplements-filters__cat{padding:4px 12px;border:1px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-muted);font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.supplements-filters__cat:hover,.supplements-filters__cat.active{background:var(--accent);border-color:var(--accent);color:#fff}.supplements-results-count{font-size:.85rem;color:var(--text-muted);margin-bottom:var(--space-4)}.supplements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.supplement-card{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:box-shadow .2s,transform .2s}.supplement-card:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.supplement-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.supplement-card__meta{display:flex;flex-direction:column;gap:2px}.supplement-card__category{font-size:.68rem;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.05em}.supplement-card__subcategory{font-size:.68rem;color:var(--text-muted)}.supplement-card__evidence{font-size:.72rem;font-weight:600;white-space:nowrap}.supplement-card__name{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.supplement-card__description{font-size:.82rem;color:var(--text-secondary);line-height:1.6;margin:0}.supplement-card__benefits{display:flex;flex-wrap:wrap;gap:4px}.supplement-card__benefit{padding:2px 8px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-full);font-size:.68rem;color:var(--text-muted)}.supplement-card__benefit--more{background:var(--accent);border-color:var(--accent);color:#fff}.supplement-card__details{background:var(--bg-primary);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.supplement-card__detail{font-size:.82rem;color:var(--text-secondary);line-height:1.5}.supplement-card__detail--caution{color:#d97706;background:#d977060f;border-radius:var(--radius-sm);padding:var(--space-2)}.supplement-card__tags{display:flex;flex-wrap:wrap;gap:4px}.supplement-card__tag{font-size:.65rem;color:var(--text-muted)}.supplement-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-2);border-top:1px solid var(--border);margin-top:auto}.supplement-card__price{display:flex;flex-direction:column;gap:2px}.supplement-card__price-label{font-size:.72rem;color:var(--text-muted)}.supplement-card__rating{font-size:.82rem;font-weight:600;color:#f59e0b}.supplement-card__actions{display:flex;gap:var(--space-2);align-items:center}.supplement-card__toggle{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;color:var(--text-muted);font-size:.72rem;cursor:pointer;transition:all .2s}.supplement-card__toggle:hover{border-color:var(--accent);color:var(--accent)}.supplement-card__buy{padding:4px 12px;background:#f90;color:#fff;border-radius:var(--radius-md);font-size:.72rem;font-weight:700;text-decoration:none;transition:background .2s;white-space:nowrap}.supplement-card__buy:hover{background:#e68900;color:#fff}.supplements-empty{text-align:center;padding:var(--space-12);color:var(--text-muted)}.supplements-empty button{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--accent);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.supplements-evidence-key{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.supplements-evidence-key h3{font-size:1rem;font-weight:700;margin-bottom:var(--space-4)}.supplements-evidence-key__items{display:flex;flex-direction:column;gap:var(--space-3)}.supplements-evidence-key__item{display:flex;align-items:flex-start;gap:var(--space-3)}.supplements-evidence-key__item strong{min-width:160px;font-size:.85rem}.supplements-evidence-key__desc{font-size:.82rem;color:var(--text-muted)}.supplements-full-disclaimer{background:var(--bg-secondary);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-8)}.supplements-full-disclaimer h3{font-size:.9rem;font-weight:700;margin-bottom:var(--space-3)}.supplements-full-disclaimer p{font-size:.82rem;color:var(--text-muted);line-height:1.7;margin-bottom:var(--space-2)}.page-header__disclaimer{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--accent-soft);border:1px solid var(--border);border-radius:var(--radius-md);font-size:.82rem;color:var(--text-muted);line-height:1.6}