:root{--bg-body:#f8fafc;--bg-surface:#ffffff;--bg-surface-alt:#f1f5f9;--bg-card:#ffffff;--bg-code:#f1f5f9;--text-primary:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-inverse:#ffffff;--accent:#16a34a;--accent-hover:#15803d;--accent-soft:rgba(22,163,74,0.08);--accent-glow:rgba(22,163,74,0.25);--border:#e2e8f0;--border-light:#f1f5f9;--shadow-sm:0 1px 3px rgba(0,0,0,0.06);--shadow-md:0 4px 16px rgba(0,0,0,0.08);--shadow-lg:0 12px 40px rgba(0,0,0,0.1);--header-bg:rgba(255,255,255,0.9);--header-border:rgba(226,232,240,0.8);--footer-bg:#0f172a;--footer-text:#94a3b8;--btn-primary-bg:var(--accent);--btn-primary-text:#ffffff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font-sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-serif:Georgia,"Times New Roman",serif;--max-width:1120px;--transition:0.3s ease;}[data-theme="dark"]{--bg-body:#0b0d15;--bg-surface:#131620;--bg-surface-alt:#1a1e2a;--bg-card:#1a1e2a;--bg-code:#1a1e2a;--text-primary:#e8e8e8;--text-secondary:#b0b8c4;--text-muted:#6b7280;--text-inverse:#0f172a;--accent:#22c55e;--accent-hover:#16a34a;--accent-soft:rgba(34,197,94,0.1);--accent-glow:rgba(34,197,94,0.3);--border:#2a2e3a;--border-light:#1e2230;--shadow-sm:0 1px 3px rgba(0,0,0,0.3);--shadow-md:0 4px 16px rgba(0,0,0,0.4);--shadow-lg:0 12px 40px rgba(0,0,0,0.5);--header-bg:rgba(11,13,21,0.95);--header-border:rgba(42,46,58,0.8);--footer-bg:#080a10;--footer-text:#6b7280;--btn-primary-bg:#22c55e;--btn-primary-text:#0f172a;}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}body{font-family:var(--font-sans);background:var(--bg-body);color:var(--text-primary);line-height:1.7;transition:background var(--transition),color var(--transition);min-height:100vh;}img{max-width:100%;height:auto;display:block;}a{color:var(--accent);text-decoration:none;transition:color var(--transition);}a:hover{color:var(--accent-hover);}ul{list-style:none;}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px;}.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--header-border);transition:background var(--transition),border var(--transition);}.header-inner{display:flex;align-items:center;justify-content:space-between;height:70px;gap:24px;}.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:22px;color:var(--text-primary) !important;flex-shrink:0;}.logo-icon{font-size:28px;color:var(--accent);}.logo-text{letter-spacing:-0.5px;}.main-nav .nav-list{display:flex;align-items:center;gap:8px;}.main-nav .nav-list a{padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);transition:all var(--transition);white-space:nowrap;}.main-nav .nav-list a:hover,.main-nav .nav-list a.active{background:var(--accent-soft);color:var(--accent);}.header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0;}.theme-toggle{width:44px;height:44px;border-radius:50%;border:1px solid var(--border);background:var(--bg-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition);position:relative;}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-soft);}.theme-toggle .icon-sun,.theme-toggle .icon-moon{transition:opacity var(--transition),transform var(--transition);position:absolute;}[data-theme="light"] .theme-toggle .icon-moon{opacity:0.3;transform:scale(0.8);}[data-theme="light"] .theme-toggle .icon-sun{opacity:1;transform:scale(1);}[data-theme="dark"] .theme-toggle .icon-sun{opacity:0.3;transform:scale(0.8);}[data-theme="dark"] .theme-toggle .icon-moon{opacity:1;transform:scale(1);}.hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}.hamburger span{display:block;width:24px;height:2px;background:var(--text-primary);border-radius:2px;transition:all var(--transition);}.mobile-menu-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.6);z-index:200;backdrop-filter:blur(4px);}.mobile-menu-overlay.open{display:block;}.mobile-menu{position:absolute;top:0;right:0;width:300px;height:100%;background:var(--bg-surface);padding:24px;box-shadow:var(--shadow-lg);overflow-y:auto;}.mobile-menu .close-menu{background:none;border:none;font-size:36px;color:var(--text-primary);cursor:pointer;float:right;line-height:1;}.mobile-menu ul{margin-top:48px;}.mobile-menu ul li{margin-bottom:8px;}.mobile-menu ul li a{display:block;padding:12px 16px;border-radius:var(--radius-sm);font-size:17px;font-weight:500;color:var(--text-primary);transition:background var(--transition);}.mobile-menu ul li a:hover{background:var(--accent-soft);color:var(--accent);}.site-main{min-height:calc(100vh - 70px - 300px);padding:48px 0;}.hero{text-align:center;padding:48px 0 40px;}.hero h1{font-family:var(--font-serif);font-size:clamp(36px,5vw,56px);font-weight:900;line-height:1.15;letter-spacing:-1px;color:var(--text-primary);margin-bottom:16px;}.hero .highlight{background:linear-gradient(135deg,var(--accent),#059669);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.hero p{font-size:clamp(18px,2.2vw,22px);color:var(--text-secondary);max-width:680px;margin:0 auto 28px;line-height:1.6;}.hero .hero-cta{display:inline-flex;align-items:center;gap:10px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-size:18px;font-weight:700;padding:16px 36px;border-radius:var(--radius-md);transition:all var(--transition);box-shadow:0 4px 20px var(--accent-glow);}.hero .hero-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow);color:var(--btn-primary-text);}.section-header{text-align:center;margin-bottom:36px;}.section-header h2{font-size:clamp(28px,3vw,36px);font-weight:800;color:var(--text-primary);margin-bottom:8px;letter-spacing:-0.5px;}.section-header p{color:var(--text-muted);font-size:17px;}.section-divider{width:100%;height:1px;background:var(--border);margin:48px 0;}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;}.product-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);box-shadow:var(--shadow-sm);}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent);}.product-card .card-image{width:100%;height:200px;object-fit:cover;background:var(--bg-surface-alt);}.product-card .card-body{padding:20px 24px 24px;}.product-card .card-body h3{font-size:20px;font-weight:700;margin-bottom:8px;color:var(--text-primary);}.product-card .card-body p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:16px;}.product-card .card-cta{display:inline-flex;align-items:center;gap:8px;background:var(--btn-primary-bg);color:var(--btn-primary-text);font-weight:600;font-size:15px;padding:12px 24px;border-radius:var(--radius-sm);transition:all var(--transition);}.product-card .card-cta:hover{background:var(--accent-hover);transform:translateY(-2px);color:var(--btn-primary-text);}.product-card .card-cta .arrow{transition:transform var(--transition);}.product-card .card-cta:hover .arrow{transform:translateX(4px);}.product-card .coming-soon-badge{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:12px;font-weight:600;padding:4px 12px;border-radius:100px;margin-top:8px;}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:28px;}.article-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition);box-shadow:var(--shadow-sm);}.article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}.article-card .card-image{width:100%;height:200px;object-fit:cover;background:var(--bg-surface-alt);}.article-card .card-body{padding:20px 24px 24px;}.article-card .card-body .card-category{display:inline-block;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:4px 12px;border-radius:100px;margin-bottom:10px;text-transform:uppercase;letter-spacing:0.5px;}.article-card .card-body h3{font-size:20px;font-weight:700;margin-bottom:8px;line-height:1.35;}.article-card .card-body h3 a{color:var(--text-primary);}.article-card .card-body h3 a:hover{color:var(--accent);}.article-card .card-body p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:12px;}.article-card .card-body .read-more{font-weight:600;font-size:14px;color:var(--accent);display:inline-flex;align-items:center;gap:4px;}.article-card .card-body .read-more:hover{gap:8px;}.article-single{max-width:740px;margin:0 auto;}.article-single .article-header{text-align:center;margin-bottom:32px;}.article-single .article-header .category-badge{display:inline-block;font-size:13px;font-weight:600;color:var(--accent);background:var(--accent-soft);padding:6px 16px;border-radius:100px;margin-bottom:16px;text-transform:uppercase;letter-spacing:0.5px;}.article-single .article-header h1{font-family:var(--font-serif);font-size:clamp(30px,4vw,44px);font-weight:900;line-height:1.25;letter-spacing:-0.5px;margin-bottom:12px;color:var(--text-primary);}.article-single .article-header .meta{color:var(--text-muted);font-size:14px;}.article-single .article-header .meta span{margin:0 8px;}.article-single .featured-image{width:100%;border-radius:var(--radius-lg);margin-bottom:32px;box-shadow:var(--shadow-md);}.article-single .article-content{font-family:var(--font-serif);font-size:clamp(17px,2vw,19px);line-height:1.85;color:var(--text-secondary);}.article-single .article-content p{margin-bottom:24px;}.article-single .article-content h2{font-family:var(--font-sans);font-size:clamp(24px,3vw,30px);font-weight:800;color:var(--text-primary);margin:40px 0 16px;}.article-single .article-content h3{font-family:var(--font-sans);font-size:clamp(20px,2.5vw,24px);font-weight:700;color:var(--text-primary);margin:32px 0 12px;}.article-single .article-content strong{color:var(--text-primary);font-weight:700;}.article-single .article-content a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:3px;}.article-single .article-content a:hover{color:var(--accent-hover);}.article-single .article-content ul,.article-single .article-content ol{margin:0 0 24px 24px;}.article-single .article-content li{margin-bottom:8px;}.cta-button{display:inline-flex;align-items:center;gap:10px;background:var(--btn-primary-bg);color:var(--btn-primary-text) !important;font-family:var(--font-sans);font-size:18px;font-weight:700;padding:16px 36px;border-radius:var(--radius-sm);transition:all var(--transition);text-decoration:none !important;box-shadow:0 4px 20px var(--accent-glow);border:none;cursor:pointer;line-height:1.4;white-space:nowrap;}.cta-button:hover{background:var(--accent-hover) !important;transform:translateY(-2px);box-shadow:0 8px 30px var(--accent-glow);color:var(--btn-primary-text) !important;text-decoration:none !important;}.cta-button .arrow{transition:transform var(--transition);}.cta-button:hover .arrow{transform:translateX(6px);}.cta-box{background:var(--accent-soft);border:1px solid rgba(22,163,74,0.2);border-radius:var(--radius-md);padding:28px 32px;margin:32px 0;text-align:center;}.cta-box h3{font-family:var(--font-sans) !important;color:var(--accent) !important;font-size:22px !important;margin:0 0 8px !important;}.cta-box p{font-size:16px !important;color:var(--text-secondary) !important;margin-bottom:16px !important;}.affiliate-notice{font-size:13px;color:var(--text-muted);background:var(--bg-surface-alt);padding:12px 18px;border-radius:var(--radius-sm);margin-bottom:24px;border-left:3px solid var(--accent);}.disclosure-block{font-size:13px;color:var(--text-muted);background:var(--bg-surface-alt);padding:16px 20px;border-radius:var(--radius-sm);margin-top:40px;border-left:3px solid var(--border);}.sidebar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;position:sticky;top:90px;}.sidebar h3{font-size:18px;font-weight:700;margin-bottom:16px;color:var(--text-primary);}.sidebar .product-mini{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--border-light);align-items:center;}.sidebar .product-mini:last-child{border-bottom:none;}.sidebar .product-mini img{width:60px;height:60px;border-radius:var(--radius-sm);object-fit:cover;background:var(--bg-surface-alt);flex-shrink:0;}.sidebar .product-mini .mini-info h4{font-size:14px;font-weight:600;margin-bottom:4px;}.sidebar .product-mini .mini-info a{font-size:13px;font-weight:600;color:var(--accent);}.site-footer{background:var(--footer-bg);color:var(--footer-text);padding:60px 0 32px;margin-top:60px;}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(4,minmax(140px,1fr));gap:32px;margin-bottom:40px;}.footer-col h4{color:#e8e8e8;font-size:16px;font-weight:700;margin-bottom:16px;}.footer-col p{font-size:14px;line-height:1.7;}.footer-col ul li{margin-bottom:8px;}.footer-col ul li a{color:var(--footer-text);font-size:14px;transition:color var(--transition);}.footer-col ul li a:hover{color:#e8e8e8;}.footer-disclosure{font-size:12px !important;color:#6b7280 !important;margin-top:12px;line-height:1.6;}.footer-bottom{border-top:1px solid rgba(255,255,255,0.06);padding-top:24px;text-align:center;}.footer-bottom p{font-size:13px;margin-bottom:8px;}.footer-disclaimer{font-size:11px !important;color:#4b5563 !important;max-width:700px;margin:0 auto !important;line-height:1.6;}.page-content{max-width:740px;margin:0 auto;}.page-content h1{font-size:clamp(32px,4vw,42px);font-weight:900;margin-bottom:24px;color:var(--text-primary);}.page-content h2{font-size:clamp(24px,3vw,30px);font-weight:700;margin:32px 0 12px;color:var(--text-primary);}.page-content p{font-size:17px;line-height:1.8;color:var(--text-secondary);margin-bottom:20px;}.page-content ul{margin:0 0 20px 24px;}.page-content ul li{margin-bottom:8px;color:var(--text-secondary);}.ad-placeholder{display:none;text-align:center;margin:24px 0;min-height:90px;}.adsense-enabled .ad-placeholder{display:block;}.home-sections{padding-top:42px;}.eyebrow{display:inline-block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.14em;margin-bottom:8px;}.product-grid-five{grid-template-columns:repeat(3,minmax(0,1fr));}.audience{color:var(--accent)!important;font-size:13px!important;font-weight:700;margin-bottom:8px!important;}.affiliate-strip{margin:22px auto 0;max-width:820px;padding:14px 18px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-surface-alt);color:var(--text-muted);font-size:13px;text-align:center;}.category-page{padding-top:28px;}.page-heading{max-width:760px;margin:0 auto 38px;text-align:center;}.page-heading h1{font-size:clamp(34px,6vw,54px);margin-bottom:10px;}.page-heading p{color:var(--text-secondary);font-size:18px;}.article-lede{font-size:21px!important;color:var(--text-primary)!important;}.medical-note{margin:32px 0;padding:18px 20px;border-left:4px solid var(--accent);background:var(--accent-soft);color:var(--text-secondary);}.related-reading ul{list-style:none!important;margin-left:0!important;display:grid;gap:10px;}.related-reading li{margin:0!important;}.related-reading a{display:block;padding:14px 16px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-surface);font-family:var(--font-sans);font-weight:700;}.cta-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-top:18px;}.cta-actions .cta-button{margin:0;min-width:250px;}.cta-secondary{background:transparent!important;color:var(--accent)!important;border:2px solid var(--accent)!important;box-shadow:none!important;}.cta-secondary:hover{background:var(--accent-soft)!important;}@media (max-width:768px){.header-inner{height:60px;}.main-nav{display:none;}.hamburger{display:flex;}.site-main{padding:32px 0;}.hero{padding:32px 0;}.product-grid{grid-template-columns:1fr;}.article-grid{grid-template-columns:1fr;}.footer-grid{grid-template-columns:1fr 1fr;}.product-grid-five{grid-template-columns:1fr;}.cta-box{padding:20px;}.cta-box .cta-button{width:100%;justify-content:center;}}@media (max-width:480px){.container{padding:0 16px;}.hero h1{font-size:30px;}.hero p{font-size:16px;}.footer-grid{grid-template-columns:1fr;}.article-single .article-content{font-size:16px;}}