:root{--step--2: clamp(.7378rem, .7292rem + .0385vi, .76rem);--step--1: clamp(.8854rem, .8601rem + .1123vi, .95rem);--step-0: clamp(1.0625rem, 1.0136rem + .2174vi, 1.1875rem);--step-1: clamp(1.275rem, 1.1931rem + .3641vi, 1.4844rem);--step-2: clamp(1.53rem, 1.4026rem + .566vi, 1.8555rem);--step-3: clamp(1.836rem, 1.6469rem + .8406vi, 2.3193rem);--step-4: clamp(2.2032rem, 1.9309rem + 1.2104vi, 2.8992rem);--step-5: clamp(2.6438rem, 2.2603rem + 1.7046vi, 3.624rem);--space-3xs: clamp(.2656rem, .2534rem + .0544vi, .2969rem);--space-2xs: clamp(.5312rem, .5067rem + .1089vi, .5938rem);--space-xs: clamp(.7969rem, .7602rem + .163vi, .8906rem);--space-s: clamp(1.0625rem, 1.0136rem + .2174vi, 1.1875rem);--space-m: clamp(1.5938rem, 1.5205rem + .3259vi, 1.7812rem);--space-l: clamp(2.125rem, 2.0272rem + .4348vi, 2.375rem);--space-xl: clamp(3.1875rem, 3.0408rem + .6522vi, 3.5625rem);--space-s-m: clamp(1.0625rem, .7813rem + 1.2499vi, 1.7812rem);--space-m-l: clamp(1.5938rem, 1.2881rem + 1.3586vi, 2.375rem);--space-l-xl: clamp(2.125rem, 1.5625rem + 2.5vi, 3.5625rem);--space-s-l: clamp(1.0625rem, .5489rem + 2.2826vi, 2.375rem);--grid-max-width: 70rem;--grid-gutter: var(--space-s-l);--content-width: 65ch;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--body-font: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif;--heading-font: var(--body-font);--brand: #0EA5E9;--brand-dark: #0284C7;--brand-light: #E0F2FE;--background: #FAFAF9;--card-background: #FFFFFF;--card-border: #E2E8F0;--border-color: #E2E8F0;--primary-text: #1A1A2E;--secondary-text: #64748B;--link: #0369A1;--link-hover: #075985;--primary-button: #0369A1;--primary-button-hover: #075985;--primary-button-text: #FFFFFF;--primary-button-hover-text: #FFFFFF;--info-bg: #EFF6FF;--info-border: #BFDBFE;--warn-bg: #FFFBEB;--warn-border: #FDE68A;--pro-bg: #F0FDF4;--pro-border: #BBF7D0;--pro-text: #15803D;--con-bg: #FEF2F2;--con-border: #FECACA;--con-text: #B91C1C;--warn-text: #B45309;--table-header-bg: #0F172A;--table-header-text: #F8FAFC;--table-stripe: #F8FAFC;--code-bg: #F1F5F9}@media(prefers-color-scheme:dark){:root{--brand: #38BDF8;--brand-dark: #0EA5E9;--brand-light: #0C4A6E;--background: #0F172A;--card-background: #1E293B;--card-border: #334155;--border-color: #1E3A5F;--primary-text: #F1F5F9;--secondary-text: #94A3B8;--link: #7DD3FC;--link-hover: #BAE6FD;--primary-button: #38BDF8;--primary-button-hover: #0EA5E9;--primary-button-text: #0F172A;--primary-button-hover-text: #0F172A;--info-bg: #0C2D48;--info-border: #1E3A5F;--warn-bg: #422006;--warn-border: #78350F;--pro-bg: #052E16;--pro-border: #166534;--pro-text: #4ADE80;--con-bg: #450A0A;--con-border: #991B1B;--con-text: #F87171;--warn-text: #FCD34D;--table-header-bg: #0F2942;--table-header-text: #E2E8F0;--table-stripe: #162032;--code-bg: #1E293B;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 4px 12px rgba(0, 0, 0, .25);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:var(--body-font);font-size:var(--step-0);font-weight:400;line-height:1.6;background:var(--background);color:var(--primary-text);-webkit-font-smoothing:antialiased}body{min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--link);text-decoration:none;transition:color .15s}a:hover{color:var(--link-hover)}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);color:var(--primary-text);line-height:1.2;font-weight:700}h1{font-size:var(--step-4);letter-spacing:-.02em;line-height:1.1}h2{font-size:var(--step-2)}h3{font-size:var(--step-1);font-weight:600}h4{font-size:var(--step-0);font-weight:600}.site-header{background:var(--card-background);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:100;backdrop-filter:blur(12px);background:color-mix(in srgb,var(--card-background) 85%,transparent)}.site-header nav{max-width:var(--grid-max-width);margin:0 auto;padding:.75rem var(--grid-gutter);display:flex;justify-content:space-between;align-items:center}.site-header .logo{font-weight:800;font-size:var(--step-1);color:var(--primary-text);text-decoration:none;letter-spacing:-.02em}.site-header .nav-links{display:flex;gap:var(--space-s)}.site-header .nav-links a{color:var(--secondary-text);font-size:var(--step--1);font-weight:500;text-decoration:none;transition:color .15s}.site-header .nav-links a:hover{color:var(--primary-text)}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:4px}.nav-toggle span{display:block;width:20px;height:2px;background:var(--primary-text);transition:transform .2s,opacity .2s}.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media(max-width:768px){.nav-toggle{display:flex}.site-header .nav-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--card-background);border-bottom:1px solid var(--border-color);flex-direction:column;padding:var(--space-xs) var(--grid-gutter);gap:0;box-shadow:0 8px 24px #00000014}.site-header .nav-links.open{display:flex}.site-header .nav-links a{padding:var(--space-2xs) 0;border-bottom:1px solid var(--border-color);font-size:var(--step-0)}.site-header .nav-links a:last-child{border-bottom:none}}.site-footer{border-top:1px solid var(--border-color);padding:var(--space-xl) var(--grid-gutter) var(--space-m);color:var(--secondary-text);font-size:var(--step--2);background:var(--card-background);margin-top:auto}.footer-grid{max-width:var(--grid-max-width);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-l);margin-bottom:var(--space-l)}.footer-brand{font-weight:800;font-size:var(--step-1);color:var(--primary-text);margin:0 0 var(--space-3xs)}.footer-tagline{color:var(--secondary-text);margin:0;font-size:var(--step--1)}.footer-heading{font-weight:700;font-size:var(--step--1);color:var(--primary-text);margin:0 0 var(--space-xs);text-transform:uppercase;letter-spacing:.04em}.footer-col{display:flex;flex-direction:column}.footer-col a{color:var(--secondary-text);text-decoration:none;font-size:var(--step--1);padding:.2em 0;transition:color .15s}.footer-col a:hover{color:var(--primary-text)}.footer-copy{max-width:var(--grid-max-width);margin:0 auto;padding-top:var(--space-s);border-top:1px solid var(--border-color);text-align:center}@media(max-width:600px){.footer-grid{grid-template-columns:1fr;gap:var(--space-m)}}.article-content{line-height:1.7;font-size:var(--step-0)}.article-content>p,.article-content>ul,.article-content>ol,.article-content>h2,.article-content>h3,.article-content>h4,.article-content>blockquote,.article-content>.hat-disclosure,.article-content>hr{max-width:var(--content-width);margin-inline:auto}.article-content p{margin-bottom:1.2em}.article-content h2{padding-top:var(--space-l);margin-top:var(--space-xl);margin-bottom:var(--space-s);border-top:1px solid var(--border-color)}.article-content h2:first-of-type{border-top:none;margin-top:0;padding-top:0}.article-content h3{margin-top:var(--space-l);margin-bottom:var(--space-xs)}.article-content ul,.article-content ol{padding-left:1.5em;margin-bottom:1.2em;line-height:1.7}.article-content li{margin-bottom:.4em}.article-content ul>li::marker{color:var(--brand)}.article-content ol>li::marker{color:var(--secondary-text);font-weight:600}.article-content strong{color:var(--primary-text)}.article-content img{max-width:100%;height:auto;border-radius:var(--radius-lg);margin:var(--space-m) 0;display:block}.article-content blockquote{border-left:4px solid var(--brand);background:var(--info-bg);padding:var(--space-s) var(--space-m);margin:var(--space-m) auto;border-radius:0 var(--radius-lg) var(--radius-lg) 0;font-size:var(--step--1)}.article-content blockquote p{margin:0}.article-content hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-l) auto}.article-content code{background:var(--code-bg);padding:.15em .4em;border-radius:var(--radius-sm);font-size:.88em}.article-content table,.hat-table,.hat-comparison-table,.hat-compare-table{width:100%;border-collapse:separate;border-spacing:0;margin:var(--space-m) 0;font-size:var(--step--1);background:var(--card-background);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--card-border);box-shadow:var(--shadow-sm);color:var(--primary-text)}.article-content caption,.hat-table caption{font-size:var(--step--1);font-weight:600;color:var(--secondary-text);text-align:left;padding:var(--space-xs) var(--space-s);caption-side:top}.article-content thead th,.article-content th,.hat-table thead th,.hat-table th{background:var(--table-header-bg);color:var(--table-header-text);font-weight:600;padding:var(--space-xs) var(--space-s);text-align:left;font-size:var(--step--2);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap}.article-content tbody td,.article-content td,.hat-table tbody td,.hat-table td{padding:var(--space-xs) var(--space-s);border-bottom:1px solid var(--card-border);vertical-align:top;color:var(--primary-text);line-height:1.5}.article-content tbody tr:last-child td,.hat-table tbody tr:last-child td{border-bottom:none}.article-content tbody tr:nth-child(2n) td,.hat-table tbody tr:nth-child(2n) td{background:var(--table-stripe)}.article-content tbody tr:hover td,.hat-table tbody tr:hover td{background:color-mix(in srgb,var(--brand) 8%,transparent)}.article-content table[style]{border-collapse:separate!important;border-spacing:0!important;font-size:var(--step--1)!important;background:var(--card-background)!important;border-radius:var(--radius-lg)!important;border:1px solid var(--card-border)!important;box-shadow:var(--shadow-sm)!important}.article-content tr[style]{background:transparent!important}.article-content thead tr[style],.article-content tr[style*="background:#1a1a2e"],.article-content tr[style*="background: #1a1a2e"]{background:var(--table-header-bg)!important}.article-content tbody tr[style]:nth-child(2n){background:var(--table-stripe)!important}.article-content tbody tr[style]:hover{background:color-mix(in srgb,var(--brand) 8%,transparent)!important}.article-content th[style]{background:var(--table-header-bg)!important;color:var(--table-header-text)!important;padding:var(--space-xs) var(--space-s)!important;font-size:var(--step--2)!important;font-weight:600!important;letter-spacing:.03em!important;text-transform:uppercase!important}.article-content td[style]{padding:var(--space-xs) var(--space-s)!important;border-bottom:1px solid var(--card-border)!important;color:var(--primary-text)!important;background:transparent!important;font-size:var(--step--1)!important}.article-content tbody tr:nth-child(2n) td[style]{background:var(--table-stripe)!important}.article-content tbody tr:hover td[style]{background:color-mix(in srgb,var(--brand) 8%,transparent)!important}.hat-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:var(--space-m) 0;border-radius:var(--radius-lg)}.hat-check{color:var(--pro-text);font-weight:600}.hat-cross{color:var(--con-text);font-weight:600}.hat-warn{color:var(--warn-text);font-weight:600}@media(max-width:768px){.article-content table,.hat-table,.hat-comparison-table,.hat-compare-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}}.hat-quick-answer,.hat-qa{background:var(--info-bg);border:1px solid var(--info-border);border-left:4px solid var(--brand);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-m);margin:0 0 var(--space-l);line-height:1.7}.hat-quick-answer .hat-qa-label,.hat-qa .hat-qa-label{display:block;font-size:var(--step--2);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-dark);margin-bottom:var(--space-2xs)}@media(prefers-color-scheme:dark){.hat-quick-answer .hat-qa-label,.hat-qa .hat-qa-label{color:var(--brand)}}.hat-quick-answer p,.hat-qa p{margin:0;font-size:var(--step-0);color:var(--primary-text)}.hat-quick-answer p+p,.hat-qa p+p{margin-top:.75em}.article-content div[style*="background:#f0f7ff"],.article-content div[style*="background: #f0f7ff"]{background:var(--info-bg)!important;border:1px solid var(--info-border)!important;border-left:4px solid var(--brand)!important;border-radius:0 var(--radius-lg) var(--radius-lg) 0!important;padding:var(--space-m)!important;margin:0 0 var(--space-l)!important}.article-content div[style*="background:#f0f7ff"] strong[style],.article-content div[style*="background: #f0f7ff"] strong[style]{display:block!important;font-size:var(--step--2)!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:.08em!important;color:var(--brand-dark)!important;margin-bottom:var(--space-2xs)!important}.article-content div[style*="background:#f0f7ff"] p[style],.article-content div[style*="background: #f0f7ff"] p[style]{margin:0!important;line-height:1.7!important;color:var(--primary-text)!important}.key-takeaways,.hat-key-takeaways{background:var(--card-background);border:1px solid var(--card-border);border-left:4px solid var(--brand);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-m);margin:0 0 var(--space-l);box-shadow:var(--shadow-sm)}.key-takeaways .hat-qa-label,.hat-key-takeaways .hat-qa-label{display:block;font-size:var(--step--2);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-dark);margin-bottom:var(--space-xs);padding-bottom:var(--space-2xs);border-bottom:1px solid var(--border-color)}@media(prefers-color-scheme:dark){.key-takeaways .hat-qa-label,.hat-key-takeaways .hat-qa-label{color:var(--brand)}}.key-takeaways ul,.hat-key-takeaways ul{margin:0;padding:0 0 0 1.3em;list-style:none}.key-takeaways li,.hat-key-takeaways li{position:relative;padding:var(--space-3xs) 0;font-size:var(--step--1);line-height:1.65;color:var(--primary-text)}.key-takeaways li:before,.hat-key-takeaways li:before{content:"→";position:absolute;left:-1.3em;color:var(--brand);font-weight:700}.hat-disclosure{display:block;padding:var(--space-xs) var(--space-s);margin:0 0 var(--space-l);border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:3px solid var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent);font-size:var(--step--2);line-height:1.65;color:var(--secondary-text)}.hat-disclosure a{color:var(--brand-dark)!important;text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--brand) 35%,transparent)}.hat-disclosure a:hover{border-bottom-color:var(--brand)}.article-content div[style*="background:#fff3cd"]{background:color-mix(in srgb,var(--brand) 6%,transparent)!important;border-left:3px solid var(--brand)!important;border-radius:0 var(--radius-md) var(--radius-md) 0!important;padding:var(--space-xs) var(--space-s)!important;margin:0 0 var(--space-l)!important;font-size:var(--step--2)!important;color:var(--secondary-text)!important}.hat-btn-row{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin:var(--space-xs) 0 var(--space-m);align-items:center}.hat-btn-amazon,.hat-btn-check-price,.hat-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary-button);color:var(--primary-button-text)!important;border-radius:var(--radius-md);border:none;min-height:44px;padding:.625rem 1.375rem;font-size:var(--step--1);font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none!important;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.hat-btn-amazon:hover,.hat-btn-check-price:hover,.hat-btn:hover{background:var(--primary-button-hover)!important;color:var(--primary-button-hover-text)!important;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-button) 30%,transparent)}.hat-btn-amazon:active,.hat-btn-check-price:active,.hat-btn:active{transform:translateY(0);box-shadow:none}.hat-btn-secondary{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:var(--link)!important;border:1px solid var(--border-color);border-radius:var(--radius-md);min-height:44px;padding:.625rem 1.375rem;font-size:var(--step--1);font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none!important;cursor:pointer;transition:all .15s}.hat-btn-secondary:hover{background:var(--info-bg);border-color:var(--brand);color:var(--brand-dark)!important}.hat-quick-answer a[href*="amazon.com"],.hat-qa a[href*="amazon.com"],.article-content div[style*="background:#f0f7ff"] a[href*="amazon.com"],.article-content td a[href*="amazon.com"],.article-content th a[href*="amazon.com"]{display:inline!important;background:none!important;color:var(--link)!important;padding:0!important;min-height:unset!important;font-weight:inherit!important;font-size:inherit!important;white-space:normal!important;border-radius:0!important;box-shadow:none!important;transform:none!important;text-decoration:underline!important;text-decoration-color:color-mix(in srgb,var(--link) 40%,transparent)!important}.hat-quick-answer a[href*="amazon.com"]:hover,.hat-qa a[href*="amazon.com"]:hover,.article-content div[style*="background:#f0f7ff"] a[href*="amazon.com"]:hover,.article-content td a[href*="amazon.com"]:hover,.article-content th a[href*="amazon.com"]:hover{text-decoration-color:var(--link)!important;background:none!important;transform:none!important;box-shadow:none!important}.article-content a[href*="amazon.com/dp/"],.article-content a[href*="amazon.com/gp/"]{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--primary-button);color:var(--primary-button-text)!important;border-radius:var(--radius-md);border:none;min-height:40px;padding:.5rem 1.125rem;font-size:var(--step--1);font-weight:600;line-height:1.3;white-space:nowrap;text-decoration:none!important;cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.article-content a[href*="amazon.com/dp/"]:hover,.article-content a[href*="amazon.com/gp/"]:hover{background:var(--primary-button-hover)!important;color:var(--primary-button-hover-text)!important;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in srgb,var(--primary-button) 30%,transparent)}.article-content a[href*="amazon.com/dp/"]:active,.article-content a[href*="amazon.com/gp/"]:active{transform:translateY(0);box-shadow:none}.article-content p:has(>a[href*="amazon.com/dp/"]),.article-content p:has(>a[href*="amazon.com/gp/"]){display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs)}.hat-product-box{display:flex;gap:var(--space-m);background:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-m);margin:var(--space-m) 0;box-shadow:var(--shadow-sm);position:relative}.hat-product-img,.hat-product-box__img{width:120px;height:120px;object-fit:contain;border-radius:var(--radius-md);background:var(--table-stripe);flex-shrink:0;align-self:flex-start;border:1px solid var(--border-color)}.hat-product-body{flex:1;min-width:0}.hat-product-name{display:block;font-size:var(--step-1);font-weight:700;color:var(--primary-text);margin-bottom:var(--space-3xs)}.hat-product-tagline{display:block;font-size:var(--step--1);color:var(--secondary-text);margin-bottom:var(--space-xs)}.hat-product-meta{font-size:var(--step--1);color:var(--secondary-text);line-height:1.6;margin:0 0 var(--space-xs)}.hat-product-meta strong{color:var(--primary-text)}.hat-product-rec{font-size:var(--step--2);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--brand-dark);margin-bottom:var(--space-3xs)}.hat-product-box__img-wrap{width:120px;flex-shrink:0;align-self:flex-start}.hat-product-box__img{width:100%;height:auto;object-fit:contain;border-radius:var(--radius-md);background:#fff}.hat-product-box__body{flex:1;min-width:0}.hat-product-box__name,.hat-product-box__title,.hat-product-box-title{display:block;font-size:var(--step-1);font-weight:700;color:var(--primary-text);margin-bottom:var(--space-3xs)}.hat-product-box__tagline,.hat-product-box-subtitle{display:block;font-size:var(--step--1);color:var(--secondary-text);margin-bottom:var(--space-xs)}.hat-product-box__meta{list-style:none;padding:0;margin:0 0 var(--space-xs);font-size:var(--step--1);color:var(--secondary-text)}.hat-product-box__meta li{padding:var(--space-3xs) 0;border-bottom:1px solid var(--border-color);line-height:1.5}.hat-product-box__meta li:last-child{border-bottom:none}.hat-product-box__links{margin-top:var(--space-xs);font-size:var(--step--2)}.hat-product-box__links a{color:var(--link)}.hat-product-box__links-sep{color:var(--secondary-text);margin:0 var(--space-3xs)}.hat-product-box__cta-row{display:flex;flex-wrap:wrap;gap:var(--space-2xs);margin-top:var(--space-xs)}.hat-product-box__badge{position:absolute;top:-1px;right:var(--space-m);display:inline-block;padding:var(--space-3xs) var(--space-xs);font-size:var(--step--2);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-radius:0 0 var(--radius-md) var(--radius-md);color:#fff}.hat-product-box__badge--pick{background:var(--brand-dark)}.hat-product-box__badge--value{background:var(--pro-text)}.hat-product-box__badge--hot{background:#e11d48}.hat-product-box-header{display:flex;align-items:center;gap:var(--space-s);margin-bottom:var(--space-xs)}.hat-product-box-body{margin-bottom:var(--space-xs)}.hat-product-box-info{font-size:var(--step--1);color:var(--secondary-text);line-height:1.6}@media(max-width:600px){.hat-product-box{flex-direction:column;align-items:center;text-align:center}.hat-product-img{width:100px;height:100px}.hat-product-box__img-wrap{width:100px}.hat-btn-row{justify-content:center}}.hat-pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s);margin:var(--space-m) 0}.hat-pros,.hat-cons{padding:var(--space-s);border-radius:var(--radius-lg)}.hat-pros{background:var(--pro-bg);border:1px solid var(--pro-border)}.hat-cons{background:var(--con-bg);border:1px solid var(--con-border)}.hat-pc-label{display:block;font-size:var(--step--2);font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-xs);padding-bottom:var(--space-3xs);border-bottom:2px solid}.hat-pros .hat-pc-label{color:var(--pro-text);border-bottom-color:var(--pro-text)}.hat-cons .hat-pc-label{color:var(--con-text);border-bottom-color:var(--con-text)}.hat-pros ul,.hat-cons ul{list-style:none;padding:0;margin:0}.hat-pros li,.hat-cons li{position:relative;padding:var(--space-3xs) 0 var(--space-3xs) 1.3em;font-size:var(--step--1);line-height:1.55;color:var(--primary-text)}.hat-pros li:before{content:"✓";position:absolute;left:0;color:var(--pro-text);font-weight:700}.hat-cons li:before{content:"✗";position:absolute;left:0;color:var(--con-text);font-weight:700}.hat-pro{color:var(--pro-text);font-weight:600}.hat-con{color:var(--con-text);font-weight:600}@media(max-width:600px){.hat-pros-cons{grid-template-columns:1fr}}.hat-callout{background:var(--warn-bg);border:1px solid var(--warn-border);border-left:4px solid var(--warn-text);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-s) var(--space-m);margin:var(--space-m) 0;font-size:var(--step--1);line-height:1.65;color:var(--primary-text)}.hat-callout strong{color:var(--warn-text)}.hat-warning{background:var(--con-bg);border:1px solid var(--con-border);border-left:4px solid var(--con-text);border-radius:0 var(--radius-lg) var(--radius-lg) 0;padding:var(--space-s) var(--space-m);margin:var(--space-m) 0;font-size:var(--step--1);line-height:1.65;color:var(--primary-text)}.hat-compare-boxes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s);margin:var(--space-m) 0}.hat-compare-box{background:var(--card-background);border:1px solid var(--card-border);border-top:3px solid var(--brand);border-radius:var(--radius-lg);padding:var(--space-m);box-shadow:var(--shadow-sm)}.hat-compare-box h3{font-size:var(--step-0);margin:0 0 var(--space-xs);color:var(--primary-text)}.hat-compare-box ul{margin:0 0 var(--space-xs);padding:0 0 0 1.3em;font-size:var(--step--1);color:var(--primary-text)}.hat-compare-box li{margin-bottom:var(--space-3xs);line-height:1.55}@media(max-width:600px){.hat-compare-boxes{grid-template-columns:1fr}}.hat-choose-panel{margin:var(--space-m) 0;display:flex;flex-direction:column;gap:var(--space-xs)}.hat-choose-item{background:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-s) var(--space-m);transition:border-color .15s,box-shadow .15s}.hat-choose-item:hover{border-color:var(--brand);box-shadow:var(--shadow-sm)}.hat-choose-item strong{display:block;font-size:var(--step-0);color:var(--primary-text);margin-bottom:var(--space-3xs)}.hat-choose-item p{margin:0;font-size:var(--step--1);color:var(--secondary-text);line-height:1.6}.hat-verdict{background:var(--card-background);border:2px solid var(--brand);border-radius:var(--radius-lg);padding:var(--space-m);margin:var(--space-m) 0;box-shadow:var(--shadow-md)}.hat-verdict-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-s)}@media(max-width:600px){.hat-verdict-grid{grid-template-columns:1fr}}.hat-faq{margin:var(--space-l) 0}.hat-faq h2{font-size:var(--step-2);margin-bottom:var(--space-m)}.hat-faq-item{border-bottom:1px solid var(--border-color)}.hat-faq-item:last-child{border-bottom:none}.hat-faq-item h3{font-size:var(--step-0);font-weight:600;margin:0 0 var(--space-2xs);color:var(--primary-text)}.hat-faq-item p{font-size:var(--step--1);line-height:1.7;color:var(--secondary-text);margin:0}.hat-faq-item details{padding:0}.hat-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--space-s) 0;font-size:var(--step-0);font-weight:600;color:var(--primary-text);cursor:pointer;list-style:none;transition:color .15s}.hat-faq-item summary::-webkit-details-marker{display:none}.hat-faq-item summary::marker{display:none;content:""}.hat-faq-item summary:after{content:"";width:20px;height:20px;flex-shrink:0;background:var(--secondary-text);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") center / contain no-repeat;transition:transform .2s ease}.hat-faq-item details[open] summary:after{transform:rotate(180deg)}.hat-faq-item summary:hover{color:var(--brand-dark)}@media(prefers-color-scheme:dark){.hat-faq-item summary:hover{color:var(--brand)}}.hat-faq-item details p{font-size:var(--step--1);line-height:1.7;color:var(--secondary-text);margin:0;padding:0 0 var(--space-s);animation:faq-fade .2s ease}@keyframes faq-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hat-divider{border:none;border-top:1px solid var(--border-color);margin:var(--space-l) 0}.hat-footer-note{font-size:var(--step--2);color:var(--secondary-text);line-height:1.6;padding-top:var(--space-s);border-top:1px solid var(--border-color);margin-top:var(--space-l)}.hat-img-wide{max-width:100%;margin:var(--space-m) 0}.hat-img-wide img{width:100%;height:auto;border-radius:var(--radius-lg);display:block}.hat-toc{background:var(--card-background);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-s) var(--space-m);margin:var(--space-m) 0;font-size:var(--step--1)}.hat-toc ul{list-style:none;padding:0;margin:0}.hat-toc li{padding:var(--space-3xs) 0;border-bottom:1px solid var(--border-color)}.hat-toc li:last-child{border-bottom:none}@media(prefers-color-scheme:dark){.article-content div[style],.article-content p[style],.article-content span[style]{color:var(--primary-text)!important}.article-content div[style*="background:#f0f7ff"],.article-content div[style*="background: #f0f7ff"]{background:var(--info-bg)!important;border-color:var(--info-border)!important}.article-content div[style*="background:#fff3cd"],.article-content div[style*="background: #fff3cd"]{background:color-mix(in srgb,var(--brand) 8%,transparent)!important}.article-content tr[style*="background:#1a1a2e"],.article-content tr[style*="background: #1a1a2e"]{background:var(--table-header-bg)!important}}