/* cr-skin.css: the CurrentlyRated skin for the builder guide template (listing.php) and the presale review pages.
   v=20260925b (CR_SKIN_V1 2026-09-25, the CR wave 3 generator lane): built by build/make-skin.py from DESIGN-SPEC.md sections 3 to 6 and 10 and 12 (the revision r1) (the skin
   change list 6.1 and the selector map 6.5, CR_DESIGN_SPEC_V1) and the approved mockups design/final/ (cr.css), on the structure of
   rp-ref/rp-skin.css (itself wc-ref/wc-skin.css) section by section: 1 the self-hosted faces, 2 the tokens (--cr-*) and the alias names the
   builder templates rely on, 3 to 5 the mechanics of the sister skin's shared chrome, guide template and presale sections in the CurrentlyRated
   look, 8 no cookie notice and DR_CHROME_HOME_ONLY_V1, 9 CR_SKIN_V1 the CurrentlyRated chrome (THE NOW LABEL: the white studio, graphite type in
   one grotesque, every product on the studio floor, the shelf ticket, the now line, ONE violet that fills only the keys). Loaded after the
   template CSS (SKIN ORDER LAW). Logical properties only (he mirrors); the running text keeps its full measure (PL_FULL_MEASURE_V1); product
   images square, contained, never zoomed (PRODUCT IMAGE LAW); ticks in the ok green (CHECKMARK LAW); no code chip, no verdict box, no compare
   strip, no star row; no uppercase, no italics. */

/* ---- 1. self-hosted faces (/fonts/cr/, per script with unicode-range; CR Sans 400 to 800 variable, Noto Sans Hebrew 400 to 800 variable for he) ---- */
@font-face {font-family: 'CR Sans';font-style: normal;font-weight: 400 800;font-display: swap;src: url(/fonts/cr/cr-sans-cyrillic-ext.woff2) format('woff2');unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;}
@font-face {font-family: 'CR Sans';font-style: normal;font-weight: 400 800;font-display: swap;src: url(/fonts/cr/cr-sans-cyrillic.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'CR Sans';font-style: normal;font-weight: 400 800;font-display: swap;src: url(/fonts/cr/cr-sans-greek.woff2) format('woff2');unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;}
@font-face {font-family: 'Noto Sans Hebrew';font-style: normal;font-weight: 400 800;font-display: swap;src: url(/fonts/cr/noto-sans-hebrew-hebrew.woff2) format('woff2');unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;}
@font-face {font-family: 'CR Sans';font-style: normal;font-weight: 400 800;font-display: swap;src: url(/fonts/cr/cr-sans-latin-ext.woff2) format('woff2');unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face {font-family: 'CR Sans';font-style: normal;font-weight: 400 800;font-display: swap;src: url(/fonts/cr/cr-sans-latin.woff2) format('woff2');unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* ---- 2. design tokens (DESIGN-SPEC 10.1 to 10.3): the now label ---- */
:root{
  --cr-white:#FFFFFF;--cr-mist:#F4F3FB;--cr-studio-top:#F6F7F9;--cr-studio:#EEF0F4;--cr-studio-floor:#E6E8EE;
  --cr-line:#E3E5EB;--cr-line-2:#CDD0D8;--cr-line-3:#868A96;
  --cr-ink:#16171D;--cr-mute:#595C69;
  --cr-sig:#6A1FDE;--cr-sig-deep:#5415BD;--cr-sig-tint:#F2EBFF;
  --cr-ok:#13774A;--cr-ok-tint:#E6F4EC;--cr-warn:#B3261E;--cr-warn-tint:#FCEBEA;
  --cr-cta:var(--cr-sig);--cr-cta-ink:#FFFFFF;--cr-cta-hover:var(--cr-sig-deep);--cr-cta-edge:var(--cr-sig-deep);--cr-focus:var(--cr-sig);
  --cr-font:"CR Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --cr-fs-0:.875rem;--cr-fs-1:1rem;--cr-fs-2:1.0625rem;--cr-fs-3:1.125rem;--cr-fs-4:1.25rem;
  --cr-fs-5:clamp(1.625rem,2.6vw,1.875rem);--cr-fs-6:clamp(1.8125rem,3.4vw,2.875rem);--cr-fs-mk:clamp(2rem,3vw,2.625rem);
  --cr-body:1.125rem;
  --cr-s-1:4px;--cr-s-2:8px;--cr-s-3:12px;--cr-s-4:16px;--cr-s-5:24px;--cr-s-6:32px;--cr-s-7:48px;--cr-s-8:56px;
  --cr-rail:340px;--cr-line-w:1px;--cr-pad:48px;--cr-box:28px;--cr-edge:0px;
  --cr-wrap:1200px;--cr-gutter:16px;--cr-measure:600px;
  --cr-r-card:16px;--cr-r-well:12px;--cr-r-btn:10px;--cr-r-lab:10px;--cr-r-1:6px;--cr-r-2:12px;--cr-r:16px;--cr-r-s:10px;
  --cr-lift:0 1px 2px rgba(22,23,29,.06),0 10px 28px rgba(22,23,29,.08);--cr-t:150ms;
  /* the marks: the ok tick for the ok tint circle (CHECKMARK LAW), the warn cross for the warn tint circle, the graphite chevron of the FAQ rows */
  --cr-i-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6' fill='none' stroke='%2313774A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --cr-i-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.8 6.8l6.4 6.4M13.2 6.8l-6.4 6.4' fill='none' stroke='%23B3261E' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E");
  --cr-i-star:none;--cr-i-star-o:none;
  --cr-i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%2316171D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
:lang(he){--cr-font:"CR Sans","Noto Sans Hebrew",system-ui,Arial,sans-serif}
@media (min-width:768px){:root{--cr-gutter:32px}}
@media (min-width:1280px){:root{--cr-gutter:40px}}
@media (prefers-reduced-motion:reduce){:root{--cr-t:0s}html{scroll-behavior:auto}*,*::before,*::after{transition:none;animation:none}}
/* the OI names the builder templates rely on (no template CSS has to change) */
:root{--paper:var(--cr-white);--paper2:var(--cr-white);--sand:var(--cr-studio);--card:var(--cr-white);--line:var(--cr-line);
  --ink:var(--cr-ink);--ink2:var(--cr-mute);--muted:var(--cr-mute);--navy:var(--cr-ink);--navy2:var(--cr-ink);
  --amber:var(--cr-sig);--amber-deep:var(--cr-sig-deep);--amber-tint:var(--cr-sig-tint);--amber-lit:var(--cr-line-2);--red:var(--cr-warn);
  --serif:var(--cr-font);--sans:var(--cr-font)}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--cr-white)}
body{font-family:var(--cr-font);color:var(--cr-ink);background:var(--cr-white);font-size:var(--cr-body);line-height:1.55;font-optical-sizing:auto;font-kerning:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
b,strong{font-weight:700}
h1,h2,h3,h4{font-family:var(--cr-font);font-weight:750;letter-spacing:-.018em;line-height:1.12;overflow-wrap:anywhere;hyphens:manual;text-wrap:balance;text-transform:none}
:lang(he) :is(h1,h2,h3,h4){letter-spacing:0;font-weight:700}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--cr-focus);outline-offset:3px;border-radius:6px}
.nb{white-space:nowrap}
.co{unicode-bidi:isolate;direction:ltr}
bdi{unicode-bidi:isolate;font-variant-numeric:tabular-nums lining-nums}
[dir=rtl] .flip{transform:scaleX(-1)}
#ctr-consent{display:none}   /* DR CHROME LAW 2: no cookie notice anywhere; /consent.js is a no-op stub, the id never renders (belt and braces) */

/* ---- 3. shared chrome: the sitebar and the builder footer partial, both templates ---- */
.sitebar{background:var(--cr-white);border-bottom:1px solid var(--cr-line);border-top:0;position:static}
.sitebar .wrap{padding-top:12px;padding-bottom:12px;gap:12px}
.sitebar .cr-logo,.sitebar .pl-logo,.sitebar .oi-logo{min-height:44px;padding:2px 0;display:inline-flex;align-items:center;flex:none;min-width:0;direction:ltr}
.sitebar .cr-logo img,.sitebar .pl-logo img,.sitebar .oi-logo img{height:34px;width:auto;max-width:58vw}
@media(max-width:640px){
  .sitebar .cr-logo img,.sitebar .pl-logo img,.sitebar .oi-logo img{height:28px}
}
@media(max-width:380px){
  .sitebar .cr-logo img,.sitebar .pl-logo img,.sitebar .oi-logo img{height:24px}
}
.sitebar strong{color:var(--cr-ink);font-weight:700;font-family:var(--cr-font)}
.sitebar .adv{font-family:var(--cr-font);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:var(--cr-mute);margin-inline-start:auto;flex:0 1 auto;min-width:0;max-width:17ch;text-align:end;line-height:1.15;text-wrap:balance;overflow-wrap:anywhere;hyphens:manual}
.foot{background:var(--cr-white);color:var(--cr-ink);border-top:1px solid var(--cr-line);font-size:16px;line-height:1.5;padding:40px 0 32px}
.foot::after{display:none}
.foot p{color:var(--cr-mute);max-width:64ch}
.foot strong,.foot b{color:var(--cr-ink)}
.foot p a{color:var(--cr-ink);text-decoration:underline;text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:3px}
.foot p a:hover,.foot p a:focus-visible{color:var(--cr-ink)}
.foot-nav a{color:var(--cr-ink);font-weight:600;font-family:var(--cr-font);font-size:16px;text-decoration:none;min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.foot-nav a:hover{color:var(--cr-ink);text-decoration:underline;text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:4px}
.foot .wrap > a{color:var(--cr-ink);font-weight:400}
/* ---- 4. the guide template (listing.php): the hero, the plate (section 9.8 hides its code chip), the listings, the button, the tables ---- */
.hero{background:var(--cr-white);color:var(--cr-ink);border-radius:0;background-image:none;position:relative;border-bottom:1px solid var(--cr-line);padding:40px 0 36px;text-align:start}
.hero .wrap{max-width:1170px;margin:0 auto;padding:0 16px;position:relative}
.article > .wrap{position:relative}
.hero .plate{display:inline-flex;align-items:center;gap:12px;flex-wrap:wrap;min-height:44px;max-width:100%;padding:0;background:transparent;border:0;border-radius:0;color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;font-size:20px;letter-spacing:0;text-transform:none;line-height:1.15;margin-bottom:18px}
.plate .l,.hero .plate .l{flex:none;display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 6px;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);border-radius:2px;font-family:var(--cr-font);font-weight:700;font-size:14px;letter-spacing:0;line-height:1;text-transform:none;unicode-bidi:isolate;direction:ltr}
.plate svg,.hero .plate svg{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--cr-ink)}
.hero .plate .sec{font-weight:700;font-size:20px;letter-spacing:0;text-transform:none;color:var(--cr-ink)}
.hero .plate .seg,.hero .plate .cat{font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:var(--cr-mute);border-inline-start:1px solid var(--cr-line);padding-inline:12px 4px;font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.hero .plate .code{display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 6px;border:1.5px solid var(--cr-line-3);border-radius:2px;background:var(--cr-white);color:var(--cr-ink);font-size:14px;letter-spacing:0;line-height:1;text-transform:none;direction:ltr}
.hero h1{font-family:var(--cr-font);font-weight:750;text-transform:none;line-height:1.02;letter-spacing:-.02em;font-size:clamp(2rem,4.2vw,3.5rem);max-width:20ch;margin:0;text-wrap:balance;color:var(--cr-ink)}
:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=el],[lang=pl],[lang=cs],[lang=sk],[lang=sl],[lang=hr],[lang=ro],[lang=pt],[lang=bg],[lang=lv],[lang=et]) .hero h1{font-size:clamp(1.75rem,3.6vw,3rem)}
@media(min-width:1000px){
  .hero h1{max-width:20ch}
}
[lang=he] .hero h1{line-height:1.1;letter-spacing:0}
.hero .verify{font-family:var(--cr-font);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:var(--cr-mute);opacity:1;margin-top:18px;font-variant-numeric:tabular-nums}
.hero .verify b,.hero .verify strong{color:var(--cr-ink);font-weight:700}
.hero .verify bdi{font-variant-numeric:tabular-nums;color:var(--cr-ink)}
.hero .label,.hero .hero-kicker{font-family:var(--cr-font);font-weight:600;font-size:17px;letter-spacing:0;text-transform:none;color:var(--cr-ink)}
.hero .art{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);padding:10px;box-shadow:none}
.hero .art img{border-radius:var(--cr-r-1);aspect-ratio:4/5;object-fit:cover;width:100%;display:block}
.article{background:var(--cr-white)}
.opener p{color:var(--cr-ink);font-size:var(--cr-body);line-height:1.6}
.opener p.q{font-family:var(--cr-font);font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-.01em;position:relative;padding-inline-start:34px;text-indent:0}

.flow-h,.long-review h2{font-family:var(--cr-font);font-weight:750;font-size:clamp(28px,2.6vw,40px);line-height:1.05;letter-spacing:-.01em;color:var(--cr-ink);padding-inline-start:0;position:relative;text-wrap:balance;border-top:1px solid var(--cr-line);padding-top:16px}
.flow-h::before,.long-review h2::before{display:none}
.flow-h .kicker,.long-review .kicker{display:block;font-family:var(--cr-font);font-weight:750;font-size:17px;letter-spacing:0;text-transform:none;color:var(--cr-ink);margin-bottom:8px}
.listing{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);box-shadow:none;overflow:visible}
.listing.featured{border:1px solid var(--cr-line);box-shadow:none}
.listing-rank{position:absolute;inset-inline-start:20px;inset-inline-end:auto;top:18px;width:auto;height:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;font-size:44px;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.listing.featured .listing-rank{background:transparent;color:var(--cr-ink);font-size:44px}
.winner-banner{background:transparent;color:var(--cr-ink);border:0;border-bottom:1px solid var(--cr-line);border-radius:0;font-family:var(--cr-font);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none}
.winner-banner b,.winner-banner strong{color:var(--cr-ink)}
.prod-img{border:1px solid var(--cr-line);border-radius:var(--cr-r-2);background:var(--cr-white)}
html .listing-media .prod-img,html .review-break .prod-img,html .final-offer .prod-img{aspect-ratio:1/1;min-height:0;height:auto;padding:8px;box-sizing:border-box}
html .prod-img img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;transform:none}
.prod-img.placeholder{aspect-ratio:1/1;background:var(--cr-studio)}
.prod-img.placeholder span{color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;letter-spacing:0;text-transform:none;font-size:15px}
.review-link{color:var(--cr-ink);font-family:var(--cr-font);font-weight:600;font-size:16px;line-height:1.3;text-align:start;display:block;box-sizing:border-box;padding-block:11px;min-height:44px;text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:4px}
.review-link:hover{color:var(--cr-ink)}
.badge{background:var(--cr-mist);color:var(--cr-ink);border:0;border-radius:var(--cr-r-1);font-family:var(--cr-font);font-weight:700;font-size:14px;letter-spacing:0;text-transform:none;padding:3px 8px}
.listing.featured .badge{background:var(--cr-mist);color:var(--cr-ink)}
.pos{color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;letter-spacing:0;text-transform:none}
.listing-main h3{font-family:var(--cr-font);font-weight:750;font-size:28px;line-height:1.1;letter-spacing:-.01em;color:var(--cr-ink);text-transform:none}
.rating-row{color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.rating-row strong{color:var(--cr-ink)}
.rating-row em{font-style:normal}
.stars .star{color:transparent;-webkit-text-stroke:1px var(--cr-ink)}
.stars .star.on{-webkit-text-stroke:0;color:var(--cr-ink)}
.score-box{border:1px solid var(--cr-line);border-radius:var(--cr-r-2);background:var(--cr-white)}
.score-num{font-family:var(--cr-font);font-weight:700;font-variant-numeric:proportional-nums lining-nums;background:transparent;color:var(--cr-ink);border:0;padding:0;display:inline-block;line-height:1.3}
.listing.featured .score-num{background:transparent;color:var(--cr-ink)}
.score-word{font-family:var(--cr-font);font-weight:600;letter-spacing:0;text-transform:none;color:var(--cr-mute);font-size:15px}
.score-rows,.spec-rows{font-variant-numeric:tabular-nums}
.score-rows div{display:flex;align-items:baseline;gap:10px;min-height:28px}
.score-rows div::before{content:"";order:2;flex:1 1 16px;border-bottom:1px solid var(--cr-line);transform:translateY(-4px)}
.score-rows dd{order:3;margin:0;font-family:var(--cr-font);font-weight:700}
.price-label{color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;letter-spacing:0;text-transform:none;font-size:15px}
.price-now{color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;font-variant-numeric:tabular-nums}
.listing.featured .price-now{color:var(--cr-ink)}
.price-was{color:var(--cr-mute);font-variant-numeric:tabular-nums;text-decoration:line-through}
.benefits li{color:var(--cr-ink)}
.benefits .check{color:#fff;background:var(--cr-ok);border-radius:var(--cr-r-1);width:22px;height:22px;display:inline-grid;place-items:center;font-weight:700;flex:none}
.drawbacks li{color:var(--cr-mute)}
.drawbacks .cross{color:var(--cr-warn);background:var(--cr-white);border:2px solid var(--cr-warn);border-radius:var(--cr-r-1);width:22px;height:22px;display:inline-grid;place-items:center;font-weight:700;flex:none}
.deal-box{border:1px solid var(--cr-line);background:var(--cr-white);border-radius:var(--cr-r-2)}
.deal-box strong{color:var(--cr-ink);font-weight:700}
.deal-box span{color:var(--cr-ink)}
.deal-box em{color:var(--cr-warn);font-style:normal;font-family:var(--cr-font);font-weight:700;font-size:15px;letter-spacing:0;text-transform:none}
.cta,.btn{background:var(--cr-cta);color:var(--cr-cta-ink);border:2px solid var(--cr-cta);border-radius:var(--cr-r-1);font-family:var(--cr-font);font-weight:700;font-size:19px;letter-spacing:0;text-transform:none;min-height:52px;box-shadow:none;transition:background var(--cr-t),color var(--cr-t),border-color var(--cr-t),transform var(--cr-t),box-shadow var(--cr-t);text-decoration:none}
.cta:hover,.btn:hover{background:var(--cr-cta-hover);border-color:var(--cr-cta-hover);color:#fff;box-shadow:none}
.cta:active,.btn:active{transform:none;box-shadow:none}
.listing.featured .cta,.final-offer .cta{background:var(--cr-cta);color:var(--cr-cta-ink)}
.listing.featured .cta:hover,.final-offer .cta:hover{background:var(--cr-ink);border-color:var(--cr-ink);color:#fff}
.side-note{color:var(--cr-mute);background:var(--cr-white);border:1px solid var(--cr-line);border-inline-start:3px solid var(--cr-ink);border-radius:var(--cr-r-2);padding:10px 12px;text-align:start}
.tile{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);box-shadow:none}
.tile .tile-ic{background:var(--cr-ink);border:0;color:#fff;border-radius:var(--cr-r-1)}
.tile h3{font-family:var(--cr-font);font-weight:750;font-size:19px;letter-spacing:0;text-transform:none;color:var(--cr-ink)}
.tile p{color:var(--cr-mute)}
.long-review article h3{font-family:var(--cr-font);font-weight:750;font-size:24px;letter-spacing:-.01em;color:var(--cr-ink)}
.long-review .intro p,.long-review article p{color:var(--cr-ink)}
.review-break{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2)}
.review-break p{color:var(--cr-mute)}
.review-hero,.review-figure{border-color:var(--cr-line);border-radius:var(--cr-r-2)}
.review-hero.is-cropped,.review-figure.is-cropped{background:var(--cr-studio)}
.important{background:var(--cr-white);border:1px solid var(--cr-line);border-inline-start:3px solid var(--cr-line-2);border-radius:var(--cr-r-2);position:relative}
.important::before{display:none}
.important strong{font-family:var(--cr-font);font-weight:700;letter-spacing:0;text-transform:none;font-size:17px;color:var(--cr-ink)}
.important p{color:var(--cr-mute)}
.final-offer{border:1px solid var(--cr-line);border-radius:var(--cr-r-2);background:var(--cr-white);box-shadow:none}
.final-offer h2{font-family:var(--cr-font);font-weight:750;letter-spacing:-.01em;color:var(--cr-ink);border:0;padding-top:0}
.final-offer p{color:var(--cr-ink)}
.trust{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2)}
.trust .avatar{display:none}
.trust .meet{color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;letter-spacing:0;text-transform:none;font-size:16px}
.trust h3{font-family:var(--cr-font);font-weight:750;color:var(--cr-ink)}
.trust p{color:var(--cr-mute)}
.brandlink{color:var(--cr-ink);text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:3px}
.brandlink:hover{color:var(--cr-ink)}
.article table{border:0;border-top:1px solid var(--cr-line);border-radius:0;border-collapse:collapse;border-spacing:0;background:var(--cr-white);font-variant-numeric:tabular-nums}
.article th{background:var(--cr-white);color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;letter-spacing:0;text-transform:none;font-size:16px;border-bottom:1px solid var(--cr-line)}
.article td{border-top:1px solid var(--cr-line);color:var(--cr-ink)}
.article tr:nth-child(even) td{background:var(--cr-mist)}
.article td:first-child{font-weight:700;font-family:var(--cr-font)}
.article .table-wrap{overflow-x:auto}
@media(max-width:640px){
  .article .table-wrap th:first-child,.article .table-wrap td:first-child{position:sticky;inset-inline-start:0;background:var(--cr-white)}
  .article .table-wrap tr:nth-child(even) td:first-child{background:var(--cr-mist)}
}
[lang=he] :is(.hero h1,.flow-h,.listing-main h3,.badge,.cta,.winner-banner,.sitebar .adv,.important strong,.rating-row,.price-label){letter-spacing:0}
.pos,.score-word{font-size:15px}
.side-note{font-size:16px;line-height:1.45}
.opener p,.long-review .intro p,.long-review article p{max-width:none}
@media(max-width:640px){
  .badge,.prod-img.placeholder span{font-size:14px}
  .pos,.price-label,.score-word,.trust .meet{font-size:15px}
  .side-note,.deal-box em,.deal-box span,.rating-row,.review-link{font-size:15px}
  .listing,.tile,.review-break{border-radius:var(--cr-r-2)}
}
/* ---- 4b. the guide details: the numeral column, the sticky decision column from 1024 px, the tick and cross rows, the deal box, the value tiles, the FAQ, the phone card under 900 px ---- */
.listing{padding:20px;padding-inline-start:76px;margin:0 0 24px}
@media(min-width:1024px){
  .listing-side{flex:0 0 224px;position:sticky;top:16px}
  .listing-media{position:sticky;top:16px}
  .listing.featured:not(.repeat) .benefits:has(> li:nth-child(8)){columns:2;column-gap:28px}
  .listing.featured:not(.repeat) .benefits:has(> li:nth-child(8)) li{break-inside:avoid;page-break-inside:avoid}
}
.badge-row{flex-wrap:wrap;gap:6px 10px;align-items:center;margin-bottom:8px}
.badge{flex:0 1 auto;max-width:100%;line-height:1.25;white-space:normal;text-wrap:balance}
.pos{flex:1 1 auto;min-width:0;line-height:1.3}
.listing.featured .pos{display:none}
.listing-main h3{margin:2px 0 10px}
.rating-row{gap:8px 10px;align-items:center;margin-bottom:12px}
.rating-row em{display:none}
.stars{display:inline-flex;gap:2px;align-items:center;font-family:var(--cr-font);letter-spacing:0;text-transform:none;line-height:1}
.stars .star{display:inline-block;width:15px;height:15px;font-size:0;line-height:0;color:transparent;-webkit-text-stroke:0;background:var(--cr-i-star-o) center/15px 15px no-repeat}
.stars .star.on{background-image:var(--cr-i-star)}
.score-box .stars{display:none}
.price-block{gap:10px;align-items:baseline;flex-wrap:wrap;margin:0 0 14px}
.price-now{font-size:24px;line-height:1}
.price-was{font-size:15px}
.benefits li,.drawbacks li{font-size:16px;line-height:1.5;margin:0 0 8px;gap:10px;text-wrap:pretty;display:block;position:relative;padding-inline-start:32px;min-width:0}
.benefits .check,.drawbacks .cross{position:absolute;inset-inline-start:0;top:1px;margin:0;display:block;flex:none;width:22px;height:22px;font-size:0;line-height:0;color:transparent}
.benefits .check{background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat;border-radius:50%}
.drawbacks .cross{background:var(--cr-warn-tint) var(--cr-i-cross) center/14px 14px no-repeat;box-sizing:border-box}
.benefits li .nb,.drawbacks li .nb,.rating-row em .nb,.deal-box .nb{display:inline}
.deal-box{gap:6px;padding:12px 14px;margin:14px 0 4px}
.deal-box strong{font-size:15px;line-height:1.4;text-wrap:pretty}
.deal-box span{font-size:15px;font-weight:400;color:var(--cr-mute)}
.deal-box em{font-family:var(--cr-font);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--cr-mute);text-wrap:pretty}
.deal-box em b,.deal-box .status{font-family:var(--cr-font);font-weight:700;font-size:15px;letter-spacing:0;text-transform:none;color:var(--cr-warn);margin-inline-end:6px}
.deal-box bdi{white-space:nowrap}
.listing-side{gap:12px}
.score-box{padding:12px 10px 10px;gap:4px}
.score-num{font-size:36px;line-height:1.25;padding:0}
.cta,.btn{line-height:1.2}
.listing-side .cta{font-size:18px;letter-spacing:0;padding:12px 8px;text-wrap:balance;hyphens:manual;overflow-wrap:normal;display:block;text-align:center}
.cta .flip,.btn .flip{display:inline-block;margin-inline-start:.3em}
[dir=rtl] .cta .flip,[dir=rtl] .btn .flip{transform:none}
:is([lang=sv],[lang=fi],[lang=hu],[lang=el],[lang=nl],[lang=de],[lang=da],[lang=it],[lang=pt],[lang=ro],[lang=pl],[lang=cs],[lang=sk],[lang=sl],[lang=hr],[lang=lv],[lang=et],[lang=bg]) .listing-side .cta{font-size:17px;letter-spacing:0;padding-inline:6px}
.final-offer .cta{font-size:18px;letter-spacing:0;padding:12px 16px}
.winner-banner{display:block;text-align:start;font-size:17px;line-height:1.3;padding:8px 0 10px;margin:36px 0 0;border-radius:0;border-bottom:0}
.listing.repeat{margin-top:0;border-start-start-radius:0;border-start-end-radius:0}
.listing.repeat .listing-rank,.listing.repeat .benefits li:nth-child(n+4),.listing.repeat .drawbacks,.listing.repeat .deal-box,.listing.repeat .review-link,.listing.repeat .rating-row em{display:none}
.tiles{gap:16px;margin:32px 0 8px}
.tile{display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:14px;align-items:center;text-align:start;padding:18px}
.tile .tile-ic{margin:0;width:46px;height:46px;grid-column:1;grid-row:1}
.tile h3{grid-column:2;grid-row:1;margin:0;font-size:19px;line-height:1.25;text-wrap:balance}
.tile p{grid-column:1/-1;margin:12px 0 0;font-size:16px;line-height:1.5;color:var(--cr-mute);text-wrap:pretty}
.opener p{font-size:var(--cr-body);line-height:1.6}
.long-review .intro p,.long-review article p{font-size:var(--cr-body);line-height:1.6;margin:0 0 16px}
.long-review article h3{line-height:1.15;margin:28px 0 12px}
.review-hero,.review-figure{background:var(--cr-studio)}
.important p,.final-offer p{font-size:16px;line-height:1.55;text-wrap:pretty}
.final-offer h2{font-size:30px;line-height:1.1;margin-bottom:8px}
.faq{margin:32px 0 8px}
.faq details{background:transparent;border:0;border-top:1px solid var(--cr-line);border-radius:0;padding:0;margin:0}
.faq details:last-of-type{border-bottom:1px solid var(--cr-line)}
.faq summary{list-style:none;cursor:pointer;display:block;position:relative;min-height:52px;padding:14px 0;padding-inline-start:34px;padding-inline-end:34px;font-family:var(--cr-font);font-weight:600;font-size:20px;line-height:1.25;color:var(--cr-ink)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{content:"";position:absolute;inset-inline-start:0;top:16px;width:22px;height:22px;border:1px solid var(--cr-line);border-radius:var(--cr-r-1);background:var(--cr-white);box-sizing:border-box}
.faq details[open] summary::before{background:transparent;border-color:var(--cr-ink)}
.faq summary::after{content:"";position:absolute;inset-inline-end:2px;top:22px;width:13px;height:13px;border:0;border-right:2px solid var(--cr-ink);border-bottom:1px solid var(--cr-line);transform:rotate(45deg) translateY(-3px);transition:transform var(--cr-t);border-radius:0;display:block}
.faq details[open] summary::after{transform:rotate(225deg) translateY(-3px)}
.faq details > :not(summary){padding:0 0 20px;margin:0;font-size:var(--cr-body);line-height:1.6;color:var(--cr-ink)}
.faq details p{font-size:var(--cr-body);color:var(--cr-ink);padding-bottom:20px}
[lang=he] :is(.hero h1,.flow-h,.long-review h2,.listing-main h3,.long-review article h3,.final-offer h2,.faq summary){letter-spacing:0}
[lang=he] :is(.badge,.pos,.winner-banner,.rating-row,.deal-box em b,.deal-box .status,.price-label,.score-word,.tile h3,.important strong,.sitebar .adv,.hero .verify,.cta,.btn,.article th,.prod-img.placeholder span,.trust .meet,.hero .plate,.hero .plate .sec,.listing-rank,.plate .l){text-transform:none;letter-spacing:.02em}
@media(max-width:899px){
  .listing{padding:50px 16px 16px}
  .listing-rank,.listing.featured .listing-rank{inset-inline-start:16px;inset-inline-end:auto;top:10px;font-size:32px}
  .listing-cols{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:14px;row-gap:0;align-items:start}
  .listing-cols::after{display:none}
  .listing-media{float:none;width:auto;margin:0;grid-column:1;grid-row:1/span 4;align-self:start;position:static}
  .listing-media .prod-img{width:104px;padding:5px}
  .review-link{font-size:15px;line-height:1.25;margin-top:8px;text-wrap:balance}
  .listing-main{display:contents;min-width:0}
  .listing-main > :is(.badge-row,h3,.rating-row,.price-block){grid-column:2;min-width:0}
  .listing-main > :is(.benefits,.drawbacks,.deal-box){grid-column:1/-1;clear:none}
  .listing-main > .benefits{margin-top:6px}
  .listing-main h3{font-size:22px;line-height:1.12;margin:2px 0 8px}
  .price-block{column-gap:8px;row-gap:2px}
  .price-now{font-size:22px}
  .price-was{white-space:nowrap}
  .badge-row{gap:6px 8px}
  .rating-row{margin-bottom:10px}
  .listing-side{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;row-gap:10px;align-items:stretch;width:100%;grid-column:1/-1;clear:none;margin-top:14px;position:static}
  .score-box{grid-column:1;grid-row:1;padding:6px 10px;gap:2px;justify-content:center;min-width:96px}
  .score-num{font-size:24px;line-height:1.3;padding:0}
  .listing-side .cta{grid-column:2;grid-row:1;display:block;text-align:center;padding:14px 10px}
  .side-note{grid-column:1/-1}
  .final-offer{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:14px;row-gap:10px;align-items:start;text-align:start;padding:18px 16px}
  .final-offer::after{display:none}
  .final-offer .prod-img{float:none;width:auto;margin:0;grid-column:1;grid-row:1;align-self:start}
  .final-offer > div{display:contents}
  .final-offer h2,.final-offer h3.name{grid-column:2;grid-row:1;align-self:center;margin:0}
  .final-offer p{grid-column:1/-1;margin:0}
  .final-offer .cta{display:block;grid-column:1/-1;margin-top:0}
  .long-review article h3{text-wrap:pretty}
  .tile{padding:16px}
}
/* ---- 4c. the guide module chrome (data/msads-pl-guide-normalise.mjs): the language chip and the strip (hidden under DR_CHROME_HOME_ONLY_V1, styled for the mirror), the criteria block, the footer columns ---- */
body{background:var(--cr-white)}
.langsel{position:relative;flex:none}
.langsel summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--cr-line);border-radius:var(--cr-r-1);background:var(--cr-white);color:var(--cr-ink);font-family:var(--cr-font);font-weight:600;font-size:17px;letter-spacing:0;text-transform:none;line-height:1;white-space:nowrap}
.langsel summary::-webkit-details-marker{display:none}
.langsel .ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;flex:none}
.langsel .ico.chev{width:16px;height:16px;transition:transform var(--cr-t)}
.langsel[open] summary{background:var(--cr-ink);color:#fff}
.langsel[open] summary .chev{transform:rotate(180deg)}
.langmenu{position:absolute;inset-inline-end:0;top:calc(100% + 8px);z-index:50;background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);padding:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;inline-size:min(640px,calc(100vw - 32px));box-shadow:var(--cr-lift)}
.langmenu a{text-decoration:none;color:var(--cr-ink);font-size:16px;font-weight:400;min-height:44px;padding:0 10px;border-radius:var(--cr-r-1);display:flex;align-items:center;gap:10px;white-space:nowrap;line-height:1.2}
.langmenu a:hover{background:var(--cr-mist)}
.langmenu a.cur{background:var(--cr-ink);color:#fff;font-weight:700}
.langmenu a .cc{font-family:var(--cr-font);font-weight:700;font-size:14px;letter-spacing:0;text-transform:none;color:var(--cr-ink);min-width:26px}
.langmenu a.cur .cc{color:var(--cr-line-2)}
.strip,.sitebar + .strip{position:static;top:auto;z-index:auto;background:var(--cr-white);color:var(--cr-ink);border-top:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line);border-block-end:1px solid var(--cr-line);min-height:44px}
.strip .wrap{display:flex;align-items:center;gap:8px;min-height:44px;overflow-x:auto;scrollbar-width:none;padding-top:0;padding-bottom:0;scroll-padding-inline:16px}
.strip .wrap::-webkit-scrollbar{display:none}
.strip a{flex:none;display:inline-flex;align-items:center;gap:8px;color:var(--cr-ink);font-family:var(--cr-font);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;min-height:44px;padding:0 10px;border-bottom:3px solid transparent;border-block-end:3px solid transparent;margin-block-end:-1px}
.strip a:hover,.strip a.on,.strip a[aria-current]{border-color:var(--cr-ink);color:var(--cr-ink)}
.strip a .l,.strip .l{flex:none;display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 6px;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);border-radius:2px;font-family:var(--cr-font);font-weight:700;font-size:14px;letter-spacing:0;line-height:1;unicode-bidi:isolate;direction:ltr}
.strip a.on .l{background:var(--cr-ink);color:#fff}
.strip .code{border-color:var(--cr-ink);color:var(--cr-ink);background:var(--cr-white)}
.strip .upd{margin-inline-start:auto;flex:none;font-family:var(--cr-font);font-weight:400;font-size:16px;letter-spacing:0;text-transform:none;color:var(--cr-mute);white-space:nowrap;padding-inline-start:12px}
.opener p.q{margin:0 0 10px}

.opener p.q + p:not(.q){margin-top:18px}
.criteria{margin:32px 0 8px}
.crit-list{list-style:none;margin:0;padding:0;counter-reset:cr-crit;display:grid;gap:0;border-top:1px solid var(--cr-line)}
.crit-list li{counter-increment:cr-crit;position:relative;padding:14px 0;padding-inline-start:52px;background:transparent;border:0;border-bottom:1px solid var(--cr-line);border-radius:0;font-size:17px;line-height:1.5;color:var(--cr-ink);text-wrap:pretty}
.crit-list li::before{content:counter(cr-crit,decimal-leading-zero);position:absolute;inset-inline-start:0;top:14px;box-sizing:border-box;min-width:36px;height:24px;padding:0 4px;display:inline-grid;place-items:center;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);border-radius:2px;font-family:var(--cr-font);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:0;unicode-bidi:isolate}
.crit-list li b{font-weight:750;font-family:var(--cr-font);font-size:19px}
.crit-list .cd{color:var(--cr-mute)}
.foot .foot-cols{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:32px 24px}
.foot .brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;text-decoration:none;color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;font-size:28px;letter-spacing:-.01em;line-height:1;white-space:nowrap;direction:ltr}
.foot .brand .mark,.foot .foot-brand img.mark,.foot .foot-brand svg.mark{width:34px;height:34px;flex:none;display:block}
.foot .foot-brand .chooser,.foot .brand .chooser,.foot .foot-brand .r,.foot .brand .r{font-weight:500;color:var(--cr-ink)}
.foot .brand .and{font-weight:500;color:var(--cr-mute)}
.foot .note{margin:24px 0 0;max-width:48ch;text-wrap:pretty;font-size:16px;line-height:1.5;color:var(--cr-mute)}
.foot .note a{color:var(--cr-ink);text-decoration:underline;text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:3px}
.foot .note a:hover,.foot .note a:focus-visible{color:var(--cr-ink)}
.foot .pub{margin:16px 0 0;line-height:1.5;font-size:16px;max-width:36ch;color:var(--cr-ink)}
.foot .pub b{color:var(--cr-ink);font-weight:700}
.foot .pub a{color:var(--cr-ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.foot .h{font-family:var(--cr-font);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;color:var(--cr-ink);margin:0 0 4px;min-height:44px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.foot .h .l{display:none}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:0}
.foot ul li{padding-block:0}
.foot ul a{color:var(--cr-ink);text-decoration:none;display:flex;align-items:center;min-height:44px;padding-block:4px;border-top:1px solid var(--cr-line);line-height:1.25;overflow-wrap:break-word;max-width:100%;transition:color var(--cr-t)}
.foot ul a:hover{color:var(--cr-ink)}
.foot ul a.cur{color:var(--cr-ink);font-weight:700}
:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=sv],[lang=da],[lang=et],[lang=el],[lang=bg]) .foot ul a{hyphens:auto;hyphenate-limit-chars:10 4 4}
.foot .langs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.foot .copy{margin-top:32px;padding-top:20px;border-top:1px solid var(--cr-line);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;font-size:16px;color:var(--cr-mute)}
.foot .copy .foot-nav{margin:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.foot .copy .co{color:var(--cr-mute)}
[lang=he] :is(.strip a,.strip .upd,.langsel summary,.foot .h){letter-spacing:0;text-transform:none}
@media(max-width:1023px){
  .foot .foot-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
  .foot .foot-brand{grid-column:1/-1}
}
@media(max-width:899px){
  .strip .upd{display:none}
  .strip .wrap{padding-inline-end:calc(16px + 24px);scroll-padding-inline-end:44px}
}
@media(max-width:640px){
  .foot{padding:32px 0 24px}
  .foot .foot-cols{grid-template-columns:1fr 1fr;gap:20px 16px}
  .foot .foot-brand{grid-column:1/-1}
  .foot ul a{font-size:15px}
  .foot .copy .foot-nav{flex:1 1 100%;justify-content:flex-start}
  .sitebar .wrap{gap:8px}
  .langsel{position:static}
  .langsel summary{padding:0 10px}
  .langsel summary .lbl{display:none}
  .langmenu{position:fixed;inset-inline:12px;top:66px;inline-size:auto;max-height:calc(100vh - 80px);overflow:auto;grid-template-columns:repeat(2,minmax(0,1fr))}
  .strip .wrap{gap:4px}
  .strip a{padding:0 8px}
  .crit-list li{padding:12px 0;padding-inline-start:48px}
  .crit-list li::before{inset-inline-start:0;top:12px}
  .strip a .l,.strip .l,.strip .code.rng{display:none}
  .foot-nav{display:flex;flex-wrap:wrap;gap:0 16px}
}
/* ---- 4c-2. the visual-fix mechanics of the sister rounds: the hero photograph well, the plate wrap, the hyphenation limits, the footer rows, the INLINE LINK TAP LAW, the he prices left to right ---- */
.hero .art.art-photo{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);padding:10px;box-shadow:none;max-width:400px;box-sizing:border-box}
.hero .art.art-photo img{border-radius:var(--cr-r-1);display:block}
.hero .art.art-photo picture{display:block;width:100%;height:100%}
@media(max-width:640px){
  .hero .plate{flex-wrap:wrap;row-gap:4px}
  .hero .plate .seg,.hero .plate .cat{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.2}
}
.strip a .ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--cr-ink)}
.strip .code.rng{flex:none;display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 6px;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);border-radius:2px;font-family:var(--cr-font);font-weight:700;font-size:14px;letter-spacing:0;line-height:1;unicode-bidi:isolate;direction:ltr}
.listing-main h3,.final-offer h2,.final-offer h3,.tile h3,.winner-banner,.badge{hyphens:manual}
.hero h1,.flow-h,.long-review h2,.long-review article h3{hyphenate-limit-chars:14 6 6}
.hero h1,.long-review h2{text-wrap:pretty}
@media(min-width:1000px){
  .hero h1,.flow-h,.long-review h2,.long-review article h3{hyphens:manual}
}
.faq summary{text-wrap:pretty}
.tile{align-content:start}
.tile h3{display:block;box-sizing:border-box;min-height:46px;padding-block:calc((46px - 1.25em) / 2)}
section[data-top5-module=rankedStack] > .flow-h{margin-bottom:36px}
@media(min-width:1024px){
  .listing.featured:not(.repeat) .benefits:has(> li:nth-child(7)){columns:2;column-gap:28px}
  .listing.featured:not(.repeat) .benefits:has(> li:nth-child(7)) li{break-inside:avoid;page-break-inside:avoid}
}
@media(min-width:1000px){
  .review-hero,.review-figure{max-width:780px;margin-inline:auto}
}
.final-offer h3.name{font-family:var(--cr-font);font-weight:750;font-size:24px;line-height:1.1;letter-spacing:-.01em;color:var(--cr-ink);margin:0 0 8px;text-wrap:balance}
[lang=he] .final-offer h3.name{letter-spacing:0}
.money,.price-now,.price-was,.deal-box bdi{unicode-bidi:isolate}
[dir=rtl] :is(.price-now,.price-was,.money,.deal-box bdi){direction:ltr;unicode-bidi:isolate}
.foot a{color:var(--cr-ink)}
.foot .company a,.foot .readin a{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;border-radius:var(--cr-r-1);color:var(--cr-ink);text-decoration:none;overflow-wrap:normal;hyphens:manual;white-space:nowrap}
.foot .company a:hover,.foot .readin a:hover{color:var(--cr-ink)}
.foot .legal .note a{color:var(--cr-ink);text-decoration:underline;text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:3px}
.foot .readin a.cur{color:var(--cr-ink);font-weight:700}
.foot .legal{margin-top:24px;padding-top:24px;border-top:1px solid var(--cr-line);display:grid;gap:16px}
.foot .legal .note{margin:0;max-width:64ch;font-size:16px}
.foot .legal .copy{margin-top:0;padding-top:16px}
.foot .legal .legal-line{overflow-wrap:normal;hyphens:manual;direction:inherit;unicode-bidi:isolate}
.foot .foot-cols:has(.langs){grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr))}
.foot .foot-cols > div:has(.langs){grid-column:1/-1;margin-top:8px}
.foot .langs{display:flex;flex-wrap:wrap;grid-template-columns:none;gap:2px 4px}
.foot .langs li{flex:none}
.foot .langs a{white-space:nowrap;overflow-wrap:normal;hyphens:manual;padding:4px 8px;border-radius:var(--cr-r-1);min-height:44px;max-width:none;border-top:0}
.brandlink,.foot .note a,.foot .legal .note a{padding-block:calc((44px - 1em)/2);margin-inline:-2px;padding-inline:2px}
.pos,.price-label,.score-word{font-size:15px}
.cta .flip,.btn .flip{font-size:1em}
.sitebar .adv{overflow-wrap:normal;hyphens:none;word-break:keep-all}
@media(min-width:641px){
  .sitebar .adv{max-width:none;white-space:nowrap}
}
.listing-side .deal-box{margin:0;text-align:start}
.review-hero.is-trimmed,.review-figure.is-trimmed{aspect-ratio:auto;height:auto}
html .review-hero.is-trimmed img,html .review-figure.is-trimmed img{transform:none}
@media(max-width:999px){
  .hero h1,.long-review h2{hyphenate-limit-chars:22 10 8}
}
@media(max-width:899px){
  .listing-media .prod-img{padding:6px}
  .price-label{flex:0 0 100%}
  .price-block{row-gap:0}
  .listing-media{display:contents}
  .listing-media .prod-img{grid-column:1;grid-row:1/span 4;align-self:start;position:static;margin:0}
  .listing-media .review-link{grid-column:1/-1;grid-row:5;margin-top:6px;text-wrap:pretty}
  .final-offer > div:not(.prod-img){display:contents}
  .final-offer > .prod-img{display:block;grid-column:1;grid-row:1;width:112px;aspect-ratio:1/1;padding:8px;box-sizing:border-box;background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);float:none;margin:0}
  .final-offer h2,.final-offer h3.name{grid-column:2;grid-row:1;align-self:center;margin:0;font-size:24px}
  .final-offer p{grid-column:1/-1;grid-row:2;margin:0}
  .final-offer .cta{grid-column:1/-1;grid-row:3}
  .listing-side .deal-box{grid-column:1/-1}
  [lang=he] .price-now{font-size:20px}
  [lang=he] .listing-side .cta{font-size:17px}
}
@media(max-width:640px){
  .foot .foot-cols .fcol:nth-child(2){grid-row:span 2}
  .strip a .ico{display:none}
  .strip a{padding:0 6px}
  .strip .wrap{gap:4px}
  .pos,.price-label,.score-word,.trust .meet{font-size:15px}
  .foot .company,.foot .readin{margin-inline:-8px}
  .foot .company .h,.foot .readin .h{margin-inline-start:8px}
  .foot .foot-cols > div:has(.langs){grid-column:1/-1}
  .foot .copy .foot-nav{gap:0 20px}
  .opener p.q{font-size:20px}
  .hero{padding:28px 0 28px}
}
@media(max-width:400px){
  .listing-main h3{font-size:20px}
}
/* ---- 5. presale (review) pages: the template classes of data/msads-top5-presale-page.mjs and the normaliser output classes (PL_PRESALE_NORMALISE_V1), full measure ---- */
.presale-article{background:var(--cr-white)}
body[data-top5-presale-brand] .sitebar{position:static}
.presale-body{color:var(--cr-ink);font-family:var(--cr-font);font-size:var(--cr-body);line-height:1.6;overflow-wrap:anywhere;counter-reset:cr-row;max-width:720px;margin:0 auto;position:relative;padding:30px 16px 48px}
/* 5.1 type scale: one body size, CR Sans headings at 750 in sentence case, the 14 px floor for labels */
.presale-body p,.presale-body li{color:var(--cr-ink);font-size:var(--cr-body);line-height:1.6}
.presale-body p{margin:0 0 16px}
.presale-body li{margin:0 0 8px}
.presale-body b,.presale-body strong{color:var(--cr-ink);font-weight:700}
.presale-body s,.presale-body del{color:var(--cr-mute)}
.presale-body em,.presale-body i{font-style:normal}
.presale-body :is(p,li,td) :is(em,i):not(:is(b,strong) *):not(:is(b,strong)){font-weight:600}
.presale-body .p-hl{background:var(--cr-mist);background-image:none;padding:0 .12em;border-radius:0}
.presale-body h1,.presale-body h2,.presale-body h3,.presale-body h4,.presale-body h5{font-family:var(--cr-font);font-weight:750;color:var(--cr-ink);letter-spacing:-.01em;text-wrap:balance;hyphens:manual;text-transform:none}
.presale-body h1{font-weight:750;text-transform:none;line-height:1.02;letter-spacing:-.02em;font-size:clamp(2.125rem,4.2vw,3.5rem);margin:8px 0 18px}
:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=el]) .presale-body h1{font-size:clamp(1.75rem,3.6vw,3rem)}
.presale-body h2{font-size:clamp(28px,2.4vw,32px);line-height:1.1;padding-inline-start:0;position:relative;margin:40px 0 16px;border-top:1px solid var(--cr-line);padding-top:16px}
.presale-body h2::before{display:none}
.presale-body h2:first-child,.presale-body div:first-child>h2{margin-top:40px}
.presale-body h1+h2,.presale-body .p-meta+h2{margin-top:24px}
.presale-body h3{font-size:22px;line-height:1.15;margin:28px 0 10px}
.presale-body h2+h3{margin-top:20px}
.presale-body h4{font-size:22px;line-height:1.15;margin:28px 0 10px}
.presale-body h5{font-size:19px;line-height:1.2;margin:22px 0 8px}
.presale-body h6,.presale-body .p-kicker{font-family:var(--cr-font);font-weight:750;font-size:17px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--cr-ink);margin:26px 0 6px}
.presale-body h6+div>div>p:only-child{display:inline;margin:0}
.presale-body h6+div>div{margin:0 0 8px}
[lang=he] .presale-body :is(h1,h2,h3,h4,h5,h6){letter-spacing:0}
[lang=he] .presale-body :is(h1,h2,h3,h4,h5){text-wrap:pretty}
[lang=he] .presale-body h1{line-height:1.1;text-transform:none}
/* 5.2 the dek: only the true lead */
.presale-body img:first-of-type+p,.presale-body img:first-of-type+div{font-size:inherit;line-height:inherit;color:var(--cr-ink);font-weight:400}
.presale-body .p-lead,.presale-body h1:not(:is(h1,h2,h3,h4,img,.p-meta) ~ h1):not(:is(h1,h2,h3,h4,img,.p-meta) ~ * h1)+p,.presale-body .p-meta+h4,.presale-body .p-meta+div>img:first-child+div>p,.presale-body .p-meta+div>div:first-child>img:first-child+div>p{font-family:var(--cr-font);font-size:21px;line-height:1.45;color:var(--cr-mute);font-weight:400;font-style:normal;letter-spacing:0;text-transform:none;text-wrap:pretty;margin:0 0 18px}
.presale-body :is(.p-lead,h1+p,.p-meta+h4,.p-meta+div>img:first-child+div>p,.p-meta+div>div:first-child>img:first-child+div>p) :is(b,strong,a){color:inherit;font-weight:750;font-style:normal}
.presale-body :is(.p-lead,h1+p,.p-meta+h4,.p-meta+div>img:first-child+div>p,.p-meta+div>div:first-child>img:first-child+div>p) :is(em,i){color:inherit;font-weight:inherit;font-style:normal}
.presale-body :is(.p-meta+div,.p-meta+script+div)>blockquote:first-child:not(.p-pull){border:0;background:transparent;border-radius:0;padding:0;margin:0 0 18px;font-family:var(--cr-font);font-size:21px;line-height:1.45;color:var(--cr-mute);font-weight:400;quotes:none}
.presale-body :is(.p-meta+div,.p-meta+script+div)>blockquote:first-child:not(.p-pull) :is(b,strong,a){color:inherit;font-weight:600}
/* 5.3 links: running-text links in graphite with the underline; headings never underline */
.presale-body a{color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--cr-ink)}
.presale-body a:not([data-presale-cta]){font-weight:inherit}
.presale-body a:hover{color:var(--cr-ink);text-decoration-color:var(--cr-ink)}
.presale-body :is(h1,h2,h3,h4,h5,h6) a{text-decoration:none;color:inherit}
.presale-body a[data-presale-cta],a[data-presale-cta]{background:var(--cr-cta);color:var(--cr-cta-ink);border:2px solid var(--cr-cta);border-radius:var(--cr-r-1);font-family:var(--cr-font);font-weight:700;font-size:19px;letter-spacing:0;text-transform:none;min-height:52px;box-shadow:none;text-decoration:none;text-wrap:balance;transition:background var(--cr-t),color var(--cr-t),border-color var(--cr-t),transform var(--cr-t),box-shadow var(--cr-t)}
.presale-body a[data-presale-cta]:hover,a[data-presale-cta]:hover{background:var(--cr-ink);border-color:var(--cr-ink);color:#fff;transform:none;box-shadow:none}
.presale-body a[data-presale-cta]:active,a[data-presale-cta]:active{transform:none;box-shadow:none}
/* 5.4 imagery: the well radius, no shadow; mid-size content images fill the column */
.presale-body img{border-radius:var(--cr-r-2);border-color:var(--cr-line);box-shadow:none;margin:8px auto 24px}
.presale-body img:first-of-type{max-height:none;object-fit:fill}
.presale-body img:is([width^="5"],[width^="6"],[width^="7"],[width^="8"],[width^="9"],[width="100%"]):not(.p-vector):not(.p-small):not(.p-icon):not(.p-avatar):not(.p-meta-ava):not(.p-c-ava):not(.p-packshot):not(.p-cutout):not(.p-product){width:100%;height:auto}
.presale-body img.p-avatar{display:none}
.presale-body img.p-small{border-radius:var(--cr-r-2);margin:4px 0;margin-inline-end:10px}
.presale-body img.p-icon{margin:0;margin-inline-end:6px}
html .presale-body :is(h1,html h2,html h3,html h4,html h5,html h6) img{margin:0;margin-inline-end:8px}
.presale-body .p-vector{color:var(--cr-ink)}
.presale-body img.p-vector[src*='/50off']{display:none}
.presale-body .p-iconrow:has(>img.p-vector[src*='/50off']:first-child){display:block}
.presale-body .p-iconrow:has(>img.p-vector[src*='/50off']:only-of-type):not(:has(p)){display:none}
.presale-body img.p-small[src*='guarantee']{display:none}
.presale-body img.p-small[src*='designimage']{display:none}
.presale-body .p-iconrow:has(>img.p-small[src*='designimage']){display:block}
.presale-body div>img.p-vector[src*='/icon']:first-child{display:none}
.presale-body img.p-vector:is([src*='/list'],[src*='/icon'],[src*='/ic'],[src*='/star']):not([src*='check']):not([src*='flag']){filter:grayscale(1) brightness(.6) contrast(5)}
.presale-body img.p-vector[src*='/stars']{max-height:16px;margin:0 auto 6px}
.presale-body p+img.p-vector[src*='/stars'],.presale-body [data-p-stack] img.p-vector[src*='/stars']{margin:0 0 6px}
/* 5.5 the byline row: two hairlines, the brand as the byline (no persona) */
.presale-body ul.p-byline{list-style:none;display:grid;grid-template-columns:minmax(0,max-content) minmax(0,max-content);justify-content:start;align-items:center;gap:4px 10px;margin:0;padding:0;margin-inline-start:0}
.presale-body ul.p-byline li{margin:0;color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;font-size:16px;line-height:1.4;letter-spacing:0;text-transform:none}
.presale-body ul.p-byline li:not(:first-child)::before{content:"\B7";margin:0;margin-inline-end:10px;color:var(--cr-line)}
.presale-body ul.p-byline li.p-meta-name{flex-basis:100%;grid-column:1/-1;color:var(--cr-ink);font-weight:700}
.presale-body ul.p-byline li.p-meta-name+li::before{display:none}
.presale-body ul.p-byline .brand{display:inline-flex;align-items:center;gap:8px;color:var(--cr-ink)}
.presale-body ul.p-byline .brand[data-initial]::before{content:attr(data-initial);display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);border-radius:2px;font-weight:700;font-size:14px;letter-spacing:0;line-height:1}
.presale-body ul.p-byline li.p-meta-sub+li.p-meta-cat::before{display:none}
.presale-body ul.p-byline li.p-meta-sub:has(+li.p-meta-cat)::after{content:"\B7";color:var(--cr-line);margin-inline-start:10px}
.presale-body img.p-avatar:not(.p-meta-ava):not(.p-c-ava)+div,.presale-body img.p-avatar:not(.p-meta-ava):not(.p-c-ava)+span,.presale-body img.p-avatar:not(.p-meta-ava):not(.p-c-ava)+ul{color:var(--cr-mute)}
.presale-body img.p-avatar+div b,.presale-body img.p-avatar+div strong{color:var(--cr-ink)}
.presale-body .p-meta{background:transparent;border:0;border-top:1px solid var(--cr-line);border-bottom:1px solid var(--cr-line);border-radius:0;box-shadow:none;padding:12px 0;margin:12px 0 22px;flex-wrap:wrap;gap:12px;justify-content:space-between}
.presale-body .p-meta-col{color:var(--cr-mute);flex:1 1 auto;min-width:0}
.presale-body .p-meta-name{color:var(--cr-ink);font-weight:700;font-size:16px}
.presale-body .p-meta-sub{color:var(--cr-mute);font-size:16px;line-height:1.4}
.presale-body .p-meta-rate{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);max-width:100%;display:inline-grid;grid-template-columns:auto minmax(0,1fr);column-gap:8px;min-width:0;box-sizing:border-box;padding:6px 12px;align-items:start;flex:0 0 auto;margin-left:0;margin-right:0;margin-inline-start:0}
.presale-body .p-meta-rate .p-ustars{line-height:1.45}
.presale-body .p-meta-rate .p-ustars,.presale-body .p-ustars{color:var(--cr-ink);letter-spacing:2px;font-size:14px}
.presale-body .p-meta-ratetxt{white-space:normal;overflow-wrap:break-word;text-wrap:pretty;line-height:1.45;font-size:16px;color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;letter-spacing:0;text-transform:none}
/* 5.6 lists: logical indent; icon bullets become the ok tick and the warn cross circles */
.presale-body ul,.presale-body ol{margin:0 0 18px;padding:0;margin-inline-start:24px}
.presale-body li img.p-icon,.presale-body li img.p-vector,.presale-body li img.p-small{margin:0;margin-inline-end:8px}
.presale-body li:has(> img.p-icon,> img.p-vector,> img.p-small),.presale-body li.p-tick,.presale-body li.p-cross{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:start;list-style:none}
.presale-body li:has(> img.p-icon,> img.p-vector,> img.p-small)>img{grid-column:1;grid-row:1;margin:0;max-height:20px;width:auto;justify-self:center;align-self:center}
.presale-body li:has(> img:is([src*='/success.'],[src*='/icon-check.'],[src*='/no.']))>img{display:none}
.presale-body li:has(> img:is([src*='/success.'],[src*='/icon-check.']))::before,.presale-body li.p-tick::before{content:"";grid-column:1;grid-row:1;width:20px;height:20px;margin-top:4px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body li:has(> img:is([src*='/no.']))::before,.presale-body li.p-cross::before{content:"";grid-column:1;grid-row:1;width:20px;height:20px;margin-top:4px;border-radius:50%;border:0;box-sizing:border-box;background:var(--cr-warn-tint) var(--cr-i-cross) center/14px 14px no-repeat}
/* 5.7 feature rows */
.presale-body .p-iconrow{grid-template-columns:32px minmax(0,1fr);column-gap:16px;align-items:start;text-align:start;margin:0 0 22px}
.presale-body .p-iconrow>img{grid-column:1;grid-row:1;margin:0;max-height:32px}
.presale-body .p-iconrow>div{grid-column:2;font-family:var(--cr-font);font-size:var(--cr-body);line-height:1.6;color:var(--cr-ink);font-weight:400}
.presale-body .p-iconrow>div>p:first-child,.presale-body .p-iconrow>div>div:first-child{color:var(--cr-ink);font-weight:700;font-family:var(--cr-font);font-size:20px;line-height:1.2;letter-spacing:0;margin:3px 0 4px}
.presale-body .p-iconrow>div>p{margin:0 0 8px}
.presale-body .p-iconrow:has(> img.p-vector:is([src*='/ic'],[src*='/list'])){counter-increment:cr-row}
.presale-body .p-iconrow:has(> img.p-vector:is([src*='/ic'],[src*='/list']))>img{display:none}
.presale-body .p-iconrow:has(> img.p-vector:is([src*='/ic'],[src*='/list']))::before,.presale-body div:has(> div:first-child > img:only-child):has(> div:nth-child(2) > p:first-child):not([data-p-row]):not(.p-iconrow)::before{content:"";grid-column:1;grid-row:1;width:32px;height:32px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body div:has(> div:first-child > img:only-child):has(> div:nth-child(2) > p:first-child):not([data-p-row]):not(.p-iconrow){display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:16px;align-items:start;text-align:start;margin:0 0 24px;counter-increment:cr-row}
.presale-body div:has(> div:first-child > img:only-child):has(> div:nth-child(2) > p:first-child):not([data-p-row]):not(.p-iconrow)>div:first-child:has(> img.p-vector){display:none}
.presale-body div:has(> div:first-child > img:only-child):has(> div:nth-child(2) > p:first-child):not([data-p-row]):not(.p-iconrow)>div:first-child:has(> img:not(.p-vector)){grid-column:2;grid-row:2;margin:0}
.presale-body div:has(> div:first-child > img:only-child):has(> div:nth-child(2) > p:first-child):not([data-p-row]):not(.p-iconrow)>div:first-child>img{width:100%;height:auto;margin:4px 0 8px}
.presale-body div:has(> div:first-child > img:only-child):has(> div:nth-child(2) > p:first-child):not([data-p-row]):not(.p-iconrow)>div:nth-child(2){grid-column:2;grid-row:1;font-size:var(--cr-body);line-height:1.6;color:var(--cr-ink)}
.presale-body div:has(> div:first-child > img:only-child):has(> div:nth-child(2) > p:first-child):not([data-p-row]):not(.p-iconrow)>div:nth-child(2)>p:first-child{color:var(--cr-ink);font-weight:700;font-family:var(--cr-font);font-size:20px;line-height:1.2;letter-spacing:0;margin:3px 0 4px}
.presale-body div:has(> img.p-vector[src*='/check']:first-child):has(> h6){display:block;margin:0 0 6px}
.presale-body div:has(> img.p-vector[src*='/check']:first-child):has(> h6)>img{display:none}
.presale-body div:has(> img.p-vector[src*='/check']:first-child):has(> h6)>h6,.presale-body h3.p-feat{position:relative;padding-inline-start:30px;font-family:var(--cr-font);font-size:22px;line-height:1.15;letter-spacing:-.01em;text-transform:none;color:var(--cr-ink);font-weight:750;margin:24px 0 8px}
.presale-body div:has(> img.p-vector[src*='/check']:first-child):has(> h6)>h6::before,.presale-body h3.p-feat::before{content:"";position:absolute;inset-inline-start:0;top:.1em;width:20px;height:20px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body div:has(> img.p-vector[src*='/stars']:first-child + :is(h2,h3,h4,h5,h6)){display:block}
.presale-body div:has(> img.p-vector[src*='/stars']:first-child + :is(h2,h3,h4,h5,h6))>img{max-height:16px;margin:0 0 6px}
.presale-body div:has(> img.p-vector[src*='/stars']:first-child + :is(h2,h3,h4,h5,h6))>h3{font-size:20px;margin:0 0 8px}
[dir=rtl] .presale-body .p-iconrow,[lang=he] .presale-body .p-iconrow{text-align:start}
[dir=rtl] .presale-body div:has(> :is(img.p-icon,img.p-small,img.p-vector):first-child + :is(h2,h3,h4,h5,h6)){text-align:start}
.presale-body span:has(> img.p-vector[src*='icon-check']),.presale-body .p-verified{display:inline-flex;align-items:center;gap:6px;font-family:var(--cr-font);font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;color:var(--cr-mute)}
.presale-body span:has(> img.p-vector[src*='icon-check'])>img{display:none}
.presale-body span:has(> img.p-vector[src*='icon-check'])::before,.presale-body .p-verified::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body ul.p-stars{margin:0 0 10px}
.presale-body ul.p-stars:has(> li:nth-child(5)) li{display:none}
.presale-body ul.p-stars:has(> li:nth-child(5))::before{content:"\2605\2605\2605\2605\2605";color:var(--cr-ink);font-size:15px;letter-spacing:2px;line-height:1}
.presale-body ul.p-stars img{max-height:16px}
.presale-body div:has(> ul.p-stars:first-child + p):not(.p-iconrow *){border:1px solid var(--cr-line);border-inline-start:3px solid var(--cr-line-2);background:var(--cr-white);border-radius:var(--cr-r-2);padding:16px 20px 10px;margin:0 0 16px}
.presale-body div:has(> ul.p-stars:first-child + p):not(.p-iconrow *)>p{margin:0 0 8px}
/* 5.8 the offer unit: ruled price rows, one violet key, the warn validity line, trust chips */
.p-offer,.presale-body .p-offer{border:1px solid var(--cr-line);background:var(--cr-white);border-radius:var(--cr-r-2);box-shadow:none;max-width:560px;padding:24px 24px 20px;margin:32px auto;text-align:center}
.presale-body .p-offer-coupon,.presale-body .p-offer-card,.presale-body .p-offer-strip,.p-offer-card,.presale-body .p-offer.p-offer-coupon{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);max-width:560px}
.presale-body .p-offer-coupon{background:var(--cr-white);border:1.5px solid var(--cr-line-3);border-radius:var(--cr-r-1)}
.presale-body .p-offer-strip{background:var(--cr-mist)}
.presale-body .p-offer:last-child{margin-bottom:0}
.presale-body .p-offer-code{display:inline-block;background:var(--cr-white);border:1.5px solid var(--cr-line-3);border-radius:var(--cr-r-1);padding:4px 10px;font-family:var(--cr-font);font-weight:700;letter-spacing:0;margin:0 0 12px;color:var(--cr-ink)}
.presale-body .p-offer-head,.presale-body :is(h1,h2,h3,h4,h5,h6,p):has(+ .p-offer){text-align:inherit}
.p-offer-head,.presale-body .p-offer-head{border-bottom:0}
.presale-body h2.p-offer-head,.presale-body [data-p-row]:not([data-p-stack]) h2{padding-inline-start:0}
.presale-body h2.p-offer-head::before,.presale-body [data-p-row]:not([data-p-stack]) h2::before{display:none}
.p-offer-eyebrow,.presale-body .p-offer-eyebrow{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:0;position:static;color:var(--cr-ink);font-family:var(--cr-font);font-weight:600;font-size:17px;line-height:1.4;letter-spacing:0;text-transform:none;margin:0 0 12px}
.presale-body .p-offer-eyebrow::before,.p-offer-eyebrow::before{display:none}
.presale-body .p-offer-stars{color:var(--cr-ink);letter-spacing:2px}
.presale-body .p-offer-price{display:grid;grid-template-columns:1fr;gap:2px;max-width:360px;margin:0 auto 16px;text-align:start}
.presale-body .p-offer-was,.presale-body .p-offer-now{display:flex;align-items:baseline;gap:10px;min-height:28px;font-family:var(--cr-font);font-weight:600;font-size:16px;color:var(--cr-mute);font-variant-numeric:tabular-nums;text-align:start;border-bottom:1px solid var(--cr-line)}
.presale-body :is(.p-offer-was,.p-offer-now)::before{content:"";order:2;flex:1 1 16px}
.presale-body .p-offer-was>s,.presale-body .p-offer-now>b{order:3;flex:none}
.presale-body .p-offer-label{order:1;flex:none;color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;font-size:16px}
.presale-body .p-offer-was s{color:var(--cr-mute)}
.presale-body .p-offer-now{color:var(--cr-ink);font-weight:700}
.presale-body .p-offer-now b{color:var(--cr-ink);background:transparent;border-radius:0;padding:0;font-size:26px;font-weight:700;line-height:1.2}
.presale-body .p-offer-rows div{display:flex;align-items:baseline;gap:10px;min-height:28px;border-bottom:1px solid var(--cr-line)}
.presale-body .p-offer-rows div::before{content:"";order:2;flex:1 1 16px}
.presale-body .p-offer a[data-presale-cta]{max-width:640px;margin:0 auto 12px}
.p-offer-urgency,.presale-body .p-offer-urgency{color:var(--cr-warn);font-family:var(--cr-font);font-weight:700;font-size:16px;line-height:1.4;letter-spacing:0;text-transform:none;text-wrap:balance;margin:0 auto 12px;max-width:56ch}
.p-offer-trust,.presale-body .p-offer-trust{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;border:0;padding:0;background:transparent;color:var(--cr-mute);font-family:var(--cr-font);font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;line-height:1.3}
.presale-body .p-offer-trust>span,.p-offer-trust>span,.presale-body .p-offer-trust>p>span{display:inline-flex;flex:0 1 auto;align-items:center;gap:6px;border:1px solid var(--cr-line);border-radius:var(--cr-r-1);padding:5px 8px;background:var(--cr-white);white-space:normal;text-align:start;max-width:100%;justify-content:flex-start}
.presale-body [data-p-row] .p-offer-eyebrow{font-size:17px;line-height:1.4}
.presale-body [data-p-row] .p-offer-trust{font-size:15px;line-height:1.4}
.presale-body [data-p-row] .p-offer-trust{line-height:1.3}
.presale-body [data-p-row] .p-offer-urgency{font-size:16px;line-height:1.4}
.presale-body [data-p-row] :is(.p-offer-price,.p-offer){font-size:var(--cr-body);line-height:1.6}
.presale-body .p-offer-trust>span.p-trust::before,.p-offer-trust>span.p-trust::before,.presale-body .p-offer-trust>p>span.p-trust::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
/* 5.9 quotes: white with a hairline and the graphite inline-start rule */
.presale-body .p-pquote{border:1px solid var(--cr-line);border-inline-start:3px solid var(--cr-line-2);border-radius:var(--cr-r-2);box-shadow:none;background:var(--cr-white)}
.presale-body .p-pquote-img{border-radius:var(--cr-r-2)}
.presale-body .p-pquote-mark{font-family:var(--cr-font);color:var(--cr-ink);font-weight:750}
.presale-body .p-pquote-body{color:var(--cr-ink)}
.presale-body .p-pquote-meta{color:var(--cr-mute);font-weight:600;font-size:16px}
.presale-body .p-pquote-meta .p-ustars{margin:0;margin-inline-end:6px}
.presale-body blockquote{border:1px solid var(--cr-line);border-inline-start:3px solid var(--cr-line-2);background:var(--cr-white);border-radius:var(--cr-r-2);box-shadow:none;padding:16px 20px 12px}
.presale-body blockquote p{color:var(--cr-ink);font-size:var(--cr-body)}
.presale-body blockquote .p-attrib{color:var(--cr-ink);font-weight:700;font-size:16px}
.presale-body blockquote.p-pull{border:0;background:transparent;border-inline-start:3px solid var(--cr-ink);padding:6px 0;padding-inline-start:22px;margin:28px 0}
.presale-body blockquote.p-pull p{font-family:var(--cr-font);font-weight:750;font-size:24px;line-height:1.2;color:var(--cr-ink);margin:0}
.presale-body blockquote.p-pull :is(a,b,strong){font-weight:inherit;color:inherit;text-decoration:none}
/* 5.10 tables: white on a hairline, centred mark columns, scroll inside on phones */
.presale-body table{border:0;border-top:1px solid var(--cr-line);border-radius:0;background:var(--cr-white);font-variant-numeric:tabular-nums;border-collapse:collapse;border-spacing:0;overflow:hidden}
.presale-body th{background:var(--cr-white);color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;letter-spacing:0;text-transform:none;font-size:16px;white-space:normal;border-bottom:1px solid var(--cr-line)}
.presale-body th:not(:first-child){text-align:center}
.presale-body td{border-top:1px solid var(--cr-line);color:var(--cr-ink);vertical-align:middle;white-space:normal}
.presale-body td p{margin:0;font-size:inherit;line-height:1.4}
.presale-body tr:nth-child(even) td{background:var(--cr-mist)}
.presale-body td:has(> img.p-vector),.presale-body td.p-tick,.presale-body td.p-cross{text-align:center}
.presale-body td>img.p-vector{display:block;margin:0 auto;max-height:20px}
.presale-body td:has(> img:is([src*='/success.'],[src*='/no.']))>img{display:none}
.presale-body td:has(> img[src*='/success.'])::before,.presale-body td.p-tick::before{content:"";display:inline-block;width:20px;height:20px;border-radius:50%;vertical-align:middle;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body td:has(> img[src*='/no.'])::before,.presale-body td.p-cross::before{content:"";display:inline-block;width:20px;height:20px;border-radius:50%;vertical-align:middle;border:0;box-sizing:border-box;background:var(--cr-warn-tint) var(--cr-i-cross) center/14px 14px no-repeat}
.presale-body iframe,.presale-body video{border-radius:var(--cr-r-2);box-shadow:none}
.presale-body hr{border:0;height:2px;background:var(--cr-ink)}
/* 5.11 multi-column rows: flag grids, stacked reason rows with the numeral discs */
.presale-body [data-p-row]:has(> :nth-child(12)){grid-template-columns:repeat(6,minmax(0,1fr));gap:14px 8px;align-items:start}
@media(max-width:700px){
  .presale-body [data-p-row]:has(> :nth-child(12)){grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:560px){
  .presale-body [data-p-row]:has(> :nth-child(12)){grid-template-columns:repeat(3,minmax(0,1fr))}
}
.presale-body [data-p-row]:has(> :nth-child(12)) img.p-vector{width:40px;max-height:30px;border:1px solid var(--cr-line);border-radius:2px;margin:0 auto 6px;box-shadow:none;filter:none}
.presale-body [data-p-row]:has(> :nth-child(12)) p{font-size:14px;line-height:1.3;margin:0}
.presale-body [data-p-stack]{text-align:start;align-items:center;gap:32px;margin:0 0 40px;counter-increment:cr-step}
.presale-body section:has([data-p-stack]),.presale-body div:has(> [data-p-stack]){counter-reset:cr-step}
.presale-body [data-p-stack] h2:first-child{margin-top:0}
.presale-body [data-p-stack] h2,.presale-body :is(h2,h3):has(> .p-step){padding-inline-start:0}
.presale-body [data-p-stack] h2::before,.presale-body :is(h2,h3):has(> .p-step)::before{display:none}
.presale-body [data-p-row]:has(.p-offer){grid-template-columns:1fr}
.presale-body [data-p-stack] img{margin:0}
.presale-body .p-step,.presale-body [data-p-stack]:not(:has(.p-step))>div>div:first-child>span:only-child,.presale-body [data-p-stack]:not(:has(.p-step))>div>div:first-child:not(:has(*))::before{display:inline-grid;place-items:center;min-width:36px;height:28px;padding:0 8px;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);font-family:var(--cr-font);font-weight:700;font-size:15px;line-height:1;border-radius:2px;font-variant-numeric:tabular-nums;letter-spacing:0;margin:0 0 10px;vertical-align:middle;direction:ltr}
.presale-body [data-p-stack]:not(:has(.p-step))>div>div:first-child:not(:has(*))::before{content:counter(cr-step,decimal-leading-zero)}
.presale-body [data-p-stack]:has(.p-step)>div>div:first-child:not(:has(*)){display:none}
.presale-body h2 .p-step,.presale-body h3 .p-step{margin:0;margin-inline-end:12px;vertical-align:middle}
.presale-body h3 .p-step{min-width:30px;height:26px;font-size:14px;margin-inline-end:10px}
.presale-body :is(h2,h3):has(> .p-step){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:start}
.presale-body :is(h2,h3):has(> .p-step)>.p-step{margin:0;margin-top:.08em}
.presale-body h3:has(> .p-step){column-gap:10px}
/* 5.12 per-doc design packs (alc-*, cf-*) brought onto the system */
.presale-body .alc-feats{gap:12px;counter-reset:cr-feat}
.presale-body .alc-feat{border:1px solid var(--cr-line);border-radius:var(--cr-r-2);box-shadow:none;background:var(--cr-white);padding:16px 18px;gap:14px;counter-increment:cr-feat}
.presale-body .alc-feat-ic{background:var(--cr-mist);border-radius:var(--cr-r-1);flex:0 0 44px;width:44px;height:44px}
html .presale-body .alc-feat-ic img{width:26px;height:26px;filter:grayscale(1) brightness(.6) contrast(5)}
.presale-body .alc-feat-ic:empty{flex-basis:32px;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body .alc-feat-tx h4{color:var(--cr-ink);font-size:20px;line-height:1.15;margin:0 0 6px;letter-spacing:0}
.presale-body .alc-feat-tx p{font-size:16px;line-height:1.5;color:var(--cr-ink);margin:0}
.presale-body figure.alc-quote,.presale-body figure.cf-quote{border:1px solid var(--cr-line);border-inline-start:3px solid var(--cr-line-2);border-radius:var(--cr-r-2);box-shadow:none;background:var(--cr-white);padding:18px 20px 14px;margin:0 0 14px}
.presale-body figure.alc-quote::before,.presale-body figure.cf-quote::before,.presale-body .alc-q-mark,.presale-body .cf-q-mark{display:none}
.presale-body .alc-q-body,.presale-body .cf-q-body{font-size:16px;line-height:1.55;color:var(--cr-ink);text-align:start}
.presale-body .alc-q-body p,.presale-body .cf-q-body p,[dir=rtl] .presale-body .cf-q-body p,[dir=rtl] .presale-body .cf-q-body{font-size:inherit;line-height:inherit;margin:0;text-align:start}
.presale-body .alc-q-foot,.presale-body .cf-q-foot{border-top:1px solid var(--cr-line);gap:10px;margin-top:12px;padding-top:12px}
.presale-body .alc-q-ava,.presale-body .cf-q-ava{width:32px;height:32px;flex:0 0 32px;border-radius:2px;background:var(--cr-white);border:1.5px solid var(--cr-line-3);color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;font-size:14px}
.presale-body .alc-q-who b,.presale-body .cf-q-who b{font-size:16px;color:var(--cr-ink)}
.presale-body .alc-q-who i,.presale-body .cf-q-who i{color:var(--cr-mute);font-size:15px;letter-spacing:0}
.presale-body .cf-q-who em{font-size:15px;color:var(--cr-mute)}
.presale-body .alc-q-badge,.presale-body .cf-q-badge,[dir=rtl] .presale-body .alc-q-badge,[dir=rtl] .presale-body .cf-q-badge{background:var(--cr-white);border:1px solid var(--cr-line);color:var(--cr-mute);border-radius:var(--cr-r-1);font-family:var(--cr-font);font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;padding:3px 8px;line-height:1.3;margin-left:0;margin-right:0;margin-inline-start:auto}
.presale-body .cf-quotes{grid-template-columns:1fr;gap:14px}
.presale-body .cf-kick{font-family:var(--cr-font);font-weight:600;font-size:17px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--cr-ink);margin:32px 0 6px}
.presale-body .cf-kick+h2{margin-top:0}
/* 5.15 normaliser output: feature cards, tick and cross lists, table marks, quote cards, offer slots, review cards */
.presale-body .p-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:8px 0 28px;counter-reset:cr-feat}
.presale-body .p-feature{border:1px solid var(--cr-line);border-radius:var(--cr-r-2);background:var(--cr-white);padding:16px 18px;margin:0;counter-increment:cr-feat;min-width:0}
.presale-body .p-feature h3{font-size:19px;line-height:1.2;margin:0 0 6px;position:relative;padding-inline-start:30px;min-height:0}
.presale-body .p-feature h3::before{content:"";position:absolute;inset-inline-start:0;top:.1em;width:20px;height:20px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body .p-features.p-features-numbered .p-feature h3{padding-inline-start:46px;min-height:28px}
.presale-body .p-features.p-features-numbered .p-feature h3::before{content:counter(cr-feat,decimal-leading-zero);top:-2px;display:grid;place-items:center;width:36px;height:24px;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);border-radius:2px;font-family:var(--cr-font);font-weight:750;font-size:14px;letter-spacing:0;line-height:1;font-variant-numeric:tabular-nums}
.presale-body .p-feature p{margin:0;font-size:17px;line-height:1.55}
.presale-body .p-feature p+p{margin-top:8px}
@media(min-width:561px){
  .presale-body .p-features>.p-feature:last-child:nth-child(odd){grid-column:1/-1}
}
.presale-body ul.p-ticks,.presale-body ul.p-crosses{margin-inline-start:0;list-style:none}
.presale-body ul.p-ticks>li,.presale-body ul.p-crosses>li{display:block;position:relative;padding-inline-start:30px;min-width:0;list-style:none}
.presale-body ul.p-ticks>li::before{content:"";position:absolute;inset-inline-start:0;top:5px;width:20px;height:20px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body ul.p-crosses>li::before{content:"";position:absolute;inset-inline-start:0;top:5px;width:20px;height:20px;border-radius:50%;border:0;box-sizing:border-box;background:var(--cr-warn-tint) var(--cr-i-cross) center/14px 14px no-repeat}
.presale-body td:has(> .p-yes,> .p-no){text-align:center;vertical-align:middle}
.presale-body .p-yes,.presale-body .p-no{display:inline-block;width:20px;height:20px;border-radius:var(--cr-r-1);vertical-align:middle;color:transparent;font-size:0;line-height:20px;overflow:hidden}
.presale-body .p-yes{background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat;border-radius:50%}
.presale-body .p-no{border:0;box-sizing:border-box;background:var(--cr-warn-tint) var(--cr-i-cross) center/14px 14px no-repeat;border-radius:50%}
.presale-body blockquote.p-quote{background:var(--cr-white);margin:0 0 14px}
.presale-body blockquote .p-attrib,.presale-body blockquote.p-quote .p-attrib{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:16px;font-weight:700;color:var(--cr-ink);margin:10px 0 0}
.presale-body .p-attrib .p-ustars{font-size:14px;letter-spacing:2px}
.presale-body .p-attrib .p-verified{margin-inline-start:auto}
.presale-body .p-offer-slot{margin:32px 0}
.presale-body .p-offer-slot>.p-offer{margin:0 auto}
.presale-body .p-offer-slot:last-child{margin-bottom:0}
.presale-body .p-offer-slot a[data-presale-cta]::after{content:"\203A";margin-inline-start:.45em}
.presale-body .p-offer-slot .p-offer-trust>span::before,.presale-body .p-offer-slot .p-offer-trust>p>span::before{content:"";flex:none;width:16px;height:16px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body .p-figcaption,.presale-body img:first-of-type+p.p-figcaption{font-family:var(--cr-font);font-weight:600;font-size:16px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--cr-mute);text-align:center;margin:-12px 0 20px}
.presale-body .p-nowrap{white-space:nowrap}
.presale-body .p-c-grid{gap:14px;margin:8px 0 24px;align-items:stretch}
.presale-body article.p-comment,.presale-body .p-comment{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);padding:16px 18px}
.presale-body .p-c-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.presale-body .p-c-id{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 10px;line-height:1.3}
.presale-body .p-c-name{color:var(--cr-ink);font-weight:700;font-size:16px}
.presale-body h4.p-c-title{font-size:18px;line-height:1.2;margin:0 0 6px;text-wrap:pretty}
.presale-body h4.p-c-title .p-ustars{font-size:14px;letter-spacing:2px;margin-inline-end:6px;vertical-align:1px}
.presale-body p.p-c-body,.presale-body .p-comment p{font-size:16px;line-height:1.5;margin:0;color:var(--cr-ink)}
/* 5.16 normaliser p-wrapper tolerance */
.presale-body :is(.p-meta-col,.p-meta-rate,.p-offer-eyebrow,.p-offer-price,.p-offer-was,.p-offer-now,.p-offer-urgency,.p-offer-trust,.p-c-head,.p-c-id,.p-attrib)>p{display:contents;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;line-height:inherit;margin:0}
/* 5.17 reason rows: two columns on desktop */
.presale-body [data-p-stack]{grid-template-columns:repeat(2,minmax(0,1fr))}
.presale-body [data-p-stack]>div:not(:has(*)){display:none}
.presale-body [data-p-stack]>div:has(h2,h3){grid-column:1;grid-row:1}
.presale-body [data-p-stack]>img,.presale-body [data-p-stack]>div:has(> img:only-child){grid-column:2;grid-row:1;align-self:center}
.presale-body [data-p-stack]>img,.presale-body [data-p-stack]>div:has(> img:only-child)>img{width:100%;height:auto;margin:0}
@media(max-width:560px){
  .presale-body .p-features{grid-template-columns:1fr}
  .presale-body [data-p-stack]>div:has(h2,h3),.presale-body [data-p-stack]>img,.presale-body [data-p-stack]>div:has(> img:only-child){grid-column:auto;grid-row:auto;align-self:auto}
}
/* 5.18 chrome on presale pages: the footer rows, 44 px tap targets, the sitebar label */
body[data-top5-presale-brand] .foot p a{color:var(--cr-ink);text-decoration:underline;text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:3px}
body[data-top5-presale-brand] .foot p a:hover{color:var(--cr-ink)}
.presale-body :is(p,li) a:not([data-presale-cta]):not(:has(img)){padding-block:calc((44px - 1em)/2);margin-inline:-2px;padding-inline:2px}
body[data-top5-presale-brand] .foot-nav{margin:-9px 0 5px}
body[data-top5-presale-brand] .foot .copy .foot-nav{margin:0}
body[data-top5-presale-brand] .foot-nav a{display:inline-flex;align-items:center;padding:9px 0;min-height:44px;min-width:44px;box-sizing:border-box}
@media(max-width:640px){
  body[data-top5-presale-brand] .foot .copy .foot-nav{display:grid;grid-template-columns:1fr;gap:0}
}
body[data-top5-presale-brand] .foot ul li{padding-block:0}
body[data-top5-presale-brand] .foot ul a{display:inline-flex;align-items:center;padding-block:11px;line-height:18px;min-height:44px;min-width:44px;box-sizing:border-box;max-width:100%}
body[data-top5-presale-brand] .foot .langs{gap:0 12px}
body[data-top5-presale-brand] .foot .h{margin-bottom:4px}
body[data-top5-presale-brand] .foot .brand{min-height:44px}
body[data-top5-presale-brand] .foot .pub{font-size:16px;line-height:1.5;max-width:none}
html:not([dir=rtl]) body[data-top5-presale-brand] .foot .pub br{display:none}
html:not([dir=rtl]) body[data-top5-presale-brand] .foot .pub:not(:has(.row))>.co:not(:last-child)::after{content:" · ";color:var(--cr-mute);white-space:normal;font-weight:400}
body[data-top5-presale-brand] .foot .pub .row{display:inline;unicode-bidi:isolate}
html:not([dir=rtl]) body[data-top5-presale-brand] .foot .pub .row{display:inline-block;margin-inline-end:6px;max-width:100%}
html:not([dir=rtl]) body[data-top5-presale-brand] .foot .pub .row:not(:last-child)::after{content:"\A0·";color:var(--cr-mute);font-weight:400}
[dir=rtl] body[data-top5-presale-brand] .foot .pub>.co{margin-inline-end:0}
body[data-top5-presale-brand] .foot .pub a{display:inline-block;padding-block:11px;margin-block:-11px;line-height:inherit;min-height:0}
body[data-top5-presale-brand] .sitebar .cr-logo{min-height:44px}
@media(max-width:640px){
  body[data-top5-presale-brand] .sitebar .adv{font-size:15px}
}
/* 5.13 comments */
.presale-body .p-comment{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2)}
.presale-body .p-comment p{color:var(--cr-ink)}
.presale-body .p-c-name{color:var(--cr-ink);font-weight:700}
.presale-body .p-c-time,.presale-body .p-c-count{color:var(--cr-mute)}
.presale-body .p-c-reply{background:var(--cr-mist);border-color:var(--cr-line);border-radius:var(--cr-r-2)}
.presale-body .p-c-reacts img{border-color:var(--cr-white)}
.presale-body .p-c-sec h2 a{text-decoration-color:var(--cr-ink)}
/* 5.14 he tracking, phones */
[lang=he] :is(.presale-body ul.p-byline li,.p-offer-eyebrow,.p-offer-urgency,.p-offer-trust,.presale-body h6,a[data-presale-cta],.presale-body .p-meta-ratetxt,.presale-body .cf-kick,.presale-body .alc-q-badge,.presale-body .cf-q-badge,.presale-body .p-verified){letter-spacing:.02em}
@media(max-width:760px){
  .presale-body{padding:22px 16px 40px}
  .presale-body [data-p-stack]{gap:16px}
  .presale-body table:not(.p-t2){display:block;overflow-x:auto;overflow-y:hidden;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .presale-body th,.presale-body td{padding:8px 6px;font-size:14px}
  .presale-body th{letter-spacing:0;overflow-wrap:normal;word-break:normal;hyphens:manual;vertical-align:bottom}
  .presale-body th:not(:first-child),.presale-body td:not(:first-child){width:auto;min-width:0}
  .presale-body td:first-child{hyphens:auto;hyphenate-limit-chars:8 4 4;position:sticky;inset-inline-start:0;background:var(--cr-white)}
}
@media(max-width:400px){
  .presale-body th,.presale-body td{padding-inline:4px}
}
@media(max-width:640px){
  .presale-body h1,:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=el]) .presale-body h1{font-size:2.125rem}
  .presale-body .p-meta-col{flex-basis:100%}
  .presale-body ul.p-byline{grid-template-columns:minmax(0,1fr)}
  .presale-body ul.p-byline li.p-meta-cat{flex-basis:100%}
  .presale-body ul.p-byline li.p-meta-sub::after{display:none}
  .presale-body h3{font-size:20px}
  .presale-body h4{font-size:20px}
  .presale-body blockquote.p-pull p{font-size:20px;line-height:1.2}
  .presale-body a[data-presale-cta],a[data-presale-cta]{font-size:17px;padding:14px 18px}
  .presale-body .p-offer{padding:20px 16px 16px}
  .presale-body .p-offer-trust>span,.presale-body .p-offer-trust>p>span{white-space:normal;text-align:start}
  .presale-body .p-meta-rate{margin-inline-start:0;display:inline-grid;grid-template-columns:minmax(0,1fr);row-gap:2px;width:fit-content;max-width:100%;line-height:1.45}
  .presale-body .p-meta-rate .p-ustars{margin:0}
  .presale-body .p-offer-trust{grid-template-columns:1fr;gap:4px;max-width:360px;margin-inline:auto}
  .presale-body .p-offer-trust>span,.presale-body .p-offer-trust>p>span{border:0;background:transparent;padding:3px 0;border-radius:0}
  .presale-body .p-attrib .p-verified{flex-basis:100%;margin-inline-start:0;margin-top:2px}
  .presale-body .alc-q-badge,.presale-body .cf-q-badge,[dir=rtl] .presale-body .alc-q-badge,[dir=rtl] .presale-body .cf-q-badge{flex-basis:100%;max-width:max-content;margin-inline-start:42px}
}
@media(max-width:560px){
  .presale-body [data-p-row]:has(h2,h3,.p-offer,a[data-presale-cta]){grid-template-columns:1fr}
  :is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=et],[lang=da]) .presale-body :is(p,li,[data-p-row] div):where(:not(.p-meta *,.p-offer *,.p-offer-slot *,.p-lead)){hyphens:auto;hyphenate-limit-chars:14 6 6}
}
/* 5.19 running text: pretty wrapping, the lead never hyphenates, brand tokens never break; packshots in the square well */
.presale-body p,.presale-body li,.presale-body blockquote p{text-wrap:pretty}
.presale-body .p-lead{hyphens:manual}
.presale-body .nb,.presale-body .p-nowrap{hyphens:manual;white-space:nowrap}
.presale-body ol>li::marker{color:var(--cr-ink);font-family:var(--cr-font);font-weight:700;font-variant-numeric:tabular-nums}
.presale-body :is(h2,h3):has(> .p-step){text-wrap:pretty}
.presale-body blockquote+img,.presale-body blockquote.p-quote+img,.presale-body blockquote+p>img:first-child{margin-top:24px}
.presale-body img[loading=lazy]:not(.p-vector):not(.p-icon):not(.p-small):not(.p-packshot):not(.p-cutout):not(.p-product){background:var(--cr-studio)}
.presale-body img.p-packshot,.presale-body img.p-product,.presale-body img.p-cutout{display:block;width:auto;max-width:100%;max-height:420px;margin:8px auto 24px;padding:16px;background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-2);object-fit:contain;box-sizing:border-box}
.presale-body img.p-cutout{max-width:320px;max-height:320px}
:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=sv],[lang=da],[lang=et],[lang=el],[lang=bg]) .presale-body :is(h1,h2,h3,h4,h5){hyphens:manual}
.presale-body h1:is([data-h1-len^="1"],[data-h1-len^="2"],[data-h1-len^="3"]):not([data-h1-len="1"],[data-h1-len="2"],[data-h1-len="3"],[data-h1-len="10"],[data-h1-len="11"],[data-h1-len="12"],[data-h1-len="13"],[data-h1-len="14"],[data-h1-len="15"],[data-h1-len="16"],[data-h1-len="17"],[data-h1-len="18"],[data-h1-len="19"],[data-h1-len="20"],[data-h1-len="21"],[data-h1-len="22"],[data-h1-len="23"],[data-h1-len="24"],[data-h1-len="25"],[data-h1-len="26"],[data-h1-len="27"],[data-h1-len="28"],[data-h1-len="29"],[data-h1-len="30"],[data-h1-len="31"],[data-h1-len="32"],[data-h1-len="33"],[data-h1-len="34"],[data-h1-len="35"],[data-h1-len="36"],[data-h1-len="37"],[data-h1-len="38"],[data-h1-len="39"]){font-size:clamp(2.125rem,3.2vw,2.75rem)}
.presale-body h1:is([data-h1-len^="14"],[data-h1-len^="15"],[data-h1-len^="16"],[data-h1-len^="17"],[data-h1-len^="18"],[data-h1-len^="19"],[data-h1-len^="2"],[data-h1-len^="3"]):not([data-h1-len="14"],[data-h1-len="15"],[data-h1-len="16"],[data-h1-len="17"],[data-h1-len="18"],[data-h1-len="19"],[data-h1-len="2"],[data-h1-len="3"],[data-h1-len="20"],[data-h1-len="21"],[data-h1-len="22"],[data-h1-len="23"],[data-h1-len="24"],[data-h1-len="25"],[data-h1-len="26"],[data-h1-len="27"],[data-h1-len="28"],[data-h1-len="29"],[data-h1-len="30"],[data-h1-len="31"],[data-h1-len="32"],[data-h1-len="33"],[data-h1-len="34"],[data-h1-len="35"],[data-h1-len="36"],[data-h1-len="37"],[data-h1-len="38"],[data-h1-len="39"]){font-size:clamp(2.125rem,2.8vw,2.5rem)}
.presale-body .p-meta-name[data-initial],.presale-body .p-meta-name .brand[data-initial]{display:inline-flex;align-items:center;gap:8px}
.presale-body .p-meta-name[data-initial]::before,.presale-body .p-meta-name .brand[data-initial]::before{content:attr(data-initial);display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-line-3);border-radius:2px;font-family:var(--cr-font);font-weight:700;font-size:14px;letter-spacing:0;line-height:1}
.presale-body .p-offer-rows{display:grid;gap:2px;max-width:360px;margin:0 auto 16px;text-align:start}
.presale-body .p-offer-rows>div,.presale-body .p-offer-rows dl{margin:0}
.presale-body .p-offer-rows dt{order:1;margin:0;font-family:var(--cr-font);font-weight:600;font-size:16px;color:var(--cr-mute)}
.presale-body .p-offer-rows dd{order:3;margin:0;font-family:var(--cr-font);font-weight:700;font-size:17px;color:var(--cr-ink);font-variant-numeric:tabular-nums}
.presale-body .p-offer-rows dd s{color:var(--cr-mute);font-weight:600;font-size:15px}
.presale-body .p-offer-rows dd b{font-size:26px;line-height:1.2;color:var(--cr-ink)}
.presale-body :is(h1,h2,h3,.p-meta,img) ~ h1,.presale-body :is(h1,h2,h3,.p-meta,img) ~ * h1{font-size:clamp(28px,2.4vw,32px);line-height:1.1;margin:40px 0 16px}
.presale-body :is(h1,h2,h3,h4,.p-meta,img) ~ h1+p:not(.p-lead),.presale-body :is(h1,h2,h3,h4,.p-meta,img) ~ * h1+p:not(.p-lead),.presale-body :is(h2,h3,h4) ~ p+h1+p:not(.p-lead){font-family:var(--cr-font);font-size:var(--cr-body);line-height:1.6;color:var(--cr-ink);font-weight:400}
.presale-body .p-feature>:first-child{margin-top:0}
.presale-body .p-feature>h2{font-size:22px;line-height:1.15;margin-bottom:6px;border:0;padding-top:0}
.presale-body div[data-w-id]:has(> img.p-icon:first-child + div:last-child){display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:10px;align-items:start;margin:0 0 10px}
.presale-body div[data-w-id]:has(> img.p-icon:first-child + div:last-child)>img.p-icon{display:none}
.presale-body div[data-w-id]:has(> img.p-icon:first-child + div:last-child)::before{content:"";grid-column:1;grid-row:1;width:20px;height:20px;margin-top:4px;border-radius:50%;background:var(--cr-ok-tint) var(--cr-i-tick) center/14px 14px no-repeat}
.presale-body div[data-w-id]:has(> img.p-icon:first-child + div:last-child)>div{grid-column:2}
.presale-body div[data-w-id]:has(> img.p-icon:first-child + div:last-child) p{margin:0 0 4px}
/* 5.18b the footer partial laid out with the shipped presale markup */
body[data-top5-presale-brand]{background:var(--cr-white)}
body[data-top5-presale-brand] .foot .foot-cols{grid-template-columns:minmax(0,1.4fr) repeat(4,minmax(0,1fr));gap:24px 24px}
body[data-top5-presale-brand] .foot .foot-cols.cols4{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr))}
body[data-top5-presale-brand] .foot .foot-cols.cols4>div:not(.foot-brand){grid-row:1/3}
body[data-top5-presale-brand] .foot .foot-cols>.foot-brand{display:contents}
body[data-top5-presale-brand] .foot .foot-cols>.foot-brand>.brand{grid-column:1;grid-row:1;justify-self:start}
body[data-top5-presale-brand] .foot .foot-cols>.foot-brand>.note{grid-column:1;grid-row:2;margin:0;max-width:none;align-self:start}
body[data-top5-presale-brand] .foot .foot-cols>.foot-brand>.pub{grid-column:1/-1;order:5;margin:8px 0 0;padding-top:20px;border-top:1px solid var(--cr-line)}
body[data-top5-presale-brand] .foot .foot-cols>div:not(.foot-brand):not(:has(> ul.langs)){grid-row:1/3}
body[data-top5-presale-brand] .foot .foot-cols>div:has(> ul.langs){grid-column:1/-1;order:6;display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;padding-top:16px;border-top:1px solid var(--cr-line)}
body[data-top5-presale-brand] .foot .foot-cols>div:has(> ul.langs)>.h{margin:0;margin-inline-end:8px}
body[data-top5-presale-brand] .foot ul.langs{display:flex;flex-wrap:wrap;gap:2px 4px;flex:1 1 auto;grid-template-columns:none}
body[data-top5-presale-brand] .foot ul.langs li{display:block}
body[data-top5-presale-brand] .foot ul.langs a{padding:4px 8px;min-height:44px;border-radius:var(--cr-r-1);white-space:nowrap;overflow-wrap:normal;hyphens:manual;border-top:0}
body[data-top5-presale-brand] .foot .note a{display:inline-block;padding-block:11px;margin-block:-11px}
body[data-top5-presale-brand] .foot .h{min-height:22px}
body[data-top5-presale-brand] .foot .copy .foot-nav a[href="/get-in-touch"]{display:none}
body[data-top5-presale-brand] .foot .company{margin-top:32px;padding-top:16px;border-top:1px solid var(--cr-line);display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px}
body[data-top5-presale-brand] .foot .readin{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:2px 4px}
body[data-top5-presale-brand] .foot :is(.company,.readin) .h{font-family:var(--cr-font);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;color:var(--cr-ink);margin:0;margin-inline-end:12px}
body[data-top5-presale-brand] .foot :is(.company,.readin) a{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;border-radius:var(--cr-r-1);color:var(--cr-ink);text-decoration:none}
body[data-top5-presale-brand] .foot :is(.company,.readin) a:hover{color:var(--cr-ink);text-decoration:underline;text-decoration-color:var(--cr-ink);text-decoration-thickness:2px;text-underline-offset:4px}
body[data-top5-presale-brand] .foot .readin a.cur{color:var(--cr-ink);font-weight:700}
body[data-top5-presale-brand] .foot .legal{margin-top:24px;padding-top:24px;border-top:1px solid var(--cr-line);display:grid;gap:16px}
body[data-top5-presale-brand] .foot .legal p{max-width:64ch;font-size:16px;margin:0}
body[data-top5-presale-brand] .foot .legal .row{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;font-size:16px}
body[data-top5-presale-brand] .foot .legal .row nav{display:flex;flex-wrap:wrap;gap:4px 8px;margin-inline-start:auto;font-family:var(--cr-font);font-weight:600;font-size:16px}
body[data-top5-presale-brand] .foot .legal .row nav a{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;border-radius:var(--cr-r-1);color:var(--cr-ink);text-decoration:none}
body[data-top5-presale-brand] .foot .legal-line{direction:inherit;unicode-bidi:isolate}
[lang=he] body[data-top5-presale-brand] .foot :is(.company,.readin) .h{letter-spacing:0;text-transform:none}
@media(max-width:1023px){
  body[data-top5-presale-brand] .foot .foot-cols,body[data-top5-presale-brand] .foot .foot-cols.cols4{grid-template-columns:repeat(3,minmax(0,1fr))}
  body[data-top5-presale-brand] .foot .foot-cols.cols4>div:not(.foot-brand){grid-row:auto}
  body[data-top5-presale-brand] .foot .foot-cols>.foot-brand>.brand,body[data-top5-presale-brand] .foot .foot-cols>.foot-brand>.note,body[data-top5-presale-brand] .foot .foot-cols>.foot-brand>.pub{grid-column:1/-1;grid-row:auto}
  body[data-top5-presale-brand] .foot .foot-cols>.foot-brand>.note{max-width:64ch}
  body[data-top5-presale-brand] .foot .foot-cols>div:not(.foot-brand):not(:has(> ul.langs)){grid-row:auto}
}
@media(max-width:640px){
  body[data-top5-presale-brand] .foot .foot-cols,body[data-top5-presale-brand] .foot .foot-cols.cols4{grid-template-columns:1fr 1fr}
  body[data-top5-presale-brand] .sitebar .adv{padding-inline-start:12px;text-align:end;max-width:60%;line-height:1.25}
  body[data-top5-presale-brand] .foot .legal .row nav{margin-inline:-8px}
  body[data-top5-presale-brand] .foot :is(.company,.readin) .h{margin-inline-start:8px}
  html:not([dir=rtl]) body[data-top5-presale-brand] .foot .pub .row{display:block;margin-inline-end:0}
  html:not([dir=rtl]) body[data-top5-presale-brand] .foot .pub .row:not(:last-child)::after{content:none}
  body[data-top5-presale-brand] .foot .company{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 8px;align-items:center}
  body[data-top5-presale-brand] .foot .company .h{grid-column:1/-1}
  body[data-top5-presale-brand] .foot .legal .row nav{display:grid;grid-template-columns:1fr;gap:0;flex:1 1 100%}
  .presale-body .p-offer-trust{flex-direction:column;align-items:stretch}
  .presale-body h1:is([data-h1-len^="1"],[data-h1-len^="2"],[data-h1-len^="3"]):not([data-h1-len="1"],[data-h1-len="2"],[data-h1-len="3"],[data-h1-len="10"],[data-h1-len="11"],[data-h1-len="12"],[data-h1-len="13"],[data-h1-len="14"],[data-h1-len="15"],[data-h1-len="16"],[data-h1-len="17"],[data-h1-len="18"],[data-h1-len="19"],[data-h1-len="20"],[data-h1-len="21"],[data-h1-len="22"],[data-h1-len="23"],[data-h1-len="24"],[data-h1-len="25"],[data-h1-len="26"],[data-h1-len="27"],[data-h1-len="28"],[data-h1-len="29"],[data-h1-len="30"],[data-h1-len="31"],[data-h1-len="32"],[data-h1-len="33"],[data-h1-len="34"],[data-h1-len="35"],[data-h1-len="36"],[data-h1-len="37"],[data-h1-len="38"],[data-h1-len="39"]){font-size:2rem}
  .presale-body h1:is([data-h1-len^="14"],[data-h1-len^="15"],[data-h1-len^="16"],[data-h1-len^="17"],[data-h1-len^="18"],[data-h1-len^="19"],[data-h1-len^="2"],[data-h1-len^="3"]):not([data-h1-len="14"],[data-h1-len="15"],[data-h1-len="16"],[data-h1-len="17"],[data-h1-len="18"],[data-h1-len="19"],[data-h1-len="2"],[data-h1-len="3"],[data-h1-len="20"],[data-h1-len="21"],[data-h1-len="22"],[data-h1-len="23"],[data-h1-len="24"],[data-h1-len="25"],[data-h1-len="26"],[data-h1-len="27"],[data-h1-len="28"],[data-h1-len="29"],[data-h1-len="30"],[data-h1-len="31"],[data-h1-len="32"],[data-h1-len="33"],[data-h1-len="34"],[data-h1-len="35"],[data-h1-len="36"],[data-h1-len="37"],[data-h1-len="38"],[data-h1-len="39"]){font-size:1.875rem}
}

/* ---- 6 and 7. the sister skin's legacy Bootstrap markup and numbered presale variants belong to that site alone: CurrentlyRated is built on the
   builder from day one and injects no legacy body class, so neither section is carried ---- */

/* ---- 8. consent banner: none on this site (DR CHROME LAW 2). /consent.js is a no-op stub; the banner id is hidden above as belt and braces. ---- */
/* DR_CHROME_HOME_ONLY_V1 (operator 2026-09-14): the top menu (the strip) and the language selector live on the homepage only; every other page
   hides them (the sitegen pages carry the same rule inline). The Read in row is NOT hidden by the skin: the builder footer prints it on the
   homepage only (DESIGN-SPEC 12.2 B14, FOOTER_LANGS_HOME_ONLY_V1). Same-tab owned buttons and no cookie notice are page-level changes. */
html body[data-top5-artifact] .strip,html body[data-top5-artifact] .bar,html body[data-top5-artifact] .langsel,html body[data-top5-artifact] .langmenu,html body[data-top5-artifact] .langs,
html body[data-dr] .strip,html body[data-dr] .bar,html body[data-dr] .langsel,html body[data-dr] .langmenu,html body[data-dr] .langs,html body[data-dr] nav.strip{display:none}

/* ---- 9. CR_SKIN_V1: the CurrentlyRated chrome (DESIGN-SPEC sections 3 to 6, the approved mockups design/final/cr.css with the --cr- tokens,
   authored on the template selectors of the selector map 6.5). The CR guide chrome (CR_GUIDE_CHROME_V1) and the CR review chrome
   (CR_PRESALE_DR_V1) of wave 4 print these classes; every rule tolerates the current template, whose classes 9.8 skins in the same look. ---- */

/* 9.0 the base of the approved mockup, scoped so the shared template keeps its own resets: border-box everywhere (the templates set it too),
   the wrap, the skip link, the visually hidden helper, and the running text of the CurrentlyRated chrome blocks through :where (no specificity) */
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
img{max-width:100%;height:auto}
.wrap{max-width:calc(var(--cr-wrap) + 2*var(--cr-gutter));margin-inline:auto;padding-inline:var(--cr-gutter)}
.skip{position:absolute;inset-inline-start:12px;inset-block-start:-100px;z-index:100;background:var(--cr-ink);color:#fff;padding:12px 16px;border-radius:8px;min-height:44px;display:inline-flex;align-items:center;font-weight:650;text-decoration:none}
.skip:focus{inset-block-start:12px}
.sr{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.num,.price bdi,.score bdi,.nlabel .pr{white-space:nowrap}
s{text-decoration-thickness:1.5px}
:where(section[data-top5-module],section#ranking,section.table,section.criteria,section.pick1,section.tiles,section.long-review,section.faq,section.final,main.presale-article,.rv-grid,footer.foot,aside.rail) :is(ul,ol):not(.presale-body *){margin:0;padding:0;list-style:none}
:where(section[data-top5-module],section#ranking,section.table,section.criteria,section.pick1,section.tiles,section.long-review,section.faq,section.final,.rv-grid,footer.foot,aside.rail) p{margin:0;text-wrap:pretty}
:where(section[data-top5-module],section#ranking,section.table,section.criteria,section.pick1,section.tiles,section.long-review,section.faq,section.final,main.presale-article,.rv-grid,footer.foot,aside.rail) :is(img,svg){display:block;max-width:100%;height:auto}
:where(section[data-top5-module],section#ranking,section.table,section.criteria,section.pick1,section.tiles,section.long-review,section.faq,section.final,main.presale-article,.rv-grid,footer.foot,aside.rail) figure{margin:0}
:where(section[data-top5-module],section#ranking,section.table,section.criteria,section.pick1,section.tiles,section.long-review,section.faq,section.final,footer.foot,aside.rail) a{color:inherit}
:where(section[data-top5-module],section#ranking,section.table,section.criteria,section.pick1,section.tiles,section.long-review,section.faq,section.final,footer.foot,aside.rail) :is(h1,h2,h3,h4){margin:0}
/* 9.1 the objects: the wordmark and the now dot, the keys (.btn, .big, .wide, .sm) and the ghost, the text link, the chips, the badge in ink, the percent
   chip, the studio well, the score with the ten segment meter drawn from --v, the price object, the shelf ticket, the ticks and crosses */
:root .brand{display:inline-flex;align-items:center;min-height:44px;text-decoration:none;color:var(--cr-ink);direction:ltr;unicode-bidi:isolate}
:root .wm{font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1}
:root .wm b{font-weight:800}
:root .wm i{display:inline-block;inline-size:.3em;block-size:.3em;border-radius:50%;background:var(--cr-sig);margin-inline-start:.08em;vertical-align:baseline;font-style:normal}
:root .cr-logo{display:inline-flex;align-items:center;min-height:44px;direction:ltr}
:root .cr-logo img{block-size:26px;inline-size:auto}
@media (min-width:768px){
:root .cr-logo img{block-size:30px}
}
:root .dot{display:inline-block;inline-size:9px;block-size:9px;border-radius:50%;background:var(--cr-sig);box-shadow:0 0 0 3px var(--cr-sig-tint);flex:none}
:root .nowline{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:var(--cr-ink);line-height:1.3}
:root .nowline .dot{margin-inline-start:3px}
:root .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 24px;border-radius:var(--cr-r-btn);background:var(--cr-sig);color:#fff;font-size:18px;font-weight:650;line-height:1.2;text-decoration:none;text-align:center;border:0;transition:background-color .15s}
:root .btn:hover{background:var(--cr-sig-deep)}
:root .btn.big{min-height:60px;font-size:19px}
:root .btn.wide{display:flex;inline-size:100%}
:root .btn.sm{min-height:48px;padding:8px 16px;font-size:16px}
:root svg.ar,:root .btn .ar,:root .ghost .ar,:root .tlink .ar,:root .key .ar{flex:none}
:root :lang(he) .btn .ar,:root :lang(he) .tlink .ar,:root :lang(he) .key .ar{transform:scaleX(-1)}
:root :lang(he) .ghost .ar.out{transform:scaleX(-1)}
:root .ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px 14px;border-radius:var(--cr-r-btn);background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-ink);font-size:16px;font-weight:650;text-decoration:none;line-height:1.2;text-align:center}
:root .ghost:hover{background:var(--cr-mist)}
:root .tlink{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:650;color:var(--cr-ink);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px;font-size:16px}
:root .note,:root .side-note{font-size:14px;color:var(--cr-mute);line-height:1.4}
:root .chips{display:flex;flex-wrap:wrap;gap:6px 16px}
:root .chip{display:inline-flex;align-items:flex-start;gap:7px;font-size:15px;line-height:1.35;color:var(--cr-ink);font-weight:500}
:root .chip svg{flex:none;margin-block-start:2px;color:var(--cr-ok)}
:root .chip > span{text-wrap:balance}
:root .badge{display:inline-block;padding:5px 9px 4px;border-radius:6px;background:var(--cr-ink);color:#fff;font-size:14px;font-weight:650;line-height:1.25;letter-spacing:.01em;overflow-wrap:anywhere}
:root .badge.line{background:transparent;color:var(--cr-ink);box-shadow:inset 0 0 0 1.5px var(--cr-ink)}
:root .pct{display:inline-block;padding:3px 8px;border-radius:6px;background:var(--cr-ok-tint);color:var(--cr-ok);font-size:15px;font-weight:700;line-height:1.3;white-space:nowrap}
:root .well{position:relative;display:block;aspect-ratio:4/3;border-radius:var(--cr-r-well);overflow:hidden;
  background:
    radial-gradient(46% 7.5% at 50% 87%,rgba(22,23,29,.16),rgba(22,23,29,0) 72%),
    linear-gradient(180deg,var(--cr-studio-top) 0%,var(--cr-studio) 58%,var(--cr-studio-floor) 100%)}
:root .well img{position:absolute;inset:7% 10% 11% 10%;inline-size:80%;block-size:82%;object-fit:contain;object-position:50% 100%;mix-blend-mode:multiply}
:root .well.sq{aspect-ratio:1/1}
:root .score{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:6px;row-gap:5px}
:root .score .score-num{font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:.95}
:root .score .sc-of{font-size:17px;font-weight:600;color:var(--cr-mute)}
:root .score .score-word{grid-column:1/-1;font-size:15px;font-weight:650;color:var(--cr-ink)}
:root .meter{grid-column:1/-1;display:block;block-size:6px;inline-size:100%;
  --seg:repeating-linear-gradient(90deg,#000 0 calc(10% - 3px),transparent calc(10% - 3px) 10%);
  -webkit-mask:var(--seg);mask:var(--seg);
  background:linear-gradient(90deg,var(--cr-ink) calc(var(--v,0) * 100%),var(--cr-line-2) 0)}
:root :lang(he) .meter{background:linear-gradient(270deg,var(--cr-ink) calc(var(--v,0) * 100%),var(--cr-line-2) 0);--seg:repeating-linear-gradient(270deg,#000 0 calc(10% - 3px),transparent calc(10% - 3px) 10%)}
:root .score.sm .score-num{font-size:30px}
:root .score.sm .sc-of{font-size:15px}
:root .price{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 12px}
:root .price .price-now{font-size:38px;font-weight:800;letter-spacing:-.025em;line-height:1}
:root .price .was{display:flex;flex-wrap:wrap;gap:0 6px;align-items:baseline;font-size:15px;color:var(--cr-mute);font-weight:500;line-height:1.35}
:root .price .was s{font-size:17px}
:root .save{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-size:16px;color:var(--cr-ink)}
:root .save b{color:var(--cr-ok);font-weight:750}
:root .nlabel{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:12px;padding:9px 12px 10px;border:1px solid var(--cr-line-2);border-radius:var(--cr-r-lab);background:var(--cr-white)}
:root .nlabel .lbl{flex:0 0 100%;font-size:14px;color:var(--cr-mute);font-weight:500;line-height:1.3}
:root .nlabel .nm{flex:1 1 auto;min-inline-size:0;font-size:17px;font-weight:700;line-height:1.25;overflow-wrap:break-word}
:root .nlabel .pr{margin-inline-start:auto;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
:root .ticks li,:root .crosses li{position:relative;padding-inline-start:30px;margin-block-end:9px;line-height:1.45}
:root .ticks li::before,:root .crosses li::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:3px;inline-size:20px;block-size:20px;border-radius:50%}
:root .ticks li::before{background:var(--cr-ok-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.4l3 3 6-6.6' fill='none' stroke='%2313774A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/20px no-repeat}
:root .crosses li::before{background:var(--cr-warn-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M6.8 6.8l6.4 6.4M13.2 6.8l-6.4 6.4' fill='none' stroke='%23B3261E' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/20px no-repeat}
:root .ticks li b{font-weight:700}
:root .lists h4{font-size:16px;font-weight:700;margin-block-end:10px;letter-spacing:0}
:root details.more-ticks > summary{list-style:none;display:inline-flex;align-items:center;gap:10px;min-height:44px;font-size:16px;font-weight:650;color:var(--cr-ink);cursor:pointer;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
:root details.more-ticks > summary::-webkit-details-marker{display:none}
:root details.more-ticks > summary::after{content:"";flex:none;inline-size:24px;block-size:24px;border-radius:50%;background:var(--cr-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%2316171D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .15s}
:root details.more-ticks[open] > summary{margin-block-end:8px}
:root details.more-ticks[open] > summary::after{transform:rotate(180deg)}
/* 9.2 the chrome: the sitebar with the outlined wordmark and the Advertorial label, the mist footer with the three guide groups (p.h heads) */
:root header.sitebar{border-block-end:1px solid var(--cr-line);background:#fff}
:root header.sitebar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:60px}
:root .sitebar .adv{display:inline-flex;align-items:center;min-height:30px;padding:3px 10px;border:1px solid var(--cr-line-2);border-radius:6px;font-size:14px;font-weight:600;color:var(--cr-mute)}
:root footer.foot{background:var(--cr-mist);border-block-start:1px solid var(--cr-line);padding-block:40px 28px;font-size:16px}
:root .foot .fcols{display:grid;gap:28px}
:root .foot .fb .wm{font-size:22px}
:root .foot .dsc{margin-block-start:12px;color:var(--cr-ink);line-height:1.55;max-inline-size:60ch;font-size:15px}
:root .foot .dsc a{font-weight:650;text-underline-offset:3px;display:inline-block;padding-block:12px;margin-block:-12px}
:root .foot .dsc .nw{white-space:nowrap}
:root .foot .pub{margin-block-start:10px;color:var(--cr-mute);font-size:15px}
:root footer.foot .h,:root .foot .h{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:0;margin-block-end:4px;color:var(--cr-ink);line-height:1.3}
:root .foot .h .pi,:root .foot .h svg{flex:none;color:var(--cr-mute)}
:root .foot .fg ul li a,:root .foot .fc ul li a{display:inline-flex;align-items:center;min-height:44px;min-inline-size:44px;text-decoration:none;color:var(--cr-ink);font-size:16px}
:root .foot .fg ul li a:hover,:root .foot .fc ul li a:hover{text-decoration:underline;text-underline-offset:3px}
:root .foot .readin{margin-block-start:28px;padding-block-start:18px;border-block-start:1px solid var(--cr-line-2)}
:root .foot .readin nav{display:flex;flex-wrap:wrap;gap:0 2px}
:root .foot .readin a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-inline-size:44px;padding:0 9px;text-decoration:none;font-size:15px;border-radius:8px;color:var(--cr-ink)}
:root .foot .readin a[aria-current]{font-weight:750;background:#fff;box-shadow:inset 0 0 0 1px var(--cr-line-2)}
:root .foot .legal{margin-block-start:18px;display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;color:var(--cr-mute);font-size:15px}
:root .foot .legal a{display:inline-flex;align-items:center;min-height:44px;color:var(--cr-ink);text-underline-offset:3px}
@media (min-width:768px){
:root .foot .fcols{grid-template-columns:minmax(0,1.6fr) repeat(4,minmax(0,1fr));gap:32px}
:root .foot .fcols.short{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
}
@media (max-width:767px){
:root .foot .fcols:not(.short){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
:root .foot .fcols:not(.short) .fb{grid-column:1/-1}
}
@media (min-width:768px) and (max-width:1023px){
:root .foot .fcols{grid-template-columns:repeat(2,minmax(0,1fr))}
:root .foot .fcols .fb{grid-column:1/-1}
:root .foot .fcols.short{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
:root .foot .fcols.short .fb{grid-column:auto}
}
:root .foot .fcols.solo{grid-template-columns:minmax(0,1fr)}
/* 9.3 the guide (DESIGN-SPEC 3.3, 3.4): section.hero.nohero one column at the 1080 px measure, the plate with the now line, the opener, the h1 steps,
   the winner card areas and the buy box, the rows (display contents), the table and its stacked form, the criteria, the pick again, the value
   tiles, the long review at the 720 px column, the FAQ, the final card, the long word step of the keys */
:root .g-col{max-inline-size:calc(1080px + 2*var(--cr-gutter))}
:root .l-col{max-inline-size:calc(760px + 2*var(--cr-gutter))}
:root section.hero.nohero{padding-block:22px 6px}
:root .plate{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:15px;color:var(--cr-mute);line-height:1.3}
:root .plate .cat{font-weight:700;color:var(--cr-ink)}
:root .plate .verify.nowline{font-size:15px}
:root .nohero h1{font-size:29px;line-height:1.12;margin-block-start:12px}
:root .opener{margin-block-start:14px;display:grid;gap:7px}
:root .opener p.q{position:relative;padding-inline-start:22px;font-size:18px;line-height:1.45}
:root .opener p.q::before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.6em;inline-size:7px;block-size:7px;background:var(--cr-ink);border-radius:1.5px}
:root .opener p.q:nth-child(-n+3){font-weight:650}
:root .opener p:not(.q){margin-block-start:6px;font-size:18px;line-height:1.55}
:root main.article{display:block}
:root section#ranking{padding-block:26px 8px;scroll-margin-block-start:12px}
:root h2.flow-h{font-size:26px;margin-block-end:14px}
:root article.listing.featured{border:2px solid var(--cr-ink);border-radius:var(--cr-r-card);padding:16px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "pic" "buy" "sum" "lists" "deal";gap:16px;background:#fff}
:root .w-head{grid-area:head}
:root .w-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px}
:root .listing-rank{font-size:30px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
:root .listing-rank::before{content:"#";font-weight:700;color:var(--cr-mute);font-size:.7em;margin-inline-end:1px;vertical-align:.12em}
:root .w-head h3{font-size:30px;margin-block-start:8px}
:root .w-pic{grid-area:pic}
:root .w-pic .well{aspect-ratio:16/10}
:root .w-pic .review-link{margin-block-start:4px}
:root .w-buy{grid-area:buy}
:root .buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"s p" "save save" "key key" "chips chips" "note note";gap:12px 14px;padding:16px;border:1px solid var(--cr-line-2);border-radius:14px;background:#fff;align-items:start}
:root .buy .s-row{grid-area:s;display:grid;gap:4px}
:root .buy .s-lbl{font-size:14px;color:var(--cr-mute);font-weight:600}
:root .buy .price-box{grid-area:p;display:grid;gap:4px;padding-inline-start:14px;border-inline-start:1px solid var(--cr-line)}
:root .buy .price-box .p-lbl{font-size:14px;color:var(--cr-mute);font-weight:600}
:root .buy .price .price-now{font-size:36px}
:root .buy .save{grid-area:save}
:root .buy .cta{grid-area:key}
:root .buy .chips{grid-area:chips;flex-direction:column;gap:6px}
:root .buy .side-note{grid-area:note}
:root .promo-strip .buy{grid-template-areas:"s p" "save save" "key key" "chips chips"}
:root .w-sum{grid-area:sum;font-size:17px;line-height:1.55}
:root article.listing.featured .lists{grid-area:lists;display:grid;gap:14px}
:root .deal{grid-area:deal;background:var(--cr-mist);border-radius:12px;padding:14px 16px;display:grid;gap:6px;font-size:16px;line-height:1.45}
:root .deal .d-valid{font-weight:650}
:root ol.rows{display:grid;gap:14px;margin-block-start:14px}
:root li.listing.row{border:1px solid var(--cr-line);border-radius:var(--cr-r-card);padding:14px;display:grid;grid-template-columns:auto 84px minmax(0,1fr);grid-template-areas:"n pic top" "sum sum sum" "lists lists lists" "side side side";gap:12px 14px;align-items:start;background:#fff}
:root li.row .listing-rank{grid-area:n;font-size:24px;padding-block-start:4px}
:root li.row .r-pic{grid-area:pic}
:root li.row .r-pic .well{aspect-ratio:1/1;border-radius:10px}
:root li.row .r-top{grid-area:top;min-inline-size:0;display:grid;gap:6px;justify-items:start}
:root li.row h3{font-size:20px;line-height:1.2}
:root li.row .r-main{display:contents}
:root li.row .summary{grid-area:sum;font-size:17px;line-height:1.5;min-inline-size:0}
:root li.row .lists{grid-area:lists;display:grid;gap:12px;min-inline-size:0}
:root li.row .lists li{font-size:16px}
:root li.row .r-side{grid-area:side;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px 16px;padding-block-start:12px;border-block-start:1px solid var(--cr-line)}
:root li.row .r-side .score{grid-row:span 2;min-inline-size:92px}
:root li.row .r-side .price .price-now{font-size:24px}
:root li.row .r-side .vs{font-size:15px;color:var(--cr-mute)}
:root li.row .r-side .ghost,:root li.row .r-side .btn{grid-column:1/-1}
:root li.row.own{border:1.5px solid var(--cr-ink)}
:root section.table{padding-block:36px 8px}
:root section.table h2,:root section.criteria h2,:root section.pick1 h2.winner-banner,:root section.tiles h2,:root section.faq h2{font-size:26px;margin-block-end:14px}
:root .tbl{inline-size:100%;border-collapse:separate;border-spacing:0;font-size:16px}
:root .t-cap{font-size:15px;color:var(--cr-mute);margin-block-end:12px}
:root .tbl th,:root .tbl td{text-align:start;padding:12px 12px;border-block-end:1px solid var(--cr-line);vertical-align:middle;line-height:1.4}
:root .tbl thead th{font-size:14px;font-weight:700;color:var(--cr-mute);background:var(--cr-mist);vertical-align:bottom}
:root .tbl thead th:first-child{border-start-start-radius:10px}
:root .tbl thead th:last-child{border-start-end-radius:10px}
:root .tbl tbody th{font-weight:700;overflow-wrap:anywhere}
:root .tbl .t-prod{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:10px}
:root .tbl .t-prod .well{aspect-ratio:1/1;border-radius:8px}
:root .tbl tr.own th,:root .tbl tr.own td{background:var(--cr-mist)}
:root .tbl tr.own th{box-shadow:inset 3px 0 0 var(--cr-ink)}
:root :lang(he) .tbl tr.own th{box-shadow:inset -3px 0 0 var(--cr-ink)}
:root .tbl .sc{font-weight:800;font-size:18px}
:root .tbl .yes{display:inline-flex;align-items:flex-start;gap:6px}
:root .tbl .yes svg{flex:none;margin-block-start:3px;color:var(--cr-ok)}
:root .tbl .buy-own{display:grid;gap:6px;justify-items:start}
:root .tbl td bdi{white-space:nowrap}
@media (min-width:1024px){
:root .tbl thead th:first-child{inline-size:27%}
:root .tbl .buy-own .btn{white-space:nowrap}
}
@media (max-width:1023px){
:root .tbl thead{display:none}
:root .tbl,:root .tbl tbody,:root .tbl tr,:root .tbl th,:root .tbl td{display:block;inline-size:100%}
:root .tbl tr{border:1px solid var(--cr-line);border-radius:12px;margin-block-end:10px;overflow:hidden}
:root .tbl tbody th{font-size:17px;padding:10px 14px;border-block-end:1px solid var(--cr-line)}
:root .tbl td{display:grid;grid-template-columns:minmax(110px,40%) minmax(0,1fr);align-items:baseline;gap:10px;padding:9px 14px;border-block-end:1px solid var(--cr-line)}
:root .tbl td:last-child{border-block-end:0}
:root .tbl td::before{content:attr(data-th);font-size:14px;color:var(--cr-mute);font-weight:600}
:root .tbl td.t-key{grid-template-columns:minmax(0,1fr);gap:8px}
:root .tbl td.t-key::before{display:none}
:root .tbl td.t-key .buy-own{justify-items:stretch}
:root .tbl td.t-key .buy-own > span{display:none}
}
:root section.criteria{padding-block:36px 8px}
:root section.criteria .crit li{font-weight:500}
:root section.criteria .crit li b{font-weight:700}
:root section.pick1{padding-block:36px 8px}
:root .promo-strip{border:2px solid var(--cr-ink);border-radius:var(--cr-r-card);padding:16px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px}
:root .promo-strip .p1-head{display:grid;gap:8px;justify-items:start}
:root .promo-strip h3{font-size:28px}
:root .promo-strip .well{aspect-ratio:16/10}
:root section.tiles{padding-block:28px 8px}
:root .vt{display:grid;gap:14px}
:root .vt article{border:1px solid var(--cr-line);border-radius:14px;padding:18px}
:root .vt h3{font-size:20px;line-height:1.25}
:root .vt p{margin-block-start:8px;font-size:17px;line-height:1.55;overflow-wrap:break-word}
:root section.long-review{padding-block:44px 8px}
:root .lgrid{display:grid;gap:32px}
:root .lg{max-inline-size:600px;min-inline-size:0}
:root .lg h2{font-size:28px}
:root .lg h3{font-size:22px;margin-block:30px 10px}
:root .lg p{font-size:18px;line-height:1.65;margin-block-start:14px}
:root .lg figure{margin:22px 0 4px}
:root .lg figure img{inline-size:100%;border-radius:14px;aspect-ratio:16/9;object-fit:cover}
:root .lg figcaption{font-size:15px;color:var(--cr-mute);margin-block-start:8px;line-height:1.45}
:root section.faq{padding-block:40px 8px}
:root details.q{border-block-end:1px solid var(--cr-line)}
:root details.q:first-of-type{border-block-start:1px solid var(--cr-line)}
:root details.q summary{list-style:none;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:56px;padding-block:12px;font-size:18px;font-weight:700;line-height:1.35;cursor:pointer}
:root details.q summary::-webkit-details-marker{display:none}
:root details.q summary > span{min-inline-size:0;text-wrap:balance}
:root details.q summary::after{content:"";inline-size:28px;block-size:28px;border-radius:50%;background:var(--cr-mist) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 8l5 5 5-5' fill='none' stroke='%2316171D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .15s}
:root details.q[open] summary::after{transform:rotate(180deg)}
:root details.q .a{padding-block:0 16px;font-size:18px;line-height:1.6;max-inline-size:600px}
:root .important{margin-block-start:22px;padding:16px;border-radius:12px;background:var(--cr-mist);font-size:15px;line-height:1.55;color:var(--cr-ink)}
:root .important b{display:block;margin-block-end:4px}
:root section.final{padding-block:40px 56px}
:root .final-card{border:2px solid var(--cr-ink);border-radius:var(--cr-r-card);padding:16px;display:grid;gap:18px}
:root .final-card h2{font-size:28px}
:root .final-card .spot{font-size:17px;line-height:1.6}
:root .final-card .fc-words{display:grid;gap:12px;justify-items:stretch}
:root .final-card .fc-words > .badge{justify-self:start}
:root .final-card .well{aspect-ratio:16/10}
@media (max-width:1023px){
:root .w-sum,:root li.row .summary,:root li.row .lists li,:root .ticks li,:root .crosses li,:root .vt p,:root details.q .a,:root section.criteria .crit li,:root .final-card .spot{font-size:18px}
}
@media (min-width:600px){
:root li.listing.row{grid-template-columns:auto 120px minmax(0,1fr);grid-template-areas:"n pic top" "n pic sum" "lists lists lists" "side side side"}
:root li.row .lists{grid-template-columns:repeat(2,minmax(0,1fr))}
:root article.listing.featured .lists{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px}
}
@media (min-width:768px){
:root .vt{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:768px){
:root .nohero h1{font-size:40px}
:root article.listing.featured{padding:22px;grid-template-columns:minmax(0,5fr) minmax(0,4fr);grid-template-areas:"head buy" "pic buy" "sum sum" "lists lists" "deal deal";gap:18px 28px}
:root .w-pic .well{aspect-ratio:4/3}
:root .buy .chips{flex-direction:column}
:root li.row .r-side{grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center}
:root li.row .r-side .score{grid-row:auto}
:root li.row .r-side .ghost,:root li.row .r-side .btn{grid-column:auto}
:root .promo-strip{grid-template-columns:200px minmax(0,1fr) minmax(0,320px);align-items:center;padding:22px;gap:24px}
:root .promo-strip .well{aspect-ratio:1/1}
:root .promo-strip .buy{border:0;padding:0}
:root .final-card{grid-template-columns:260px minmax(0,1fr);align-items:center;padding:28px;gap:32px}
:root .final-card .well{aspect-ratio:1/1}
:root .final-card .fc-words{justify-items:start}
:root .final-card .fc-words .btn{inline-size:auto;min-inline-size:320px}
}
@media (min-width:1024px){
:root section.hero.nohero{padding-block:26px 4px}
:root .nohero h1{font-size:44px;line-height:1.08}
:root h2.flow-h{font-size:30px}
:root article.listing.featured{grid-template-columns:240px minmax(0,1fr) 330px;grid-template-areas:"pic head buy" "pic sum buy" "lists lists lists" "deal deal deal";grid-template-rows:auto 1fr auto auto;padding:24px;gap:18px 28px}
:root .opener{gap:4px}
:root .opener p.q{line-height:1.4}
:root h2.flow-h{margin-block-end:10px}
:root article.listing.featured .w-buy{align-self:start}
:root article.listing.featured .w-pic .well{aspect-ratio:1/1}
:root article.listing.featured .lists{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;padding-block-start:18px;border-block-start:1px solid var(--cr-line)}
:root article.listing.featured .lists .ticks{columns:2;column-gap:28px}
:root article.listing.featured .lists .ticks li{break-inside:avoid}
:root li.listing.row{grid-template-columns:auto 140px minmax(0,1fr) 240px;grid-template-areas:"n pic top side" "n pic sum side" "n pic lists lists";grid-template-rows:auto 1fr auto;padding:20px;gap:10px 22px}
:root li.row .lists{margin-block-start:6px;padding-block-start:14px;border-block-start:1px solid var(--cr-line)}
:root li.row .r-side{grid-template-columns:minmax(0,1fr);border-block-start:0;padding-block-start:0;align-content:start;gap:10px}
:root li.row .r-side .ghost,:root li.row .r-side .btn{inline-size:100%}
:root .lgrid{grid-template-columns:minmax(0,600px) 340px;justify-content:space-between;gap:48px;align-items:start}
:root section.table h2,:root section.criteria h2,:root section.pick1 h2.winner-banner,:root section.tiles h2,:root section.faq h2{font-size:30px}
}
@media (min-width:1280px){
:root .nohero h1{font-size:46px}
}
html[lang="de"]:root .nohero h1,html[lang="fi"]:root .nohero h1,html[lang="hu"]:root .nohero h1,html[lang="nl"]:root .nohero h1,html[lang="el"]:root .nohero h1{font-size:27px}
@media (min-width:768px){
html[lang="de"]:root .nohero h1,html[lang="fi"]:root .nohero h1,html[lang="hu"]:root .nohero h1,html[lang="nl"]:root .nohero h1,html[lang="el"]:root .nohero h1{font-size:36px}
}
@media (min-width:1024px){
html[lang="de"]:root .nohero h1,html[lang="fi"]:root .nohero h1,html[lang="hu"]:root .nohero h1,html[lang="nl"]:root .nohero h1,html[lang="el"]:root .nohero h1{font-size:40px}
}
html[lang="de"]:root .btn.big,html[lang="fi"]:root .btn.big,html[lang="hu"]:root .btn.big,html[lang="nl"]:root .btn.big,html[lang="el"]:root .btn.big{font-size:17px;padding-inline:16px}
@media (max-width:479px){
:root .btn.big{padding-inline:16px}
}
/* 9.3a the approved mockup's guide rhythm over the carried sister mechanics (the skin test's findings): the tick and cross lines at the body size
   in ink, the rows spaced by the list's own gap, the subtitle paragraph close under the opener lines */
:root :is(.ticks,.crosses) li{font-size:inherit;display:list-item;list-style:none;color:inherit;gap:0}
:root ol.rows > li.listing{margin:0}
:root .opener p.q + p:not(.q){margin-block-start:6px}
:root .opener p.q{margin:0;text-indent:0;letter-spacing:0}

/* 9.4 the rail, the dock and the bar (DESIGN-SPEC 5.1): one node, the sticky card from 1024 px, the guide dock, the fixed bar under 1024 px */
:root aside.rail{background:#fff;border:1px solid var(--cr-line-2);border-radius:18px;box-shadow:var(--cr-lift);padding:18px;display:grid;gap:14px;align-content:start;min-inline-size:0}
:root .rail .r-head{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center}
:root .rail .r-head .well{aspect-ratio:1/1;border-radius:10px}
:root .rail .r-hw{min-inline-size:0;padding:8px 12px 9px;background:#fff;border:1px solid var(--cr-line);border-radius:var(--cr-r-lab);box-shadow:var(--cr-lift)}
:root .rail .r-price .p-lbl{font-size:14px;color:var(--cr-mute);font-weight:600;line-height:1.3;margin-block-end:4px}
:root .rail .r-lbl{font-size:14px;color:var(--cr-mute);font-weight:600;line-height:1.3}
:root .rail .r-name{font-size:22px;font-weight:750;line-height:1.15;overflow-wrap:anywhere}
:root .rail .r-rating{display:grid;gap:6px;padding-block:12px;border-block:1px solid var(--cr-line)}
:root .rail .r-rating .rr{display:flex;align-items:baseline;gap:6px;font-size:15px;color:var(--cr-mute)}
:root .rail .r-rating .rr b{font-size:26px;font-weight:800;color:var(--cr-ink);letter-spacing:-.02em}
:root .rail .r-rating .nowline{font-size:14px}
:root .rail .price .price-now{font-size:34px}
:root .rail .save{margin-block-start:8px}
:root .rail .r-facts{display:grid;gap:0;margin:0;font-size:15px}
:root .rail .r-facts div{display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr);gap:10px;padding-block:9px;border-block-start:1px solid var(--cr-line)}
:root .rail .r-facts dt{color:var(--cr-mute);font-weight:600}
:root .rail .r-facts dd{margin:0;overflow-wrap:anywhere;text-wrap:balance}
:root .rail .r-side{font-size:15px;color:var(--cr-mute);line-height:1.45}
:root .bar-only{display:none}
@media (min-width:1024px){
:root aside.rail{position:sticky;inset-block-start:20px;max-block-size:calc(100vh - 40px);overflow-y:auto;scroll-margin-block-start:100vh}
:root aside.rail.dock{position:fixed;inset-inline:0;inset-block-start:auto;inset-block-end:0;z-index:50;max-block-size:none;overflow:visible;border:0;border-block-start:1px solid var(--cr-line-2);border-radius:0;box-shadow:0 -6px 20px rgba(22,23,29,.08);padding:10px max(var(--cr-gutter),calc((100vw - 1080px) / 2));grid-template-columns:56px minmax(0,1fr) auto;gap:16px;align-items:center}
:root aside.rail.dock > *{display:none}
:root aside.rail.dock > .r-head{display:block}
:root aside.rail.dock > .r-head > .well{inline-size:56px;border-radius:8px}
:root aside.rail.dock > .r-head > .r-hw{display:none}
:root aside.rail.dock > .bar-only{display:flex;align-items:baseline;gap:16px;min-inline-size:0;justify-self:start;padding:8px 16px 9px;background:#fff;border:1px solid var(--cr-line);border-radius:var(--cr-r-lab);box-shadow:var(--cr-lift)}
:root aside.rail.dock .b-n{font-size:20px;font-weight:750}
:root aside.rail.dock .b-p{display:flex;align-items:baseline;gap:10px}
:root aside.rail.dock .b-p b{font-size:22px;font-weight:800}
:root aside.rail.dock .b-p s{font-size:15px;color:var(--cr-mute)}
:root aside.rail.dock > a.bar-btn{display:flex;inline-size:auto;min-inline-size:220px;min-height:48px;padding:8px 22px;font-size:17px}
}
@media (max-width:1023px){
:root aside.rail{position:fixed;inset-inline:0;inset-block-end:0;z-index:50;border:0;border-block-start:1px solid var(--cr-line-2);border-radius:0;box-shadow:0 -6px 20px rgba(22,23,29,.08);padding:10px var(--cr-gutter) calc(10px + env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;visibility:hidden;transform:translateY(110%);transition:transform .2s,visibility .2s}
:root aside.rail.on{visibility:visible;transform:none}
:root aside.rail > *:not(.bar-only):not(.bar-btn){display:none}
:root aside.rail .bar-only{display:grid;gap:1px;min-inline-size:0}
:root aside.rail .bar-only .b-n{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}
:root aside.rail .bar-only .b-p{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;line-height:1.2}
:root aside.rail .bar-only .b-p b{font-size:20px;font-weight:800}
:root aside.rail .bar-only .b-p s{font-size:14px;color:var(--cr-mute)}
:root aside.rail a.bar-btn{inline-size:auto;min-inline-size:150px;min-height:48px;padding:8px 18px;font-size:16px}
:root body.cr-bar footer.foot{padding-block-end:calc(28px + 72px + env(safe-area-inset-bottom))}
}
/* 9.5a the approved mockup's base inside the CR review body (body[data-cr-dr], CR_PRESALE_DR_V1): the carried sister mechanics of section 5 give
   running text bottom margins, headings a rule padding and their own tracking, pictures margins and a well ground, and the column an inner
   padding that the CR design does not use. They are reset here at the specificity of section 5 (a :where prefix adds none; this block comes
   later), below the review rules of 9.5, which set the rhythm exactly as on the approved mockup (the skin test: build/skintest.sh) */
:where(body[data-cr-dr]) .presale-body{padding-inline:0;margin-inline:0;max-inline-size:none;line-height:1.55}
:where(body[data-cr-dr]) .presale-body :is(p,li,ul,ol,figure,blockquote,h1,h2,h3,h4,table,dl,details,.p-meta,.p-dek,.p-eyebrow){margin-block-end:0}
:where(body[data-cr-dr]) .presale-body .p-offer{grid-template-columns:minmax(0,1fr)}
:where(body[data-cr-dr]) .presale-body img{background:none}
:where(body[data-cr-dr]) .presale-body :is(h1,h2,h3,h4){padding-block-start:0;border-block-start:0;letter-spacing:-.018em;line-height:1.12}
:where(html:lang(he) body[data-cr-dr]) .presale-body :is(h1,h2,h3,h4){letter-spacing:0}
:where(body[data-cr-dr]) .presale-body :is(figure,p,div,a,span) img{margin:0;background:none;padding:0}
:where(body[data-cr-dr]) .presale-body :is(ul,ol):is(.facts,.steps,.ticks,.crosses,.chips),:where(body[data-cr-dr]) .presale-body .gu-steps ol{padding:0;margin-inline:0;list-style:none}
:where(body[data-cr-dr]) .presale-body :is(ul,ol):is(.facts,.steps) > li{margin:0}
.sitebar .adv{line-height:1.55}
/* the Read in row in the mockup's shape (a head, then the language links in a nav) keeps its own block layout under the sister footer mechanics */
:root .foot .readin:has(> nav){display:block;margin-block-start:28px}
:root .foot .readin > nav{display:flex;flex-wrap:wrap;gap:0 2px}

/* 9.5 the review (DESIGN-SPEC 4.3): the two column body keyed on data-cr-dr and the centred fallback, the eyebrow, the dek, the meta, the figures,
   the units with the long and short labels, the facts list, the guarantee steps, the steps list, the final unit */
:root .rv-grid{display:grid;gap:32px;padding-block:22px 40px}
:root main.presale-article{min-inline-size:0;max-inline-size:600px}
:root body:not([data-cr-dr]) main.presale-article{box-sizing:content-box;margin-inline:auto;padding:22px var(--cr-gutter) 40px}
@media (max-width:1023px){
:root .rv-grid{max-inline-size:calc(600px + 2*var(--cr-gutter))}
}
:root .p-eyebrow{font-size:16px;font-weight:700;color:var(--cr-mute)}
:root main.presale-article h1{font-size:31px;line-height:1.12;margin-block-start:10px}
:root .p-dek{font-size:20px;line-height:1.45;margin-block-start:12px;color:var(--cr-ink)}
:root .p-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-block-start:14px;padding-block:10px;border-block:1px solid var(--cr-line);font-size:15px;color:var(--cr-mute)}
:root .p-meta b{color:var(--cr-ink);font-weight:650}
:root .p-fig{margin:18px 0 0}
:root .p-fig img{inline-size:100%;border-radius:14px;aspect-ratio:3/2;object-fit:cover}
:root .p-fig figcaption{font-size:15px;color:var(--cr-mute);margin-block-start:8px;line-height:1.45}
:root main.presale-article h2{font-size:26px;margin-block:34px 4px}
:root main.presale-article h3{font-size:21px;margin-block:26px 2px}
:root main.presale-article p{font-size:19px;line-height:1.65;margin-block-start:14px}
:root main.presale-article p.p-lede{font-size:21px;line-height:1.55;font-weight:500}
:root main.presale-article a.inl{color:var(--cr-sig-deep);font-weight:650;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px;display:inline-block;padding-block:10px;margin-block:-10px}
:root main.presale-article ul.facts{margin-block-start:14px;display:grid;gap:0;border:1px solid var(--cr-line);border-radius:14px;overflow:hidden}
:root main.presale-article ul.facts li{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:14px;padding:12px 16px;border-block-start:1px solid var(--cr-line);font-size:17px;line-height:1.45}
:root main.presale-article ul.facts li:first-child{border-block-start:0}
:root main.presale-article ul.facts li b{font-weight:700}
:root main.presale-article .src{font-size:15px;color:var(--cr-mute);margin-block-start:10px}
:root .p-limit{margin-block-start:14px;padding:16px;border-radius:12px;background:var(--cr-mist);font-size:17px;line-height:1.55}
:root .p-limit b{display:block;margin-block-end:4px}
:root main.presale-article p.where{font-size:16px;color:var(--cr-mute);margin-block-start:28px}
:root .p-offer{margin-block-start:14px;border:1px solid var(--cr-line-2);border-radius:18px;padding:18px;display:grid;gap:14px;background:#fff}
:root .p-offer .o-lbl{font-size:14px;color:var(--cr-mute);font-weight:600}
:root .p-offer .o-name{font-size:22px;font-weight:750;line-height:1.2;margin-block-start:2px}
:root main.presale-article .p-offer p{margin-block-start:0}
:root .p-offer .gu-steps{display:grid;gap:8px;padding:14px 16px;border-radius:12px;background:var(--cr-mist);counter-reset:gs}
:root .p-offer .gu-steps h3{font-size:17px;margin:0 0 2px}
:root .p-offer .gu-steps ol{display:grid;gap:8px}
:root main.presale-article .p-offer p.save{font-size:16px}
:root main.presale-article .p-limit p{margin-block-start:0}
:root .p-offer .gu-steps li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:baseline;font-size:17px;line-height:1.45}
:root .p-offer .gu-steps li::before{counter-increment:gs;content:counter(gs);display:grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1.5px var(--cr-ink);font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
:root .p-offer.compact{max-inline-size:560px}
:root .p-offer.wc-final{border:2px solid var(--cr-ink);grid-template-columns:minmax(0,1fr)}
:root .p-offer.wc-final .gu-first{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;color:var(--cr-ok)}
:root .p-offer .urg{font-size:15px;color:var(--cr-mute);font-weight:400}
:root .p-offer.wc-final .well{max-inline-size:220px;aspect-ratio:1/1}
@media (max-width:767px){
:root .p-offer.wc-final .well{max-inline-size:none;aspect-ratio:16/10}
}
:root .p-faq{margin-block-start:10px}
:root main.presale-article ol.steps{margin-block-start:14px;display:grid;gap:10px;counter-reset:st}
:root main.presale-article ol.steps li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:baseline;font-size:19px;line-height:1.5}
:root main.presale-article ol.steps li::before{counter-increment:st;content:counter(st);display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:50%;border:1.5px solid var(--cr-ink);font-size:15px;font-weight:800;font-variant-numeric:tabular-nums}
@media (max-width:1023px){
:root main.presale-article p{font-size:18px}
:root main.presale-article p.p-lede{font-size:20px}
}
@media (min-width:768px){
:root main.presale-article h1{font-size:40px}
:root .p-offer{padding:22px}
:root .p-offer.wc-final{grid-template-columns:minmax(0,1fr) 200px;align-items:center}
:root .p-offer.wc-final .fin-pic{grid-column:2;grid-row:1 / span 7}
}
@media (min-width:1024px){
:root body[data-cr-dr] .rv-grid{grid-template-columns:minmax(0,600px) 340px;justify-content:space-between;gap:56px;align-items:start;padding-block:28px 56px}
:root body[data-cr-dr] .rv-grid,:root body[data-cr-dr] header.sitebar > .wrap{max-inline-size:calc(1080px + 2*var(--cr-gutter))}
:root body:not([data-cr-dr]) main.presale-article{padding-block:28px 56px}
:root main.presale-article h1{font-size:42px}
}
html[lang="he"]:root main.presale-article h1{font-size:30px}
@media (min-width:1024px){
html[lang="he"]:root main.presale-article h1{font-size:40px}
}
html[lang="de"]:root main.presale-article h1{font-size:29px}
@media (min-width:768px){
html[lang="de"]:root main.presale-article h1{font-size:36px}
}
@media (min-width:1024px){
html[lang="de"]:root main.presale-article h1{font-size:38px}
}

/* 9.8 the CurrentlyRated look on the classes the current template prints (the shared template shape until the CR guide and review chrome of
   wave 4, CR_GUIDE_CHROME_V1 and CR_PRESALE_DR_V1) */
/* the hero plate: no code chip (the letter tile and the gate segment never print), no pictogram on a plate (DESIGN-SPEC 5.5): the category in ink */
.hero:not(.nohero) .plate{display:inline-flex;align-items:center;gap:8px;min-height:0;margin:0 0 12px;padding:0;background:transparent;border:0;font-family:var(--cr-font);font-weight:700;font-size:15px;line-height:1.3;color:var(--cr-ink)}
.plate .l,.hero .plate .l,.hero .plate .seg,.hero .plate .code,.hero .plate svg,.strip .l,.strip .code{display:none}
.hero:not(.nohero){background:transparent;border-bottom:0;padding:26px 0 6px}
.hero:not(.nohero) h1{font-family:var(--cr-font);font-weight:750;font-size:46px;line-height:1.08;letter-spacing:-.018em;max-width:26ch}
:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=el]) .hero:not(.nohero) h1{font-size:40px}
.hero:not(.nohero) .verify{font-family:var(--cr-font);font-weight:500;font-size:15px;color:var(--cr-mute)}
.hero .art{background:transparent;border:0;border-radius:0;padding:0}
.hero .art img{border-radius:14px}
.verdict,.hero .verdict{display:none}
/* PRODUCT IMAGE LAW: every well shows its picture whole, contained on the studio floor, never zoomed */
.hero figure.art,section[data-top5-module=hero] figure.art{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none}
.hero figure.art img,section[data-top5-module=hero] figure.art img{aspect-ratio:auto;object-fit:contain;border-radius:0}
.prod-img,.listing-media .prod-img{aspect-ratio:1/1;border:0;border-radius:var(--cr-r-well);background:radial-gradient(46% 7.5% at 50% 87%,rgba(22,23,29,.16),rgba(22,23,29,0) 72%),linear-gradient(180deg,var(--cr-studio-top) 0%,var(--cr-studio) 58%,var(--cr-studio-floor) 100%);overflow:hidden}
.prod-img img{mix-blend-mode:multiply;object-fit:contain;transform:none;cursor:default}
/* the keys: one flat violet key (the funnel), the ghost with the outward arrow for the Amazon ranks (target=_blank), never a pressed edge */
.cta,.btn,a[data-presale-cta]:not(.inl),.presale-body a[data-presale-cta]:not(.inl){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 24px;border-radius:var(--cr-r-btn);background:var(--cr-sig);color:#fff;border:0;font-family:var(--cr-font);font-weight:650;font-size:18px;line-height:1.2;letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;text-align:center;overflow-wrap:anywhere;transition:background-color var(--cr-t)}
.cta:hover,.btn:hover,a[data-presale-cta]:not(.inl):hover,.presale-body a[data-presale-cta]:not(.inl):hover{background:var(--cr-sig-deep);color:#fff;box-shadow:none;transform:none}
.cta:active,.btn:active,a[data-presale-cta]:active{transform:none;box-shadow:none}
.listing.featured .cta,.final-offer .cta{background:var(--cr-sig);color:#fff}
.listing.featured .cta:hover,.final-offer .cta:hover{background:var(--cr-sig-deep)}
.cta.cta-block[target],a.cta[target=_blank],a.ghost[target=_blank]{background:var(--cr-white);color:var(--cr-ink);border:1.5px solid var(--cr-ink);min-height:48px;font-size:16px}
.cta.cta-block[target]:hover,a.cta[target=_blank]:hover{background:var(--cr-mist);color:var(--cr-ink)}
.cta .chev,.cta .arrow{flex:none}
:lang(he) .cta .chev,:lang(he) .cta .arrow,:lang(he) .cta svg{transform:scaleX(-1)}
.listing-side .cta{display:flex;width:100%;padding:12px 16px;font-size:17px}
/* the cards: white on a 1 px line (the winner in the 2 px ink frame); only the shelf tickets, the hero label and the rail cast the one soft lift */
.listing,.tile,.review-break,.trust,.final-offer{background:var(--cr-white);border:1px solid var(--cr-line);border-radius:var(--cr-r-card);box-shadow:none}
.listing.featured{border:2px solid var(--cr-ink);box-shadow:none}
.listing-rank,.listing.featured .listing-rank{font-family:var(--cr-font);font-weight:800;color:var(--cr-ink);font-size:30px;font-variant-numeric:tabular-nums}
.listing-rank,.score-num,.price-now,.price-was,.crit-list li::before{font-variant-numeric:tabular-nums lining-nums}
/* the rating row: the proof sentence beside the label on the pick; no bare label on a row without one; never a star row */
.rating-row:not(:has(em)){display:none}
.rating-row strong{color:var(--cr-mute);font-weight:500;font-family:var(--cr-font)}
.rating-row em,.listing.featured .rating-row em{display:inline;font-style:normal;color:var(--cr-ink);font-weight:600}
.listing.featured .listing-side{background:var(--cr-white);border:1px solid var(--cr-line-2);border-radius:14px;padding:16px}
.score-box{border:0;border-radius:0;background:transparent}
.score-num,.listing.featured .score-num{font-family:var(--cr-font);font-weight:800;color:var(--cr-ink);letter-spacing:-.03em}
.score-word{color:var(--cr-ink);font-weight:650}
.stars,.score-box .stars,.rating-row .stars{display:none}
.badge,.listing.featured .badge{background:var(--cr-ink);color:#fff;border-radius:6px;font-family:var(--cr-font);font-weight:650;font-size:14px;padding:5px 9px 4px;letter-spacing:.01em;text-transform:none}
.deal-box{background:var(--cr-mist);border:0;border-radius:12px}
.deal-box em b,.deal-box .status{color:var(--cr-warn)}
.winner-banner{color:var(--cr-ink);font-family:var(--cr-font);font-weight:750}
.side-note{background:transparent;border:0;border-radius:0;padding:0;color:var(--cr-mute);font-size:14px}
.important{background:var(--cr-mist);border:0;border-radius:12px}
.tile .tile-ic{display:none}
.tile{display:block;padding:18px;background:var(--cr-white);border:1px solid var(--cr-line);border-radius:14px;box-shadow:none}
.tile h3{font-family:var(--cr-font);font-weight:750;font-size:20px;min-height:0;padding:0;margin:0 0 8px}
.tile p{margin:0;color:var(--cr-ink);font-size:17px}
.flow-h,.long-review h2{font-family:var(--cr-font);font-weight:750;font-size:30px;line-height:1.12;border-top:0;padding-top:0}
.flow-h .kicker,.long-review .kicker{font-family:var(--cr-font);color:var(--cr-mute);font-size:15px}
/* the opener: the lines with the small ink square of the approved mockup (DESIGN-SPEC 3.4), never a cross box */
.hero:not(.nohero) .opener p.q{position:relative;font-family:var(--cr-font);font-weight:500;font-size:18px;line-height:1.45;padding:0;padding-inline-start:22px;margin:0 0 7px;border:0}
.hero:not(.nohero) .opener p.q::before{content:"";position:absolute;inset-inline-start:2px;inset-block-start:.6em;inline-size:7px;block-size:7px;background:var(--cr-ink);border-radius:1.5px;border:0}
.hero:not(.nohero) .opener p.q:nth-child(-n+3){font-weight:650}
/* the FAQ: 56 px summaries on hairlines with the graphite chevron in the mist disc (details.q), never a checklist */
.faq details{background:transparent;border:0;border-bottom:1px solid var(--cr-line);border-radius:0;margin:0;padding:0}
.faq details:first-of-type{border-top:1px solid var(--cr-line)}
.faq summary{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:12px;min-height:56px;padding:12px 0;font-family:var(--cr-font);font-weight:700;font-size:18px;line-height:1.35;list-style:none;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before{display:none}
.faq summary::after{content:"";position:static;flex:none;width:28px;height:28px;border:0;border-radius:50%;transform:none;background:var(--cr-mist) var(--cr-i-chev) center/18px no-repeat;transition:transform var(--cr-t)}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq details > :not(summary),.faq details p{padding:0 0 16px;font-size:17px;line-height:1.6}
/* the criteria: plain mute numerals on hairlines (DESIGN-SPEC 3.3 point 6), never a code chip */
.crit-list{border-top:0;counter-reset:cr-crit}
.crit-list li{position:relative;padding:12px 0;padding-inline-start:44px;border-bottom:1px solid var(--cr-line);font-size:17px;counter-increment:cr-crit}
.crit-list li::before{content:counter(cr-crit);position:absolute;inset-inline-start:0;top:12px;min-width:36px;height:auto;padding:0;background:transparent;color:var(--cr-mute);border:0;border-radius:0;font-family:var(--cr-font);font-weight:800;font-size:17px;line-height:1.35;letter-spacing:0}
.crit-list li b{font-family:var(--cr-font);font-weight:700;font-size:17px}
/* the tables: white on a hairline with the mist head row */
.article table{border:1px solid var(--cr-line);border-radius:12px;overflow:hidden;background:var(--cr-white)}
.article th{background:var(--cr-mist);color:var(--cr-mute);font-family:var(--cr-font);font-weight:700;font-size:14px;border-bottom:1px solid var(--cr-line)}
.article tr:nth-child(even) td{background:transparent}
.article td:first-child{font-family:var(--cr-font);font-weight:700}
/* the footer of the builder partial: the mist ground on a hairline, the Currently / Rated halves closed by the violet now dot (the inline mark hidden:
   one state per context, DESIGN-SPEC 5.4), the heads without letter tiles, the pictograms 18 px in the mute colour */
.foot{background:var(--cr-mist);color:var(--cr-ink);border-top:1px solid var(--cr-line);font-size:16px}
.foot .h .l{display:none}
.foot .h{font-family:var(--cr-font);font-weight:700;font-size:15px;color:var(--cr-ink);display:flex;align-items:center;gap:8px}
.foot .h svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--cr-mute)}
.foot .brand{display:inline-flex;align-items:center;min-height:44px;font-family:var(--cr-font);font-weight:500;font-size:22px;letter-spacing:-.025em;line-height:1;color:var(--cr-ink);text-decoration:none;direction:ltr;unicode-bidi:isolate;white-space:nowrap}
.foot .brand svg.mark,.foot .brand .mark,.foot .foot-brand svg.mark,.foot .foot-brand img.mark{display:none}
.foot .brand .rated,.foot .foot-brand .rated{font-weight:800}
.foot .brand .rated::after,.foot .foot-brand .rated::after{content:"";display:inline-block;inline-size:.3em;block-size:.3em;border-radius:50%;background:var(--cr-sig);margin-inline-start:.08em;vertical-align:baseline}
.foot ul a{border-top:0;color:var(--cr-ink)}
.foot ul a:hover,.foot .company a:hover,.foot .readin a:hover{color:var(--cr-ink);text-decoration:underline}
.foot .note a,.foot p a{color:var(--cr-ink);font-weight:650;text-decoration-color:currentColor;text-decoration-thickness:1px}
.foot .readin a.cur,.foot .readin a[aria-current]{font-weight:750;background:#fff;box-shadow:inset 0 0 0 1px var(--cr-line-3);color:var(--cr-ink)}
.sitebar .adv{display:inline-flex;align-items:center;min-height:30px;padding:3px 10px;border:1px solid var(--cr-line-2);border-radius:6px;font-family:var(--cr-font);font-weight:600;font-size:14px;color:var(--cr-mute);max-width:none}
.sitebar .cr-logo img{block-size:26px;inline-size:auto}
@media (min-width:768px){.sitebar .cr-logo img{block-size:30px}}
/* the language selector and menu (styled for the builder mirror; hidden on every data-dr page by section 8) */
.langsel summary{border:1px solid var(--cr-line-3);border-radius:var(--cr-r-btn);font-family:var(--cr-font);font-size:16px}
.langsel[open] summary{background:var(--cr-white);color:var(--cr-ink);border-color:var(--cr-ink)}
.langmenu{border:1px solid var(--cr-line-2);border-radius:14px;box-shadow:var(--cr-lift)}
.langmenu a.cur,.langmenu a[aria-current]{background:transparent;color:var(--cr-ink);font-weight:700;box-shadow:inset 3px 0 0 var(--cr-sig)}
.langmenu a.cur .cc{color:var(--cr-ink)}
/* the review pages on the current presale template: the white column, the byline without a code chip, the offer units on a 1 px line */
.presale-body ul.p-byline .brand[data-initial]::before,.presale-body .p-meta-name[data-initial]::before,.presale-body .p-meta-name .brand[data-initial]::before{display:none}
.p-offer,.presale-body .p-offer,.presale-body .p-offer-card,.presale-body .p-offer-strip,.p-offer-card{background:var(--cr-white);border:1px solid var(--cr-line-2);border-radius:18px;box-shadow:none}
.presale-body .p-offer-coupon{border:1.5px solid var(--cr-line-3);border-radius:12px}
.presale-body .p-offer-now,.presale-body .p-offer-was,.presale-body .p-offer-rows div{border-bottom:1px solid var(--cr-line)}
.presale-body .p-offer-urgency,.p-offer-urgency{color:var(--cr-warn);font-family:var(--cr-font);font-weight:600}
.presale-body blockquote,.presale-body .p-pquote,.presale-body figure.alc-quote,.presale-body figure.cf-quote{border:1px solid var(--cr-line);border-inline-start:3px solid var(--cr-ink);border-radius:12px}
.presale-body h2{font-family:var(--cr-font);font-weight:750;font-size:26px;border-top:0}
.presale-body h1{font-family:var(--cr-font);font-weight:750;font-size:42px;line-height:1.12;letter-spacing:-.018em}
.presale-body img{border-radius:14px}
.presale-body a:not([data-presale-cta]){color:var(--cr-ink);text-decoration-color:currentColor;text-decoration-thickness:1.5px}
.presale-body .p-hl{background:var(--cr-mist)}
@media(max-width:767px){.hero:not(.nohero) h1{font-size:29px}:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=el]) .hero:not(.nohero) h1{font-size:27px}.presale-body h1{font-size:31px}.presale-body h2{font-size:24px}.flow-h,.long-review h2{font-size:26px}}
:lang(he) :is(h1,h2,h3,.hero:not(.nohero) h1,.flow-h,.presale-body h1,.presale-body h2){letter-spacing:0;font-weight:700}
[dir=rtl] .langmenu a.cur,[dir=rtl] .langmenu a[aria-current]{box-shadow:inset -3px 0 0 var(--cr-sig)}

/* 9.9 the INLINE LINK TAP LAW width (CR_INLINE_TAP_W_V1): a short link word keeps a 44 px wide padded box, the text does not move */
footer.foot .dsc a,.imp a,.important a{padding-inline:3px;margin-inline:-3px}

/* 9.10 the sister site round carry-overs: critic F1 (the figure wells 3:2 and 3:4: no body picture collapses), critic F6 (18 px prose under
   1024 px), footer.foot .h (the builder partial's head shape in every family) */
main.presale-article figure img,.lg figure img{inline-size:100%;block-size:auto;border-radius:14px}
main.presale-article figure .well,.lg figure .well{aspect-ratio:3/2}
main.presale-article figure.portrait .well,.lg figure.portrait .well{aspect-ratio:3/4;max-inline-size:420px}
main.presale-article figure.portrait img,.lg figure.portrait img{aspect-ratio:3/4;max-inline-size:420px;object-fit:cover}
main.presale-article figure.portrait figcaption,.lg figure.portrait figcaption{max-inline-size:420px}
@media (max-width:1023px){
  .opener p.q,.w-sum,li.row .summary,li.row .lists li,.ticks li,.crosses li,.vt p,details.q .a,.faq details > :not(summary),.faq details p,section.criteria .crit li,.final-card .spot,main.presale-article p,.presale-body p,.presale-body li,.tile p{font-size:18px}
}
footer.foot .h{margin:0 0 4px;line-height:1.3}

/* 9.11 THE MOCKUP FIDELITY PASS (CR_SKIN_FIDELITY_V1): the approved mockup's values restored where the carried sister mechanics and the
   9.8 rules for the current template overrode them on the selector map's DOM (the skin test's computed style diff, build/cssdiff2.mjs) */

:root:root header.sitebar > .wrap{padding-block:0;position:static}
:root:root header.sitebar a.cr-logo{padding-block:0;color:inherit}
:root:root header.sitebar a.cr-logo img{max-inline-size:100%}
:root:root header.sitebar .adv{font-size:14px;padding-inline:10px;max-inline-size:none;line-height:1.55}
:root:root section.hero.nohero{border-block-end:0;background:transparent;position:static}
:root:root section.hero.nohero > .wrap{padding-block:0;padding-inline:var(--cr-gutter);position:static}
:root:root section.hero.nohero .plate{margin:0;min-height:0;max-inline-size:none;font-weight:400;letter-spacing:normal}
:root:root section.hero.nohero .plate .cat{padding:0;border:0;font-size:15px;line-height:1.3;white-space:normal;letter-spacing:normal;font-weight:700}
:root:root section.hero.nohero .plate .verify{margin:0;font-size:15px;line-height:1.3;font-weight:400;letter-spacing:normal}
:root:root section.hero.nohero h1{max-inline-size:none}
:root:root section.hero.nohero .opener p.q:not(:nth-child(-n+3)){font-weight:400}
:root:root section#ranking article.listing.featured{margin-block-end:0}
:root:root .listing .listing-rank{position:static;min-height:auto}
:root:root section.table table.tbl{border:0;border-radius:0;background:transparent}
:root:root section.table .tbl tbody th{font-size:16px;color:var(--cr-ink);background:transparent;letter-spacing:normal}
:root:root section.table .tbl tr.own th{background:var(--cr-mist)}
:root:root section.table .tbl td{border-block-start:0}
:root:root section.criteria,:root:root section.pick1,:root:root section.tiles,:root:root section.faq{margin-block:0}
:root:root section.tiles{gap:normal}
:root:root section.criteria ol.crit{display:grid;gap:0}
:root:root section.criteria ol.crit > li{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:baseline;gap:8px;padding-block:12px;border-block-start:0;border-block-end:1px solid var(--cr-line);min-height:auto;font-size:17px;line-height:1.35}
:root:root section.criteria ol.crit > li:first-child{border-block-start:1px solid var(--cr-line)}
:root:root section.pick1 h2.winner-banner{margin-block-start:0;padding-block:0;line-height:1.12;letter-spacing:-.018em}
:root:root section.faq details.q .a p{padding:0;font-size:inherit;line-height:inherit}
:root:root footer.foot{line-height:1.55}
:root:root footer.foot h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;letter-spacing:0;margin-block:0 4px;color:var(--cr-ink);line-height:1.3}
:root:root footer.foot .pub{font-size:15px;max-inline-size:none;line-height:1.55}
:root:root footer.foot .legal{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin-block-start:18px;padding-block-start:0;border-block-start:0;line-height:1.55;grid-template-columns:none}
:root:root main.presale-article .presale-body{padding:0;max-inline-size:none;position:static;line-height:inherit}
:root:root main.presale-article h1{margin-block-end:0}
:root:root main.presale-article p.p-dek{font-size:19px;line-height:1.65;color:var(--cr-ink);margin-block:14px 0}
:root:root main.presale-article .p-meta{justify-content:normal;margin-block-end:0;line-height:1.55}
:root:root main.presale-article figure.p-fig.hero{padding:0;position:static}
:root:root main.presale-article :is(figure,.well) img{background:none;margin:0}
:root:root main.presale-article .well img{border-radius:0}
:root:root main.presale-article a.inl,:root:root main.presale-article a.inl:hover{background:none;border:0;border-radius:0;min-height:0;padding-inline:0;font-size:inherit;line-height:inherit;letter-spacing:normal;box-shadow:none;transform:none;color:var(--cr-sig-deep)}
:root:root main.presale-article .p-offer{margin-inline:0;margin-block-end:0;text-align:start}
:root:root main.presale-article .p-offer.full,:root:root main.presale-article .p-offer.wc-final{max-inline-size:none}
:root:root main.presale-article .p-offer a.btn.big{margin-block-end:0;font-size:19px;max-inline-size:none;min-height:60px}
:root:root body:not([data-cr-dr]) main.presale-article :is(p,ul,ol,li,h2,h3,h4,figure,.p-meta,.p-eyebrow,.p-lede,.where,.src){margin-block-end:0}
:root:root body:not([data-cr-dr]) main.presale-article :is(h2,h3,h4){padding-block-start:0;border-block-start:0;letter-spacing:-.018em;line-height:1.12}
:root:root body:not([data-cr-dr]) main.presale-article :is(ul,ol){margin-inline-start:0;padding:0;list-style:none}
html[lang="he"]:root:root :is(.sitebar .adv,.plate .verify,.plate .cat,.listing-rank,.badge,.cta,.btn,.tbl th,.score-word,.dot,main.presale-article a[data-presale-cta]){letter-spacing:normal}
html[lang="de"]:root:root main.presale-article .p-offer a.btn.big,html[lang="fi"]:root:root main.presale-article .p-offer a.btn.big,html[lang="hu"]:root:root main.presale-article .p-offer a.btn.big,html[lang="nl"]:root:root main.presale-article .p-offer a.btn.big,html[lang="el"]:root:root main.presale-article .p-offer a.btn.big{font-size:17px;padding-inline:16px}
@media (max-width:1023px){
:root:root section.table .tbl tbody th{font-size:17px}
:root:root section.criteria ol.crit > li{font-size:18px}
:root:root main.presale-article p.p-dek{font-size:18px}
}
@media (max-width:479px){
:root:root main.presale-article .p-offer a.btn.big{padding-inline:16px}
}