/*! tailwindcss v4.3.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:"Inter Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Inter Variable", system-ui, sans-serif;--color-ink:#14213d;--color-body:#2b3345;--color-muted:#5a6275;--color-paper:#fbfaf6;--color-card:#fff;--color-line:#e3e1d8;--color-amber:#fca311;--color-amber-soft:#fff1d6;--color-link:#1747b8;--color-win:#0b6b47;--color-win-soft:#dff4ea;--color-warn:#7a4200}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--color-body);background:var(--color-paper);font-size:17px;line-height:1.65}h1,h2,h3,h4{font-family:var(--font-display);color:var(--color-ink);letter-spacing:-.01em;text-wrap:balance;line-height:1.15}h1{font-size:clamp(2.1rem,5vw,3.2rem);font-weight:750}h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:700}h3{font-size:1.2rem;font-weight:650}a{color:var(--color-link);text-underline-offset:2px}a:hover,p a,li a,.toc a{text-decoration:underline}:focus-visible{outline:3px solid var(--color-amber);outline-offset:2px}img{max-width:100%;height:auto}[id]{scroll-margin-top:1.5rem}}@layer components{.wrap{width:min(100% - 2rem,72rem);margin-inline:auto}.narrow{width:min(100% - 2rem,46rem);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{background:var(--color-ink);color:#fff;z-index:10;padding:.5rem 1rem;position:absolute;top:0;left:-999px}.skip-link:focus{left:0}.site-header{background:var(--color-ink);color:#fff}.header-row{flex-wrap:wrap;align-items:center;gap:.5rem 1.5rem;padding-block:.8rem;display:flex}.wordmark{color:#fff;font-family:var(--font-display);align-items:center;gap:.55rem;font-size:1.3rem;font-weight:750;text-decoration:none;display:inline-flex}.wordmark:hover{text-decoration:none}.main-nav{white-space:nowrap;scrollbar-width:none;order:3;gap:0 1.1rem;width:100%;font-size:.92rem;display:flex;overflow-x:auto}.main-nav a,.site-footer a{text-decoration:none}.main-nav a{color:#e6e9f2;padding-block:.55rem}.search-form{margin-left:auto;display:flex}.search-form input{width:9.5rem;color:var(--color-ink);background:#fff;border-radius:.4rem 0 0 .4rem;padding:.35rem .6rem;font-size:.9rem}.search-form input::placeholder{color:var(--color-muted)}.search-form button{background:var(--color-amber);color:var(--color-ink);cursor:pointer;border-radius:0 .4rem .4rem 0;padding:.35rem .7rem;font-size:.9rem;font-weight:600}@media (width>=900px){.main-nav{order:0;width:auto;overflow:visible}}.site-footer{background:var(--color-ink);color:#cdd3e1;margin-top:4rem;padding-block:2.5rem;font-size:.92rem}.footer-grid{grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:2rem;display:grid}.footer-grid>div{grid-column:1/-1;max-width:34rem}@media (width>=900px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}.footer-grid>div{grid-column:auto}}.footer-brand{color:#fff;font-family:var(--font-display);margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.footer-head{color:#fff;margin-bottom:.4rem;font-weight:600}.site-footer nav a{color:#cdd3e1;padding-block:.4rem;display:block}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.5rem;font-size:.8rem;font-weight:650}.deck{color:var(--color-muted);max-width:44rem;margin-top:.8rem;font-size:1.2rem}.byline{color:var(--color-muted);margin-top:1rem;font-size:.9rem}.disclosure{color:var(--color-muted);border-left:3px solid var(--color-amber);margin-top:.8rem;padding-left:.7rem;font-size:.85rem}.crumbs{color:var(--color-muted);padding-block:1rem .6rem;font-size:.85rem}.crumbs ol{flex-wrap:wrap;gap:.1rem .4rem;display:flex}.crumbs li:not(:last-child):after{content:"/";color:var(--color-muted);margin-left:.4rem}.section{margin-top:3.5rem}.section>h2{margin-bottom:1rem}.btn{background:var(--color-ink);color:#fff;text-align:center;border-radius:.45rem;padding:.6rem 1rem;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{background:#22335c;text-decoration:none}.buy{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.price{width:100%;color:var(--color-ink);font-weight:700}.price small{color:var(--color-muted);font-weight:400}.tag{border-radius:99px;padding:.1rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.award{background:var(--color-amber-soft);color:var(--color-warn);border-radius:.3rem;padding:.1rem .55rem;font-size:.8rem;font-weight:650;display:inline-block}.score{font-family:var(--font-display);color:var(--color-ink);align-items:baseline;gap:.2rem;display:inline-flex}.score strong{font-size:1.7rem;font-weight:750}.score small{color:var(--color-muted);font-size:.8rem}.product-img{aspect-ratio:1;object-fit:contain;border:1px solid var(--color-line);background:#fff;border-radius:.6rem;width:100%}.picks{grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:1rem;display:grid}.pick{background:var(--color-card);border:1px solid var(--color-line);border-radius:.7rem;flex-direction:column;gap:.55rem;padding:1rem;display:flex}.pick h3 a{color:var(--color-ink)}.pick p{font-size:.93rem}.pick .buy{margin-top:auto}.pick-top{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.table-scroll{border:1px solid var(--color-line);background:var(--color-card);border-radius:.6rem;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{text-align:left;border-bottom:1px solid var(--color-line);vertical-align:top;padding:.6rem .8rem}thead th{color:var(--color-ink);white-space:nowrap;background:#f5f3ec;font-weight:650}tbody tr:last-child>*{border-bottom:0}tbody th{color:var(--color-ink);font-weight:600}.criteria{gap:.9rem;display:grid}.criterion-head{color:var(--color-ink);justify-content:space-between;font-weight:600;display:flex}.criterion p{color:var(--color-muted);font-size:.93rem}meter{width:100%;height:.5rem;margin-block:.2rem;display:block}.entry{background:var(--color-card);border:1px solid var(--color-line);border-radius:.8rem;margin-top:1.5rem;padding:clamp(1rem,3vw,1.8rem)}.entry-grid{gap:1.5rem;display:grid}@media (width>=760px){.entry-grid{grid-template-columns:15rem 1fr}}.entry-side{flex-direction:column;gap:.7rem;display:flex}.entry h2{margin-block:.4rem .6rem}.breakdown{gap:.25rem;font-size:.85rem;display:grid}.breakdown div{justify-content:space-between;gap:.5rem;display:flex}.breakdown dt{color:var(--color-muted)}.breakdown dd{color:var(--color-ink);font-weight:600}.proscons{gap:1rem;margin-block:1rem;display:grid}@media (width>=620px){.proscons{grid-template-columns:1fr 1fr}}.proscons h3{margin-bottom:.3rem;font-size:.95rem}.proscons ul{padding-left:1.1rem;font-size:.95rem;list-style:outside}.fit{gap:.3rem;margin-bottom:1rem;font-size:.95rem;display:grid}.fit strong{color:var(--color-ink)}.note{color:var(--color-muted);font-size:.85rem}.prose p{margin-block:.8rem}.prose ul,.prose ol{margin-block:.8rem;padding-left:1.3rem}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose h2{margin-top:2rem}.prose h3{margin-top:1.4rem}.prose strong{color:var(--color-ink)}details.faq{border-bottom:1px solid var(--color-line);padding-block:.7rem}details.faq summary{cursor:pointer;color:var(--color-ink);font-weight:600}details.faq p{margin-top:.4rem}.toc{background:var(--color-card);border:1px solid var(--color-line);border-radius:.6rem;margin-top:1.5rem;padding:1rem 1.2rem;font-size:.93rem}.toc-title{color:var(--color-ink);margin-bottom:.3rem;font-weight:650}.toc ol{columns:2 14rem;padding-left:1.2rem;list-style:decimal}.toc li{padding-block:.22rem}.author-box{background:#f5f3ec;border-radius:.6rem;gap:.3rem;padding:1rem 1.2rem;font-size:.95rem;display:grid}.change-log li,.sources li{padding-block:.2rem;font-size:.92rem}.hero{padding-block:clamp(2.5rem,7vw,5rem) 1rem}.hero p.deck{font-size:1.3rem}.cards{grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));gap:1rem;display:grid}.card{background:var(--color-card);border:1px solid var(--color-line);color:var(--color-body);border-radius:.7rem;padding:1.1rem;text-decoration:none;transition:border-color .15s;display:block}.card:hover{border-color:var(--color-ink);text-decoration:none}.card-title{margin-bottom:.4rem;font-size:1.2rem;font-weight:650}.card p{font-size:.94rem}.card .card-meta{color:var(--color-muted);margin-top:.5rem;font-size:.82rem}.principles{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;display:grid}.principles h3{margin-bottom:.3rem}.principles p{font-size:.95rem}.video-lite{border-radius:.6rem;max-width:34rem;display:block;position:relative;overflow:hidden}.video-lite span{background:var(--color-ink);color:#fff;padding:.5rem .8rem;font-size:.9rem;display:block}.video iframe{aspect-ratio:16/9;border:0;border-radius:.6rem;width:100%;max-width:34rem}.error-page{padding-block:5rem}.error-page .btn{margin-top:1.5rem}.vs{gap:1rem;display:grid}@media (width>=700px){.vs{grid-template-columns:1fr 1fr}}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.block{display:block}.inline{display:inline}.table{display:table}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}@font-face{font-family:Inter Variable;src:url(fonts/inter.woff2)format("woff2");font-weight:100 900;font-display:optional}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}

.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}
.tested{font-size:.85rem;color:var(--color-win,#0b6b47);font-weight:600}
.tested a{color:inherit;text-decoration:underline}
.method{background:#f5f3ec;border-radius:.6rem;padding:.9rem 1.1rem;font-size:.95rem;margin-top:1rem}
.reviewers{margin-top:1.1rem}
.reviewers h3{font-size:.95rem;margin-bottom:.4rem}
.reviewers li{font-size:.93rem;padding-block:.35rem;border-top:1px solid #e3e1d8}
.reviewers .pub{font-weight:600}
.price-note{font-size:.78rem;color:#5a6275;width:100%}
.pagination{display:flex;gap:1rem;margin-top:2rem}
.site-header ul,.site-footer ul{list-style:none;margin:0;padding:0}
.score{white-space:nowrap;flex-shrink:0}
.was{font-weight:400;color:#5a6275;font-size:.9em}
.save{color:#0b6b47;font-size:.85em}
.deal{font-size:.8rem;font-weight:600;color:#7a4200;width:100%}

/* ==========================================================================
   Design system. White page, paper panels, white cards inside them, a navy
   gradient accent card. No borders: depth comes from soft blurred shadows.
   ========================================================================== */
:root{
  --color-paper:#f6f5f0;
  --color-body:#3f4658;
  --color-muted:#6c7283;
  --color-mute-head:#9ea3b1;
  --font-display:"Inter Variable",system-ui,-apple-system,"Segoe UI",sans-serif;
  --r-panel:28px;--r-card:20px;--r-small:14px;--gap:.85rem;
  --shadow-card:0 1px 2px rgba(20,33,61,.04),0 10px 26px -14px rgba(20,33,61,.14);
  --shadow-lift:0 2px 4px rgba(20,33,61,.05),0 20px 40px -18px rgba(20,33,61,.26);
  --shadow-deep:0 8px 18px -10px rgba(11,20,40,.5),0 34px 60px -22px rgba(11,20,40,.6);
  --navy-gradient:linear-gradient(155deg,#2c3f6e 0%,#14213d 52%,#0b1428 100%);
}
body{background:#fff;font-size:16.5px;line-height:1.6;letter-spacing:-.006em}
h1,h2,h3,h4{font-weight:500;letter-spacing:-.025em;line-height:1.14}
h1{font-size:clamp(2.3rem,5.2vw,3.7rem);letter-spacing:-.038em;line-height:1.05}
h2{font-size:clamp(1.55rem,3vw,2.15rem);letter-spacing:-.03em}
h3{font-size:1.12rem;letter-spacing:-.018em}
.mute{color:var(--color-mute-head)}
:focus-visible{outline:2px solid var(--color-amber);outline-offset:3px}
.section{margin-top:4rem}
.section>h2{margin-bottom:1.2rem}
.deck{max-width:42rem;font-size:1.12rem;line-height:1.55}
.crumbs{padding-block:1.2rem .4rem;font-size:.82rem}
.crumbs a{color:var(--color-muted)}

/* Small labels */
.pill-label{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .85rem;border-radius:999px;background:#fff;box-shadow:var(--shadow-card);color:#b4600a;font-size:.69rem;font-weight:650;letter-spacing:.075em;line-height:1;text-transform:uppercase}
.micro{font-size:.7rem;font-weight:650;letter-spacing:.07em;line-height:1.35;text-transform:uppercase;color:var(--color-muted)}
.dot{flex:none;display:inline-block;width:.62rem;height:.62rem;border-radius:50%;background:#46c75a;box-shadow:0 0 0 3px rgba(70,199,90,.2),0 0 10px rgba(70,199,90,.55)}

/* Page heading: two tone, side note on the right */
.page-head{display:grid;gap:1rem;padding-block:1.6rem 2.2rem}
.page-head h1{margin-top:1.1rem}
.page-side{max-width:27rem;color:var(--color-muted);font-size:1.04rem;line-height:1.55}
.page-date{margin-top:.5rem;font-size:.8rem;color:var(--color-muted)}
@media (width>=860px){.page-head{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:3rem;align-items:end}.page-side{justify-self:end}}

/* Panels and cards */
.panel{background:var(--color-paper);border-radius:var(--r-panel);padding:var(--gap)}
.bento{display:grid;gap:var(--gap);grid-template-columns:minmax(0,1fr)}
.stack{display:grid;gap:var(--gap);align-content:stretch}
@media (width>=860px){.bento{grid-template-columns:repeat(12,minmax(0,1fr))}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}}
.b-card{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-card);padding:1.5rem;box-shadow:var(--shadow-card)}
.b-card h2,.b-card h3,.b-dark h2,.b-dark h3{margin:0 0 .55rem}
.b-card h2,.b-dark h2{font-size:clamp(1.3rem,2.2vw,1.6rem)}
.b-card p,.b-dark p{margin:0;font-size:.97rem}
.b-card p+p,.b-dark p+p{margin-top:.7rem}
.b-push{margin-top:auto;padding-top:1.6rem}
.b-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;padding:1rem 1.3rem}
.b-dark{position:relative;display:flex;flex-direction:column;overflow:hidden;padding:1.7rem;border-radius:var(--r-card);background:var(--navy-gradient);box-shadow:var(--shadow-deep);color:#c6cede}
.b-dark h2,.b-dark h3,.b-dark strong{color:#fff}
.b-dark a:not(.btn){color:#fff}
.b-dark>*{position:relative;z-index:1}
.b-dark::after{content:"";position:absolute;z-index:0;right:-8%;bottom:6%;width:78%;aspect-ratio:1.3;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 100' fill='none' stroke='%23fff' stroke-opacity='.05' stroke-width='11' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 86q16-20 30-6t30-4L118 16M84 12h36v36'/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.b-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin:auto -1.7rem -1.7rem;margin-top:auto;padding:1.15rem 1.7rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.b-spacer{flex:1;min-height:1.6rem}
.b-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.48rem .85rem;border-radius:999px;background:rgba(120,230,130,.1);color:#c9f5a8;font-size:.82rem;font-weight:550;box-shadow:inset 0 0 0 1px rgba(150,240,150,.14)}
.b-badge::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:#7dea7a;box-shadow:0 0 8px rgba(125,234,122,.8)}

/* Big numbers */
.stat{font-weight:500;font-size:clamp(2.9rem,6vw,4.3rem);letter-spacing:-.05em;line-height:1;color:var(--color-ink)}
.stat small{margin-left:.08em;font-size:.48em;font-weight:400;letter-spacing:-.02em;color:var(--color-mute-head)}
.b-dark .stat{color:#fff}
.b-dark .stat small{color:#8f9ab3}
.stat-label{margin-top:.55rem;font-size:.93rem;color:var(--color-muted)}
.b-dark .stat-label{color:#aab3c8}

/* Tags */
.tags{display:flex;flex-wrap:wrap;gap:.4rem}
.tags span{padding:.34rem .75rem;border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(20,33,61,.08),0 4px 10px -4px rgba(20,33,61,.16),inset 0 -6px 8px -8px rgba(20,33,61,.14);font-size:.8rem;font-weight:500;color:var(--color-ink);line-height:1.25}
.tags .tag-good{background:linear-gradient(180deg,#fff,#eef7e6)}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.72rem 1.3rem;border-radius:999px;background:linear-gradient(180deg,#2a3c68 0%,#14213d 100%);color:#fff;font-size:.93rem;font-weight:500;letter-spacing:-.012em;line-height:1.2;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 2px 4px rgba(20,33,61,.2),0 12px 22px -12px rgba(20,33,61,.7);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.btn:hover{transform:translateY(-1px);filter:brightness(1.12);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 3px 6px rgba(20,33,61,.22),0 18px 28px -14px rgba(20,33,61,.8)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-light{background:linear-gradient(180deg,#fff 0%,#e9ecf1 100%);color:var(--color-ink);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,33,61,.16),0 10px 20px -10px rgba(20,33,61,.4)}
.btn-light:hover{filter:none;background:linear-gradient(180deg,#fff 0%,#f2f4f7 100%);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(20,33,61,.18),0 16px 26px -12px rgba(20,33,61,.5)}
.b-dark .btn-light{color:var(--color-ink)}
.btn-arrow::after,.buy .btn::after{content:"\2192";font-size:1.05em;line-height:1}
.pick .btn,.entry .btn{width:100%}
.buy{gap:.55rem}
.link-under{color:var(--color-ink);font-size:.9rem;font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* Header */
.site-header{background:linear-gradient(180deg,#1a2a4d,#14213d)}
.wordmark{font-weight:600;letter-spacing:-.03em}
.header-row{flex-wrap:wrap;gap:.6rem .5rem;padding-block:.7rem}
.main-nav{order:0;width:auto;margin-left:auto;gap:.3rem;align-items:center;overflow:visible;font-size:.9rem}
.main-nav a.nav-btn{display:inline-flex;align-items:center;gap:.45rem;padding:.52rem 1rem;border-radius:999px;color:#e6e9f2;font-weight:500;letter-spacing:-.012em;line-height:1.2;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease}
.main-nav a.nav-btn:hover{background:rgba(255,255,255,.1);color:#fff}
.main-nav a.nav-btn-solid{background:rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.16);color:#fff}
.main-nav a.nav-btn-solid:hover{background:rgba(255,255,255,.17)}
.main-nav a.nav-btn[aria-current]{background:linear-gradient(180deg,#fff,#e9ecf1);box-shadow:inset 0 1px 0 #fff,0 8px 16px -10px rgba(0,0,0,.6);color:var(--color-ink)}
.search-form{position:relative;order:3;width:100%;margin-left:0;align-items:center;background:#fff;border-radius:999px;padding:.22rem .25rem .22rem .9rem;box-shadow:0 10px 22px -14px rgba(0,0,0,.6);transition:box-shadow .18s ease}
.search-form:focus-within{box-shadow:0 0 0 3px rgba(255,255,255,.24)}
.search-icon{flex:none;color:var(--color-muted)}
.search-form input{flex:1;min-width:0;width:auto;background:transparent;border-radius:0;padding:.3rem .55rem;font-size:.92rem;appearance:none}
.search-form input:focus,.search-form input:focus-visible{outline:none}
.search-form input::-webkit-search-cancel-button{appearance:none}
.search-form button{flex:none;display:grid;place-items:center;width:1.85rem;height:1.85rem;padding:0;border-radius:50%;background:linear-gradient(180deg,#ffb733,#fca311);box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 4px 8px -3px rgba(252,163,17,.7);transition:transform .18s ease}
.search-form button:hover{transform:translateX(1px)}
.search-form.is-loading button svg{opacity:.45}
@media (width>=760px){.header-row{flex-wrap:nowrap;gap:.75rem}.search-form{order:0;width:16.5rem;flex:none}}
@media (width<420px){.main-nav a.nav-btn{padding:.45rem .7rem;font-size:.86rem}.main-nav a.nav-btn svg{display:none}.wordmark{font-size:1.15rem}}

/* Live search results */
.search-results{position:absolute;z-index:40;top:calc(100% + .55rem);left:0;right:0;max-height:min(70vh,30rem);overflow-y:auto;padding:.45rem;background:#fff;color:var(--color-body);border-radius:var(--r-card);box-shadow:0 30px 60px -20px rgba(11,20,40,.45),0 8px 18px -10px rgba(11,20,40,.25);font-size:.92rem}
@media (width>=760px){.search-results{left:auto;width:25rem}}
.sr-label{padding:.55rem .6rem .25rem;font-size:.68rem;font-weight:650;letter-spacing:.075em;text-transform:uppercase;color:var(--color-muted)}
.search-results a.sr-row{display:flex;align-items:center;gap:.7rem;padding:.42rem .6rem;border-radius:var(--r-small);color:var(--color-ink);text-decoration:none}
.search-results a.sr-row:hover,.search-results a.sr-row.is-active{background:var(--color-paper);text-decoration:none}
.sr-thumb{--cut:#fff1d6;flex:none;display:grid;place-items:center;width:2.5rem;height:2.5rem;overflow:hidden;border-radius:.65rem;background:var(--color-amber-soft)}
.sr-thumb img{width:100%;height:100%;object-fit:contain;background:#fff}
.sr-thumb .ti{width:72%}
.sr-text{min-width:0;display:flex;flex-direction:column;line-height:1.3}
.sr-name{font-weight:450;overflow-wrap:anywhere}
.sr-name strong{font-weight:650}
.sr-meta{font-size:.78rem;color:var(--color-muted)}
.sr-empty{padding:.8rem .7rem;color:var(--color-muted)}
.search-results a.sr-all{justify-content:center;margin-top:.3rem;padding:.55rem;font-weight:550;color:var(--color-link)}

/* Icon tile: equal narrow margins on the top, left and bottom of its card */
.tile{--cut:#fff1d6;display:grid;place-items:center;background:var(--color-amber-soft);border-radius:var(--r-small);transition:background-color .18s ease}
.ti{display:block;width:66%;height:auto;aspect-ratio:1;overflow:visible;stroke-linejoin:round;stroke-linecap:round;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}
.ti-host:hover .tile,.ti-host.is-near .tile,.chip:hover .tile,.chip.is-near .tile{background:#ffe7bd;--cut:#ffe7bd}
.has-tile{display:grid;grid-template-columns:4.5rem minmax(0,1fr);column-gap:1rem;padding:.5rem 1.2rem .5rem .5rem;min-height:5.5rem}
.has-tile>.tile{align-self:stretch;min-height:4.5rem}
.tile-body{display:flex;flex-direction:column;justify-content:center;min-width:0;padding-block:.5rem}

/* Cards: one style for the whole site */
.card,.principles>div,.pick,.get-grid li,a.chip{background:#fff;border:0;border-radius:var(--r-card);box-shadow:var(--shadow-card);transition:box-shadow .2s ease,transform .2s ease}
.card:hover,.principles>div:hover,.pick:hover,.get-grid li:hover,a.chip:hover,.b-card.lift:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.card{color:inherit;text-decoration:none}
.card:hover{text-decoration:none}
.cards,.principles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:var(--gap)}
.card-title{margin-bottom:0;font-size:1.05rem;font-weight:550}
.card .tile-body p{margin-top:.3rem;font-size:.9rem;color:var(--color-muted);line-height:1.45}
.card .tile-body .card-meta{margin-top:.45rem;font-size:.76rem}
.principles .tile-body h3{font-size:1.02rem;font-weight:550}
.principles .tile-body p{margin-top:.3rem;font-size:.9rem;color:var(--color-muted);line-height:1.45}

/* Product type cards */
.chips{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,13.5rem),1fr));gap:.6rem}
a.chip{display:flex;align-items:stretch;gap:.75rem;padding:.35rem .8rem .35rem .35rem;border-radius:var(--r-small);color:var(--color-ink);font-size:.9rem;letter-spacing:-.012em;line-height:1.25;text-decoration:none}
a.chip:hover{text-decoration:none}
a.chip .tile{flex:none;width:2.8rem;min-height:2.8rem;border-radius:.65rem}
a.chip b{align-self:center;flex:1;min-width:0;font-weight:500}
a.chip .chip-count{align-self:center;flex:none;padding:.05rem .45rem;border-radius:999px;background:var(--color-ink);color:#fff;font-size:.7rem;font-weight:600}
a.chip.soon{color:var(--color-body)}
.chips.panel{padding:var(--gap)}

/* Category hub */
.dept{margin-top:var(--gap);padding:1.1rem;background:var(--color-paper);border-radius:var(--r-panel)}
.dept-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}
.dept-head h2{font-size:clamp(1.25rem,2.2vw,1.55rem)}
.dept-title{display:inline-flex;flex:1;min-width:0;align-items:center;gap:.9rem;color:var(--color-ink);text-decoration:none}
.dept-title:hover{text-decoration:none}
.dept-title .tile,.hub-title .tile{flex:none;width:3.6rem;height:3.6rem;background:#fff;box-shadow:var(--shadow-card);--cut:#fff}
.dept-title:hover .tile{background:#fff;--cut:#fff}
.dept-view{flex:none;padding-top:.25rem;color:var(--color-ink);font-size:.8rem;font-weight:550;text-decoration:underline;text-underline-offset:3px}
.dept .chips{grid-template-columns:1fr}
.dept:not(.is-open) .chips .chip:nth-child(n+4){display:none}
@media (width>=520px){.dept .chips{grid-template-columns:repeat(2,minmax(0,1fr))}.dept:not(.is-open) .chips .chip:nth-child(n+4){display:flex}.dept:not(.is-open) .chips .chip:nth-child(n+7){display:none}}
@media (width>=760px){.dept .chips{grid-template-columns:repeat(3,minmax(0,1fr))}.dept:not(.is-open) .chips .chip:nth-child(n+7){display:flex}.dept:not(.is-open) .chips .chip:nth-child(n+10){display:none}}
@media (width>=1000px){.dept .chips{grid-template-columns:repeat(4,minmax(0,1fr))}.dept:not(.is-open) .chips .chip:nth-child(n+10){display:flex}.dept:not(.is-open) .chips .chip:nth-child(n+13){display:none}.dept-toggle.few{display:none}}
.dept-toggle{display:inline-flex;margin-top:.9rem;padding:.5rem 1.05rem;border-radius:999px;background:linear-gradient(180deg,#fff,#eceef2);box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(20,33,61,.14),0 8px 16px -10px rgba(20,33,61,.4);color:var(--color-ink);font-size:.85rem;font-weight:500;line-height:1.2;text-decoration:none;cursor:pointer;transition:box-shadow .18s ease,transform .18s ease}
.dept-toggle:hover{transform:translateY(-1px);text-decoration:none;box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(20,33,61,.16),0 14px 22px -12px rgba(20,33,61,.5)}
.hub-title{display:flex;align-items:center;gap:1rem;padding-block:1.4rem .4rem}
.hub-title .tile{background:var(--color-amber-soft);--cut:#fff1d6;box-shadow:none;width:4.5rem;height:4.5rem}
.empty-hub{margin-top:1.2rem;padding:1.6rem;max-width:44rem;background:var(--color-paper);border-radius:var(--r-card)}
.empty-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.1rem}

/* Icon lists */
ul.get-grid{display:grid;grid-template-columns:1fr;gap:var(--gap);margin:0;padding:0;list-style:none}
ul.get-grid li{margin:0;line-height:1.5}
ul.get-grid strong{font-size:1.02rem;font-weight:550;letter-spacing:-.015em;color:var(--color-ink);line-height:1.3}
ul.get-grid .tile-body span{margin-top:.2rem;font-size:.92rem;color:var(--color-muted)}
@media (width>=860px){ul.get-grid.two{grid-template-columns:1fr 1fr}}

/* Trust pages */
.trust{display:grid;gap:var(--gap)}
.trust .panel-title{padding:.9rem .9rem .3rem}
.trust .panel-title h2{margin:0}
.trust .panel>.panel-title+*{margin-top:.5rem}
.legal{max-width:none}
.legal h2{margin:2rem 0 .6rem;font-size:1.3rem}
.legal h2:first-child{margin-top:0}
.legal h3{margin:1.2rem 0 .3rem;font-size:1.02rem;font-weight:550}
.legal p,.legal li{font-size:.96rem;max-width:46rem}
.legal p{margin-block:.6rem}
.legal a,.b-card p a{text-underline-offset:2px}

/* Guide pages */
.method{margin-top:1.1rem;padding:1rem 1.25rem;background:var(--color-paper);border-radius:var(--r-small);font-size:.95rem}
.disclosure{margin-top:.75rem;padding:0;border:0;font-size:.82rem}
.award{padding:.28rem .7rem;border-radius:999px;font-size:.74rem;font-weight:600;letter-spacing:-.005em}
.score strong{font-size:1.75rem;font-weight:500;letter-spacing:-.04em}
.product-img{border:0;border-radius:var(--r-small);background:#fff}
.picks{grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:var(--gap)}
.pick{padding:1.1rem}
.pick h3 a{text-decoration:none}
.pick h3 a:hover{text-decoration:underline}
.pick p{color:var(--color-muted);font-size:.9rem}
.table-scroll{border:0;background:var(--color-paper);border-radius:var(--r-card);padding:.4rem}
table{border-collapse:separate;border-spacing:0;font-size:.9rem}
th,td{border:0;padding:.7rem .9rem}
thead th{background:transparent;font-weight:550;font-size:.8rem;color:var(--color-muted)}
tbody tr:nth-child(odd)>*{background:#fff}
tbody tr:nth-child(odd)>:first-child{border-radius:var(--r-small) 0 0 var(--r-small)}
tbody tr:nth-child(odd)>:last-child{border-radius:0 var(--r-small) var(--r-small) 0}
tbody th{font-weight:500}
.criteria{gap:.6rem;padding:var(--gap);background:var(--color-paper);border-radius:var(--r-panel)}
.criterion{padding:1rem 1.2rem;background:#fff;border-radius:var(--r-small);box-shadow:var(--shadow-card)}
.criterion-head{font-weight:500}
meter{height:.35rem;border-radius:999px;overflow:hidden}
meter::-webkit-meter-bar{background:var(--color-paper);border:0;height:.35rem}
meter::-webkit-meter-optimum-value{background:var(--color-ink)}
meter::-moz-meter-bar{background:var(--color-ink)}
.entry{margin-top:var(--gap);padding:var(--gap);border:0;background:var(--color-paper);border-radius:var(--r-panel)}
.entry-grid{gap:var(--gap)}
.entry-side{gap:.7rem;padding:1rem;background:#fff;border-radius:var(--r-card);box-shadow:var(--shadow-card);align-self:start}
.entry-grid>div:last-child{padding:.8rem .9rem}
.entry h2{font-size:clamp(1.35rem,2.4vw,1.7rem)}
.fit{gap:.55rem;margin-block:.9rem}
.fit p{padding:.75rem 1rem;background:#fff;border-radius:var(--r-small);box-shadow:var(--shadow-card);font-size:.93rem}
.proscons>div{padding:1rem 1.15rem;background:#fff;border-radius:var(--r-small);box-shadow:var(--shadow-card)}
.proscons h3{font-weight:550}
.proscons ul{font-size:.92rem}
.reviewers li{padding-block:.4rem;border:0;font-size:.9rem;color:var(--color-muted)}
.tested{font-size:.8rem;font-weight:500}
.toc{border:0;background:var(--color-paper);border-radius:var(--r-card);padding:1.2rem 1.4rem}
.toc-title{font-weight:550}
.author-box{background:var(--color-paper);border-radius:var(--r-card);padding:1.4rem}
details.faq{margin-bottom:.5rem;padding:.9rem 1.2rem;border:0;background:var(--color-paper);border-radius:var(--r-small)}
details.faq summary{font-weight:500}
.video-lite{border-radius:var(--r-card)}
.video iframe{border-radius:var(--r-card)}
.pagination{align-items:center}

/* Footer: an inset navy panel */
.site-footer{margin:5rem .85rem .85rem;padding-block:3rem;border-radius:var(--r-panel);background:var(--navy-gradient);box-shadow:var(--shadow-deep);font-size:.9rem}
.footer-brand{font-weight:600;letter-spacing:-.025em}
.footer-head{font-size:.7rem;font-weight:650;letter-spacing:.075em;text-transform:uppercase;color:#8f9ab3}
.site-footer nav a{padding-block:.32rem;transition:color .15s ease}
.site-footer nav a:hover{color:#fff}

/* Icon motion: only while a card is hovered or near the pointer */
@media (prefers-reduced-motion:no-preference){
  .dept-card:hover .ti,.dept-card.is-near .ti,.dept-title:hover .ti,.dept-title.is-near .ti,.hub-title:hover .ti,.hub-title.is-near .ti{animation:tf-float 1.6s ease-in-out infinite}
}
@media (prefers-reduced-motion:reduce){.card,.principles>div,.pick,.get-grid li,a.chip,.btn,.dept-toggle{transition:none}.card:hover,.principles>div:hover,.pick:hover,.get-grid li:hover,a.chip:hover,.b-card.lift:hover,.btn:hover,.dept-toggle:hover{transform:none}}

/* Card text sizes must not shrink the big numbers, and row cards stay rows */
.b-card .stat,.b-dark .stat{font-size:clamp(2.9rem,6vw,4.3rem)}
.b-card .stat-label,.b-dark .stat-label{font-size:.93rem;margin-top:.55rem}
.b-card.b-row{flex-direction:row}

/* Layout fixes from the desktop and phone check */
.b-row>.dot+.micro{flex:1 1 0;min-width:0}
.crumbs+header{margin-top:.7rem}
@media (width<760px){.table-scroll td:not(:first-of-type){min-width:10.5rem}}

/* Home: stats, Amazon note and guide cards */
.stack-top{grid-template-rows:auto 1fr}
.stack-bottom{grid-template-rows:1fr auto}
.stat-live{display:flex;align-items:center;gap:.55rem}
.amz-note{flex-flow:row wrap;align-items:center;gap:.9rem 1.1rem;padding-block:1.25rem}
.amz-note img{flex:none;width:5.6rem;height:auto}
.amz-note p{flex:1 1 10.5rem;font-size:.82rem;line-height:1.45;color:var(--color-muted)}
@media (350px<=width<860px),(width>=1100px){.b-foot.one-line{flex-wrap:nowrap}.b-foot.one-line .b-badge{white-space:nowrap}}
@media (350px<=width<860px){.b-foot.one-line{gap:.5rem}.b-foot.one-line .b-badge{padding-inline:.7rem;font-size:.78rem}.b-foot.one-line .btn{padding-inline:.95rem}}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,21rem),1fr));gap:1.1rem}
.guide-card{display:grid;grid-template-columns:7.25rem minmax(0,1fr);column-gap:1.1rem;padding:.7rem 1.2rem .7rem .7rem;background:#fff;border-radius:var(--r-card);box-shadow:0 1px 2px rgba(20,33,61,.05),0 16px 36px -16px rgba(20,33,61,.2);color:inherit;text-decoration:none;transition:box-shadow .18s ease,transform .18s ease}
.guide-card:hover{box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.guide-thumb{display:grid;place-items:center;align-self:start;aspect-ratio:1;padding:.6rem;background:var(--color-paper);border-radius:var(--r-small)}
.guide-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.guide-body{display:flex;flex-direction:column;gap:.7rem;min-width:0;padding-block:.3rem}
.guide-body .card-title{font-size:1.02rem;line-height:1.28}
.guide-meta{display:grid;gap:.25rem;margin-top:auto;font-size:.78rem;color:var(--color-muted)}
.guide-src{display:flex;align-items:center;gap:.5rem;color:var(--color-ink);font-weight:500}
.guide-src .dot{width:.42rem;height:.42rem;box-shadow:0 0 0 2px rgba(70,199,90,.18)}
@media (prefers-reduced-motion:reduce){.guide-card{transition:none}.guide-card:hover{transform:none}}

/* Home: navy trust band */
.trust-band{display:grid;gap:1.8rem;padding:clamp(1.5rem,4vw,3rem);border-radius:var(--r-panel)}
.trust-band h2{font-size:clamp(1.8rem,3.6vw,2.7rem);line-height:1.08}
.trust-band h2 .mute{color:#98a4bb}
.trust-intro{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}
.trust-intro p{max-width:26rem}
.trust-intro .btn{margin-top:.5rem}
.trust-list{display:grid;gap:.7rem}
.trust-row{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:1rem;align-items:center;padding:.9rem 1.2rem .9rem .9rem;border-radius:var(--r-card);background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:background-color .18s ease}
.trust-row:hover{background:rgba(255,255,255,.1)}
.trust-row .tile{width:3.6rem;height:3.6rem}
.trust-row h3{font-size:1.05rem}
.trust-row p{margin-top:.25rem;font-size:.9rem;line-height:1.45;color:#c6cede}
@media (width>=900px){.trust-band{grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:3rem;align-items:center}}

/* Home: department grid */
.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem 1.5rem;margin-bottom:1.1rem}
.section-head h2{margin:0}
.dept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}
.dept-card{position:relative;display:flex;flex-direction:column;gap:1.3rem;min-height:11rem;padding:1.05rem;border-radius:var(--r-card);background:var(--color-paper);color:inherit;text-decoration:none;transition:background-color .18s ease,box-shadow .18s ease,transform .18s ease}
.dept-card:hover{background:#fff;box-shadow:var(--shadow-lift);transform:translateY(-2px)}
.dept-card .tile{width:3.6rem;height:3.6rem;background:#fff;--cut:#fff;box-shadow:var(--shadow-card)}
.dept-card.ti-host:hover .tile,.dept-card.ti-host.is-near .tile{background:#fff1d6;--cut:#fff1d6}
.dept-go{position:absolute;top:1.05rem;right:1.05rem;display:grid;place-items:center;width:2.1rem;height:2.1rem;border-radius:50%;background:#fff;box-shadow:var(--shadow-card);color:var(--color-ink);transition:background-color .18s ease,color .18s ease,transform .18s ease}
.dept-go::after{content:"\2192";font-size:.95rem;line-height:1}
.dept-card:hover .dept-go{background:var(--color-ink);color:#fff;transform:translateX(2px)}
.dept-card-body{margin-top:auto}
.dept-card h3{font-size:1.05rem;line-height:1.25}
.dept-card-body>p:not(.stat):not(.stat-label){margin-top:.25rem;font-size:.84rem;color:var(--color-muted)}
.dept-feature{grid-column:span 2;background:linear-gradient(155deg,#fff6e3 0%,#ffe6b8 100%);box-shadow:0 18px 40px -22px rgba(190,120,20,.5)}
.dept-feature:hover{background:linear-gradient(155deg,#fff6e3 0%,#ffe0a6 100%)}
.dept-feature.ti-host:hover .tile,.dept-feature.ti-host.is-near .tile{background:#fff;--cut:#fff}
.dept-feature .tile{width:4.6rem;height:4.6rem}
.dept-feature .stat{color:var(--color-ink)}
.dept-feature .stat small{color:#8d7a58}
.dept-feature .stat-label{margin-block:.3rem 1rem;color:#6b5c3f}
.dept-feature h3{font-size:clamp(1.3rem,2.4vw,1.7rem);letter-spacing:-.02em}
.dept-feature .dept-card-body>p:not(.stat):not(.stat-label){color:#6b5c3f}
.dept-feature .tags{margin-top:.9rem}
@media (width>=760px){.dept-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dept-feature{grid-row:span 2}}
@media (prefers-reduced-motion:reduce){.dept-card,.dept-go{transition:none}.dept-card:hover,.dept-card:hover .dept-go{transform:none}}
.trust-band::after{width:36%;right:-3%;bottom:-10%}
@media (width<600px){.trust-band::after{display:none}}

/* Glass icons: no box behind them */
.tile,.sr-thumb,.ti-host:hover .tile,.ti-host.is-near .tile,.chip:hover .tile,.chip.is-near .tile,.dept-title .tile,.dept-title:hover .tile,.hub-title .tile,.dept-card .tile,.dept-card.ti-host:hover .tile,.dept-card.ti-host.is-near .tile,.dept-feature.ti-host:hover .tile,.dept-feature.ti-host.is-near .tile{background:transparent;box-shadow:none}
.ti{width:88%}
.sr-thumb .ti{width:88%}
.has-tile{grid-template-columns:3.8rem minmax(0,1fr);padding-left:.7rem}
.has-tile>.tile{min-height:3.8rem}
.dept-card .tile{width:4.8rem;height:4.8rem}
.dept-feature .tile{width:6.6rem;height:6.6rem}
.dept-card .ti{width:100%}
.trust-row{grid-template-columns:4rem minmax(0,1fr)}
.trust-row .tile{width:4rem;height:4rem}
.trust-row .ti{width:100%}
.hub-title .tile,.dept-title .tile{width:4.2rem;height:4.2rem}
.dept-title .ti,.hub-title .ti{width:100%}

/* Icons 30% smaller */
.dept-card .tile{width:3.36rem;height:3.36rem}
.dept-feature .tile{width:4.62rem;height:4.62rem}
.trust-row{grid-template-columns:2.8rem minmax(0,1fr)}
.trust-row .tile{width:2.8rem;height:2.8rem}
.hub-title .tile,.dept-title .tile{width:2.94rem;height:2.94rem}
.has-tile{grid-template-columns:2.66rem minmax(0,1fr)}
.has-tile>.tile{min-height:2.66rem}
a.chip .tile{width:1.96rem;min-height:1.96rem}
.sr-thumb .ti{width:62%}

/* Icons are images with room around them for their glow, so they are drawn larger than their box to fill it */
.ti{width:104%;max-width:none;height:auto;aspect-ratio:1;overflow:visible}
.sr-thumb{overflow:visible}
.sr-thumb .ti{width:74%}
.dept-card .ti,.trust-row .ti,.dept-title .ti,.hub-title .ti{width:118%}

/* Guide card: equal space all round, date straight under the title */
.guide-grid{grid-auto-rows:1fr}
.guide-card{align-items:center;padding:.75rem}
.guide-body{justify-content:center;gap:.35rem;padding:0}
.guide-date{font-size:.8rem;color:var(--color-muted)}

/* Main category icons float on hover. Everything else stays still. */
@keyframes tf-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-4px) rotate(-4deg)}}
@media (prefers-reduced-motion:reduce){.ti{animation:none!important}}

/* Navy band: white reason cards */
.b-dark .trust-row{background:#fff;box-shadow:0 1px 2px rgba(10,18,40,.2),0 14px 30px -16px rgba(5,10,30,.6)}
.b-dark .trust-row:hover{background:#fff}
.b-dark .trust-row h3{color:var(--color-ink)}
.b-dark .trust-row p{color:var(--color-muted)}

/* Category page description */
.hub-title+.prose{max-width:48rem;margin-top:.8rem;color:var(--color-muted);font-size:1.05rem;line-height:1.6}

/* Guide picks: ranked cards */
.rank-list{display:grid;gap:1.1rem}
.rank-card{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 15rem;overflow:hidden;background:#fff;border-radius:var(--r-card);box-shadow:0 1px 2px rgba(20,33,61,.05),0 16px 36px -16px rgba(20,33,61,.2)}
.rank-toggle{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.rank-main{display:grid;grid-template-columns:9.5rem minmax(0,1fr);column-gap:1.4rem;row-gap:.9rem;padding:0 3.5rem 1.4rem 1.2rem;align-content:start}
a.rank-badge{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;gap:.6rem;padding:.45rem .95rem;border-radius:0 0 14px 14px;background:var(--navy-gradient);color:#fff;font-size:.8rem;font-weight:500;line-height:1.25;text-decoration:none}
.rank-badge b{color:#fff;font-size:.95rem;font-weight:650}
.rank-list>.rank-card:first-child a.rank-badge{background:linear-gradient(180deg,#ffb733,#fca311);color:#14213d}
.rank-list>.rank-card:first-child .rank-badge b{color:#14213d}
.rank-thumb{display:grid;place-items:center;align-self:start;aspect-ratio:1;padding:.7rem;background:var(--color-paper);border-radius:var(--r-small)}
.rank-thumb .product-img{width:100%;height:100%;object-fit:contain;background:transparent;mix-blend-mode:multiply}
.rank-body{display:flex;flex-direction:column;gap:.6rem;min-width:0}
a.rank-head{display:flex;flex-direction:column;gap:.35rem;color:inherit;text-decoration:none}
.rank-brand{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem;color:var(--color-muted);font-size:.84rem;font-weight:500}
.rank-off{padding:.14rem .55rem;border-radius:999px;background:#e7f7ea;color:#0c7a35;font-size:.74rem;font-weight:600}
.rank-head h3{font-size:1.22rem;font-weight:700;line-height:1.25;letter-spacing:-.02em}
a.rank-head:hover h3{text-decoration:underline}
.rank-why{color:var(--color-muted);font-size:.93rem;line-height:1.5}
.tested{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .45rem;color:#0b6b47;font-size:.8rem;font-weight:500}
.tested-label{margin-right:.2rem}
.src-pills{display:flex;flex-wrap:wrap;gap:.4rem .45rem;min-width:0}
a.src-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.24rem .65rem .24rem .4rem;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,33,61,.12),0 1px 2px rgba(20,33,61,.05);color:var(--color-ink);font-size:.76rem;font-weight:500;line-height:1.2;text-decoration:none;transition:box-shadow .15s ease}
a.src-pill:hover{box-shadow:inset 0 0 0 1px rgba(20,33,61,.28),0 3px 8px -2px rgba(20,33,61,.18)}
.src-pill img{flex:none;width:16px;height:16px;border-radius:3px}
.src-pill i{font-style:normal}
a.rank-side{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem;padding:1.2rem;color:inherit;text-align:center;text-decoration:none;box-shadow:inset 1px 0 0 rgba(20,33,61,.06)}
.stat.rank-score{font-size:2.5rem}
.rank-score-label{display:block;margin-top:.3rem;color:var(--color-muted);font-size:.78rem;font-weight:500;letter-spacing:0;line-height:1;text-align:center}
.rank-store{width:2.98rem;height:auto}
.rank-side .btn{width:100%;padding-inline:.9rem;font-size:.9rem;white-space:nowrap}
.rank-side .save{display:none}
.rank-side .price-note{font-size:.72rem;line-height:1.35;color:var(--color-muted)}
.rank-side .deal{text-align:center}
.rank-more{grid-column:1/-1;padding:1rem 1.5rem 1rem 1.2rem;box-shadow:inset 0 1px 0 rgba(20,33,61,.06)}
a.rank-features{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:1rem 1.5rem;color:var(--color-muted);font-size:.85rem;line-height:1.45;text-decoration:none}
.rank-more-title{margin-bottom:.35rem;color:var(--color-ink);font-size:.95rem;font-weight:550}
.rank-specs ol{padding-left:1.2rem;list-style:decimal}
@media (width>=860px){.rank-specs{padding-right:3.5rem}}
.rank-specs b{color:var(--color-ink);font-weight:550}
.rank-extra{display:none}
.rank-toggle:checked~.rank-more .rank-extra{display:list-item}
.rank-buy .rank-extra,.rank-avoid .rank-extra{list-style:none}
.rank-features li+li{margin-top:.35rem}
.rank-buy li,.rank-avoid li{position:relative;padding-left:1.3rem}
.rank-buy li::before,.rank-avoid li::before{position:absolute;left:0;font-weight:700}
.rank-buy li::before{content:"\2713";color:#0c8f3b}
.rank-avoid li::before{content:"\2715";color:#c9182c}
.rank-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.4rem;margin-top:.75rem}
.rank-toggle-label{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-ink);font-size:.86rem;font-weight:550;cursor:pointer}
.rank-toggle-label::after{content:"";width:.45rem;height:.45rem;border:solid currentColor;border-width:0 2px 2px 0;transform:translateY(-2px) rotate(45deg);transition:transform .18s ease}
.rank-toggle:checked~.rank-more .rank-toggle-label::after{transform:translateY(1px) rotate(-135deg)}
.rank-toggle:focus-visible~.rank-more .rank-toggle-label{outline:2px solid var(--color-amber);outline-offset:3px;border-radius:4px}
.rank-toggle-label .if-open,.rank-toggle:checked~.rank-more .if-closed{display:none}
.rank-toggle:checked~.rank-more .if-open{display:inline}
.rank-full{display:none;margin-left:auto;font-size:.86rem}
.rank-toggle:checked~.rank-more .rank-full{display:inline}
@media (width>=1240px){
  .ln{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
}
@media (width<860px){
  a.rank-features{grid-template-columns:minmax(0,1fr)}
}
/* Phones: a compact stack, with a small image beside the name and one row for score and price */
@media (width<760px){
  .rank-card{grid-template-columns:minmax(0,1fr)}
  .rank-main{display:block;padding:0 1rem .9rem}
  a.rank-badge{float:right;max-width:calc(100% - 7.6rem);margin-right:-1rem;border-radius:0 0 0 14px}
  .rank-thumb{float:left;width:6.3rem;margin:.9rem 1rem .5rem 0;padding:.45rem}
  .rank-body{display:block;clear:right;padding-top:.75rem}
  a.rank-head{display:block}
  .rank-brand{margin-bottom:.15rem;font-size:.8rem}
  .rank-head h3{margin-bottom:.35rem;font-size:1.05rem}
  .rank-why{clear:left;padding-top:.45rem;font-size:.9rem}
  .tested{display:block;clear:both;padding-top:.7rem}
  .tested-label{display:block;margin:0 0 .35rem}
  .src-pills{flex-wrap:nowrap;gap:.3rem}
  a.src-pill{flex:0 1 auto;min-width:0;padding:.22rem .5rem .22rem .3rem;font-size:.7rem}
  .src-pill:nth-child(n+4){display:none}
  .src-pill span{overflow:hidden;min-width:0;text-overflow:ellipsis;white-space:nowrap}
  .src-pill img{width:14px;height:14px}
  .src-pill i{display:none}
  a.rank-side{display:grid;grid-template-columns:auto auto minmax(0,1fr);justify-content:normal;align-items:center;gap:.6rem .7rem;padding:.9rem 1rem 1rem;box-shadow:inset 0 1px 0 rgba(20,33,61,.06)}
  .stat.rank-score{grid-row:1/span 2;margin-right:.5rem;font-size:2.15rem}
  .rank-store{margin:0}
  .rank-side .price{flex-wrap:nowrap;justify-self:start;gap:.3rem;font-size:.95rem;white-space:nowrap}
  .rank-side .was{font-size:.82em}
  .rank-side .price-tip{left:auto;right:0;transform:translateY(4px)}
  .rank-side .price:hover .price-tip,a.rank-side:focus-visible .price-tip{transform:none}
  .rank-side .price-tip::after{left:auto;right:1.1rem}
  .rank-side .btn{grid-column:2/-1;padding-block:.6rem;font-size:.88rem}
  .rank-side .deal,.rank-side .price-note{grid-column:2/-1}
  .rank-more{padding:.85rem 1rem .9rem}
  a.rank-features{gap:.7rem}
  .rank-more-title{margin-bottom:.2rem;font-size:.9rem}
}

/* Guide disclosure */
.disclosure{margin-top:.9rem;padding:.75rem 1.05rem;background:var(--color-paper);border-radius:var(--r-small);color:var(--color-muted);font-size:.86rem;line-height:1.5}
.disclosure svg{display:inline-block;margin-right:.3rem;vertical-align:-.17em;color:var(--color-ink)}
.disclosure a{margin-right:.15rem;color:var(--color-ink);font-weight:550;text-decoration:none}
.disclosure a:hover{text-decoration:underline}

/* Amazon buttons */
.buy .btn,.rank-side .btn{background:linear-gradient(180deg,#ffe36b 0%,#ffc61a 55%,#f7b500 100%);color:#14213d;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 1px 2px rgba(120,80,0,.25),0 10px 20px -10px rgba(190,120,0,.6)}
.buy .btn:hover,a.rank-side:hover .btn{filter:none;background:linear-gradient(180deg,#f4b81f 0%,#e09f00 55%,#c98a00 100%);color:#14213d;box-shadow:inset 0 1px 0 rgba(255,255,255,.3),0 2px 4px rgba(120,80,0,.3),0 14px 24px -12px rgba(170,105,0,.7)}
.rank-side .btn::after{content:"\2192";font-size:1.05em;line-height:1}

/* Price: a small note shows on hover, tap or keyboard focus */
.price{position:relative;display:inline-flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.3rem .4rem;outline-offset:3px}
.price-i{flex:none;display:inline-grid;place-items:center;width:.9rem;height:.9rem;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--color-muted);color:var(--color-muted);font:700 .62rem/1 Georgia,serif}
.price-i::before{content:"i"}
.price-tip{position:absolute;z-index:20;bottom:calc(100% + .5rem);left:50%;width:12.5rem;padding:.6rem .75rem;border-radius:12px;background:#14213d;box-shadow:0 12px 26px -10px rgba(10,18,40,.6);color:#fff;font-size:.74rem;font-weight:400;line-height:1.4;text-align:left;opacity:0;visibility:hidden;transform:translate(-50%,4px);transition:opacity .15s ease,transform .15s ease,visibility .15s}
.price-tip::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#14213d}
.price:hover .price-tip,.price:focus .price-tip,a.rank-side:focus-visible .price-tip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){.price-tip,a.src-pill{transition:none}}
.entry-grid>*{min-width:0}
article.wrap>header+.section{margin-top:1.4rem}