:root{--color-bg: #ffffff;--color-bg-alt: #f8f9fa;--color-bg-dark: #0d1b2a;--color-bg-dark-alt: #1b263b;--color-primary: #1864ab;--color-primary-light: #4dabf7;--color-primary-dark: #0b5fff;--color-accent-red: #e03131;--color-text: #212529;--color-text-secondary: #495057;--color-text-muted: #868e96;--color-border: #dee2e6;--color-border-light: #e9ecef;--color-score-bg: #1864ab;--color-score-text: #ffffff;--font-body: Arial, Helvetica, sans-serif;--font-heading: Georgia, "Times New Roman", serif;--max-width: 1200px;--radius: 6px;--radius-sm: 4px;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 2px 8px rgba(0,0,0,.1);--shadow-lg: 0 4px 16px rgba(0,0,0,.12)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--color-primary);text-decoration:none;transition:color .2s}a:hover{color:var(--color-primary-dark);text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.3;font-weight:700}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.site-header{background:var(--color-bg-dark);color:#fff;border-bottom:3px solid var(--color-primary)}.header-top{display:flex;align-items:center;justify-content:space-between;padding:14px 0}.logo{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.5px}.logo:hover{text-decoration:none}.logo .accent{color:var(--color-primary-light)}.tagline{font-size:.8rem;color:#fff9;margin-top:2px}.header-search{display:flex;align-items:center;gap:8px}.header-search input{padding:7px 12px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:var(--radius-sm);font-size:.85rem;width:200px}.header-search input::placeholder{color:#fff6}.header-search input:focus{outline:none;border-color:var(--color-primary-light);background:#ffffff1f}.nav-bar{background:var(--color-bg-dark-alt);border-top:1px solid rgba(255,255,255,.06)}.nav-list{display:flex;list-style:none;gap:0}.nav-list a{display:block;color:#fffc;padding:12px 20px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-right:1px solid rgba(255,255,255,.06);transition:background .2s,color .2s}.nav-list a:hover{background:#ffffff14;color:#fff;text-decoration:none}.nav-list a.active{background:var(--color-primary);color:#fff}.score-badge{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--color-score-bg);color:var(--color-score-text);font-family:var(--font-body);font-weight:700;font-size:1.1rem;line-height:1;flex-shrink:0;box-shadow:0 2px 6px #1864ab4d}.score-badge.large{width:64px;height:64px;font-size:1.5rem}.score-badge .score-max{font-size:.6em;opacity:.7;font-weight:500}.article-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius);overflow:hidden;transition:box-shadow .2s,transform .2s;display:flex;flex-direction:column;height:100%}.article-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.article-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--color-bg-alt)}.article-card-image img{width:100%;height:100%;object-fit:cover}.article-card-score{position:absolute;top:10px;right:10px}.article-card-body{padding:16px;flex:1;display:flex;flex-direction:column}.article-card-category{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:6px}.article-card-title{font-family:var(--font-heading);font-size:1.05rem;font-weight:700;line-height:1.35;margin-bottom:8px}.article-card-title a{color:var(--color-text)}.article-card-title a:hover{color:var(--color-primary);text-decoration:none}.article-card-meta{font-size:.75rem;color:var(--color-text-muted);margin-top:auto}.hero-section{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin:30px 0}.hero-lead{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--color-bg-alt);border:1px solid var(--color-border-light)}.hero-lead-image{aspect-ratio:16/9;overflow:hidden;position:relative}.hero-lead-image img{width:100%;height:100%;object-fit:cover}.hero-lead-score{position:absolute;top:16px;right:16px;z-index:2}.hero-lead-body{padding:20px}.hero-lead-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:8px}.hero-lead-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:8px}.hero-lead-title a{color:var(--color-text)}.hero-lead-title a:hover{color:var(--color-primary);text-decoration:none}.hero-lead-excerpt{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5}.hero-sidebar{display:flex;flex-direction:column;gap:16px}.hero-sidebar-item{display:flex;gap:12px;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:12px;align-items:center}.hero-sidebar-item img{width:90px;height:90px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.hero-sidebar-item-body{flex:1;min-width:0}.hero-sidebar-item-title{font-family:var(--font-heading);font-size:.9rem;font-weight:700;line-height:1.3;margin-bottom:4px}.hero-sidebar-item-title a{color:var(--color-text)}.hero-sidebar-item-title a:hover{color:var(--color-primary);text-decoration:none}.hero-sidebar-item-meta{font-size:.7rem;color:var(--color-text-muted)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--color-border)}.section-header h2{font-size:1.4rem;font-weight:700}.section-header a{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:40px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:40px}.category-card{background:var(--color-bg-alt);border:1px solid var(--color-border-light);border-radius:var(--radius);padding:24px 16px;text-align:center;transition:box-shadow .2s,transform .2s,border-color .2s}.category-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-light)}.category-card a{color:var(--color-text);text-decoration:none}.category-card h3{font-size:1rem;margin-bottom:4px}.category-card .count{font-size:.75rem;color:var(--color-text-muted)}.breadcrumb{font-size:.8rem;color:var(--color-text-muted);margin:20px 0}.breadcrumb a{color:var(--color-text-muted)}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb span{margin:0 6px}.article-hero{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px;align-items:center}.article-hero-image{border-radius:var(--radius);overflow:hidden;border:1px solid var(--color-border-light);background:var(--color-bg-alt);aspect-ratio:4/3}.article-hero-image img{width:100%;height:100%;object-fit:cover}.article-hero-info h1{font-size:1.8rem;line-height:1.3;margin-bottom:12px}.article-hero-product{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-primary);margin-bottom:8px}.article-hero-rating{display:flex;align-items:center;gap:12px;margin-bottom:16px}.rating-label{font-size:.8rem;color:var(--color-text-muted);font-weight:600}.affiliate-disclosure{background:var(--color-bg-alt);border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);padding:14px 16px;margin-bottom:24px;font-size:.8rem;color:var(--color-text-secondary);line-height:1.5}.affiliate-disclosure strong{color:var(--color-text)}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-accent-red);color:#fff;padding:14px 32px;border-radius:var(--radius);font-size:1rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:background .2s,transform .2s,box-shadow .2s;box-shadow:0 2px 8px #e031314d}.cta-button:hover{background:#c92020;color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px #e0313166}.cta-button.blue{background:var(--color-primary);box-shadow:0 2px 8px #1864ab4d}.cta-button.blue:hover{background:var(--color-primary-dark);box-shadow:0 4px 12px #1864ab66}.article-prose{max-width:760px;margin:0 auto}.article-prose h2{font-size:1.4rem;margin:32px 0 12px;padding-bottom:8px;border-bottom:1px solid var(--color-border-light)}.article-prose h3{font-size:1.15rem;margin:24px 0 10px}.article-prose p{margin-bottom:16px;line-height:1.7;color:var(--color-text-secondary)}.article-prose ul,.article-prose ol{margin:0 0 20px 20px;line-height:1.8;color:var(--color-text-secondary)}.article-prose li{margin-bottom:6px}.article-prose strong{color:var(--color-text)}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:24px 0}.pros-box,.cons-box{border-radius:var(--radius);padding:20px;border:1px solid var(--color-border-light)}.pros-box{background:#f0fdf4;border-color:#bbf7d0}.cons-box{background:#fef2f2;border-color:#fecaca}.pros-box h3{color:#166534;margin-bottom:12px}.cons-box h3{color:#991b1b;margin-bottom:12px}.pros-box ul,.cons-box ul{list-style:none;margin:0;padding:0}.pros-box li,.cons-box li{padding-left:24px;position:relative;margin-bottom:8px;font-size:.9rem}.pros-box li:before{content:"+";position:absolute;left:0;color:#166534;font-weight:700;font-size:1.1rem}.cons-box li:before{content:"-";position:absolute;left:0;color:#991b1b;font-weight:700;font-size:1.1rem}.cta-box{background:var(--color-bg-dark);border-radius:var(--radius);padding:36px;text-align:center;margin:36px 0}.cta-box h3{color:#fff;font-size:1.3rem;margin-bottom:8px}.cta-box p{color:#ffffffb3;font-size:.9rem;margin-bottom:20px}.related-reviews{margin-top:48px}.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px}.site-footer{background:var(--color-bg-dark);color:#ffffffb3;padding:40px 0 20px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;margin-bottom:30px}.footer-brand h3{font-family:var(--font-heading);font-size:1.4rem;color:#fff;margin-bottom:8px}.footer-brand h3 .accent{color:var(--color-primary-light)}.footer-brand p{font-size:.8rem;line-height:1.6;margin-bottom:12px}.footer-col h4{font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#fff;margin-bottom:12px}.footer-col ul{list-style:none;padding:0}.footer-col li{margin-bottom:8px}.footer-col a{font-size:.8rem;color:#fff9}.footer-col a:hover{color:#fff;text-decoration:none}.footer-disclosure{background:#0003;padding:16px;border-radius:var(--radius-sm);font-size:.75rem;line-height:1.6;margin-bottom:20px;color:#ffffff80}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;text-align:center;font-size:.75rem;color:#fff6}.page-header{background:var(--color-bg-dark);color:#fff;padding:30px 0;margin-bottom:30px}.page-header h1{color:#fff;font-size:1.8rem}.page-header p{color:#ffffffb3;font-size:.9rem;margin-top:6px}.content-page{max-width:760px;margin:0 auto;padding:30px 0}.content-page h1{font-size:2rem;margin-bottom:20px}.content-page h2{font-size:1.3rem;margin:28px 0 12px}.content-page p{margin-bottom:16px;color:var(--color-text-secondary);line-height:1.7}.content-page ul,.content-page ol{margin:0 0 20px 24px;line-height:1.8;color:var(--color-text-secondary)}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.filter-chip{display:inline-block;padding:6px 14px;border:1px solid var(--color-border);border-radius:20px;font-size:.8rem;color:var(--color-text-secondary);background:var(--color-bg);transition:all .2s}.filter-chip:hover,.filter-chip.active{background:var(--color-primary);color:#fff;border-color:var(--color-primary);text-decoration:none}.error-page{text-align:center;padding:80px 20px}.error-page h1{font-size:4rem;color:var(--color-primary);margin-bottom:16px}.error-page p{font-size:1.1rem;color:var(--color-text-secondary);margin-bottom:24px}@media (max-width: 900px){.hero-section,.article-hero,.pros-cons-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.header-search{display:none}}@media (max-width: 600px){.nav-list{overflow-x:auto;flex-wrap:nowrap}.nav-list a{white-space:nowrap;padding:10px 14px;font-size:.75rem}.article-grid,.footer-grid{grid-template-columns:1fr}.logo,.article-hero-info h1{font-size:1.4rem}}