*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--navy:#1B365D;--navy-dark:#0F2340;--navy-light:#2B4A7A;--teal:#2A9D8F;--teal-dark:#1E7A6E;--teal-light:#3AB8A8;--warm-white:#F8F6F3;--cream:#F0EDE8;--slate:#264653;--charcoal:#1A1F2E;--gray-600:#5D6D7E;--gray-400:#8E99A4;--gray-200:#C8CDD3;--gray-100:#E8EAED;--coral:#E76F51;--coral-dark:#C85A3E;--coral-light:#F09080;--gold:#D4A853;--success:#27AE60;--info:#2A9D8F;--bg-primary:#FFFFFF;--bg-secondary:var(--warm-white);--bg-dark:var(--navy);--text-primary:var(--charcoal);--text-secondary:var(--gray-600);--text-muted:var(--gray-400);--text-on-dark:#FFFFFF;--text-on-dark-muted:#B5C7D9;--border-light:var(--gray-100);--border-default:var(--gray-200);--font-display:"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;--font-body:"Inter",system-ui,-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--text-xs:0.75rem;--text-sm:0.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;--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--max-width:1200px;--content-width:720px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px}@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Inter:wght@400;500&family=JetBrains+Mono:wght@400&display=swap");html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--text-primary);background:var(--bg-primary);line-height:1.7}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.25;letter-spacing:-.02em;color:var(--navy)}h1{font-size:var(--text-4xl);font-weight:700}h2{font-size:var(--text-3xl)}h2,h3{font-weight:600}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl);font-weight:600}p{margin-bottom:var(--space-md)}a{color:var(--teal);text-decoration:none;transition:color .15s ease}a:hover{color:var(--teal-dark)}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.content-narrow{max-width:var(--content-width);margin:0 auto}.pill{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:500;padding:4px 10px;border-radius:100px;letter-spacing:.02em}.pill-teal{background:rgba(42,157,143,.1);color:var(--teal-dark)}.pill-coral{background:rgba(231,111,81,.1);color:var(--coral-dark)}.pill-navy{background:rgba(27,54,93,.08);color:var(--navy)}.card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl);transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-default);box-shadow:0 4px 24px rgba(27,54,93,.06)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding:12px 24px;border-radius:var(--radius-md);border:none;cursor:pointer;transition:all .15s ease;text-decoration:none}.btn-primary{background:var(--coral);color:white}.btn-primary:hover{background:var(--coral-dark);color:white}.btn-secondary{background:transparent;color:var(--navy);border:1.5px solid var(--border-default)}.btn-secondary:hover{border-color:var(--navy);background:rgba(27,54,93,.04);color:var(--navy)}.btn-teal{background:var(--teal);color:white}.btn-teal:hover{background:var(--teal-dark);color:white}.affiliate-cta{background:linear-gradient(135deg,var(--navy) 0,var(--slate) 100%);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);color:white;display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);flex-wrap:wrap}.affiliate-cta h3{color:white;margin-bottom:var(--space-xs)}.affiliate-cta p{color:var(--text-on-dark-muted);margin-bottom:0}.affiliate-cta .btn-primary{flex-shrink:0}.article-content{font-size:var(--text-lg);line-height:1.8}.article-content h2{margin-top:var(--space-3xl);margin-bottom:var(--space-md);padding-top:var(--space-xl);border-top:1px solid var(--border-light)}.article-content h3{margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.article-content ol,.article-content ul{padding-left:var(--space-xl);margin-bottom:var(--space-lg)}.article-content li{margin-bottom:var(--space-sm)}.article-content blockquote{border-left:3px solid var(--teal);padding:var(--space-md) var(--space-lg);margin:var(--space-xl) 0;background:var(--bg-secondary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;color:var(--gray-600)}.article-content code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}.article-content table{width:100%;border-collapse:collapse;margin:var(--space-xl) 0;font-size:var(--text-base)}.article-content th{text-align:left;padding:var(--space-sm) var(--space-md);background:var(--navy);color:white;font-family:var(--font-display);font-weight:600;font-size:var(--text-sm)}.article-content th:first-child{border-radius:var(--radius-sm) 0 0 0}.article-content th:last-child{border-radius:0 var(--radius-sm) 0 0}.article-content td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border-light)}.article-content tr:nth-child(2n) td{background:var(--bg-secondary)}.quick-answer{background:rgba(42,157,143,.06);border:1px solid rgba(42,157,143,.2);border-radius:var(--radius-lg);padding:var(--space-lg) var(--space-xl);margin:var(--space-xl) 0}.quick-answer-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-sm);color:var(--teal-dark);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-sm)}.pick-highlight{background:rgba(42,157,143,.06);border:2px solid var(--teal);border-radius:var(--radius-lg);padding:var(--space-lg);position:relative}.pick-highlight:before{content:"Our pick";position:absolute;top:-10px;left:var(--space-lg);background:var(--teal);color:white;font-size:var(--text-xs);font-weight:600;padding:2px 10px;border-radius:100px;font-family:var(--font-display)}@media (max-width:768px){h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-md)}.affiliate-cta{flex-direction:column;text-align:center;padding:var(--space-lg)}}