:root{--bg-primary:#f2eff5;--bg-secondary:#eae5f5;--bg-card:#fff;--bg-sidebar:#eae5f5;--bg-dark:#1e1828;--bg-hero:#2d2540;--text-primary:#1e1828;--text-secondary:#4a4260;--text-muted:#7a7090;--text-inverse:#fff;--text-accent:#6a5a90;--accent:#6a5a90;--accent-hover:#5a4a80;--accent-soft:#d4c8f0;--accent-light:#f0ecfa;--accent-dark:#3d2f6b;--border:#d8d0ec;--border-card:#6a5a901f;--shadow-card:0 2px 12px #6a5a901a, 0 1px 3px #6a5a9014;--shadow-card-hover:0 8px 32px #6a5a902e, 0 2px 8px #6a5a901f;--shadow-sidebar:2px 0 16px #1e18280f;--font-sans:"Inter", "DM Sans", system-ui, -apple-system, sans-serif;--font-heading:"Lora", "Georgia", serif;--body-font-size-desktop:17px;--body-font-size-mobile:16px;--line-height-body:1.75;--line-height-heading:1.25;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--sidebar-width:240px;--max-content-width:740px;--max-site-width:1280px;--tap-target-min:44px;--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;--radius-sm:4px;--radius:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition-fast:.15s ease;--transition:.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:var(--body-font-size-desktop);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-color:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-hover);text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:var(--line-height-heading);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}ul,ol{padding-left:var(--space-6)}li{margin-bottom:var(--space-2)}#reading-progress{background:linear-gradient(90deg, var(--accent), var(--accent-soft));height:3px;z-index:var(--z-modal);pointer-events:none;transition:width .1s linear;position:fixed;top:0;left:0}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.container{width:100%;max-width:var(--max-site-width);padding:0 var(--space-6);margin:0 auto}@media (width<=768px){html{font-size:var(--body-font-size-mobile)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}}.site-shell{background:var(--bg-primary);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);box-shadow:var(--shadow-sidebar);height:100vh;z-index:var(--z-sidebar);scrollbar-width:thin;scrollbar-color:var(--accent-soft) transparent;flex-direction:column;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:var(--accent-soft);border-radius:2px}.sidebar-logo{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border)}.sidebar-logo a{gap:var(--space-1);flex-direction:column;text-decoration:none;display:flex}.sidebar-logo-name{font-size:var(--text-base);color:var(--text-primary);font-weight:700;line-height:1.2}.sidebar-logo-tagline{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;font-weight:400}.sidebar-author{padding:var(--space-5);border-bottom:1px solid var(--border)}.sidebar-author-photo{border-radius:var(--radius-full);background:var(--accent-soft);width:56px;height:56px;margin-bottom:var(--space-3);border:2px solid var(--accent);justify-content:center;align-items:center;display:flex;overflow:hidden}.sidebar-author-photo img{object-fit:cover;width:100%;height:100%}.sidebar-author-photo-placeholder{font-size:var(--text-xl);color:var(--accent);font-weight:700}.sidebar-author-name{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.sidebar-author-title{font-size:var(--text-xs);color:var(--accent);margin-bottom:var(--space-3);font-weight:500}.sidebar-author-bio{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-3);line-height:1.6}.sidebar-author-link{font-size:var(--text-xs);color:var(--accent);align-items:center;gap:var(--space-1);font-weight:600;text-decoration:none;display:inline-flex}.sidebar-author-link:hover{color:var(--accent-hover);text-decoration:underline}.sidebar-nav{padding:var(--space-4) var(--space-3);flex:1}.sidebar-nav-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 var(--space-2) var(--space-2);margin-bottom:var(--space-1);font-weight:700}.sidebar-nav-item{padding:var(--space-2) var(--space-2);border-radius:var(--radius);color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);margin-bottom:var(--space-1);min-height:var(--tap-target-min);justify-content:space-between;align-items:center;font-weight:500;text-decoration:none;display:flex}.sidebar-nav-item:hover{background:var(--accent-light);color:var(--accent);text-decoration:none}.sidebar-nav-item.active{background:var(--accent-light);color:var(--accent);font-weight:600}.sidebar-nav-badge{background:var(--accent-soft);color:var(--accent);font-size:var(--text-xs);border-radius:var(--radius-full);text-align:center;min-width:22px;padding:2px 7px;font-weight:700}.sidebar-module{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.sidebar-module-title{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3);font-weight:700}.sidebar-module-item{gap:var(--space-1);padding:var(--space-2) 0;border-bottom:1px solid var(--border);flex-direction:column;text-decoration:none;display:flex}.sidebar-module-item:last-child{border-bottom:none}.sidebar-module-item-title{font-size:var(--text-xs);color:var(--text-primary);transition:color var(--transition-fast);font-weight:600;line-height:1.4}.sidebar-module-item:hover .sidebar-module-item-title{color:var(--accent)}.sidebar-module-item-meta{color:var(--text-muted);font-size:11px}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-header{padding:var(--space-4) var(--space-5);background:var(--bg-sidebar);border-bottom:1px solid var(--border);z-index:var(--z-header);justify-content:space-between;align-items:center;display:none;position:sticky;top:0}.mobile-header-logo{font-size:var(--text-base);color:var(--text-primary);font-weight:700;text-decoration:none}.hamburger{cursor:pointer;padding:var(--space-2);color:var(--text-primary);min-height:var(--tap-target-min);min-width:var(--tap-target-min);background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex}.hamburger span{width:22px;height:2px;transition:all var(--transition-fast);background:currentColor;border-radius:2px;display:block}.page-content{padding:var(--space-8) var(--space-8);max-width:100%}.breadcrumbs{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.breadcrumbs a{color:var(--text-muted);transition:color var(--transition-fast);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs-sep{color:var(--border);font-size:var(--text-xs)}.breadcrumbs-current{color:var(--text-secondary);font-weight:500}.cards-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.cards-grid.list-view{grid-template-columns:1fr}.article-card{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border-card);box-shadow:var(--shadow-card);transition:transform var(--transition), box-shadow var(--transition);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.article-card:hover{box-shadow:var(--shadow-card-hover);text-decoration:none;transform:translateY(-3px)}.article-card-image{aspect-ratio:16/9;object-fit:cover;background:var(--accent-soft);width:100%;position:relative;overflow:hidden}.article-card-image-placeholder{aspect-ratio:16/9;background:linear-gradient(135deg, var(--accent-soft) 0%, var(--bg-secondary) 100%);width:100%;font-size:var(--text-3xl);justify-content:center;align-items:center;display:flex}.article-card-body{padding:var(--space-5);flex-direction:column;flex:1;display:flex}.article-card-category{font-size:var(--text-xs);color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-2);font-weight:700}.article-card-title{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-3);flex:1;font-weight:700;line-height:1.4}.article-card-excerpt{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.article-card-meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);margin-top:auto;display:flex}.article-card-meta-dot{background:var(--border);border-radius:50%;width:3px;height:3px}.cards-grid.list-view .article-card{flex-direction:row}.cards-grid.list-view .article-card-image-placeholder,.cards-grid.list-view .article-card-image{aspect-ratio:auto;width:200px;min-width:200px;height:140px}.page-header{margin-bottom:var(--space-8)}.page-header-eyebrow{font-size:var(--text-sm);color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-2);font-weight:700}.page-header-title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700;line-height:1.2}.page-header-description{font-size:var(--text-lg);color:var(--text-secondary);max-width:640px;line-height:1.7}.view-toggle{align-items:center;gap:var(--space-2);background:var(--bg-secondary);border-radius:var(--radius);padding:var(--space-1);display:flex}.view-toggle-btn{cursor:pointer;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--text-sm);transition:all var(--transition-fast);align-items:center;gap:var(--space-2);background:0 0;border:none;display:flex}.view-toggle-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:0 1px 3px #0000001a}.article-page{max-width:var(--max-content-width);margin:0 auto}.article-hero{aspect-ratio:16/7;object-fit:cover;border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-8);background:var(--accent-soft)}.article-hero-placeholder{aspect-ratio:16/7;background:linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 50%, var(--accent-soft) 100%);border-radius:var(--radius-md);width:100%;margin-bottom:var(--space-8);justify-content:center;align-items:center;font-size:4rem;display:flex}.article-header{margin-bottom:var(--space-8)}.article-category-badge{background:var(--accent-light);color:var(--accent);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);margin-bottom:var(--space-4);align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.article-title{font-size:var(--text-4xl);color:var(--text-primary);margin-bottom:var(--space-5);font-weight:700;line-height:1.2}.article-meta{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);flex-wrap:wrap;display:flex}.article-meta-author{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-weight:600;display:flex}[data-tldr=ai-overview]{background:linear-gradient(135deg, var(--accent-light) 0%, var(--bg-secondary) 100%);border-left:4px solid var(--accent);border-radius:0 var(--radius) var(--radius) 0;padding:var(--space-5) var(--space-6);margin-bottom:var(--space-8)}[data-tldr=ai-overview]:before{content:"In Short";font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:var(--space-2);font-weight:700;display:block}[data-tldr=ai-overview] p{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.7}.article-body{font-size:var(--body-font-size-desktop);line-height:var(--line-height-body);color:var(--text-primary)}.article-body h2{font-size:var(--text-2xl);color:var(--text-primary);margin-top:var(--space-10);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:2px solid var(--border);font-weight:700}.article-body h3{font-size:var(--text-xl);color:var(--text-primary);margin-top:var(--space-8);margin-bottom:var(--space-3);font-weight:700}.article-body h4{font-size:var(--text-lg);color:var(--text-secondary);margin-top:var(--space-6);margin-bottom:var(--space-2);font-weight:700}.article-body p{margin-bottom:var(--space-5)}.article-body a{color:var(--accent);text-underline-offset:2px;text-decoration:underline}.article-body a:hover{color:var(--accent-hover)}.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(--accent);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;background:var(--accent-light);border-radius:0 var(--radius) var(--radius) 0;color:var(--text-secondary);font-style:italic}.author-byline{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);margin-top:var(--space-10);gap:var(--space-2);flex-direction:column;display:flex}.author-byline p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.author-byline strong{color:var(--text-primary)}.faq-section{margin-top:var(--space-10)}.faq-section h2{font-size:var(--text-2xl);margin-bottom:var(--space-6)}.faq-item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:var(--space-3);overflow:hidden}.faq-question{text-align:left;width:100%;padding:var(--space-5);font-size:var(--text-base);color:var(--text-primary);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--space-4);transition:background var(--transition-fast);min-height:var(--tap-target-min);background:0 0;border:none;font-weight:600;display:flex}.faq-question:hover{background:var(--accent-light)}.faq-question[aria-expanded=true]{background:var(--accent-light);color:var(--accent)}.faq-answer{padding:0 var(--space-5) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7}.auto-affiliates{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-6);margin-top:var(--space-8)}.auto-affiliates h3{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);font-weight:700}.auto-affiliates ul{margin-bottom:var(--space-4);padding:0;list-style:none}.auto-affiliates li{padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.auto-affiliates li:last-child{border-bottom:none}.auto-affiliates a{color:var(--accent);font-weight:600}.disclosure{font-size:var(--text-xs);color:var(--text-muted)}.affiliate-disclosure{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-3);font-style:italic}.related-articles{margin-top:var(--space-12);padding-top:var(--space-8);border-top:2px solid var(--border)}.related-articles h2{font-size:var(--text-xl);margin-bottom:var(--space-6)}.related-grid{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.hero-section{background:linear-gradient(135deg, var(--bg-hero) 0%, var(--accent-dark) 60%, var(--accent) 100%);color:var(--text-inverse);padding:var(--space-16) var(--space-8);position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;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='%23ffffff' fill-opacity='0.03'%3E%3Ccircle cx='30' cy='30' r='20'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");position:absolute;inset:0}.hero-eyebrow{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-soft);margin-bottom:var(--space-4);font-weight:700}.hero-title{font-size:var(--text-5xl);margin-bottom:var(--space-5);color:#fff;font-weight:700;line-height:1.1}.hero-subtitle{font-size:var(--text-xl);color:#ffffffd9;max-width:600px;margin-bottom:var(--space-8);line-height:1.6}.hero-cta{align-items:center;gap:var(--space-2);color:var(--accent-dark);font-weight:700;font-size:var(--text-base);padding:var(--space-4) var(--space-8);border-radius:var(--radius-full);transition:all var(--transition);background:#fff;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #0003}.hero-cta:hover{background:var(--accent-soft);color:var(--accent-dark);text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.category-filter{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.category-filter-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;font-weight:500}.category-filter-btn:hover,.category-filter-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.search-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);align-items:center;gap:var(--space-3);max-width:400px;transition:border-color var(--transition-fast);display:flex}.search-bar:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6a5a901a}.search-bar input{font-size:var(--text-sm);color:var(--text-primary);width:100%;font-family:var(--font-sans);background:0 0;border:none;outline:none}.search-bar input::placeholder{color:var(--text-muted)}.assessment-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-md);padding:var(--space-6);box-shadow:var(--shadow-card);transition:all var(--transition);cursor:pointer;color:inherit;text-decoration:none;display:block}.assessment-card:hover{box-shadow:var(--shadow-card-hover);border-color:var(--accent);text-decoration:none;transform:translateY(-2px)}.assessment-card-icon{background:var(--accent-light);border-radius:var(--radius);width:48px;height:48px;font-size:var(--text-2xl);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.assessment-card-title{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-3);font-weight:700;line-height:1.3}.assessment-card-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.6}.assessment-card-meta{gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);display:flex}.assessment-card-cta{align-items:center;gap:var(--space-2);background:var(--accent);color:#fff;font-size:var(--text-sm);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);margin-top:var(--space-4);transition:background var(--transition-fast);font-weight:600;display:inline-flex}.assessment-card-cta:hover{background:var(--accent-hover)}.site-footer{background:var(--bg-dark);color:#ffffffb3;padding:var(--space-12) var(--space-8) var(--space-8);margin-top:auto}.footer-grid{gap:var(--space-8);margin-bottom:var(--space-8);grid-template-columns:2fr 1fr 1fr 1fr;display:grid}.footer-brand-name{font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-3);font-weight:700}.footer-brand-desc{font-size:var(--text-sm);margin-bottom:var(--space-4);line-height:1.7}.footer-col-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#ffffff80;margin-bottom:var(--space-4);font-weight:700}.footer-links{padding:0;list-style:none}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{color:#fff9;font-size:var(--text-sm);transition:color var(--transition-fast);text-decoration:none}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:#fff6;border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.footer-disclosure{font-size:var(--text-xs);color:#fff6;font-style:italic}.skeleton{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border) 50%, var(--bg-secondary) 75%);border-radius:var(--radius);background-size:200% 100%;animation:1.5s infinite skeleton-loading}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.pagination{justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-10);display:flex}.pagination-btn{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);min-height:var(--tap-target-min);min-width:var(--tap-target-min);justify-content:center;align-items:center;font-weight:500;display:flex}.pagination-btn:hover,.pagination-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}@media (width<=1024px){.cards-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}}@media (width<=768px){.sidebar{display:none}.sidebar.mobile-open{height:100vh;z-index:var(--z-modal);display:flex;position:fixed;top:0;left:0;box-shadow:4px 0 24px #0003}.mobile-header{display:flex}.page-content{padding:var(--space-5) var(--space-4)}.cards-grid{grid-template-columns:1fr}.hero-title{font-size:var(--text-3xl)}.hero-section{padding:var(--space-10) var(--space-5)}.article-title{font-size:var(--text-2xl)}.footer-grid{grid-template-columns:1fr}.footer-bottom{text-align:center;flex-direction:column}.cards-grid.list-view .article-card{flex-direction:column}.cards-grid.list-view .article-card-image-placeholder,.cards-grid.list-view .article-card-image{width:100%;height:auto}}@media (width<=480px){.hero-title,.page-header-title{font-size:var(--text-2xl)}}.supplements-page{min-height:100vh}.supplements-hero{background:linear-gradient(135deg, var(--color-primary) 0%, #4a3a70 100%);color:#fff;padding:var(--space-16) var(--space-8);position:relative;overflow:hidden}.supplements-hero:before{content:"";opacity:.12;background:url(https://somatic-forlife.b-cdn.net/images/hero-somatic-healing.webp) 50%/cover no-repeat;position:absolute;inset:0}.supplements-hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative}.supplements-hero-eyebrow{color:#ffffffe6;font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;margin-bottom:var(--space-4);background:#ffffff26;border:1px solid #ffffff4d;border-radius:100px;padding:4px 14px;font-weight:600;display:inline-block}.supplements-hero-title{font-family:var(--font-serif);font-size:var(--text-4xl);color:#fff;margin:0 0 var(--space-4);font-weight:700;line-height:1.2}.supplements-hero-subtitle{font-size:var(--text-lg);color:#ffffffd9;margin:0 0 var(--space-6);line-height:1.7}.supplements-disclaimer{border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:#fffc;text-align:left;background:#ffffff1a;border:1px solid #fff3;line-height:1.6}.supplements-disclaimer strong{color:#fff}.supplements-controls{gap:var(--space-4);padding:var(--space-5) var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.supplements-search-wrap{flex:1;min-width:200px}.supplements-search{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);width:100%;font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);padding:10px 16px;transition:border-color .2s}.supplements-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.supplements-filter-select{border:1.5px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;padding:10px 14px}.supplements-layout{grid-template-columns:260px 1fr;min-height:calc(100vh - 300px);display:grid}.supplements-sidebar{border-right:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-6) var(--space-4);height:calc(100vh - 200px);position:sticky;top:0;overflow-y:auto}.supplements-category-list{margin-bottom:var(--space-6);flex-direction:column;gap:2px;display:flex}.supplements-cat-btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;font-size:var(--text-sm);color:var(--color-text-muted);background:0 0;border:none;padding:8px 12px;transition:all .15s;display:flex}.supplements-cat-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.supplements-cat-btn.active{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.cat-icon{flex-shrink:0;font-size:1rem}.cat-name{flex:1}.cat-count{background:var(--color-border);color:var(--color-text-muted);border-radius:100px;padding:2px 7px;font-size:11px;font-weight:600}.supplements-cat-btn.active .cat-count{background:var(--color-primary);color:#fff}.supplements-sidebar-note{border-top:1px solid var(--color-border);padding-top:var(--space-4)}.supplements-sidebar-note h4{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin:0 0 var(--space-3);font-weight:700}.evidence-legend{gap:var(--space-2);flex-direction:column;display:flex}.evidence-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);display:flex}.evidence-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.supplements-main{padding:var(--space-6) var(--space-8)}.supplements-category-header{align-items:flex-start;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);display:flex}.cat-header-icon{flex-shrink:0;font-size:2.5rem}.supplements-category-header h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-heading);margin:0 0 var(--space-1)}.supplements-category-header p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.supplements-results-count{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-5)}.supplements-results-count strong{color:var(--color-text)}.supplements-empty{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.supplements-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.supplement-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);flex-direction:column;transition:all .2s;display:flex}.supplement-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:0 4px 20px #6a5a901f}.supplement-card.expanded{border-color:var(--color-primary);box-shadow:0 4px 24px #6a5a9026}.supplement-card-header{gap:var(--space-2);flex-direction:column;display:flex}.supplement-card-meta{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.evidence-badge{letter-spacing:.05em;text-transform:uppercase;border:1px solid;border-radius:100px;padding:3px 8px;font-size:10px;font-weight:700}.supplement-category-tag{font-size:var(--text-xs);color:var(--color-text-muted)}.supplement-name{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-heading);margin:0;font-weight:600;line-height:1.3}.supplement-author{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;font-style:italic}.supplement-description{font-size:var(--text-sm);color:var(--color-text);margin:0;line-height:1.6}.supplement-benefits{gap:var(--space-1);flex-wrap:wrap;display:flex}.benefit-tag{background:var(--color-primary-light);color:var(--color-primary);border-radius:100px;padding:3px 9px;font-size:11px;font-weight:500}.supplement-details{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);gap:var(--space-3);flex-direction:column;display:flex}.supplement-detail-row{flex-direction:column;gap:4px;display:flex}.supplement-detail-row.caution .detail-label{color:#b45309}.supplement-detail-row.caution .detail-value{border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:#92400e;background:#fef3c7;border:1px solid #fde68a}.detail-label{text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);font-size:11px;font-weight:700}.detail-value{font-size:var(--text-sm);color:var(--color-text);line-height:1.5}.detail-link{font-size:var(--text-sm);color:var(--color-primary);font-weight:500;text-decoration:none}.detail-link:hover{text-decoration:underline}.supplement-card-actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border);margin-top:auto;display:flex}.supplement-expand-btn{border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;background:0 0;flex:1;padding:8px 12px;transition:all .15s}.supplement-expand-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.supplement-amazon-btn{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;cursor:pointer;border:none;flex:1;justify-content:center;align-items:center;padding:8px 12px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.supplement-amazon-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.supplements-loading{justify-content:center;align-items:center;gap:var(--space-4);min-height:400px;color:var(--color-text-muted);flex-direction:column;display:flex}@media (width<=900px){.supplements-layout{grid-template-columns:1fr}.supplements-sidebar{border-right:none;border-bottom:1px solid var(--color-border);height:auto;position:static}.supplements-category-list{flex-flow:wrap}.supplements-cat-btn{width:auto}.supplements-sidebar-note{display:none}}@media (width<=640px){.supplements-hero{padding:var(--space-10) var(--space-4)}.supplements-hero-title{font-size:var(--text-2xl)}.supplements-controls,.supplements-main{padding:var(--space-4)}.supplements-grid{grid-template-columns:1fr}}