@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-variable-core.woff2)format("woff2-variations"),url(/fonts/inter-variable-core.woff2)format("woff2");unicode-range:U+20-7E,U+A0,U+A9,U+AE,U+B7,U+D7,U+2010-2015,U+2018-201D,U+2022,U+2026,U+2032-2033,U+20AC,U+2122,U+2190-2193,U+2212,U+2713,U+2717}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-variable.woff2)format("woff2-variations"),url(/fonts/inter-variable.woff2)format("woff2");unicode-range:U+0-1F,U+7F-9F,U+A1-A8,U+AA-AD,U+AF-B6,U+B8-BF,U+C0-D6,U+D8-F6,U+F8-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+200?,U+2016-2017,U+201E-2021,U+2023-2025,U+2027-206F,U+2074,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/inter-variable-italic-core.woff2)format("woff2-variations"),url(/fonts/inter-variable-italic-core.woff2)format("woff2");unicode-range:U+20-7E,U+A0,U+A9,U+AE,U+B7,U+D7,U+2010-2015,U+2018-201D,U+2022,U+2026,U+2032-2033,U+20AC,U+2122,U+2190-2193,U+2212,U+2713,U+2717}@font-face{font-family:Inter;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/inter-variable-italic.woff2)format("woff2-variations"),url(/fonts/inter-variable-italic.woff2)format("woff2");unicode-range:U+0-1F,U+7F-9F,U+A1-A8,U+AA-AD,U+AF-B6,U+B8-BF,U+C0-D6,U+D8-F6,U+F8-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+200?,U+2016-2017,U+201E-2021,U+2023-2025,U+2027-206F,U+2074,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-variable-core.woff2)format("woff2-variations"),url(/fonts/source-serif-4-variable-core.woff2)format("woff2");unicode-range:U+20-7E,U+A0,U+A9,U+AE,U+B7,U+D7,U+2010-2015,U+2018-201D,U+2022,U+2026,U+2032-2033,U+20AC,U+2122,U+2190-2193,U+2212,U+2713,U+2717}@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-variable.woff2)format("woff2-variations"),url(/fonts/source-serif-4-variable.woff2)format("woff2");unicode-range:U+0-1F,U+7F-9F,U+A1-A8,U+AA-AD,U+AF-B6,U+B8-BF,U+C0-D6,U+D8-F6,U+F8-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+200?,U+2016-2017,U+201E-2021,U+2023-2025,U+2027-206F,U+2074,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-variable-italic-core.woff2)format("woff2-variations"),url(/fonts/source-serif-4-variable-italic-core.woff2)format("woff2");unicode-range:U+20-7E,U+A0,U+A9,U+AE,U+B7,U+D7,U+2010-2015,U+2018-201D,U+2022,U+2026,U+2032-2033,U+20AC,U+2122,U+2190-2193,U+2212,U+2713,U+2717}@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(/fonts/source-serif-4-variable-italic.woff2)format("woff2-variations"),url(/fonts/source-serif-4-variable-italic.woff2)format("woff2");unicode-range:U+0-1F,U+7F-9F,U+A1-A8,U+AA-AD,U+AF-B6,U+B8-BF,U+C0-D6,U+D8-F6,U+F8-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+200?,U+2016-2017,U+201E-2021,U+2023-2025,U+2027-206F,U+2074,U+2215,U+FEFF,U+FFFD}: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);--text-ui-2xs:9px;--text-ui-xs:10px;--text-ui-sm:11px;--text-ui-md:11.5px;--text-ui-lg:13px;--text-ui-xl:13.5px;--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:1280px;--grid-gutter:clamp(18px, 7.47px + 2.7vw, 28px);--content-width:65ch;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--paper:#fff;--paper-2:#f7f5f1;--paper-blur:#ffffffeb;--ink:#1d1d1f;--ink-2:#4d4d52;--ink-3:#6e6e72;--border:#e5e3de;--border-2:#efece6;--lift-shadow:0 0 0 .5px #0000002e, 0 2px 4px #0000000d;--product-bg:#fff;--cta:#b45309;--cta-hover:#92400e;--cta-on:#fff;--cta-underline:#b4530980;--cta-shadow:0 4px 12px #b4530940;--link:#b45309;--link-hover:#92400e;--link-underline:#b4530973;--info-fg:#1d4ed8;--info-bg:#eff6ff;--info-bd:#bfdbfe;--warn-fg:#b45309;--warn-bg:#fffbeb;--warn-bd:#fde68a;--note-fg:#6d28d9;--note-bg:#f5f3ff;--note-bd:#ddd6fe;--ok-fg:#15803d;--ok-bg:#ecfdf5;--ok-bd:#bbf7d0;--tip-fg:#c2410c;--tip-bg:#fff7ed;--tip-bd:#fed7aa;--aff-fg:#7a5a00;--aff-bg:#fef9e7;--aff-bd:#f3e9b3;--verdict-bg:#1d1d1f;--verdict-fg:#fafafa;--verdict-fg-2:#ffffffd9;--verdict-fg-3:#fff9;--verdict-bd:#ffffff26;--verdict-link:#fbbf24;--verdict-link-hover:#fcd34d;--verdict-link-underline:#fbbf2499;--save:#15803d;--star:#eab308;--display:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--editorial:"Source Serif 4", Charter, "Iowan Old Style", Georgia, "Times New Roman", serif;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Monaco, Consolas, monospace;--table-header-bg:#0f172a;--table-header-text:#f8fafc;--table-stripe:#f8fafc;--code-bg:#f1f5f9}html.dark{--paper:#0f1115;--paper-2:#1a1d24;--paper-blur:#0f1115eb;--ink:#f4f4f5;--ink-2:#c5c5cc;--ink-3:#8b8b94;--border:#2a2d36;--border-2:#1f2229;--lift-shadow:0 0 0 .5px #ffffff1f, 0 2px 6px #00000080;--product-bg:#fff;--cta:#f59e0b;--cta-hover:#fbbf24;--cta-on:#0f1115;--cta-underline:#f59e0b8c;--cta-shadow:0 4px 12px #f59e0b59;--link:#fbbf24;--link-hover:#fcd34d;--link-underline:#fbbf248c;--info-fg:#93c5fd;--info-bg:#0c2540;--info-bd:#1e3a5f;--warn-fg:#fcd34d;--warn-bg:#422006;--warn-bd:#78350f;--note-fg:#c4b5fd;--note-bg:#2e1065;--note-bd:#4c1d95;--ok-fg:#4ade80;--ok-bg:#052e16;--ok-bd:#166534;--tip-fg:#fdba74;--tip-bg:#431407;--tip-bd:#7c2d12;--aff-fg:#fde68a;--aff-bg:#422006;--aff-bd:#92400e;--verdict-bg:#0a0b0e;--verdict-fg:#f4f4f5;--verdict-fg-2:#c5c5cc;--verdict-fg-3:#8b8b94;--verdict-bd:#2a2d36;--verdict-link:#fbbf24;--verdict-link-hover:#fcd34d;--verdict-link-underline:#fbbf24a6;--table-header-bg:#0f2942;--table-header-text:#e2e8f0;--table-stripe:#162032;--code-bg:#1e293b}[data-palette=crimson]:not(html.dark,html.dark *){--cta:#dc2626;--cta-hover:#991b1b;--cta-underline:#dc262680;--cta-shadow:0 4px 12px #dc262640}[data-palette=forest]:not(html.dark,html.dark *){--cta:#15803d;--cta-hover:#166534;--cta-underline:#15803d80;--cta-shadow:0 4px 12px #15803d40;--save:#0f172a}[data-palette=indigo]:not(html.dark,html.dark *){--cta:#4f46e5;--cta-hover:#3730a3;--cta-underline:#4f46e580;--cta-shadow:0 4px 12px #4f46e540}html.dark[data-palette=amber],html.dark [data-palette=amber]{--cta:#f59e0b;--cta-hover:#fbbf24;--cta-underline:#f59e0b8c;--cta-shadow:0 4px 12px #f59e0b59}html.dark[data-palette=crimson],html.dark [data-palette=crimson]{--cta:#f87171;--cta-hover:#fca5a5;--cta-underline:#f871718c;--cta-shadow:0 4px 12px #f8717159}html.dark[data-palette=forest],html.dark [data-palette=forest]{--cta:#4ade80;--cta-hover:#86efac;--cta-underline:#4ade808c;--cta-shadow:0 4px 12px #4ade8059}html.dark[data-palette=indigo],html.dark [data-palette=indigo]{--cta:#818cf8;--cta-hover:#a5b4fc;--cta-underline:#818cf88c;--cta-shadow:0 4px 12px #818cf859}*,:before,:after{box-sizing:border-box}html,body{font-family:var(--editorial);font-size:var(--step-0);background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-weight:400;line-height:1.6}body{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}main{padding-top:var(--space-l);padding-bottom:var(--space-xl);flex:1}main:has(>.od:first-child){padding-top:0}[hidden]{display:none!important}:where(a){color:var(--link);text-decoration:none;transition:color .15s}:where(a:hover){color:var(--link-hover)}a:focus-visible,button:focus-visible,summary:focus-visible,details:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--cta);outline-offset:2px;border-radius:0}html.dark a:focus-visible,html.dark button:focus-visible,html.dark summary:focus-visible,html.dark details:focus-visible,html.dark input:focus-visible,html.dark textarea:focus-visible,html.dark select:focus-visible,html.dark [tabindex]:focus-visible{outline-color:var(--cta)}.hat-btn:focus-visible,.hat-btn-amazon:focus-visible,.hat-btn-check-price:focus-visible,.rail-buy__cta:focus-visible{outline:2px solid var(--cta);outline-offset:3px;box-shadow:0 0 0 5px var(--paper)}h1,h2,h3,h4,h5,h6{font-family:var(--display);color:var(--ink);font-weight:700;line-height:1.2}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}.eyebrow{font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px;font-weight:700;line-height:1;display:block}.eyebrow--cta{color:var(--cta)}.btn{min-height:44px;font-family:var(--ui);font-size:var(--text-ui-lg);letter-spacing:.04em;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:11px 18px;font-weight:700;text-decoration:none;transition:background .12s,color .12s,border-color .12s,transform .12s,box-shadow .12s;display:inline-flex}.btn--primary{background:var(--cta);color:var(--cta-on);border-color:var(--cta)}.btn--primary:hover{background:var(--cta-hover);color:var(--cta-on);border-color:var(--cta-hover);box-shadow:var(--cta-shadow);transform:translateY(-1px)}.btn--ink{background:var(--ink);color:var(--paper);border-color:var(--ink)}.btn--ink:hover{background:var(--ink-2);color:var(--paper);border-color:var(--ink-2)}.btn--ghost{color:var(--ink);border-color:var(--ink);background:0 0}.btn--ghost:hover{background:var(--ink);color:var(--paper)}.btn--sm{min-height:36px;font-size:var(--text-ui-md);letter-spacing:.06em;text-transform:uppercase;padding:8px 14px}.btn--xs{min-height:32px;font-size:var(--text-ui-sm);letter-spacing:.06em;text-transform:uppercase;padding:6px 12px}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}.hov-card{transition:border-color .15s,transform .15s,box-shadow .15s}.hov-card:hover{border-color:var(--ink);box-shadow:var(--lift-shadow);transform:translateY(-2px)}.hov-row{transition:background-color .12s}.hov-row:hover{background:var(--paper-2)}.hov-fill{transition:background-color .12s,color .12s,border-color .12s}.hov-fill:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}@media (prefers-reduced-motion:reduce){.hov-card,.hov-row,.hov-fill{transition:none}.hov-card:hover{box-shadow:none;transform:none}}.emph{text-decoration:underline 3px;text-decoration-color:var(--ink);text-underline-offset:6px;text-decoration-skip-ink:none}.emph-cta{background-image:linear-gradient(to top, var(--cta-underline) 0%, var(--cta-underline) 32%, transparent 32%, transparent 100%);box-decoration-break:clone;background-repeat:no-repeat;background-size:100% 100%;padding:0 .08em}html.dark .emph-cta{background-image:linear-gradient(to top, color-mix(in srgb, var(--cta) 50%, transparent) 0%, color-mix(in srgb, var(--cta) 50%, transparent) 32%, transparent 32%, transparent 100%)}code.mono-pill{font-family:var(--mono);background:var(--paper-2);color:var(--ink-2);white-space:nowrap;border:0;border-radius:2px;padding:1px 5px;font-size:.92em}.site-utility{background:var(--paper-2);border-bottom:1px solid var(--border);padding:7px var(--grid-gutter);justify-content:space-between;align-items:center;gap:var(--space-s);font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:500;line-height:1;display:flex}.site-utility__promise,.site-utility__meta{margin:0}.site-utility__meta a{color:inherit;text-decoration:underline;text-decoration-color:var(--cta-underline);text-underline-offset:2px;transition:color .15s}.site-utility__meta a:hover{color:var(--cta)}@media (width<=600px){.site-utility{padding:5px var(--grid-gutter);font-size:var(--text-ui-2xs);letter-spacing:.08em}.site-utility__meta{display:none}.site-utility__promise{white-space:normal;flex:auto;line-height:1.5}}.site-header{background:var(--paper-blur);border-bottom:1px solid var(--border);z-index:100;-webkit-backdrop-filter:blur(8px);position:sticky;top:0}.site-header nav{max-width:var(--grid-max-width);padding:.75rem var(--grid-gutter);justify-content:space-between;align-items:center;min-height:3.5rem;margin:0 auto;display:flex}.site-header .logo{align-items:center;line-height:1;text-decoration:none;display:flex}.site-header .logo svg{width:auto;height:28px;display:block}.site-header .nav-links{gap:var(--space-s);align-items:center;margin:0;padding:0;list-style:none;display:flex}.site-header .nav-links li{margin:0;padding:0}.site-header .nav-links a{font-family:var(--ui);color:var(--ink-2);font-size:var(--step--1);flex-direction:column;align-items:flex-start;gap:1px;padding:6px 2px;font-weight:500;line-height:1;text-decoration:none;transition:color .15s;display:flex;position:relative}.nav-links__eyebrow{font-family:var(--mono);font-size:var(--text-ui-2xs);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:700;line-height:1;transition:color .15s}.nav-links__label{font-size:var(--step--1);letter-spacing:-.005em;font-weight:600;line-height:1.15}.site-header .nav-links a.is-active .nav-links__label{font-weight:600}.site-header .nav-links a:hover{color:var(--ink)}.site-header .nav-links a:hover .nav-links__eyebrow{color:var(--cta)}.site-header .nav-links a.is-active{color:var(--ink)}.site-header .nav-links a.is-active .nav-links__eyebrow{color:var(--cta)}.site-header .nav-links a.is-active:after{content:"";background:var(--cta);height:2px;position:absolute;bottom:0;left:2px;right:2px}.nav-actions{align-items:center;gap:var(--space-2xs);flex-shrink:0;display:flex}.nav-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:6px;display:none}.nav-toggle span{background:var(--ink);width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.nav-toggle.open span:first-child{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)}.search-trigger{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--paper);min-height:2rem;color:var(--ink-2);cursor:pointer;font-size:var(--step--2);align-items:center;gap:.4em;padding:.35rem .7rem;font-family:inherit;transition:border-color .15s,color .15s;display:flex}.search-trigger:hover{border-color:var(--cta);color:var(--ink)}.search-trigger__text,.search-trigger__kbd{display:inline}.search-trigger__kbd{border:1px solid var(--border);background:var(--paper);color:var(--ink-2);border-radius:3px;padding:.1em .35em;font-family:inherit;font-size:.7em}.search-dialog{background:0 0;border:none;width:90vw;max-width:640px;margin:10vh auto;padding:0}.search-dialog::backdrop{backdrop-filter:blur(4px);background:#00000080}.search-dialog__inner{background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--lift-shadow);position:relative;overflow:hidden}.search-dialog__close{color:var(--ink-2);cursor:pointer;z-index:1;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1;position:absolute;top:.5rem;right:.75rem}.search-dialog__close:hover{color:var(--ink)}.hat-search{flex-direction:column;max-height:70vh;display:flex}.hat-search__bar{border-bottom:1px solid var(--border);align-items:center;gap:.6rem;padding:1rem 3rem 1rem 1.15rem;display:flex}.hat-search__bar-icon{color:var(--ink-3);flex-shrink:0}.hat-search__input{min-width:0;color:var(--ink);font-family:var(--editorial);background:0 0;border:none;flex:1;padding:.15rem 0;font-size:1rem;line-height:1.4}.hat-search__input:focus{outline:none}.hat-search__input::placeholder{color:var(--ink-3)}.hat-search__results{-webkit-overflow-scrolling:touch;padding:.4rem;overflow-y:auto}.hat-search__item{border-radius:var(--radius-md);color:var(--ink);flex-direction:column;gap:.15rem;padding:.65rem .8rem;text-decoration:none;transition:background-color .12s;display:flex}.hat-search__item:hover,.hat-search__item.is-active{background:var(--paper-2)}.hat-search__cat{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--cta);font-size:.62rem;font-weight:700}.hat-search__title{font-family:var(--display);font-size:.95rem;font-weight:600;line-height:1.3}.hat-search__desc{font-family:var(--editorial);color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.hat-search__msg{text-align:center;font-family:var(--editorial);color:var(--ink-3);margin:0;padding:1.6rem 1.2rem;font-size:.9rem;line-height:1.55}.hat-search__msg a{color:var(--cta);text-decoration:underline}.hat-search__count{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0;padding:.5rem .8rem .2rem;font-size:.68rem;font-weight:600}.hat-search--page{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--paper);max-height:none;overflow:hidden}.hat-search--page .hat-search__bar{padding-right:1.15rem}.hat-search__results--page{min-height:200px;max-height:none;padding:.5rem}.hat-search__home{padding:.5rem .4rem .85rem;overflow-y:auto}.hat-search__group{padding:.55rem .65rem}.hat-search__group-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .6rem;font-size:.62rem;font-weight:700}.hat-search__hubs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.5rem;display:grid}.hat-search__hub{border:1px solid var(--border);border-radius:var(--radius-md);color:var(--ink);flex-direction:column;gap:.12rem;padding:.6rem .7rem;text-decoration:none;transition:border-color .12s,background-color .12s;display:flex}.hat-search__hub:hover{border-color:var(--cta);background:var(--paper-2)}.hat-search__hub-name{font-family:var(--display);font-size:.85rem;font-weight:700}.hat-search__hub-note{font-family:var(--editorial);color:var(--ink-3);font-size:.72rem}.hat-search__tags{flex-wrap:wrap;gap:.4rem;display:flex}.hat-search__tag{font-family:var(--mono);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--ink-2);padding:.3rem .62rem;font-size:.74rem;text-decoration:none;transition:border-color .12s,color .12s,background-color .12s}.hat-search__tag:hover{border-color:var(--cta);color:var(--cta);background:var(--paper-2)}.theme-toggle{position:relative}.theme-toggle__btn{border-radius:var(--radius-md);cursor:pointer;width:2.125rem;height:2.125rem;color:var(--ink-2);opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:background .15s,color .15s,opacity .15s;display:flex}.theme-toggle__btn:hover{background:var(--border);color:var(--ink);opacity:1}.theme-icon{display:none}html[data-theme-pref=light] .theme-icon--light,html[data-theme-pref=dark] .theme-icon--dark,html[data-theme-pref=system] .theme-icon--system,html:not([data-theme-pref]) .theme-icon--system{display:block}.theme-toggle__menu{background:var(--paper);border:1px solid var(--border);width:12rem;box-shadow:var(--lift-shadow);z-index:200;border-radius:6px;margin-top:.5rem;padding:.5rem;position:absolute;top:100%;right:0;overflow:hidden}.theme-toggle__heading{font-family:var(--mono);font-size:var(--text-ui-2xs);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin:0 0 .25rem;padding:.25rem .4rem;font-weight:700;line-height:1}.theme-toggle__heading--sep{border-top:1px dotted var(--border);margin-top:.5rem;padding-top:.5rem}.theme-toggle__option{border-radius:var(--radius-sm);width:100%;font-family:var(--ui);font-size:var(--step--2);color:var(--ink);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.4rem .5rem;transition:background .12s;display:flex}.theme-toggle__option:hover{background:var(--paper-2)}.theme-toggle__option.active{background:color-mix(in srgb, var(--cta) 15%, transparent);color:var(--cta)}.theme-toggle__palettes{grid-template-columns:1fr 1fr;gap:4px;margin-top:2px;display:grid}.theme-toggle__swatch{border-radius:var(--radius-sm);font-family:var(--ui);font-size:var(--text-ui-sm);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:.4rem;padding:.35rem .5rem;transition:background .12s,border-color .12s,color .12s;display:flex}.theme-toggle__swatch:hover{background:var(--paper-2);border-color:var(--border);color:var(--ink)}.theme-toggle__swatch.active{background:color-mix(in srgb, var(--swatch) 12%, transparent);border-color:var(--swatch);color:var(--ink);font-weight:600}.theme-toggle__swatch-dot{background:var(--swatch);width:10px;height:10px;box-shadow:0 0 0 1px color-mix(in srgb, var(--swatch) 40%, transparent);border-radius:50%;flex-shrink:0}@media (width<=768px){.nav-toggle{display:flex}.site-header .nav-links{background:var(--paper);border-bottom:1px solid var(--border);padding:var(--space-xs) var(--grid-gutter);flex-direction:column;align-items:stretch;gap:0;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 8px 24px #00000014}.site-header .nav-links.open{z-index:1;display:flex}.site-header .nav-links.open:before{content:"";z-index:-1;background:#0a0a0a59;position:fixed;inset:0}.site-header .nav-links li{border-bottom:1px solid var(--border)}.site-header .nav-links li:last-child{border-bottom:0}.site-header .nav-links a{padding:var(--space-xs) 0;font-size:var(--step-0);flex-direction:row;align-items:baseline;gap:10px}.site-header .nav-links a.is-active:after{display:none}.nav-links__eyebrow{font-size:var(--text-ui-xs);flex-shrink:0;min-width:56px}.nav-links__label{font-size:var(--step-0)}.site-header .nav-links a.is-active{border-left:3px solid var(--cta);margin-left:-10px;padding-left:10px}.search-trigger__text,.search-trigger__kbd{display:none}.nav-toggle,.theme-toggle__btn,.search-trigger{min-width:44px;min-height:44px}.nav-toggle{justify-content:center;align-items:center}}.site-footer{border-top:1px solid var(--border);padding:clamp(44px, 6vw, 76px) var(--grid-gutter) clamp(24px, 3vw, 36px);color:var(--ink-2);font-size:var(--step--2);background:linear-gradient(180deg, var(--paper-2) 0%, color-mix(in srgb, var(--paper-2) 82%, var(--paper) 18%) 100%);margin-top:auto}html.dark .site-footer{border-top-color:var(--border);background:linear-gradient(180deg, color-mix(in srgb, var(--paper) 100%, #000 5%) 0%, var(--paper) 100%)}.footer-shell{max-width:var(--grid-max-width);margin:0 auto}.footer-main{border-bottom:1px solid var(--border);grid-template-columns:minmax(280px,.9fr) minmax(0,1.7fr);align-items:start;gap:clamp(32px,4.7vw,68px);padding-bottom:clamp(28px,4vw,44px);display:grid}.footer-col--brand{max-width:470px}.footer-brand-link{margin:0 0 var(--space-s);text-decoration:none;display:inline-block}.footer-brand{font-family:var(--display);font-weight:800;font-size:var(--step-2);color:var(--ink);letter-spacing:-.03em;line-height:1}.footer-brand-link:hover .footer-brand{color:var(--cta)}.footer-tagline{color:var(--ink-2);margin:0 0 var(--space-s);font-family:var(--ui);font-size:var(--step--1);line-height:1.55}.footer-proof{gap:var(--space-2xs);margin:0 0 var(--space-s);flex-wrap:wrap;display:flex}.footer-proof span{border:1px solid var(--border);border-radius:var(--radius-full);background:color-mix(in srgb, var(--paper) 72%, transparent);min-height:26px;color:var(--ink-3);font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:4px 9px;font-weight:700;line-height:1.1;display:inline-flex}.footer-disclosure{font-size:var(--step--2);color:var(--ink-3);margin:0;line-height:1.5}.footer-disclosure code{font-family:var(--mono);font-size:var(--text-ui-xs);background:var(--paper);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-2);padding:1px 5px}.footer-actions{gap:var(--space-xs);margin-top:var(--space-m);flex-wrap:wrap;display:flex}.footer-youtube,.footer-policy{border:1px solid var(--border);border-radius:var(--radius-full);min-height:38px;color:var(--ink);background:var(--paper);font-family:var(--display);font-size:var(--text-ui-lg);justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-weight:700;line-height:1;text-decoration:none;transition:border-color .15s,color .15s,transform .15s,background .15s;display:inline-flex}.footer-youtube svg{flex:none;width:22px;height:auto}.footer-youtube:hover,.footer-policy:hover{color:var(--cta);border-color:color-mix(in srgb, var(--cta) 35%, var(--border));transform:translateY(-1px)}.footer-policy{color:var(--cta);background:color-mix(in srgb, var(--paper) 74%, var(--cta) 7%)}.footer-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,34px);display:grid}.footer-col{flex-direction:column;align-items:stretch;gap:0;min-width:0;display:flex}.footer-heading{font-family:var(--mono);font-weight:700;font-size:var(--text-ui-xs);color:var(--ink-3);margin:0 0 var(--space-s);text-transform:uppercase;letter-spacing:.16em;padding-bottom:var(--space-xs);border-bottom:1px solid var(--border);line-height:1}.footer-nav-grid .footer-col a{min-width:0;color:var(--ink);font-family:var(--display);font-size:var(--step--1);justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;font-weight:550;line-height:1.25;text-decoration:none;transition:color .15s,transform .15s;display:flex}.footer-nav-grid .footer-col a:hover{color:var(--cta);transform:translate(4px)}.footer-link__meta{font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);flex-shrink:0;font-weight:600}.footer-legal{justify-content:space-between;align-items:flex-start;gap:var(--space-m);padding-top:var(--space-m);display:flex}.footer-copy{font-family:var(--display);font-size:var(--step--1);color:var(--ink);white-space:nowrap;margin:0;font-weight:700}.footer-legal__meta{max-width:820px;font-size:var(--step--2);color:var(--ink-3);margin:0;line-height:1.55}@media (width<=1080px){.footer-main{gap:var(--space-l);grid-template-columns:1fr}.footer-col--brand{max-width:720px}}@media (width<=760px){.footer-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-legal{gap:var(--space-2xs);flex-direction:column}}@media (width<=520px){.site-footer{padding-top:var(--space-xl)}.footer-nav-grid{gap:var(--space-l);grid-template-columns:1fr}.footer-actions{flex-direction:column;align-items:stretch}.footer-youtube,.footer-policy{width:100%}}.article-content{font-family:var(--editorial);font-size:var(--step-0);color:var(--ink-2);line-height:1.7}.article-content p,.article-content li{color:var(--ink-2)}.article-content h2{font-family:var(--display);letter-spacing:-.02em;color:var(--ink);font-size:30px;font-weight:700;line-height:1.2}.article-content h3{font-family:var(--display);letter-spacing:-.01em;color:var(--ink);font-size:22px;font-weight:600;line-height:1.25}.article-content>.hat-disclosure{max-width:var(--content-width);margin-inline:auto}.article-content p{margin-bottom:1.2em}.article-content>p:first-of-type:not(.hat-disclosure):first-letter{font-family:var(--display);float:left;color:var(--ink);margin:6px 10px 0 0;font-size:56px;font-weight:700;line-height:.9}:where(.article-content) a{word-break:break-word;overflow-wrap:break-word;color:var(--link);text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:var(--link-underline);background:0 0;border-bottom:0;transition:color .15s,text-decoration-color .15s,text-decoration-thickness .15s}:where(.article-content) a:hover{color:var(--link-hover);text-decoration-color:var(--link-hover);background:0 0;border-bottom:0;text-decoration-thickness:2px}.article-content{counter-reset:table-counter}.article-content h2{margin-top:44px;margin-bottom:16px}.article-content h2:first-of-type{margin-top:0}.article-content h2#faq,.article-content h2[id*=faq],.article-content h2#bottom-line,.article-content h2[id*=bottom-line]{counter-increment:none}.article-content h2#faq:before,.article-content h2[id*=faq]:before,.article-content h2#bottom-line:before,.article-content h2[id*=bottom-line]:before{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-ui-sm);text-transform:uppercase;letter-spacing:.18em;color:var(--cta);margin-bottom:var(--space-2xs);vertical-align:baseline;font-weight:500;line-height:1;display:block}html.dark .article-content h2#faq:before,html.dark .article-content h2[id*=faq]:before,html.dark .article-content h2#bottom-line:before,html.dark .article-content h2[id*=bottom-line]:before{color:var(--cta)}.article-content h2#faq:before,.article-content h2[id*=faq]:before{content:"Frequently asked";font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--cta);margin-bottom:12px;font-weight:700;display:block}.article-content h3{margin-top:var(--space-l);margin-bottom:var(--space-xs)}.article-content ul,.article-content ol{margin-bottom:1.2em;padding-left:1.5em;line-height:1.7}.article-content li{margin-bottom:.4em}.article-content ul>li::marker{color:var(--cta)}.article-content ol>li::marker{color:var(--ink-2);font-weight:600}.article-content strong{color:var(--ink)}.article-content img{border:1px solid var(--border);background:var(--product-bg);max-width:100%;height:auto;margin:var(--space-m) auto;border-radius:0;display:block}html.dark .article-content img{border-color:var(--border)}.hat-video-guide{max-width:var(--content-width);margin:var(--space-l) auto}.hat-video-guide video{aspect-ratio:16/9;border:1px solid var(--border);background:var(--verdict-bg);width:100%;display:block}.hat-video-guide figcaption{margin-top:var(--space-xs);color:var(--ink-3);font-size:var(--step--1);line-height:1.5}html.dark .hat-video-guide video{border-color:var(--border)}.article-content blockquote{border:0;border-left:3px solid var(--cta);background:var(--paper);padding:var(--space-s) var(--space-m);margin:var(--space-m) auto;font-size:var(--step--1);color:var(--ink);border-radius:0;font-style:italic}html.dark .article-content blockquote{background:var(--paper-2);border-left-color:var(--cta)}.article-content blockquote p{margin:0}.article-content hr{border:none;border-top:1px solid var(--border);margin:var(--space-l) auto}.article-content code{background:var(--paper-2);font-family:var(--mono);color:var(--ink-2);border-radius:2px;padding:1px 5px;font-size:.92em}.article-content table,.hat-table,.hat-comparison-table,.hat-compare-table{border-collapse:separate;border-spacing:0;width:100%;margin:var(--space-m) 0;font-family:var(--ui);font-size:var(--step--1);color:var(--ink);-webkit-overflow-scrolling:touch;background:0 0;border:0;max-width:100%;display:block;overflow-x:auto}.article-content caption,.hat-table caption,.hat-comparison-table caption,.hat-compare-table caption{caption-side:bottom;counter-increment:table-counter;text-align:left;padding:var(--space-xs) 0 0;font-family:var(--ui);font-size:var(--text-ui-md);color:var(--ink-3);font-style:normal;font-weight:400;line-height:1.5}.article-content caption:before,.hat-table caption:before,.hat-comparison-table caption:before,.hat-compare-table caption:before{content:"§ Tab " counter(table-counter, decimal-leading-zero) " — ";font-family:var(--mono);font-size:var(--text-ui-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin-right:.2em;font-weight:700}.article-content thead th,.article-content th,.hat-table thead th,.hat-table th{color:var(--ink-3);font-family:var(--mono);text-align:left;font-weight:700;font-size:var(--text-ui-xs);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;border-top:2px solid var(--ink);border-bottom:1px solid var(--border);background:0 0;padding:12px 14px}.article-content tbody td,.article-content td,.hat-table tbody td,.hat-table td{border-bottom:1px solid var(--border-2);vertical-align:top;color:var(--ink);padding:14px;line-height:1.5;transition:background-color .15s}.article-content tbody tr:last-child td,.hat-table tbody tr:last-child td{border-bottom:none}.article-content tbody tr:hover td,.hat-table tbody tr:hover td{background:var(--paper-2)}.hat-table table,.hat-table-wrap table{box-shadow:none;border:none;margin:0}.hat-table-wrap{-webkit-overflow-scrolling:touch;margin:var(--space-m) 0;border-radius:0;overflow-x:auto}.hat-check{color:var(--ok-fg);font-weight:600}.hat-cross{color:var(--ink-2);font-weight:600}.hat-warn{color:var(--warn-fg);font-weight:600}@media (width<=768px){.article-content thead th,.article-content th,.hat-table thead th,.hat-table th{white-space:normal;letter-spacing:0;padding:.35rem .4rem;font-size:.65rem}.article-content tbody td,.article-content td,.hat-table tbody td,.hat-table td{padding:.35rem .4rem;font-size:.8rem;line-height:1.35}.hat-table-cards thead{display:none}.hat-table-cards tbody,.hat-table-cards tr{display:block}.hat-table-cards tr{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--paper);margin-bottom:.75rem;padding:.5rem}.hat-table-cards td{border-bottom:none;padding:.2rem .4rem;font-size:.85rem;display:block}.hat-table-cards td:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.03em;color:var(--ink-2);margin-bottom:.1rem;font-size:.7rem;font-weight:600;display:block}.hat-table-cards td:first-child{border-bottom:1px solid var(--border);margin-bottom:.2rem;padding-bottom:.3rem;font-size:.95rem;font-weight:700}}.hat-quick-answer,.hat-qa{background:var(--paper-2);border:1px solid var(--border);border-left:4px solid var(--cta);border-radius:var(--radius-md);margin:0 0 var(--space-l);padding:22px 26px;line-height:1.7;position:relative}.hat-quick-answer:has(+.key-takeaways),.hat-qa:has(+.key-takeaways),.hat-quick-answer:has(+.hat-key-takeaways),.hat-qa:has(+.hat-key-takeaways){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;margin-bottom:0;padding-bottom:18px}.hat-quick-answer:before,.hat-qa:before{content:"★ TL;DR · 30-second answer";font-family:var(--mono);font-size:var(--text-ui-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--cta);border-bottom:0;margin-bottom:10px;padding-bottom:0;font-weight:700;line-height:1;display:block}html.dark .hat-quick-answer:before,html.dark .hat-qa:before{color:var(--cta)}.hat-quick-answer .hat-qa-label,.hat-qa .hat-qa-label{text-transform:uppercase;letter-spacing:.08em;color:var(--cta-hover);margin-bottom:var(--space-2xs);display:none}.hat-quick-answer p,.hat-qa p{font-size:var(--step-0);color:var(--ink);margin:0}.hat-quick-answer p+p,.hat-qa p+p{margin-top:.75em}.article-content>.hat-qa-label,.article-content>strong.hat-qa-label,.key-takeaways .hat-qa-label,.hat-key-takeaways .hat-qa-label{display:none}.key-takeaways,.hat-key-takeaways{background:var(--paper-2);border:1px solid var(--border);border-left:4px solid var(--cta);border-radius:var(--radius-md);margin:0 0 var(--space-l);padding:18px 26px 22px}.hat-quick-answer+.key-takeaways,.hat-qa+.key-takeaways,.hat-quick-answer+.hat-key-takeaways,.hat-qa+.hat-key-takeaways{border-top:1px dotted var(--border);border-top-left-radius:0;border-top-right-radius:0}.key-takeaways:before,.hat-key-takeaways:before{content:"★ 5 key takeaways";font-family:var(--mono);font-size:var(--text-ui-xs);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);border-bottom:0;margin-bottom:14px;padding-bottom:0;font-weight:700;line-height:1;display:block}.key-takeaways ul,.hat-key-takeaways ul{counter-reset:kt-counter;column-count:2;column-gap:var(--space-l);column-rule:1px solid #00000014;margin:0;padding:0;list-style:none}@media (width<=720px){.key-takeaways ul,.hat-key-takeaways ul{column-count:1}}.key-takeaways li,.hat-key-takeaways li{counter-increment:kt-counter;padding:0 0 var(--space-s) 2.4em;font-size:var(--step--1);color:var(--ink);break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;line-height:1.6;position:relative}.key-takeaways li:last-child,.hat-key-takeaways li:last-child{padding-bottom:0}.key-takeaways li:before,.hat-key-takeaways li:before{content:counter(kt-counter);background:var(--cta);width:22px;height:22px;color:var(--cta-on);font-family:var(--ui);font-size:var(--text-ui-sm);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid;position:absolute;top:2px;left:0}.key-takeaways li>p,.hat-key-takeaways li>p{margin:0;padding:0}.hat-disclosure{margin:0 0 var(--space-l);background:var(--aff-bg);border:1px solid var(--aff-bd);border-left:3px solid var(--aff-fg);font-family:var(--ui);font-size:var(--step--1);color:var(--ink);border-radius:6px;padding:14px 18px;font-style:normal;line-height:1.55;display:block;position:relative}.hat-disclosure:before{content:"$ Affiliate disclosure";font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--aff-fg);margin-bottom:8px;font-weight:700;line-height:1;display:block}.hat-disclosure a{color:var(--aff-fg);text-underline-offset:3px;text-decoration:underline 1px;text-decoration-color:color-mix(in srgb, var(--aff-fg) 40%, transparent);transition:text-decoration-color .15s}.hat-disclosure a:hover{text-decoration-color:var(--aff-fg)}.hat-disclosure strong{color:var(--aff-fg);font-weight:700}.hat-btn-row{gap:var(--space-2xs);margin:var(--space-xs) 0 var(--space-m);flex-wrap:wrap;align-items:center;display:flex}.hat-callout>.hat-btn-row,.hat-note>.hat-btn-row,.hat-warning>.hat-btn-row,.hat-info>.hat-btn-row,.hat-tip>.hat-btn-row,.hat-success>.hat-btn-row,.hat-ok>.hat-btn-row,.hat-aff>.hat-btn-row,.hat-affiliate>.hat-btn-row{margin:var(--space-s) 0 0;align-items:stretch}.hat-btn-amazon,.hat-btn-check-price,.hat-btn{background:var(--cta);color:var(--cta-on);border-radius:var(--radius-sm);min-height:44px;font-family:var(--ui);font-size:var(--step--1);letter-spacing:.01em;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:.625rem 1.375rem;font-weight:700;line-height:1.3;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.hat-btn-amazon:hover,.hat-btn-check-price:hover,.hat-btn:hover{background:var(--cta-hover);color:var(--cta-on);box-shadow:var(--cta-shadow);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.hat-btn-amazon:hover,.hat-btn-check-price:hover,.hat-btn:hover{transform:none}}.hat-btn-discontinued{background:var(--paper-2);color:var(--ink-3);border-radius:var(--radius-sm);border:1px dashed var(--border);min-height:44px;font-size:var(--step--1);white-space:nowrap;cursor:not-allowed;pointer-events:none;opacity:.7;justify-content:center;align-items:center;gap:6px;padding:.625rem 1.375rem;font-weight:600;line-height:1.3;text-decoration:line-through;display:inline-flex}.hat-btn-secondary{background:var(--paper);color:var(--ink);border:1px solid var(--border);min-height:44px;font-family:var(--ui);font-size:var(--step--1);white-space:nowrap;cursor:pointer;border-radius:3px;justify-content:center;align-items:center;padding:.625rem 1.375rem;font-weight:600;line-height:1.3;text-decoration:none;transition:border-color .15s,background .15s,color .15s;display:inline-flex}.hat-btn-secondary:hover{background:var(--paper-2);border-color:var(--ink);color:var(--ink)}.hat-btn-row a[href*="amazon.com/dp/"],.hat-btn-row a[href*="amazon.com/gp/"],.hat-product-box a[href*="amazon.com/dp/"],.hat-product-box a[href*="amazon.com/gp/"]{background:var(--cta);color:var(--cta-on);border-radius:var(--radius-sm);min-height:40px;font-family:var(--ui);font-size:var(--step--1);letter-spacing:.01em;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:6px;padding:.5rem 1.125rem;font-weight:700;line-height:1.3;text-decoration:none;transition:transform .15s,background .15s,box-shadow .15s;display:inline-flex}.hat-callout>.hat-btn-row a,.hat-note>.hat-btn-row a,.hat-warning>.hat-btn-row a,.hat-info>.hat-btn-row a,.hat-tip>.hat-btn-row a,.hat-success>.hat-btn-row a,.hat-ok>.hat-btn-row a,.hat-aff>.hat-btn-row a,.hat-affiliate>.hat-btn-row a{white-space:normal;text-align:center;flex:13rem}.hat-btn-row a[href*="amazon.com/dp/"]:hover,.hat-btn-row a[href*="amazon.com/gp/"]:hover,.hat-product-box a[href*="amazon.com/dp/"]:hover,.hat-product-box a[href*="amazon.com/gp/"]:hover{background:var(--cta-hover);color:var(--cta-on);box-shadow:var(--cta-shadow);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.hat-btn-row a[href*="amazon.com/dp/"]:hover,.hat-btn-row a[href*="amazon.com/gp/"]:hover,.hat-product-box a[href*="amazon.com/dp/"]:hover,.hat-product-box a[href*="amazon.com/gp/"]:hover{transform:none}}@media (width<=640px){.hat-callout,.hat-note,.hat-warning,.hat-info,.hat-tip,.hat-success,.hat-ok,.hat-aff,.hat-affiliate{padding:15px 16px}.hat-callout>.hat-btn-row,.hat-note>.hat-btn-row,.hat-warning>.hat-btn-row,.hat-info>.hat-btn-row,.hat-tip>.hat-btn-row,.hat-success>.hat-btn-row,.hat-ok>.hat-btn-row,.hat-aff>.hat-btn-row,.hat-affiliate>.hat-btn-row{gap:var(--space-2xs);flex-direction:column}.hat-callout>.hat-btn-row a,.hat-note>.hat-btn-row a,.hat-warning>.hat-btn-row a,.hat-info>.hat-btn-row a,.hat-tip>.hat-btn-row a,.hat-success>.hat-btn-row a,.hat-ok>.hat-btn-row a,.hat-aff>.hat-btn-row a,.hat-affiliate>.hat-btn-row a{flex:0 auto;width:100%;min-height:44px}}.hat-quick-answer a[href*=amazon\.com],.hat-qa a[href*=amazon\.com],.article-content td a[href*=amazon\.com],.article-content th a[href*=amazon\.com]{color:var(--link);min-height:unset;font-weight:inherit;font-size:inherit;white-space:normal;box-shadow:none;text-decoration:underline;text-decoration-color:var(--link-underline);background:0 0;border-radius:0;padding:0;display:inline;transform:none}.hat-quick-answer a[href*=amazon\.com]:hover,.hat-qa 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);box-shadow:none;background:0 0;transform:none}.hat-product-box{background:var(--paper);border:1px solid var(--border);border-top:3px solid var(--ink);margin:var(--space-l) 0;box-shadow:none;border-radius:6px;grid-template-columns:160px 1fr;gap:0;padding:0;display:grid;position:relative;overflow:hidden}html.dark .hat-product-box{background:var(--paper-2);border-color:var(--border);border-top-color:var(--ink)}.hat-product-box>h3,.hat-product-box>p,.hat-product-box>ul,.hat-product-box>ol{padding:0 var(--space-l);grid-column:1/-1;margin-left:0;margin-right:0}.hat-product-box>h3:first-child{padding-top:var(--space-m)}.hat-product-box>:last-child{padding-bottom:var(--space-m)}.hat-product-img{object-fit:contain;background:var(--product-bg);width:auto;max-width:100%;height:auto;padding:var(--space-m);border:0;border-right:1px solid var(--border);border-radius:0;align-self:stretch}html.dark .hat-product-img{border-right-color:var(--border)}.hat-product-body{min-width:0;padding:var(--space-m) var(--space-l)}.hat-product-name{font-size:var(--step-1);color:var(--ink);margin-bottom:var(--space-3xs);letter-spacing:-.01em;font-weight:700;display:block}.hat-product-tagline{font-size:var(--step--1);color:var(--ink-2);margin-bottom:var(--space-xs);font-style:italic;display:block}.hat-product-meta{font-size:var(--step--1);color:var(--ink-2);margin:0 0 var(--space-xs);line-height:1.6}.hat-product-meta strong{color:var(--ink)}.hat-product-rec{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-ui-sm);text-transform:uppercase;letter-spacing:.18em;color:var(--cta);margin-bottom:var(--space-3xs);font-weight:500}html.dark .hat-product-rec{color:var(--cta)}.hat-product-badge{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-ui-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--paper);background:var(--ink);margin-bottom:var(--space-3xs);border-radius:0;padding:3px 8px;font-weight:600;display:inline-block}.hat-product-discontinued{font-size:var(--step--2);color:var(--ink-2);margin-top:var(--space-2xs)}.hat-product-box__img-wrap{background:var(--product-bg);border-right:1px solid var(--border);padding:var(--space-m);justify-content:center;align-self:stretch;align-items:center;display:flex;position:relative}html.dark .hat-product-box__img-wrap{border-right-color:var(--border)}.hat-product-box__img{object-fit:contain;background:0 0;border:0;border-radius:0;width:100%;max-width:110px;height:auto}.hat-product-box__body{min-width:0;padding:var(--space-m) var(--space-l);flex-direction:column;display:flex}.hat-product-box__name,.hat-product-box__title,.hat-product-box-title{font-family:var(--display);font-size:var(--step-1);color:var(--ink);letter-spacing:-.01em;margin:0 0 4px;font-weight:700;line-height:1.2;display:block}.hat-product-box__tagline,.hat-product-box-subtitle{font-family:var(--ui);font-size:var(--step--1);color:var(--ink-2);margin:0 0 var(--space-xs);font-style:normal;line-height:1.45;display:block}.hat-product-box__meta{margin:0 0 var(--space-s);font-family:var(--ui);font-size:var(--step--1);color:var(--ink);padding:0;list-style:none}.hat-product-box__meta li{border-bottom:1px solid var(--border-2);padding:6px 0;line-height:1.5}html.dark .hat-product-box__meta li{border-bottom-color:var(--border)}.hat-product-box__meta li:last-child{border-bottom:0;padding-bottom:0}.hat-product-box__meta li:first-child{padding-top:0}.hat-product-box__links{padding-top:var(--space-s);font-family:var(--mono);font-size:var(--text-ui-sm);text-transform:uppercase;letter-spacing:.1em;border-top:1px solid var(--border-2);flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;font-weight:600;display:flex}.hat-product-box__links a{color:var(--ink);text-decoration:underline 1.5px;text-decoration-color:var(--cta);text-underline-offset:4px;padding-bottom:1px;transition:color .15s,text-decoration-thickness .15s,background .15s}.hat-product-box__links a:hover{color:var(--cta);text-decoration-thickness:2px}.hat-product-box__links--standalone{margin-top:var(--space-m);border-top:none;padding-top:0}.hat-product-box__links--standalone:before{content:"Related";opacity:.55}html.dark .hat-product-box__links{border-top-color:var(--border)}html.dark .hat-product-box__links a{color:var(--ink);text-decoration-color:var(--cta)}html.dark .hat-product-box__links a:hover{color:var(--cta)}.hat-product-box__links-sep{color:var(--ink-3);font-weight:400}.hat-product-box__cta-row,.hat-product-box .hat-btn-row{gap:var(--space-2xs);margin:0 0 var(--space-s);flex-wrap:wrap;display:flex}.hat-product-box__badge{top:-3px;right:var(--space-m);padding:var(--space-3xs) var(--space-xs);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-ui-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--cta-on);z-index:2;white-space:nowrap;border-radius:0;font-weight:600;line-height:1.2;display:inline-block;position:absolute}.hat-product-box__badge--pick{background:var(--cta);color:var(--cta-on)}.hat-product-box__badge--value{background:var(--ok-fg);color:var(--paper)}.hat-product-box__badge--hot{background:var(--warn-fg);color:var(--ink)}@media (width<=640px){.hat-product-box{grid-template-columns:1fr}.hat-product-box__img-wrap{border-right:0;border-bottom:1px solid var(--border);padding:var(--space-l) var(--space-m);justify-content:center;align-items:center;display:flex}html.dark .hat-product-box__img-wrap{border-bottom-color:var(--border)}.hat-product-box__img{width:60%;min-width:150px;max-width:220px;margin:0 auto;display:block}.hat-product-box__body{padding:var(--space-m)}.hat-product-box .hat-btn-row a,.hat-product-box__cta-row a{text-align:center;flex:auto;justify-content:center}.hat-product-box__badge{right:auto;left:var(--space-s);font-size:var(--text-ui-sm);padding:4px 9px}}html.dark .hat-product-box__badge--hot{color:#1d1d1f;background:#f59e0b}.hat-product-box-header{align-items:center;gap:var(--space-s);margin-bottom:var(--space-xs);display:flex}.hat-product-box-body{margin-bottom:var(--space-xs)}.hat-product-box-info{font-size:var(--step--1);color:var(--ink-2);line-height:1.6}.hat-pros-cons{gap:var(--space-s);margin:var(--space-m) 0;grid-template-columns:1fr 1fr;display:grid}.hat-pros,.hat-cons{padding:var(--space-s) var(--space-m);background:var(--paper-2);border:0;border-radius:0}.hat-pc-label{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-ui-sm);text-transform:uppercase;letter-spacing:.18em;margin-bottom:var(--space-s);border-bottom:0;padding-bottom:0;font-weight:500;line-height:1;display:block}.hat-pros .hat-pc-label{color:var(--ok-fg)}.hat-pros .hat-pc-label:before{content:"✓ "}.hat-cons .hat-pc-label{color:var(--ink-2)}.hat-cons .hat-pc-label:before{content:"✗ "}.hat-pros ul,.hat-cons ul{margin:0;padding:0;list-style:none}.hat-pros li,.hat-cons li{padding:var(--space-3xs) 0 var(--space-3xs) 1.5em;font-size:var(--step--1);color:var(--ink);line-height:1.55;position:relative}.hat-pros li:before{content:"✓";left:0;top:var(--space-3xs);font-family:var(--mono);color:var(--ok-fg);font-weight:700;line-height:1.55;position:absolute}.hat-cons li:before{content:"✗";left:0;top:var(--space-3xs);font-family:var(--mono);color:var(--ink-3);font-weight:700;line-height:1.55;position:absolute}.hat-pro{color:var(--ok-fg);font-weight:600}.hat-con{color:var(--ink-2);font-weight:600}@media (width<=600px){.hat-pros-cons{grid-template-columns:1fr}}.hat-callout,.hat-note,.hat-warning,.hat-info,.hat-tip,.hat-success,.hat-ok,.hat-aff,.hat-affiliate{margin:var(--space-m) 0;font-family:var(--ui);font-size:var(--step--1);color:var(--ink);border:1px solid;border-left-width:3px;border-radius:6px;padding:16px 20px;line-height:1.55;position:relative}.hat-callout>p,.hat-note>p,.hat-warning>p,.hat-info>p,.hat-tip>p,.hat-success>p,.hat-ok>p,.hat-aff>p,.hat-affiliate>p{font-family:var(--ui);margin:0 0 var(--space-2xs)}.hat-callout>p:last-child,.hat-note>p:last-child,.hat-warning>p:last-child,.hat-info>p:last-child,.hat-tip>p:last-child,.hat-success>p:last-child,.hat-ok>p:last-child,.hat-aff>p:last-child,.hat-affiliate>p:last-child{margin-bottom:0}.hat-callout:before,.hat-note:before,.hat-warning:before,.hat-info:before,.hat-tip:before,.hat-success:before,.hat-ok:before,.hat-aff:before,.hat-affiliate:before{font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.16em;text-transform:uppercase;margin-bottom:10px;font-weight:700;line-height:1;display:block}.hat-callout,.hat-note{background:var(--note-bg);border-color:var(--note-bd);border-left-color:var(--note-fg)}.hat-callout:before,.hat-note:before{content:"◇ Note";color:var(--note-fg)}.hat-callout strong,.hat-note strong{color:var(--note-fg)}.hat-warning{background:var(--warn-bg);border-color:var(--warn-bd);border-left-color:var(--warn-fg)}.hat-warning:before{content:"⚠ Warning";color:var(--warn-fg)}.hat-warning strong{color:var(--warn-fg)}.hat-info{background:var(--info-bg);border-color:var(--info-bd);border-left-color:var(--info-fg)}.hat-info:before{content:"ⓘ Info";color:var(--info-fg)}.hat-info strong{color:var(--info-fg)}.hat-tip{background:var(--tip-bg);border-color:var(--tip-bd);border-left-color:var(--tip-fg)}.hat-tip:before{content:"✦ Tip";color:var(--tip-fg)}.hat-tip strong{color:var(--tip-fg)}.hat-success,.hat-ok{background:var(--ok-bg);border-color:var(--ok-bd);border-left-color:var(--ok-fg)}.hat-success:before,.hat-ok:before{content:"✓ Verified";color:var(--ok-fg)}.hat-success strong,.hat-ok strong{color:var(--ok-fg)}.hat-aff,.hat-affiliate{background:var(--aff-bg);border-color:var(--aff-bd);border-left-color:var(--aff-fg)}.hat-aff:before,.hat-affiliate:before{content:"$ Affiliate disclosure";color:var(--aff-fg)}.hat-aff strong,.hat-affiliate strong{color:var(--aff-fg)}.hat-compare-boxes{gap:var(--space-s);margin:var(--space-m) 0;grid-template-columns:1fr 1fr;display:grid}.hat-compare-box{background:var(--paper);border:0;border-top:3px solid var(--ink);padding:var(--space-m);box-shadow:none;border-radius:0;transition:border-top-color .15s}html.dark .hat-compare-box{background:var(--paper-2);border-top-color:var(--ink)}.hat-compare-box:hover,.hat-compare-box:focus-within,html.dark .hat-compare-box:hover,html.dark .hat-compare-box:focus-within{border-top-color:var(--cta)}.hat-compare-box h3,.hat-compare-box>strong:first-child{font-size:var(--step-0);margin:0 0 var(--space-s);padding-bottom:var(--space-xs);border-bottom:1px dotted var(--border);color:var(--ink);letter-spacing:-.01em;font-weight:700;display:block}html.dark .hat-compare-box h3,html.dark .hat-compare-box>strong:first-child{border-bottom-color:var(--border-2)}.hat-compare-box ul{margin:0 0 var(--space-xs);font-size:var(--step--1);color:var(--ink);padding:0;list-style:none}.hat-compare-box li{padding:var(--space-3xs) 0 var(--space-3xs) 1.5em;line-height:1.55;position:relative}.hat-compare-box li:before{content:"→";left:0;top:var(--space-3xs);color:var(--cta);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Monaco,Consolas,monospace;font-weight:600;line-height:1.55;position:absolute}html.dark .hat-compare-box li:before{color:var(--cta)}@media (width<=600px){.hat-compare-boxes{grid-template-columns:1fr}}.hat-choose-panel{margin:var(--space-m) 0;border-top:1px dotted var(--border);flex-direction:column;gap:0;display:flex}html.dark .hat-choose-panel{border-top-color:var(--border-2)}.hat-choose-item{border:0;border-bottom:1px dotted var(--border);padding:var(--space-s) var(--space-m);background:0 0;border-left:3px solid #0000;border-radius:0;transition:border-left-color .15s,background .15s}html.dark .hat-choose-item{border-bottom-color:var(--border-2)}.hat-choose-item:hover{background:var(--paper);border-left-color:var(--cta)}html.dark .hat-choose-item:hover{background:var(--paper-2);border-left-color:var(--cta)}.hat-choose-item strong{font-size:var(--step-0);color:var(--ink);margin-bottom:var(--space-3xs);letter-spacing:-.01em;font-weight:700;display:block}.hat-choose-item p{font-size:var(--step--1);color:var(--ink-2);margin:0;line-height:1.6}.hat-verdict{margin:var(--space-l) 0 0;background:var(--verdict-bg);color:var(--verdict-fg);border:1px solid var(--verdict-bd);border-radius:var(--radius-md);box-shadow:none;padding:32px 36px;position:relative}.hat-verdict:before{content:"◆ Final Verdict";font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--cta);margin-bottom:14px;font-weight:700;display:block}.hat-verdict h2,.hat-verdict h3{font-family:var(--display);color:var(--verdict-fg);letter-spacing:-.02em;border-top:0;margin:0 0 14px;padding-top:0;line-height:1.2}.hat-verdict h2{font-size:var(--step-2);font-weight:700}.hat-verdict h3{font-size:var(--step-1);font-weight:600}.hat-verdict p,.hat-verdict li{font-family:var(--editorial);font-size:var(--step-0);color:var(--verdict-fg-2);line-height:1.6}.hat-verdict p{max-width:65ch;margin:0 0 18px}.hat-verdict p:last-child{margin-bottom:0}.hat-verdict strong{color:var(--verdict-fg);font-weight:700}.hat-verdict a{color:var(--verdict-link);text-decoration:underline 1px;text-decoration-color:var(--verdict-link-underline);text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}.hat-verdict a:hover{color:var(--verdict-link-hover);text-decoration-color:var(--verdict-link-hover)}.hat-verdict-grid{grid-template-columns:1fr 1fr;gap:32px;margin-top:12px;display:grid}@media (width<=600px){.hat-verdict{padding:24px 20px}.hat-verdict-grid{grid-template-columns:1fr;gap:20px}}.hat-faq{margin:var(--space-l) 0;counter-reset:faq-counter}.hat-faq h2{font-size:var(--step-2);margin-bottom:var(--space-m)}.hat-faq-item{counter-increment:faq-counter;padding:0}.hat-faq-item h3,.hat-faq-item summary{text-indent:-2.4em;font-family:var(--display);font-size:var(--step-0);color:var(--ink);letter-spacing:-.005em;padding-left:2.4em;font-weight:600;line-height:1.35}.hat-faq-item h3:before,.hat-faq-item summary:before{content:"Q." counter(faq-counter, decimal-leading-zero) "  ";font-family:var(--mono);font-size:var(--text-ui-xs);letter-spacing:.16em;color:var(--cta);vertical-align:.22em;white-space:pre;margin-right:.6em;font-weight:700}.hat-faq-item h3{margin:0;padding:20px 0 6px 2.4em}.hat-faq-item p{font-family:var(--editorial);font-size:var(--step-0);color:var(--ink-2);margin:0;padding:0 0 20px;line-height:1.65}.hat-faq-item details{padding:0}.hat-faq-item summary{cursor:pointer;padding:20px 2.5em 20px 2.4em;list-style:none;transition:color .15s;display:block;position:relative}.hat-faq-item details[open] summary{padding-bottom:12px}.hat-faq-item summary::-webkit-details-marker{display:none}.hat-faq-item summary::marker{content:"";display:none}.hat-faq-item summary:after{content:"+";font-family:var(--display);color:var(--cta);transform-origin:50%;font-size:22px;font-weight:400;line-height:1;transition:transform .2s;position:absolute;top:19px;right:0}.hat-faq-item details[open] summary:after{transform:rotate(45deg)}.hat-faq-item summary:hover{color:var(--cta)}.hat-faq-item details p{font-family:var(--editorial);font-size:var(--step-0);color:var(--ink-2);margin:0;padding:0 0 20px;line-height:1.65;animation:.2s faq-fade}@keyframes faq-fade{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.hat-divider,.hat-footer-note{display:none}.hat-img-wide{max-width:100%;margin:var(--space-m) 0}.hat-img-wide img{border:1px solid var(--border);background:var(--product-bg);border-radius:0;width:100%;height:auto;display:block}.hat-toc{background:var(--paper);border:1px solid var(--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{margin:0;padding:0;list-style:none}.hat-toc li{padding:var(--space-3xs) 0;border-bottom:1px solid var(--border)}.hat-toc li:last-child{border-bottom:none}@keyframes section-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.section-reveal{animation:.4s ease-out both section-appear}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.section-reveal,.hat-faq-item details p{animation:none!important}.hat-btn:hover,.hat-btn-amazon:hover,.hat-btn-check-price:hover,.rail-buy__cta:hover,.hat-product-box a[href*="amazon.com/dp/"]:hover,.hat-product-box a[href*="amazon.com/gp/"]:hover,.hat-faq-item details[open] summary:after{transform:none!important}}.hat-video{margin:var(--space-l) 0}.hat-video__facade{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--lift-shadow);cursor:pointer;appearance:none;background:#f4f1e8;margin:0;padding:0;transition:box-shadow .18s,border-color .18s;display:block;position:relative;overflow:hidden}.hat-video__facade:hover{border-color:var(--ink)}.hat-video__facade:focus-visible{outline:2px solid var(--link);outline-offset:2px}.hat-video__poster{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.hat-video__play{border-radius:var(--radius-full);pointer-events:none;background:#0000008c;width:4rem;height:4rem;transition:background .18s,transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hat-video__play:before{content:"";border:.7rem solid #0000;border-left:1.15rem solid #fff;border-right-width:0;position:absolute;top:50%;left:54%;transform:translate(-50%,-50%)}.hat-video__facade:hover .hat-video__play{background:var(--link);transform:translate(-50%,-50%)scale(1.06)}.hat-video__badge{border-radius:var(--radius-sm);color:#fff;font-size:var(--step--2);font-variant-numeric:tabular-nums;pointer-events:none;background:#000000b8;padding:.15rem .45rem;line-height:1.4;position:absolute;bottom:.625rem;right:.625rem}.hat-video__caption{margin:var(--space-2xs) 0 0;color:var(--ink-2);font-size:var(--step--1);line-height:1.4}.hat-video__caption:before{content:"▶ ";color:var(--link)}.hat-video__player{aspect-ratio:16/9;border:1px solid var(--border);border-radius:var(--radius-lg);background:#000;width:100%;height:auto;margin:0;display:block}@media (prefers-reduced-motion:reduce){.hat-video__facade,.hat-video__play{transition:none!important}.hat-video__facade:hover .hat-video__play{transform:translate(-50%,-50%)!important}}
