:root{--color-teal: #0d6563;--color-teal-dark: #0a4f4d;--color-teal-light: #1a8583;--color-cream: #faf8f5;--color-cream-dark: #f2ede5;--color-charcoal: #1a1a2e;--color-charcoal-light: #2a2a3e;--color-amber: #e8a838;--color-amber-dark: #d4952c;--color-amber-light: #f0c560;--color-text: #2a2a3e;--color-text-light: #6b6b7e;--color-border: #e5e0d8;--color-white: #ffffff;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--container-width: 1200px;--container-narrow: 800px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--transition: .25s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--color-cream);color:var(--color-text);line-height:1.6;font-size:1rem;min-height:100vh;display:flex;flex-direction:column}main{flex:1 0 auto}a{color:var(--color-teal);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-teal-dark)}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.25;color:var(--color-charcoal)}ul,ol{list-style-position:inside}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:var(--container-narrow)}.section{padding:3.5rem 0}.section-title{font-size:1.75rem;font-weight:700;margin-bottom:2rem;color:var(--color-charcoal);display:flex;align-items:center;gap:.75rem}.section-title:after{content:"";flex:1;height:2px;background:var(--color-border)}.text-center{text-align:center}.site-header{background-color:var(--color-white);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000000a}.header-inner{display:flex;flex-direction:column;align-items:center;padding:1.25rem 1.5rem;gap:1rem}.header-logo{display:flex;flex-direction:column;align-items:center;text-decoration:none}.header-logo .logo-text{font-size:2rem;font-weight:800;letter-spacing:-.02em;color:var(--color-charcoal);font-family:var(--font-heading)}.header-logo .logo-text .accent{color:var(--color-teal)}.header-logo .tagline{font-size:.8rem;color:var(--color-text-light);font-weight:500;letter-spacing:.02em;margin-top:.15rem}.main-nav ul{display:flex;list-style:none;flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;margin:0;padding:0}.main-nav a{color:var(--color-text);font-weight:500;font-size:.88rem;padding:.4rem 0;position:relative;transition:color var(--transition);white-space:nowrap}.main-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background-color:var(--color-teal);transition:width var(--transition)}.main-nav a:hover,.main-nav a.active{color:var(--color-teal)}.main-nav a:hover:after,.main-nav a.active:after{width:100%}.hero-section{padding:2rem 0 3rem}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem;align-items:stretch}.hero-lead{position:relative;background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 12px #0000000f;display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition)}.hero-lead:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001a}.hero-lead .hero-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-cream-dark);display:flex;align-items:center;justify-content:center}.hero-lead .hero-image img{width:100%;height:100%;object-fit:contain;object-position:center;padding:1.5rem;transition:transform .4s ease}.hero-lead:hover .hero-image img{transform:scale(1.03)}.hero-lead .hero-content{padding:1.75rem;display:flex;flex-direction:column;gap:.75rem;flex:1}.hero-lead .category-label{align-self:flex-start}.hero-lead h2{font-size:1.85rem;line-height:1.2;color:var(--color-charcoal)}.hero-lead .hero-description{color:var(--color-text-light);font-size:1rem}.hero-sidebar{display:flex;flex-direction:column;gap:1.25rem}.hero-sidebar-item{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 8px #0000000d;display:flex;flex-direction:column;transition:transform var(--transition),box-shadow var(--transition);flex:1}.hero-sidebar-item:hover{transform:translateY(-2px);box-shadow:0 4px 14px #00000014}.hero-sidebar-item .sidebar-image{width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-cream-dark);display:flex;align-items:center;justify-content:center}.hero-sidebar-item .sidebar-image img{width:100%;height:100%;object-fit:contain;object-position:center;padding:.75rem}.hero-sidebar-item .sidebar-content{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.4rem}.hero-sidebar-item h3{font-size:1rem;line-height:1.3;color:var(--color-charcoal)}.hero-sidebar-item .sidebar-date{font-size:.8rem;color:var(--color-text-light)}.category-label{display:inline-block;background-color:var(--color-teal);color:var(--color-white);font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .7rem;border-radius:var(--radius-sm)}.article-date{font-size:.8rem;color:var(--color-text-light)}.score-badge{display:inline-flex;align-items:baseline;justify-content:center;background-color:var(--color-teal);color:var(--color-white);font-weight:700;border-radius:var(--radius-full);width:48px;height:48px;font-size:1rem;line-height:1;box-shadow:0 2px 6px #0d65634d;flex-shrink:0}.score-badge .score-max{font-size:.65rem;font-weight:500;opacity:.85;margin-left:1px}.score-badge.large{width:80px;height:80px;font-size:1.75rem}.score-badge.large .score-max{font-size:1rem}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.75rem}.article-card{background:var(--color-white);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 2px 10px #0000000d;transition:transform var(--transition),box-shadow var(--transition);display:flex;flex-direction:column;height:100%}.article-card:hover{transform:translateY(-4px);box-shadow:0 8px 22px #0000001a}.article-card .card-image{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--color-cream-dark);display:flex;align-items:center;justify-content:center}.article-card .card-image img{width:100%;height:100%;object-fit:contain;object-position:center;padding:.75rem;transition:transform .4s ease}.article-card:hover .card-image img{transform:scale(1.04)}.article-card .card-badge{position:absolute;top:.75rem;right:.75rem;z-index:2}.article-card .card-body{padding:1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.article-card .card-category{align-self:flex-start}.article-card h3{font-size:1.15rem;line-height:1.3;color:var(--color-charcoal)}.article-card h3 a{color:inherit}.article-card h3 a:hover{color:var(--color-teal)}.article-card .card-footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:.5rem}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem}.category-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.75rem 1.25rem;text-align:center;transition:all var(--transition);display:block;color:var(--color-charcoal)}.category-card:hover{background:var(--color-teal);color:var(--color-white);border-color:var(--color-teal);transform:translateY(-3px);box-shadow:0 6px 16px #0d656333}.category-card .category-icon{width:36px;height:36px;margin:0 auto .75rem;display:block;color:var(--color-teal);transition:color var(--transition)}.category-card:hover .category-icon{color:var(--color-white)}.category-card .category-name{font-size:1.1rem;font-weight:600;display:block}.btn,.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background-color:var(--color-amber);color:var(--color-charcoal);font-weight:700;font-size:1rem;padding:.85rem 1.75rem;border-radius:var(--radius-md);border:none;cursor:pointer;transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition);text-decoration:none;font-family:var(--font-body)}.btn:hover,.cta-button:hover{background-color:var(--color-amber-dark);color:var(--color-charcoal);transform:translateY(-2px);box-shadow:0 4px 12px #e8a83866}.btn-large{font-size:1.1rem;padding:1rem 2.25rem}.btn-secondary{background-color:transparent;color:var(--color-teal);border:2px solid var(--color-teal)}.btn-secondary:hover{background-color:var(--color-teal);color:var(--color-white)}.popular-list{display:flex;flex-direction:column;gap:1rem}.popular-item{display:flex;align-items:center;gap:1.25rem;background:var(--color-white);border-radius:var(--radius-md);padding:1rem 1.25rem;box-shadow:0 1px 6px #0000000a;transition:transform var(--transition),box-shadow var(--transition);text-decoration:none;color:var(--color-charcoal)}.popular-item:hover{transform:translate(4px);box-shadow:0 4px 14px #00000014}.popular-item .popular-image{width:80px;height:80px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-cream-dark);display:flex;align-items:center;justify-content:center}.popular-item .popular-image img{width:100%;height:100%;object-fit:contain;padding:.4rem}.popular-item .popular-content{flex:1;display:flex;flex-direction:column;gap:.3rem;min-width:0}.popular-item .popular-content h3{font-size:1rem;line-height:1.35;color:var(--color-charcoal);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.popular-item:hover .popular-content h3{color:var(--color-teal)}.popular-item .popular-date{font-size:.8rem;color:var(--color-text-light)}.about-section{background:var(--color-charcoal)}.about-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:3rem;align-items:center}.about-content h2{color:var(--color-white);font-size:2rem;margin-bottom:1rem}.about-content>p{color:#ffffffbf;font-size:1.05rem;line-height:1.7;margin-bottom:1.5rem}.about-features{list-style:none;margin:0 0 1.75rem;padding:0}.about-features li{padding:.5rem 0 .5rem 1.75rem;position:relative;color:#fffc;font-size:.95rem}.about-features li:before{content:"";position:absolute;left:0;top:.85rem;width:8px;height:8px;border-radius:50%;background:var(--color-teal-light)}.about-content .btn-secondary{border-color:var(--color-teal-light);color:var(--color-teal-light)}.about-content .btn-secondary:hover{background-color:var(--color-teal);color:var(--color-white);border-color:var(--color-teal)}.about-stats{display:flex;flex-direction:column;gap:1.5rem}.stat-item{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;padding:1.25rem 1.5rem;background:#ffffff0d;border-radius:var(--radius-md);border-left:3px solid var(--color-teal-light)}.stat-item .stat-number{font-size:2rem;font-weight:800;color:var(--color-white);line-height:1}.stat-item .stat-label{font-size:.85rem;color:#fff9;text-transform:uppercase;letter-spacing:.05em;font-weight:500}@media (max-width: 768px){.about-grid{grid-template-columns:1fr;gap:2rem}.about-stats{flex-direction:row;flex-wrap:wrap;gap:1rem}.stat-item{flex:1;min-width:120px}.popular-item{flex-wrap:wrap}}.filter-bar{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.25rem;margin-bottom:2rem;display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.filter-bar .filter-label{font-size:.85rem;font-weight:600;color:var(--color-text-light);margin-right:.5rem}.filter-bar a{padding:.4rem .9rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:500;color:var(--color-text);background:var(--color-cream-dark);transition:all var(--transition)}.filter-bar a:hover{background:var(--color-teal-light);color:var(--color-white)}.filter-bar a.active{background:var(--color-teal);color:var(--color-white)}.breadcrumb{padding:1.25rem 0;font-size:.85rem;color:var(--color-text-light)}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0}.breadcrumb li{display:flex;align-items:center;gap:.5rem}.breadcrumb li:not(:last-child):after{content:"/";color:var(--color-border)}.breadcrumb a{color:var(--color-text-light)}.breadcrumb a:hover{color:var(--color-teal)}.breadcrumb .current{color:var(--color-text);font-weight:500}.article-detail{padding-bottom:3rem}.article-hero{background:var(--color-white);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 14px #0000000f;margin-bottom:2rem}.article-hero-image{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--color-cream-dark);display:flex;align-items:center;justify-content:center}.article-hero-image img{width:100%;height:100%;object-fit:contain;object-position:center;padding:2rem}.article-hero-content{padding:2rem;display:flex;flex-direction:column;gap:1rem}.article-hero-content h1{font-size:2.25rem;line-height:1.2;color:var(--color-charcoal)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9rem;color:var(--color-text-light)}.article-meta .meta-divider{width:1px;height:14px;background:var(--color-border)}.product-info-box{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center;background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem;margin-top:.5rem}.product-info-box .product-score{display:flex;flex-direction:column;align-items:center;gap:.4rem}.product-info-box .product-score .score-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-light);font-weight:600}.product-info-box .product-details{flex:1;min-width:220px}.product-info-box .product-details .product-name{font-size:1.1rem;font-weight:700;color:var(--color-charcoal);margin-bottom:.25rem}.product-info-box .product-details .product-asin{font-size:.85rem;color:var(--color-text-light);font-family:ui-monospace,SF Mono,Consolas,monospace}.product-info-box .product-cta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-start}.affiliate-disclosure{background:var(--color-cream-dark);border-left:4px solid var(--color-amber);padding:1rem 1.25rem;border-radius:var(--radius-sm);font-size:.85rem;color:var(--color-text-light);margin:1.5rem 0;line-height:1.5}.affiliate-disclosure strong{color:var(--color-charcoal)}.article-body{max-width:var(--container-narrow);margin:0 auto;padding:2rem 0}.prose{font-size:1.05rem;line-height:1.75;color:var(--color-text)}.prose h2{font-size:1.6rem;margin:2rem 0 1rem;color:var(--color-charcoal)}.prose h3{font-size:1.3rem;margin:1.75rem 0 .75rem;color:var(--color-charcoal)}.prose p{margin-bottom:1.25rem}.prose ul,.prose ol{margin:1rem 0 1.25rem 1.5rem;list-style-position:outside}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:.5rem}.prose img{border-radius:var(--radius-md);margin:1.5rem 0}.prose blockquote{border-left:4px solid var(--color-teal);padding:.5rem 1.25rem;margin:1.5rem 0;color:var(--color-text-light);font-style:italic;background:var(--color-cream-dark);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.prose a{color:var(--color-teal);text-decoration:underline;text-decoration-color:var(--color-teal-light);text-underline-offset:2px}.prose a:hover{color:var(--color-teal-dark)}.pros-cons-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:2rem 0}.pros-box,.cons-box{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem}.pros-box{border-top:4px solid var(--color-teal)}.cons-box{border-top:4px solid var(--color-amber)}.pros-box h3,.cons-box h3{font-size:1.15rem;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.pros-box ul,.cons-box ul{list-style:none;margin:0;padding:0}.pros-box li,.cons-box li{padding:.4rem 0 .4rem 1.5rem;position:relative;font-size:.95rem}.pros-box li:before{content:"+";position:absolute;left:0;color:var(--color-teal);font-weight:700}.cons-box li:before{content:"-";position:absolute;left:0;color:var(--color-amber);font-weight:700}.bottom-cta{background:var(--color-charcoal);color:var(--color-white);border-radius:var(--radius-lg);padding:2.5rem;text-align:center;margin:2.5rem 0}.bottom-cta h2{color:var(--color-white);font-size:1.6rem;margin-bottom:.75rem}.bottom-cta p{color:#ffffffbf;margin-bottom:1.5rem}.bottom-cta .cta-button{background-color:var(--color-amber);color:var(--color-charcoal)}.bottom-cta .cta-button:hover{background-color:var(--color-amber-light)}.related-reviews{padding-top:2rem;border-top:1px solid var(--color-border);margin-top:2rem}.related-reviews h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--color-charcoal)}.page-header{background:var(--color-charcoal);color:var(--color-white);padding:3rem 0;text-align:center}.page-header h1{color:var(--color-white);font-size:2.5rem;margin-bottom:.75rem}.page-header p{color:#ffffffbf;font-size:1.1rem;max-width:600px;margin:0 auto}.static-content{max-width:var(--container-narrow);margin:0 auto;padding:3rem 1.5rem}.static-content h1{font-size:2.25rem;margin-bottom:1.5rem;color:var(--color-charcoal)}.static-content h2{font-size:1.5rem;margin:2rem 0 1rem;color:var(--color-charcoal)}.static-content p{margin-bottom:1rem;line-height:1.75}.static-content ul,.static-content ol{margin:1rem 0 1.25rem 1.5rem}.static-content ul{list-style:disc}.static-content ol{list-style:decimal}.static-content li{margin-bottom:.5rem}.contact-form{display:flex;flex-direction:column;gap:1.25rem;max-width:560px;margin-top:2rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.9rem;font-weight:600;color:var(--color-charcoal)}.form-group input,.form-group textarea{font-family:var(--font-body);font-size:1rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text);transition:border-color var(--transition),box-shadow var(--transition)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-teal);box-shadow:0 0 0 3px #0d65631f}.form-group textarea{min-height:160px;resize:vertical}.error-page{text-align:center;padding:5rem 1.5rem}.error-page .error-code{font-size:6rem;font-weight:800;color:var(--color-teal);line-height:1;margin-bottom:1rem}.error-page h1{font-size:2rem;margin-bottom:1rem}.error-page p{color:var(--color-text-light);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto}.site-footer{background-color:var(--color-charcoal);color:#ffffffbf;padding:3rem 0 1.5rem;margin-top:3rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand .footer-logo{font-size:1.5rem;font-weight:800;color:var(--color-white);margin-bottom:.75rem}.footer-brand .footer-logo .accent{color:var(--color-teal-light)}.footer-brand p{font-size:.85rem;line-height:1.6;color:#fff9;max-width:380px}.footer-col h4{color:var(--color-white);font-size:.95rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:.6rem}.footer-col a{color:#ffffffa6;font-size:.9rem;transition:color var(--transition)}.footer-col a:hover{color:var(--color-amber-light)}.footer-two-col{display:grid;grid-template-columns:1fr 1fr;column-gap:1rem}.footer-bottom{padding-top:1.5rem;text-align:center;font-size:.8rem;color:#ffffff80;line-height:1.6}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}.hero-lead h2{font-size:1.5rem}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}.pros-cons-grid{grid-template-columns:1fr}.article-hero-content h1{font-size:1.75rem}}@media (max-width: 640px){.container{padding:0 1rem}.header-inner{padding:1rem}.header-logo .logo-text{font-size:1.6rem}.main-nav ul{gap:1.1rem;flex-wrap:wrap;justify-content:center}.main-nav a{font-size:.85rem}.section{padding:2.5rem 0}.section-title{font-size:1.4rem}.hero-lead .hero-content{padding:1.25rem}.hero-lead h2{font-size:1.3rem}.article-grid{grid-template-columns:1fr}.category-grid{grid-template-columns:1fr 1fr}.article-hero-content{padding:1.25rem}.article-hero-content h1{font-size:1.5rem}.product-info-box{padding:1rem}.bottom-cta{padding:1.75rem 1.25rem}.bottom-cta h2{font-size:1.3rem}.footer-grid{grid-template-columns:1fr;gap:1.5rem}.footer-bottom{flex-direction:column;text-align:center;gap:.5rem}.footer-bottom .footer-amazon{text-align:center}.footer-two-col{grid-template-columns:1fr}.page-header h1{font-size:1.85rem}.filter-bar{padding:.75rem}}