:root{--primary: #1d4ed8;--primary-dark: #1e3a8a;--primary-light: #dbeafe;--accent: #0ea5e9;--text-primary: #111827;--text-secondary:#4b5563;--text-muted: #9ca3af;--border: #e5e7eb;--bg: #ffffff;--bg-soft: #f9fafb;--radius: 10px;--shadow: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);background:var(--bg);line-height:1.75}img{max-width:100%;height:auto;display:block}a{color:var(--primary)}a:hover{color:var(--accent)}.container{max-width:800px;margin:0 auto;padding:0 1.5rem}.container-wide{max-width:1100px;margin:0 auto;padding:0 1.5rem}.site-header{background:var(--primary-dark);color:#fff;padding:0;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #00000026}.site-header .container-wide{display:flex;align-items:center;justify-content:space-between;height:60px}.site-brand{color:#fff;text-decoration:none;font-weight:800;font-size:1.1rem;letter-spacing:-.02em;white-space:nowrap}.site-nav{display:flex;gap:.25rem}.site-nav a{color:#ffffffbf;text-decoration:none;font-size:.875rem;padding:.4rem .75rem;border-radius:6px;transition:all .15s}.site-nav a:hover{color:#fff;background:#ffffff1a}.hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);color:#fff;padding:3.5rem 1.5rem}.hero h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;line-height:1.2;margin-bottom:.75rem;color:#fff}.hero p{font-size:1.1rem;color:#ffffffd9;max-width:580px;margin-bottom:1.5rem}.hero-search{display:flex;gap:.5rem;max-width:500px}.hero-search input{flex:1;padding:.7rem 1rem;border-radius:8px;border:none;font-size:.95rem;outline:none}.hero-search button{background:#fff;color:var(--primary);border:none;padding:.7rem 1.25rem;border-radius:8px;font-weight:700;cursor:pointer;font-size:.875rem;white-space:nowrap}.hero-search button:hover{background:var(--primary-light)}.article-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem;margin:1rem 0 2.5rem}.article-card{border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-decoration:none;color:inherit;display:block;transition:all .15s;background:var(--bg)}.article-card:hover{border-color:var(--primary);box-shadow:var(--shadow);transform:translateY(-1px)}.article-card h3{font-size:.95rem;color:var(--text-primary);margin-bottom:.35rem;font-weight:700}.article-card p{font-size:.82rem;color:var(--text-muted);margin:0}.article-card .card-icon{font-size:1.5rem;margin-bottom:.5rem}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.4rem;margin:1rem 0 2rem}.topic-grid a{background:var(--bg-soft);border:1px solid var(--border);padding:.5rem .75rem;border-radius:6px;text-decoration:none;color:var(--text-secondary);font-size:.875rem;transition:all .15s}.topic-grid a:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.section-header{margin:2.5rem 0 1rem}.section-header h2{font-size:1.25rem;font-weight:800;color:var(--text-primary)}.section-divider{width:40px;height:3px;background:var(--primary);border-radius:2px;margin-top:.4rem}.page-content{padding:2rem 0 3rem}.page-meta{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-bottom:1.25rem;font-size:.82rem;color:var(--text-muted)}.trust-badge{background:var(--primary-light);color:var(--primary);border:1px solid var(--accent);padding:.2rem .65rem;border-radius:999px;font-size:.75rem;font-weight:700}.page-image{width:100%;height:280px;object-fit:cover;border-radius:var(--radius);margin:1.25rem 0 1.75rem;display:block}.page-lead{font-size:1.1rem;color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem;border-left:4px solid var(--primary);padding-left:1rem}.badge{display:inline-block;padding:.25rem .85rem;border-radius:999px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:1rem}.badge-safe{background:#dcfce7;color:#166534}.badge-caution{background:#fef9c3;color:#854d0e}.badge-avoid{background:#fee2e2;color:#991b1b}.quick-facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin:1.5rem 0}.fact-item{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1rem}.fact-label{display:block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.25rem}.fact-value{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary)}.page-content h2{font-size:1.3rem;font-weight:800;margin:2rem 0 .6rem;color:var(--text-primary);padding-bottom:.4rem;border-bottom:2px solid var(--primary-light)}.page-content h3{font-size:1.05rem;font-weight:700;margin:1.5rem 0 .4rem;color:var(--text-secondary)}.page-content p{margin-bottom:1rem;color:var(--text-secondary);line-height:1.8}.page-content ul,.page-content ol{margin:.75rem 0 1rem 1.5rem}.page-content li{margin-bottom:.4rem;color:var(--text-secondary)}.card{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.5rem 0}.card h2{border:none;padding:0;margin-top:0;font-size:1.05rem}.warning-card{background:#fff7ed;border:1px solid #fed7aa;border-radius:var(--radius);padding:1.25rem 1.5rem;margin:1.5rem 0}.warning-card h2{border:none;padding:0;margin-top:0;font-size:1.05rem;color:#9a3412}.warning-card p{color:#7c2d12}.tips-list{list-style:none;margin:.75rem 0 1rem;padding:0}.tips-list li{padding:.5rem .75rem .5rem 2.25rem;position:relative;color:var(--text-secondary);border-bottom:1px solid var(--border)}.tips-list li:last-child{border-bottom:none}.tips-list li:before{content:"✓";position:absolute;left:.75rem;color:var(--primary);font-weight:700}.yt-wrap{border-radius:var(--radius);overflow:hidden;margin:2rem 0;background:#000;aspect-ratio:16/9}.yt-wrap iframe{width:100%;height:100%;border:none;display:block}.yt-fallback{background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:2rem 0;text-align:center}.yt-fallback p{font-weight:600;color:var(--text-secondary);margin-bottom:.75rem}.yt-btn{display:inline-block;background:#ef4444;color:#fff;padding:.6rem 1.25rem;border-radius:8px;text-decoration:none;font-size:.875rem;font-weight:700}.yt-btn:hover{background:#dc2626;color:#fff}.faq-section{margin:2.5rem 0}.faq-section>h2{font-size:1.3rem;font-weight:800;margin-bottom:1rem;padding-bottom:.4rem;border-bottom:2px solid var(--primary-light)}.faq-item{border-bottom:1px solid var(--border);padding:1.1rem 0}.faq-item:last-child{border-bottom:none}.faq-q{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.4rem}.faq-a{font-size:.95rem;color:var(--text-secondary);line-height:1.7}.sources{background:var(--primary-light);border:1px solid var(--accent);border-radius:var(--radius);padding:1.25rem 1.5rem;margin:2rem 0}.sources h3{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--primary);margin-bottom:.75rem}.sources ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}.sources ul li a{display:inline-block;background:var(--bg);border:1px solid var(--border);padding:.3rem .7rem;border-radius:6px;font-size:.82rem;color:var(--primary);text-decoration:none}.sources ul li a:hover{background:var(--primary-light)}.affiliate-block{background:#fffbeb;border:1px solid #fde68a;border-radius:var(--radius);padding:1.25rem 1.5rem;margin:2rem 0}.ad-unit{margin:2rem 0}.related{margin:3rem 0 0;padding-top:2rem;border-top:2px solid var(--border)}.related h2{font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted);margin-bottom:.75rem}.related ul{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem}.related ul li a{background:var(--bg-soft);border:1px solid var(--border);padding:.3rem .75rem;border-radius:6px;text-decoration:none;color:var(--text-secondary);font-size:.875rem}.related ul li a:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.disclaimer{font-size:.8rem;color:var(--text-muted);margin-top:2rem;padding:1rem 1.25rem;background:var(--bg-soft);border-radius:8px;border-left:3px solid var(--border);line-height:1.6}.site-footer{background:var(--primary-dark);color:#fff9;padding:2rem 0;margin-top:4rem;font-size:.85rem}.site-footer a{color:#fff9}.site-footer a:hover{color:#fff}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.5rem}@media (max-width: 640px){.hero{padding:2.5rem 1rem}.hero h1{font-size:1.6rem}.site-nav{display:none}.quick-facts{grid-template-columns:1fr 1fr}.article-cards{grid-template-columns:1fr}}