/* rp-skin.css: the RestPicked skin for the builder guide template (listing.php) and the presale review pages.
   v=20260926a (RP_SKIN_V1 2026-09-24, the RP wave 3 generator lane): built by build/make-skin.py from DESIGN-SPEC.md sections 3 to 6 and 10 (the SKIN
   MAPPING, RP_DESIGN_SPEC_V1) and the approved mockups design/final/ (rp.css), on the structure of wc-ref/wc-skin.css section by section:
   1 the self-hosted faces, 2 the tokens (--rp-*) 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 RestPicked look, 8 no cookie notice and DR_CHROME_HOME_ONLY_V1, 9 RP_SKIN_V1 the
   RestPicked chrome (the evening ledger: the pebble ground, white cards, one spruce teal where the reader acts, Vollkorn over IBM Plex Sans,
   the receipt on the price objects, the double rule). 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/rp/, per script with unicode-range; Vollkorn 500 to 700 and IBM Plex Sans 400 to 700 variable, IBM Plex Sans Hebrew static 400 to 700, Noto Serif Hebrew 600 to 700) ---- */
@font-face {font-family: 'IBM Plex Sans';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/fonts/rp/IBMPlexSans-cyrillic-ext-9a3103b2da.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: 'IBM Plex Sans';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/fonts/rp/IBMPlexSans-cyrillic-d60fe850d1.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'IBM Plex Sans';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/fonts/rp/IBMPlexSans-greek-b77f87bbc4.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: 'IBM Plex Sans';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/fonts/rp/IBMPlexSans-latin-ext-69ec309900.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: 'IBM Plex Sans';font-style: normal;font-weight: 400 700;font-display: swap;src: url(/fonts/rp/IBMPlexSans-latin-d8b4e62dbb.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;}
@font-face {font-family: 'IBM Plex Sans Hebrew';font-style: normal;font-weight: 400;font-display: swap;src: url(/fonts/rp/IBMPlexSansHebrew-400-hebrew-8c2db0bfca.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: 'IBM Plex Sans Hebrew';font-style: normal;font-weight: 500;font-display: swap;src: url(/fonts/rp/IBMPlexSansHebrew-500-hebrew-19f81ebb27.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: 'IBM Plex Sans Hebrew';font-style: normal;font-weight: 600;font-display: swap;src: url(/fonts/rp/IBMPlexSansHebrew-600-hebrew-c9750cc0b0.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: 'IBM Plex Sans Hebrew';font-style: normal;font-weight: 700;font-display: swap;src: url(/fonts/rp/IBMPlexSansHebrew-700-hebrew-33ee390031.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: 'Noto Serif Hebrew';font-style: normal;font-weight: 600 700;font-display: swap;src: url(/fonts/rp/NotoSerifHebrew-hebrew-9da6201159.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: 'Vollkorn';font-style: normal;font-weight: 500 700;font-display: swap;src: url(/fonts/rp/Vollkorn-cyrillic-ext-40e11bcf5a.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: 'Vollkorn';font-style: normal;font-weight: 500 700;font-display: swap;src: url(/fonts/rp/Vollkorn-cyrillic-f81a61be3e.woff2) format('woff2');unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;}
@font-face {font-family: 'Vollkorn';font-style: normal;font-weight: 500 700;font-display: swap;src: url(/fonts/rp/Vollkorn-greek-58bf4c2149.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: 'Vollkorn';font-style: normal;font-weight: 500 700;font-display: swap;src: url(/fonts/rp/Vollkorn-latin-ext-67a908b052.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: 'Vollkorn';font-style: normal;font-weight: 500 700;font-display: swap;src: url(/fonts/rp/Vollkorn-latin-c279d9f8b9.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 evening ledger ---- */
:root{
  --rp-ground:#F2F0EC;--rp-ground-2:#E7E4DE;--rp-paper:#FFFFFF;--rp-line:#D9D5CE;--rp-line-2:#BDB7AD;
  --rp-ink:#23282A;--rp-mute:#5B6266;
  --rp-sig:#0E6B63;--rp-sig-deep:#0A5049;--rp-sig-text:#0B5D56;--rp-sig-tint:#DCEDE9;--rp-sig-tint-2:#EDF5F3;--rp-sig-lit:#9ED8CF;
  --rp-ok:#2E7A40;--rp-ok-tint:#E2F0E4;--rp-warn:#A3492A;--rp-warn-tint:#F7E6DD;
  --rp-cta:var(--rp-sig);--rp-cta-ink:#FFFFFF;--rp-cta-hover:var(--rp-sig-deep);--rp-cta-edge:var(--rp-sig-deep);--rp-focus:var(--rp-sig);
  --rp-serif:"Vollkorn","Noto Serif Hebrew",Georgia,serif;
  --rp-sans:"IBM Plex Sans","IBM Plex Sans Hebrew",system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --rp-fs-0:.875rem;--rp-fs-1:1rem;--rp-fs-2:1.0625rem;--rp-fs-3:1.125rem;--rp-fs-4:1.25rem;
  --rp-fs-5:clamp(1.75rem,2.8vw,2.125rem);--rp-fs-6:clamp(2rem,3.6vw,2.875rem);--rp-fs-mk:clamp(2rem,3vw,2.625rem);
  --rp-body:1.125rem;
  --rp-s-1:4px;--rp-s-2:8px;--rp-s-3:12px;--rp-s-4:16px;--rp-s-5:24px;--rp-s-6:32px;--rp-s-7:48px;--rp-s-8:64px;
  --rp-rail:340px;--rp-line-w:3px;--rp-pad:48px;--rp-box:28px;--rp-edge:0px;
  --rp-wrap:1180px;--rp-gutter:16px;--rp-measure:640px;
  --rp-r:14px;--rp-r-s:10px;--rp-r-1:8px;--rp-r-2:12px;
  --rp-shadow:0 1px 2px rgba(40,40,36,.06),0 10px 28px rgba(40,40,36,.08);--rp-shadow-lift:0 1px 2px rgba(40,40,36,.06),0 10px 28px rgba(40,40,36,.08);--rp-t:150ms;
  /* the marks: the ok tick for the ok tint circle (CHECKMARK LAW), the white tick for a filled teal disc, the warn cross for the warn tint circle, the teal chevron of the FAQ rows */
  --rp-i-tick:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.5' fill='none' stroke='%232E7A40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --rp-i-tick-w:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.5' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --rp-i-cross:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 3l6 6M9 3l-6 6' fill='none' stroke='%23A3492A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
  --rp-i-star:none;--rp-i-star-o:none;
  --rp-i-chev:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 7l5 5 5-5' fill='none' stroke='%230B5D56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
:lang(he){--rp-serif:"Noto Serif Hebrew","Vollkorn",Georgia,serif;--rp-sans:"IBM Plex Sans Hebrew","IBM Plex Sans",system-ui,sans-serif}
@media (prefers-reduced-motion:reduce){:root{--rp-t:0s}html{scroll-behavior:auto}}
/* the OI names the builder templates rely on (no template CSS has to change) */
:root{--paper:var(--rp-ground);--paper2:var(--rp-paper);--sand:var(--rp-ground-2);--card:var(--rp-paper);--line:var(--rp-line);
  --ink:var(--rp-ink);--ink2:var(--rp-mute);--muted:var(--rp-mute);--navy:var(--rp-ink);--navy2:var(--rp-sig-deep);
  --amber:var(--rp-sig);--amber-deep:var(--rp-sig-deep);--amber-tint:var(--rp-sig-tint);--amber-lit:var(--rp-sig-lit);--red:var(--rp-warn);
  --serif:var(--rp-serif);--sans:var(--rp-sans)}
html{-webkit-text-size-adjust:100%;background:var(--rp-ground)}
body{font-family:var(--rp-sans);color:var(--rp-ink);background:var(--rp-ground);font-size:var(--rp-body);line-height:1.6;font-kerning:normal;font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:anywhere}
b,strong{font-weight:700}
h1,h2,h3,h4{font-family:var(--rp-serif);font-weight:600;letter-spacing:-.005em;line-height:1.12;overflow-wrap:anywhere;hyphens:manual;text-wrap:balance;text-transform:none;font-variant-numeric:lining-nums}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rp-focus);outline-offset:3px;border-radius:4px}
.nb{white-space:nowrap}
.co{unicode-bidi:isolate;direction:ltr}
bdi{unicode-bidi:isolate}
[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(--rp-paper);border-bottom:1px solid var(--rp-line);border-top:0;position:static}
.sitebar .wrap{padding-top:12px;padding-bottom:12px;gap:12px}
.sitebar .rp-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 .rp-logo img,.sitebar .pl-logo img,.sitebar .oi-logo img{height:34px;width:auto;max-width:58vw}
@media(max-width:640px){
  .sitebar .rp-logo img,.sitebar .pl-logo img,.sitebar .oi-logo img{height:28px}
}
@media(max-width:380px){
  .sitebar .rp-logo img,.sitebar .pl-logo img,.sitebar .oi-logo img{height:24px}
}
.sitebar strong{color:var(--rp-ink);font-weight:700;font-family:var(--rp-sans)}
.sitebar .adv{font-family:var(--rp-sans);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:var(--rp-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(--rp-paper);color:var(--rp-ink);border-top:3px double var(--rp-line-2);font-size:16px;line-height:1.5;padding:40px 0 32px}
.foot::after{display:none}
.foot p{color:var(--rp-mute);max-width:64ch}
.foot strong,.foot b{color:var(--rp-ink)}
.foot p a{color:var(--rp-ink);text-decoration:underline;text-decoration-color:var(--rp-sig);text-decoration-thickness:2px;text-underline-offset:3px}
.foot p a:hover,.foot p a:focus-visible{color:var(--rp-sig-text)}
.foot-nav a{color:var(--rp-ink);font-weight:600;font-family:var(--rp-sans);font-size:16px;text-decoration:none;min-height:44px;min-width:44px;display:inline-flex;align-items:center}
.foot-nav a:hover{color:var(--rp-sig-text);text-decoration:underline;text-decoration-color:var(--rp-sig);text-decoration-thickness:2px;text-underline-offset:4px}
.foot .wrap > a{color:var(--rp-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(--rp-ground);color:var(--rp-ink);border-radius:0;background-image:none;position:relative;border-bottom:1px solid var(--rp-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(--rp-ink);font-family:var(--rp-sans);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(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);border-radius:2px;font-family:var(--rp-sans);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(--rp-sig-text)}
.hero .plate .sec{font-weight:700;font-size:20px;letter-spacing:0;text-transform:none;color:var(--rp-ink)}
.hero .plate .seg,.hero .plate .cat{font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:var(--rp-mute);border-inline-start:1px solid var(--rp-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(--rp-sig);border-radius:2px;background:var(--rp-paper);color:var(--rp-sig-text);font-size:14px;letter-spacing:0;line-height:1;text-transform:none;direction:ltr}
.hero h1{font-family:var(--rp-serif);font-weight:600;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(--rp-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(--rp-sans);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;color:var(--rp-mute);opacity:1;margin-top:18px;font-variant-numeric:tabular-nums}
.hero .verify b,.hero .verify strong{color:var(--rp-ink);font-weight:700}
.hero .verify bdi{font-variant-numeric:tabular-nums;color:var(--rp-ink)}
.hero .label,.hero .hero-kicker{font-family:var(--rp-sans);font-weight:600;font-size:17px;letter-spacing:0;text-transform:none;color:var(--rp-sig-text)}
.hero .art{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2);padding:10px;box-shadow:none}
.hero .art img{border-radius:var(--rp-r-1);aspect-ratio:4/5;object-fit:cover;width:100%;display:block}
.article{background:var(--rp-ground)}
.opener p{color:var(--rp-ink);font-size:var(--rp-body);line-height:1.6}
.opener p.q{font-family:var(--rp-sans);font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-.01em;position:relative;padding-inline-start:34px;text-indent:0}
.opener p.q::before{content:none;display:none}
.flow-h,.long-review h2{font-family:var(--rp-serif);font-weight:600;font-size:clamp(28px,2.6vw,40px);line-height:1.05;letter-spacing:-.01em;color:var(--rp-ink);padding-inline-start:0;position:relative;text-wrap:balance;border-top:3px double var(--rp-line-2);padding-top:16px}
.flow-h::before,.long-review h2::before{display:none}
.flow-h .kicker,.long-review .kicker{display:block;font-family:var(--rp-serif);font-weight:600;font-size:17px;letter-spacing:0;text-transform:none;color:var(--rp-sig-text);margin-bottom:8px}
.listing{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2);box-shadow:none;overflow:visible}
.listing.featured{border:1px solid var(--rp-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(--rp-ink);font-family:var(--rp-sans);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(--rp-sig-text);font-size:44px}
.winner-banner{background:transparent;color:var(--rp-sig-text);border:0;border-bottom:1px solid var(--rp-line);border-radius:0;font-family:var(--rp-sans);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none}
.winner-banner b,.winner-banner strong{color:var(--rp-ink)}
.prod-img{border:1px solid var(--rp-line);border-radius:var(--rp-r-2);background:var(--rp-paper)}
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(--rp-ground-2)}
.prod-img.placeholder span{color:var(--rp-mute);font-family:var(--rp-sans);font-weight:600;letter-spacing:0;text-transform:none;font-size:15px}
.review-link{color:var(--rp-ink);font-family:var(--rp-sans);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(--rp-sig);text-decoration-thickness:2px;text-underline-offset:4px}
.review-link:hover{color:var(--rp-sig-text)}
.badge{background:var(--rp-sig-tint);color:var(--rp-sig-text);border:0;border-radius:var(--rp-r-1);font-family:var(--rp-sans);font-weight:700;font-size:14px;letter-spacing:0;text-transform:none;padding:3px 8px}
.listing.featured .badge{background:var(--rp-sig-tint);color:var(--rp-sig-text)}
.pos{color:var(--rp-mute);font-family:var(--rp-sans);font-weight:600;letter-spacing:0;text-transform:none}
.listing-main h3{font-family:var(--rp-serif);font-weight:600;font-size:28px;line-height:1.1;letter-spacing:-.01em;color:var(--rp-ink);text-transform:none}
.rating-row{color:var(--rp-mute);font-family:var(--rp-sans);font-weight:600;font-size:16px;letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums}
.rating-row strong{color:var(--rp-ink)}
.rating-row em{font-style:normal}
.stars .star{color:transparent;-webkit-text-stroke:1px var(--rp-ink)}
.stars .star.on{-webkit-text-stroke:0;color:var(--rp-ink)}
.score-box{border:1px solid var(--rp-line);border-radius:var(--rp-r-2);background:var(--rp-paper)}
.score-num{font-family:var(--rp-sans);font-weight:700;font-variant-numeric:proportional-nums lining-nums;background:transparent;color:var(--rp-sig-text);border:0;padding:0;display:inline-block;line-height:1.3}
.listing.featured .score-num{background:transparent;color:var(--rp-sig-text)}
.score-word{font-family:var(--rp-sans);font-weight:600;letter-spacing:0;text-transform:none;color:var(--rp-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(--rp-line);transform:translateY(-4px)}
.score-rows dd{order:3;margin:0;font-family:var(--rp-sans);font-weight:700}
.price-label{color:var(--rp-mute);font-family:var(--rp-sans);font-weight:600;letter-spacing:0;text-transform:none;font-size:15px}
.price-now{color:var(--rp-ink);font-family:var(--rp-sans);font-weight:700;font-variant-numeric:tabular-nums}
.listing.featured .price-now{color:var(--rp-ink)}
.price-was{color:var(--rp-mute);font-variant-numeric:tabular-nums;text-decoration:line-through}
.benefits li{color:var(--rp-ink)}
.benefits .check{color:#fff;background:var(--rp-ok);border-radius:var(--rp-r-1);width:22px;height:22px;display:inline-grid;place-items:center;font-weight:700;flex:none}
.drawbacks li{color:var(--rp-mute)}
.drawbacks .cross{color:var(--rp-warn);background:var(--rp-paper);border:2px solid var(--rp-warn);border-radius:var(--rp-r-1);width:22px;height:22px;display:inline-grid;place-items:center;font-weight:700;flex:none}
.deal-box{border:1px solid var(--rp-line);background:var(--rp-paper);border-radius:var(--rp-r-2)}
.deal-box strong{color:var(--rp-ink);font-weight:700}
.deal-box span{color:var(--rp-ink)}
.deal-box em{color:var(--rp-warn);font-style:normal;font-family:var(--rp-sans);font-weight:700;font-size:15px;letter-spacing:0;text-transform:none}
.cta,.btn{background:var(--rp-cta);color:var(--rp-cta-ink);border:2px solid var(--rp-cta);border-radius:var(--rp-r-1);font-family:var(--rp-sans);font-weight:700;font-size:19px;letter-spacing:0;text-transform:none;min-height:52px;box-shadow:none;transition:background var(--rp-t),color var(--rp-t),border-color var(--rp-t),transform var(--rp-t),box-shadow var(--rp-t);text-decoration:none}
.cta:hover,.btn:hover{background:var(--rp-cta-hover);border-color:var(--rp-cta-hover);color:#fff;box-shadow:none}
.cta:active,.btn:active{transform:none;box-shadow:none}
.listing.featured .cta,.final-offer .cta{background:var(--rp-cta);color:var(--rp-cta-ink)}
.listing.featured .cta:hover,.final-offer .cta:hover{background:var(--rp-ink);border-color:var(--rp-ink);color:#fff}
.side-note{color:var(--rp-mute);background:var(--rp-paper);border:1px solid var(--rp-line);border-inline-start:3px solid var(--rp-sig);border-radius:var(--rp-r-2);padding:10px 12px;text-align:start}
.tile{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2);box-shadow:none}
.tile .tile-ic{background:var(--rp-sig);border:0;color:#fff;border-radius:var(--rp-r-1)}
.tile h3{font-family:var(--rp-serif);font-weight:700;font-size:19px;letter-spacing:0;text-transform:none;color:var(--rp-ink)}
.tile p{color:var(--rp-mute)}
.long-review article h3{font-family:var(--rp-serif);font-weight:600;font-size:24px;letter-spacing:-.01em;color:var(--rp-ink)}
.long-review .intro p,.long-review article p{color:var(--rp-ink)}
.review-break{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2)}
.review-break p{color:var(--rp-mute)}
.review-hero,.review-figure{border-color:var(--rp-line);border-radius:var(--rp-r-2)}
.review-hero.is-cropped,.review-figure.is-cropped{background:var(--rp-ground-2)}
.important{background:var(--rp-paper);border:1px solid var(--rp-line);border-inline-start:3px solid var(--rp-sig);border-radius:var(--rp-r-2);position:relative}
.important::before{display:none}
.important strong{font-family:var(--rp-sans);font-weight:700;letter-spacing:0;text-transform:none;font-size:17px;color:var(--rp-ink)}
.important p{color:var(--rp-mute)}
.final-offer{border:1px solid var(--rp-line);border-radius:var(--rp-r-2);background:var(--rp-paper);box-shadow:none}
.final-offer h2{font-family:var(--rp-serif);font-weight:600;letter-spacing:-.01em;color:var(--rp-ink);border:0;padding-top:0}
.final-offer p{color:var(--rp-ink)}
.trust{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2)}
.trust .avatar{display:none}
.trust .meet{color:var(--rp-mute);font-family:var(--rp-sans);font-weight:600;letter-spacing:0;text-transform:none;font-size:16px}
.trust h3{font-family:var(--rp-serif);font-weight:700;color:var(--rp-ink)}
.trust p{color:var(--rp-mute)}
.brandlink{color:var(--rp-ink);text-decoration-color:var(--rp-sig);text-decoration-thickness:2px;text-underline-offset:3px}
.brandlink:hover{color:var(--rp-sig-text)}
.article table{border:0;border-top:3px double var(--rp-line-2);border-radius:0;border-collapse:collapse;border-spacing:0;background:var(--rp-paper);font-variant-numeric:tabular-nums}
.article th{background:var(--rp-paper);color:var(--rp-ink);font-family:var(--rp-sans);font-weight:700;letter-spacing:0;text-transform:none;font-size:16px;border-bottom:1px solid var(--rp-line)}
.article td{border-top:1px solid var(--rp-line);color:var(--rp-ink)}
.article tr:nth-child(even) td{background:var(--rp-sig-tint-2)}
.article td:first-child{font-weight:700;font-family:var(--rp-sans)}
.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(--rp-paper)}
  .article .table-wrap tr:nth-child(even) td:first-child{background:var(--rp-sig-tint-2)}
}
[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(--rp-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(--rp-sans);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(--rp-i-star-o) center/15px 15px no-repeat}
.stars .star.on{background-image:var(--rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px no-repeat;border-radius:50%}
.drawbacks .cross{background:var(--rp-warn-tint) var(--rp-i-cross) center/12px 12px 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(--rp-mute)}
.deal-box em{font-family:var(--rp-sans);font-weight:400;font-size:15px;line-height:1.5;letter-spacing:0;text-transform:none;color:var(--rp-mute);text-wrap:pretty}
.deal-box em b,.deal-box .status{font-family:var(--rp-sans);font-weight:700;font-size:15px;letter-spacing:0;text-transform:none;color:var(--rp-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(--rp-mute);text-wrap:pretty}
.opener p{font-size:var(--rp-body);line-height:1.6}
.long-review .intro p,.long-review article p{font-size:var(--rp-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(--rp-ground-2)}
.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(--rp-line);border-radius:0;padding:0;margin:0}
.faq details:last-of-type{border-bottom:1px solid var(--rp-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(--rp-sans);font-weight:600;font-size:20px;line-height:1.25;color:var(--rp-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(--rp-line);border-radius:var(--rp-r-1);background:var(--rp-paper);box-sizing:border-box}
.faq details[open] summary::before{background:var(--rp-sig) var(--rp-i-tick) center/16px 16px no-repeat;border-color:var(--rp-sig)}
.faq summary::after{content:"";position:absolute;inset-inline-end:2px;top:22px;width:13px;height:13px;border:0;border-right:2px solid var(--rp-ink);border-bottom:1px solid var(--rp-line);transform:rotate(45deg) translateY(-3px);transition:transform var(--rp-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(--rp-body);line-height:1.6;color:var(--rp-ink)}
.faq details p{font-size:var(--rp-body);color:var(--rp-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}
  /* WC_SKIN_WC3_V1: under 900 the numeral sits above the card content */
  .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(--rp-ground)}
.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(--rp-line);border-radius:var(--rp-r-1);background:var(--rp-paper);color:var(--rp-ink);font-family:var(--rp-sans);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(--rp-t)}
.langsel[open] summary{background:var(--rp-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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-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(--rp-shadow-lift)}
.langmenu a{text-decoration:none;color:var(--rp-ink);font-size:16px;font-weight:400;min-height:44px;padding:0 10px;border-radius:var(--rp-r-1);display:flex;align-items:center;gap:10px;white-space:nowrap;line-height:1.2}
.langmenu a:hover{background:var(--rp-sig-tint)}
.langmenu a.cur{background:var(--rp-ink);color:#fff;font-weight:700}
.langmenu a .cc{font-family:var(--rp-sans);font-weight:700;font-size:14px;letter-spacing:.04em;text-transform:none;color:var(--rp-sig-text);min-width:26px}
.langmenu a.cur .cc{color:var(--rp-sig-lit)}
.strip,.sitebar + .strip{position:static;top:auto;z-index:auto;background:var(--rp-paper);color:var(--rp-ink);border-top:1px solid var(--rp-line);border-bottom:1px solid var(--rp-line);border-block-end:1px solid var(--rp-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(--rp-ink);font-family:var(--rp-sans);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(--rp-sig);color:var(--rp-sig-text)}
.strip a .l,.strip .l{flex:none;display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 6px;background:var(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);border-radius:2px;font-family:var(--rp-sans);font-weight:700;font-size:14px;letter-spacing:0;line-height:1;unicode-bidi:isolate;direction:ltr}
.strip a.on .l{background:var(--rp-sig);color:#fff}
.strip .code{border-color:var(--rp-sig);color:var(--rp-sig-text);background:var(--rp-paper)}
.strip .upd{margin-inline-start:auto;flex:none;font-family:var(--rp-sans);font-weight:400;font-size:16px;letter-spacing:0;text-transform:none;color:var(--rp-mute);white-space:nowrap;padding-inline-start:12px}
.opener p.q{margin:0 0 10px}
.opener p.q::before{content:none;display:none}
.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:rp-crit;display:grid;gap:0;border-top:3px double var(--rp-line-2)}
.crit-list li{counter-increment:rp-crit;position:relative;padding:14px 0;padding-inline-start:52px;background:transparent;border:0;border-bottom:1px solid var(--rp-line);border-radius:0;font-size:17px;line-height:1.5;color:var(--rp-ink);text-wrap:pretty}
.crit-list li::before{content:counter(rp-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(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);border-radius:2px;font-family:var(--rp-sans);font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;letter-spacing:0;unicode-bidi:isolate}
.crit-list li b{font-weight:700;font-family:var(--rp-serif);font-size:19px}
.crit-list .cd{color:var(--rp-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(--rp-ink);font-family:"Vollkorn",Georgia,serif;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(--rp-ink)}
.foot .brand .and{font-weight:500;color:var(--rp-mute)}
.foot .note{margin:24px 0 0;max-width:48ch;text-wrap:pretty;font-size:16px;line-height:1.5;color:var(--rp-mute)}
.foot .note a{color:var(--rp-ink);text-decoration:underline;text-decoration-color:var(--rp-sig);text-decoration-thickness:2px;text-underline-offset:3px}
.foot .note a:hover,.foot .note a:focus-visible{color:var(--rp-sig-text)}
.foot .pub{margin:16px 0 0;line-height:1.5;font-size:16px;max-width:36ch;color:var(--rp-ink)}
.foot .pub b{color:var(--rp-ink);font-weight:700}
.foot .pub a{color:var(--rp-ink);text-decoration:none;display:inline-flex;align-items:center;min-height:44px}
.foot .h{font-family:var(--rp-sans);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;color:var(--rp-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(--rp-ink);text-decoration:none;display:flex;align-items:center;min-height:44px;padding-block:4px;border-top:1px solid var(--rp-line);line-height:1.25;overflow-wrap:break-word;max-width:100%;transition:color var(--rp-t)}
.foot ul a:hover{color:var(--rp-sig-text)}
.foot ul a.cur{color:var(--rp-sig-text);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(--rp-line);display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;font-size:16px;color:var(--rp-mute)}
.foot .copy .foot-nav{margin:0;display:flex;flex-wrap:wrap;gap:4px 20px}
.foot .copy .co{color:var(--rp-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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2);padding:10px;box-shadow:none;max-width:400px;box-sizing:border-box}
.hero .art.art-photo img{border-radius:var(--rp-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(--rp-sig-text)}
.strip .code.rng{flex:none;display:inline-grid;place-items:center;min-width:36px;height:24px;padding:0 6px;background:var(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);border-radius:2px;font-family:var(--rp-sans);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(--rp-serif);font-weight:600;font-size:24px;line-height:1.1;letter-spacing:-.01em;color:var(--rp-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(--rp-ink)}
.foot .company a,.foot .readin a{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px;border-radius:var(--rp-r-1);color:var(--rp-ink);text-decoration:none;overflow-wrap:normal;hyphens:manual;white-space:nowrap}
.foot .company a:hover,.foot .readin a:hover{color:var(--rp-sig-text)}
.foot .legal .note a{color:var(--rp-ink);text-decoration:underline;text-decoration-color:var(--rp-sig);text-decoration-thickness:2px;text-underline-offset:3px}
.foot .readin a.cur{color:var(--rp-sig-text);font-weight:700}
.foot .legal{margin-top:24px;padding-top:24px;border-top:1px solid var(--rp-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(--rp-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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-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(--rp-ground)}
body[data-top5-presale-brand] .sitebar{position:static}
.presale-body{color:var(--rp-ink);font-family:var(--rp-sans);font-size:var(--rp-body);line-height:1.6;overflow-wrap:anywhere;counter-reset:rp-row;max-width:720px;margin:0 auto;position:relative;padding:30px 16px 48px}
/* 5.1 type scale: one body size, Vollkorn headings in sentence case, the 14 px floor for labels */
.presale-body p,.presale-body li{color:var(--rp-ink);font-size:var(--rp-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(--rp-ink);font-weight:700}
.presale-body s,.presale-body del{color:var(--rp-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(--rp-sig-tint);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(--rp-serif);font-weight:600;color:var(--rp-ink);letter-spacing:-.01em;text-wrap:balance;hyphens:manual;text-transform:none}
.presale-body h1{font-weight:600;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:3px double var(--rp-line-2);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(--rp-serif);font-weight:600;font-size:17px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--rp-sig-text);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(--rp-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(--rp-sans);font-size:21px;line-height:1.45;color:var(--rp-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:600;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(--rp-sans);font-size:21px;line-height:1.45;color:var(--rp-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 the teal text tone; headings never underline */
.presale-body a{color:var(--rp-ink);text-decoration-thickness:2px;text-underline-offset:3px;text-decoration-color:var(--rp-sig)}
.presale-body a:not([data-presale-cta]){font-weight:inherit}
.presale-body a:hover{color:var(--rp-sig-text);text-decoration-color:var(--rp-sig)}
.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(--rp-cta);color:var(--rp-cta-ink);border:2px solid var(--rp-cta);border-radius:var(--rp-r-1);font-family:var(--rp-sans);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(--rp-t),color var(--rp-t),border-color var(--rp-t),transform var(--rp-t),box-shadow var(--rp-t)}
.presale-body a[data-presale-cta]:hover,a[data-presale-cta]:hover{background:var(--rp-ink);border-color:var(--rp-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(--rp-r-2);border-color:var(--rp-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(--rp-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(--rp-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(--rp-mute);font-family:var(--rp-sans);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(--rp-line)}
.presale-body ul.p-byline li.p-meta-name{flex-basis:100%;grid-column:1/-1;color:var(--rp-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(--rp-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(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);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(--rp-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(--rp-mute)}
.presale-body img.p-avatar+div b,.presale-body img.p-avatar+div strong{color:var(--rp-ink)}
.presale-body .p-meta{background:transparent;border:0;border-top:1px solid var(--rp-line);border-bottom:1px solid var(--rp-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(--rp-mute);flex:1 1 auto;min-width:0}
.presale-body .p-meta-name{color:var(--rp-ink);font-weight:700;font-size:16px}
.presale-body .p-meta-sub{color:var(--rp-mute);font-size:16px;line-height:1.4}
.presale-body .p-meta-rate{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-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(--rp-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(--rp-ink);font-family:var(--rp-sans);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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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(--rp-warn-tint) var(--rp-i-cross) center/12px 12px 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(--rp-sans);font-size:var(--rp-body);line-height:1.6;color:var(--rp-ink);font-weight:400}
.presale-body .p-iconrow>div>p:first-child,.presale-body .p-iconrow>div>div:first-child{color:var(--rp-ink);font-weight:700;font-family:var(--rp-sans);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:rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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:rp-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(--rp-body);line-height:1.6;color:var(--rp-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(--rp-ink);font-weight:700;font-family:var(--rp-sans);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(--rp-serif);font-size:22px;line-height:1.15;letter-spacing:-.01em;text-transform:none;color:var(--rp-ink);font-weight:600;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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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(--rp-sans);font-weight:600;font-size:15px;letter-spacing:0;text-transform:none;color:var(--rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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(--rp-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(--rp-line);border-inline-start:3px solid var(--rp-sig);background:var(--rp-paper);border-radius:var(--rp-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: the plain receipt, ruled price rows, one button, the warn urgency line, trust chips */
.p-offer,.presale-body .p-offer{border:1px solid var(--rp-line);background:var(--rp-paper);border-radius:var(--rp-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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2);max-width:560px}
.presale-body .p-offer-coupon{background:var(--rp-paper);border:2px solid var(--rp-sig);border-radius:var(--rp-r-1)}
.presale-body .p-offer-strip{background:var(--rp-sig-tint-2)}
.presale-body .p-offer:last-child{margin-bottom:0}
.presale-body .p-offer-code{display:inline-block;background:var(--rp-paper);border:2px solid var(--rp-sig);border-radius:var(--rp-r-1);padding:4px 10px;font-family:var(--rp-sans);font-weight:700;letter-spacing:0;margin:0 0 12px;color:var(--rp-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(--rp-sig-text);font-family:var(--rp-sans);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(--rp-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(--rp-sans);font-weight:600;font-size:16px;color:var(--rp-mute);font-variant-numeric:tabular-nums;text-align:start;border-bottom:1px solid var(--rp-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(--rp-mute);font-family:var(--rp-sans);font-weight:600;font-size:16px}
.presale-body .p-offer-was s{color:var(--rp-mute)}
.presale-body .p-offer-now{color:var(--rp-ink);font-weight:700}
.presale-body .p-offer-now b{color:var(--rp-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(--rp-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(--rp-warn);font-family:var(--rp-sans);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(--rp-mute);font-family:var(--rp-sans);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(--rp-line);border-radius:var(--rp-r-1);padding:5px 8px;background:var(--rp-paper);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(--rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px no-repeat}
/* 5.9 quotes: white with a hairline and the teal inline-start rule */
.presale-body .p-pquote{border:1px solid var(--rp-line);border-inline-start:3px solid var(--rp-sig);border-radius:var(--rp-r-2);box-shadow:none;background:var(--rp-paper)}
.presale-body .p-pquote-img{border-radius:var(--rp-r-2)}
.presale-body .p-pquote-mark{font-family:var(--rp-serif);color:var(--rp-sig-text);font-weight:700}
.presale-body .p-pquote-body{color:var(--rp-ink)}
.presale-body .p-pquote-meta{color:var(--rp-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(--rp-line);border-inline-start:3px solid var(--rp-sig);background:var(--rp-paper);border-radius:var(--rp-r-2);box-shadow:none;padding:16px 20px 12px}
.presale-body blockquote p{color:var(--rp-ink);font-size:var(--rp-body)}
.presale-body blockquote .p-attrib{color:var(--rp-ink);font-weight:700;font-size:16px}
.presale-body blockquote.p-pull{border:0;background:transparent;border-inline-start:3px solid var(--rp-sig);padding:6px 0;padding-inline-start:22px;margin:28px 0}
.presale-body blockquote.p-pull p{font-family:var(--rp-serif);font-weight:600;font-size:24px;line-height:1.2;color:var(--rp-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:3px double var(--rp-line-2);border-radius:0;background:var(--rp-paper);font-variant-numeric:tabular-nums;border-collapse:collapse;border-spacing:0;overflow:hidden}
.presale-body th{background:var(--rp-paper);color:var(--rp-ink);font-family:var(--rp-sans);font-weight:700;letter-spacing:0;text-transform:none;font-size:16px;white-space:normal;border-bottom:1px solid var(--rp-line)}
.presale-body th:not(:first-child){text-align:center}
.presale-body td{border-top:1px solid var(--rp-line);color:var(--rp-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(--rp-sig-tint-2)}
.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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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(--rp-warn-tint) var(--rp-i-cross) center/12px 12px no-repeat}
.presale-body iframe,.presale-body video{border-radius:var(--rp-r-2);box-shadow:none}
.presale-body hr{border:0;height:2px;background:var(--rp-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(--rp-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:rp-step}
.presale-body section:has([data-p-stack]),.presale-body div:has(> [data-p-stack]){counter-reset:rp-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(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);font-family:var(--rp-sans);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(rp-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:rp-feat}
.presale-body .alc-feat{border:1px solid var(--rp-line);border-radius:var(--rp-r-2);box-shadow:none;background:var(--rp-paper);padding:16px 18px;gap:14px;counter-increment:rp-feat}
.presale-body .alc-feat-ic{background:var(--rp-sig-tint-2);border-radius:var(--rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px no-repeat}
.presale-body .alc-feat-tx h4{color:var(--rp-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(--rp-ink);margin:0}
.presale-body figure.alc-quote,.presale-body figure.cf-quote{border:1px solid var(--rp-line);border-inline-start:3px solid var(--rp-sig);border-radius:var(--rp-r-2);box-shadow:none;background:var(--rp-paper);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(--rp-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(--rp-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(--rp-paper);border:1.5px solid var(--rp-sig);color:var(--rp-sig-text);font-family:var(--rp-sans);font-weight:700;font-size:14px}
.presale-body .alc-q-who b,.presale-body .cf-q-who b{font-size:16px;color:var(--rp-ink)}
.presale-body .alc-q-who i,.presale-body .cf-q-who i{color:var(--rp-mute);font-size:15px;letter-spacing:0}
.presale-body .cf-q-who em{font-size:15px;color:var(--rp-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(--rp-paper);border:1px solid var(--rp-line);color:var(--rp-mute);border-radius:var(--rp-r-1);font-family:var(--rp-sans);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(--rp-sans);font-weight:600;font-size:17px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--rp-sig-text);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:rp-feat}
.presale-body .p-feature{border:1px solid var(--rp-line);border-radius:var(--rp-r-2);background:var(--rp-paper);padding:16px 18px;margin:0;counter-increment:rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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(rp-feat,decimal-leading-zero);top:-2px;display:grid;place-items:center;width:36px;height:24px;background:var(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);border-radius:2px;font-family:var(--rp-serif);font-weight:700;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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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(--rp-warn-tint) var(--rp-i-cross) center/12px 12px 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(--rp-r-1);vertical-align:middle;color:transparent;font-size:0;line-height:20px;overflow:hidden}
.presale-body .p-yes{background:var(--rp-ok-tint) var(--rp-i-tick) center/12px 12px no-repeat;border-radius:50%}
.presale-body .p-no{border:0;box-sizing:border-box;background:var(--rp-warn-tint) var(--rp-i-cross) center/12px 12px no-repeat;border-radius:50%}
.presale-body blockquote.p-quote{background:var(--rp-paper);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(--rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px no-repeat}
.presale-body .p-figcaption,.presale-body img:first-of-type+p.p-figcaption{font-family:var(--rp-sans);font-weight:600;font-size:16px;line-height:1.4;letter-spacing:0;text-transform:none;color:var(--rp-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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-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(--rp-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(--rp-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(--rp-ink);text-decoration:underline;text-decoration-color:var(--rp-sig);text-decoration-thickness:2px;text-underline-offset:3px}
body[data-top5-presale-brand] .foot p a:hover{color:var(--rp-sig-text)}
.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(--rp-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(--rp-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 .rp-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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r-2)}
.presale-body .p-comment p{color:var(--rp-ink)}
.presale-body .p-c-name{color:var(--rp-ink);font-weight:700}
.presale-body .p-c-time,.presale-body .p-c-count{color:var(--rp-mute)}
.presale-body .p-c-reply{background:var(--rp-sig-tint-2);border-color:var(--rp-line);border-radius:var(--rp-r-2)}
.presale-body .p-c-reacts img{border-color:var(--rp-paper)}
.presale-body .p-c-sec h2 a{text-decoration-color:var(--rp-sig)}
/* 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(--rp-paper)}
}
@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(--rp-sig-text);font-family:var(--rp-sans);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(--rp-ground-2)}
.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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-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(--rp-paper);color:var(--rp-sig-text);border:1.5px solid var(--rp-sig);border-radius:2px;font-family:var(--rp-sans);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(--rp-sans);font-weight:600;font-size:16px;color:var(--rp-mute)}
.presale-body .p-offer-rows dd{order:3;margin:0;font-family:var(--rp-sans);font-weight:700;font-size:17px;color:var(--rp-ink);font-variant-numeric:tabular-nums}
.presale-body .p-offer-rows dd s{color:var(--rp-mute);font-weight:600;font-size:15px}
.presale-body .p-offer-rows dd b{font-size:26px;line-height:1.2;color:var(--rp-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(--rp-sans);font-size:var(--rp-body);line-height:1.6;color:var(--rp-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(--rp-ok-tint) var(--rp-i-tick) center/12px 12px 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(--rp-ground)}
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(--rp-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(--rp-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(--rp-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(--rp-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(--rp-sans);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;color:var(--rp-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(--rp-r-1);color:var(--rp-ink);text-decoration:none}
body[data-top5-presale-brand] .foot :is(.company,.readin) a:hover{color:var(--rp-sig-text);text-decoration:underline;text-decoration-color:var(--rp-sig);text-decoration-thickness:2px;text-underline-offset:4px}
body[data-top5-presale-brand] .foot .readin a.cur{color:var(--rp-sig-text);font-weight:700}
body[data-top5-presale-brand] .foot .legal{margin-top:24px;padding-top:24px;border-top:1px solid var(--rp-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(--rp-sans);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(--rp-r-1);color:var(--rp-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: RestPicked 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). 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-top5-artifact] .readin,
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] .readin,html body[data-dr] nav.strip{display:none}

/* ---- 9. RP_SKIN_V1: the RestPicked chrome (DESIGN-SPEC sections 3 to 6, the approved mockups design/final/rp.css with the --rp- tokens). The
   RP guide chrome (RP_GUIDE_CHROME_V1) and the RP review chrome (RP_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 RestPicked chrome blocks through :where (no specificity) */
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
img{max-width:100%;height:auto}
.score b,.rank-n,.r-rating b,.receipt .r-name,ol.crit li b,.crit-chips li b,ol.opener li{font-variant-numeric:lining-nums}
.wrap{max-width:var(--rp-wrap);margin-inline:auto;padding-inline:var(--rp-gutter)}
.skip{position:absolute;inset-inline-start:16px;top:-80px;background:var(--rp-sig);color:#fff;padding:12px 18px;border-radius:999px;z-index:60;font-weight:600;text-decoration:none}
.skip:focus{top:12px;outline-color:var(--rp-ink)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.small{font-size:15px;color:var(--rp-mute)}
.mute{color:var(--rp-mute)}
:where(section[data-top5-module],section.rank,section.criteria,section.table,section.promo,section.tiles,section.long,section.faq,section.final,main.presale,.pgrid,footer.foot) p{margin:0 0 1em}
:where(section[data-top5-module],section.rank,section.criteria,section.table,section.promo,section.tiles,section.long,section.faq,section.final,main.presale,.pgrid,footer.foot,aside.rail) :is(img,svg){display:block;max-width:100%;height:auto}
:where(section[data-top5-module],section.rank,section.criteria,section.table,section.promo,section.tiles,section.long,section.faq,section.final,main.presale,.pgrid) h1{font-size:52px}
:where(section[data-top5-module],section.rank,section.criteria,section.table,section.promo,section.tiles,section.long,section.faq,section.final,main.presale,.pgrid) h2{font-size:34px}
:where(section[data-top5-module],section.rank,section.criteria,section.table,section.promo,section.tiles,section.long,section.faq,section.final,main.presale,.pgrid) h3{font-size:26px}
:where(section[data-top5-module],section.rank,section.criteria,section.table,section.promo,section.tiles,section.long,section.faq,section.final,main.presale,.pgrid,footer.foot,aside.rail) a{color:var(--rp-sig-text);text-decoration-thickness:1px;text-underline-offset:3px}
:where(html:lang(de),html:lang(fi),html:lang(hu),html:lang(nl),html:lang(el)) :where(section[data-top5-module]) h1{font-size:46px}
/* 9.1 the objects: the button, the ghost, the well, the card, the badge, the chip, the score stamp, the ticks and crosses, the ledger, the receipt, the price row */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 28px;border-radius:999px;background:var(--rp-sig);color:#fff;font-family:var(--rp-sans);font-weight:600;font-size:18px;line-height:1.25;text-decoration:none;border:2px solid var(--rp-sig);text-align:center;overflow-wrap:anywhere;transition:background .15s,border-color .15s}
.btn:hover{background:var(--rp-sig-deep);border-color:var(--rp-sig-deep);color:#fff}
.btn.big{min-height:60px;font-size:19px;padding-inline:34px}
.btn.wide{width:100%}
.btn .ar{flex:none}
.ghost{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:10px 22px;border-radius:999px;background:transparent;color:var(--rp-ink);font-weight:600;font-size:16px;text-decoration:none;border:2px solid var(--rp-line-2);transition:border-color .15s;max-width:100%}
.ghost:hover{border-color:var(--rp-ink);color:var(--rp-ink)}
.well{position:relative;background:var(--rp-ground-2);border-radius:12px;display:grid;place-items:center;overflow:hidden}
.well img{position:absolute;inset:0;mix-blend-mode:multiply;object-fit:contain;width:100%;height:100%}
.well.photo img{mix-blend-mode:normal;object-fit:cover}
.card{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r);box-shadow:var(--rp-shadow)}
.badge{display:inline-block;min-height:30px;padding:4px 12px;vertical-align:middle;border-radius:999px;background:var(--rp-sig-tint);color:var(--rp-sig-text);font-weight:600;font-size:14px;line-height:1.3;overflow-wrap:anywhere;max-width:100%}
.chip{display:inline-flex;align-items:center;gap:8px;min-height:32px;max-width:100%;padding:4px 12px;border-radius:999px;background:var(--rp-paper);border:1px solid var(--rp-line);font-size:14px;font-weight:500;color:var(--rp-ink);overflow-wrap:anywhere}
.chip svg{flex:none;color:var(--rp-ok)}
.chip span{min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.score{display:inline-grid;grid-template-columns:auto auto;align-items:baseline;gap:4px 8px;border:2px solid var(--rp-sig);border-radius:12px;padding:8px 14px;background:var(--rp-paper);min-width:118px;justify-self:start}
.score b{font-family:var(--rp-serif);font-weight:700;font-size:34px;line-height:1;color:var(--rp-ink)}
.score i{font-style:normal;font-size:14px;color:var(--rp-mute);font-weight:500}
.score span{grid-column:1 / -1;font-size:14px;font-weight:600;color:var(--rp-sig-text)}
ul.ticks,ul.crosses{list-style:none;margin:0;padding:0;display:grid;gap:10px}
ul.ticks li,ul.crosses li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;align-items:start;font-size:16px;line-height:1.5}
ul.ticks li::before,ul.crosses li::before{content:"";width:22px;height:22px;border-radius:50%;margin-block-start:2px;background-repeat:no-repeat;background-position:center;background-size:12px}
ul.ticks li::before{background-color:var(--rp-ok-tint);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5l2.6 2.6L10 3.5' fill='none' stroke='%232E7A40' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
ul.crosses li::before{background-color:var(--rp-warn-tint);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 3l6 6M9 3l-6 6' fill='none' stroke='%23A3492A' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E")}
.ledger{display:grid;gap:0;margin:0;padding:0;list-style:none}
.ledger li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:8px 0;border-block-end:1px solid var(--rp-line);font-size:16px}
.ledger li > span{color:var(--rp-mute)}
.ledger li b{font-weight:600;white-space:nowrap}
.ledger li.was b{font-weight:500;color:var(--rp-mute);text-decoration:line-through}
.ledger li.now{border-block-end:3px double var(--rp-line-2)}
.ledger li.now b{font-size:30px;font-weight:700;line-height:1.1;color:var(--rp-ink)}
.ledger li.save{border-block-end:0;padding-block-end:0}
.ledger li.save b{color:var(--rp-sig-text)}
.receipt{position:relative;background:var(--rp-paper);border:1px solid var(--rp-line);border-block-end:0;border-radius:var(--rp-r) var(--rp-r) 0 0;padding:20px 20px 26px;clip-path:polygon(0 0, 100% 0, 100.000% 100%, 95.455% calc(100% - 7px), 90.909% 100%, 86.364% calc(100% - 7px), 81.818% 100%, 77.273% calc(100% - 7px), 72.727% 100%, 68.182% calc(100% - 7px), 63.636% 100%, 59.091% calc(100% - 7px), 54.545% 100%, 50.000% calc(100% - 7px), 45.455% 100%, 40.909% calc(100% - 7px), 36.364% 100%, 31.818% calc(100% - 7px), 27.273% 100%, 22.727% calc(100% - 7px), 18.182% 100%, 13.636% calc(100% - 7px), 9.091% 100%, 4.545% calc(100% - 7px), 0.000% 100%)}
.receipt.plain{clip-path:none;border-block-end:1px solid var(--rp-line);border-radius:var(--rp-r);padding-block-end:20px;box-shadow:var(--rp-shadow)}
.receipt .r-lbl{font-size:14px;font-weight:600;color:var(--rp-sig-text);margin:0 0 6px}
.receipt .r-name{font-family:var(--rp-serif);font-weight:700;font-size:24px;line-height:1.15;margin:0 0 10px}
.receipt .btn{margin-block-start:16px}
.receipt .r-gu{font-size:15px;line-height:1.5;margin:14px 0 0;color:var(--rp-ink)}
.receipt .chips{margin-block-start:14px}
.receipt .r-urg{font-size:15px;color:var(--rp-warn);margin:12px 0 0;font-weight:500}
.receipt .r-rating{font-size:15px;color:var(--rp-mute);margin:0 0 12px}
.receipt .r-rating b{color:var(--rp-ink);font-family:var(--rp-serif);font-size:20px;font-weight:700}
.price{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px}
.price .now{font-size:40px;font-weight:700;line-height:1;font-family:var(--rp-sans)}
.price .was{font-size:17px;color:var(--rp-mute);text-decoration:line-through}
.price .pct{display:inline-flex;align-items:center;min-height:28px;padding:2px 10px;border-radius:999px;background:var(--rp-warn-tint);color:var(--rp-warn);font-weight:600;font-size:14px}
.note{font-size:15px;color:var(--rp-mute);margin:8px 0 0}
.tlink{display:inline-flex;align-items:center;min-height:44px;gap:8px;font-weight:600;color:var(--rp-sig-text)}
.pi{flex:none;color:var(--rp-sig-text)}
/* 9.2 the chrome: the sitebar with the brand lockup and the label pill, the stone footer on the double rule with the three guide groups */
header.sitebar{background:var(--rp-paper);border-block-end:1px solid var(--rp-line)}
header.sitebar .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px}
a.brand{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:var(--rp-ink);min-height:44px}
a.brand .mark{width:30px;height:30px;flex:none}
a.brand .wm{font-family:var(--rp-serif);font-weight:700;font-size:26px;letter-spacing:-.01em;line-height:1;direction:ltr;unicode-bidi:isolate}
a.brand .wm em{font-style:normal;color:var(--rp-sig-text)}
.sitebar .adv{font-size:14px;font-weight:600;color:var(--rp-mute);border:1px solid var(--rp-line-2);border-radius:999px;padding:5px 12px;min-height:30px;display:inline-flex;align-items:center;white-space:nowrap}
.sitebar .rp-logo{display:inline-flex;align-items:center;min-height:44px;min-width:0;direction:ltr}
.sitebar .rp-logo img{height:30px;width:auto;max-width:58vw}
footer.foot{margin-block-start:72px;background:var(--rp-ground-2);border-block-start:3px double var(--rp-line-2);padding:40px 0 28px;font-size:15px;color:var(--rp-mute)}
footer.foot .fcols{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);gap:28px}
footer.foot .fcols.home{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
footer.foot .h{font-family:var(--rp-sans);font-size:14px;font-weight:600;color:var(--rp-ink);margin:0 0 10px;display:flex;align-items:center;gap:8px}
footer.foot ul{list-style:none;margin:0;padding:0}
footer.foot ul a{display:inline-flex;align-items:center;min-height:44px;min-width:44px;color:var(--rp-ink);text-decoration:none}
footer.foot .dsc a,.imp a,.doc p a{padding-block:13px}
footer.foot ul a:hover{color:var(--rp-sig-text);text-decoration:underline}
footer.foot .dsc{margin:14px 0 0}
footer.foot .pub{margin:10px 0 0;color:var(--rp-ink);font-weight:500}
footer.foot .readin{margin-block-start:28px;padding-block-start:18px;border-block-start:1px solid var(--rp-line)}
footer.foot .readin p{margin:0 0 4px;font-weight:600;color:var(--rp-ink);font-size:14px}
footer.foot .readin nav{display:flex;flex-wrap:wrap;gap:0 4px}
footer.foot .readin nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--rp-ink);text-decoration:none;white-space:nowrap}
footer.foot .readin nav a[aria-current]{color:var(--rp-sig-text);font-weight:700;text-decoration:underline}
footer.foot .legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px;margin-block-start:20px;padding-block-start:16px;border-block-start:1px solid var(--rp-line)}
footer.foot .legal p{margin:0}
footer.foot .legal nav{display:flex;flex-wrap:wrap;gap:0 4px}
footer.foot .legal nav a{display:inline-flex;align-items:center;min-height:44px;padding:0 8px;color:var(--rp-ink);text-decoration:none}
footer.foot .legal nav a:hover{text-decoration:underline}
/* 9.3 the guide (DESIGN-SPEC 3.3, 3.4): the hero grid and the nohero form, the meta line, the opener, the art, the winner card areas and the buy box,
   the rows (display contents on phones), the criteria, the table and its stacked form, the promo strip, the value tiles, the long review, the FAQ, the final card */
section[data-top5-module=hero]{min-height:0;display:block;background:transparent;overflow:visible;padding-block:32px 8px}
section[data-top5-module=hero] .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:start;padding-block:0}
section[data-top5-module=hero].nohero .wrap{grid-template-columns:minmax(0,1fr)}
section[data-top5-module=hero].nohero .board{max-width:820px}
section[data-top5-module=hero] .board{min-width:0}
.plate{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--rp-mute);margin:0 0 14px}
.plate .cat{color:var(--rp-sig-text);font-weight:600}
section[data-top5-module=hero] h1{font-size:46px;margin:0 0 22px}
ol.opener{margin:0}
.opener p.q{margin:0;padding:10px 0;border-block-end:1px solid var(--rp-line);font-family:var(--rp-serif);font-weight:600;font-size:19px;line-height:1.4;font-variant-numeric:lining-nums}
.opener p.q:first-child{border-block-start:1px solid var(--rp-line)}
.opener p:not(.q){font-size:19px;line-height:1.6;margin:18px 0 0}
section[data-top5-module=hero] .art{position:sticky;top:24px;width:100%;max-width:400px;aspect-ratio:4/5;justify-self:end;background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:20px;overflow:hidden}
section[data-top5-module=hero] .art picture,section[data-top5-module=hero] .art img{display:block;width:100%;height:100%;object-fit:contain}
#ranking{margin-block-start:40px}
#ranking > h2,section.criteria h2,section.promo h2,section.long > .wrap > h2,section.faq h2,section.table h2{margin:0 0 20px;padding-block-start:16px;border-block-start:3px double var(--rp-line-2)}
article.win{padding:28px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-areas:"head buy" "pic buy" "sum buy" "lists lists" "deal deal";gap:20px 36px;align-items:start}
article.win .w-head{grid-area:head}
article.win .w-pic{grid-area:pic}
article.win .w-buy{grid-area:buy;position:sticky;top:20px}
article.win .w-sum{grid-area:sum;margin:0;font-size:17px}
article.win .lists{grid-area:lists}
article.win .deal{grid-area:deal}
article.win .w-pic .well{aspect-ratio:4/3;background:var(--rp-ground-2)}
article.win .w-pic .tlink{margin-block-start:10px}
article.win .w-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 10px}
.rank-n{font-family:var(--rp-serif);font-weight:700;font-size:30px;color:var(--rp-sig-text);line-height:1}
article.win h3{font-size:40px;margin:0 0 6px}
.buy{background:var(--rp-paper);border:2px solid var(--rp-sig);border-radius:var(--rp-r);padding:20px;display:grid;gap:14px}
.buy .s-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.buy .s-lbl{font-size:15px;font-weight:600;color:var(--rp-mute);margin:0}
.buy .btn{width:100%;margin:0}
.buy .note{margin:0}
.buy .ledger li.now b{font-size:36px}
article.win .lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}
article.win .lists h4,ol.rows h4{font-family:var(--rp-sans);font-size:14px;font-weight:600;color:var(--rp-mute);margin:0 0 10px}
.deal{background:var(--rp-sig-tint-2);border:1px solid var(--rp-sig-tint);border-radius:12px;padding:18px 20px;display:grid;gap:8px}
.deal .d-head{font-weight:700;font-size:18px}
.deal p{margin:0;font-size:16px}
.deal .urg{color:var(--rp-warn);font-weight:500}
ol.rows{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:16px}
ol.rows li.row{padding:22px;display:grid;grid-template-columns:auto 120px minmax(0,1fr) 220px;gap:20px;align-items:start}
ol.rows .r-pic .well{aspect-ratio:1;width:120px}
ol.rows h3{font-size:24px;margin:6px 0 10px}
ol.rows .lists{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-block-start:8px}
ol.rows .lists ul li{font-size:15px}
ol.rows .r-side{display:grid;gap:12px;justify-items:stretch}
ol.rows .r-side .price .now{font-size:28px}
ol.rows .vs{font-size:14px;color:var(--rp-mute);margin:0}
ol.rows .summary{font-size:16px;color:var(--rp-mute);margin:0}
section.criteria{margin-block-start:56px}
ol.crit{list-style:none;margin:0;padding:0;display:grid;gap:0}
ol.crit li{display:grid;grid-template-columns:40px minmax(0,1fr);gap:14px;padding:14px 0;border-block-end:1px solid var(--rp-line);font-size:17px;align-items:baseline}
ol.crit li b{font-family:var(--rp-serif);font-weight:700;font-size:28px;color:var(--rp-sig-text)}
section.table{margin-block-start:40px}
.tbl .own{display:block;font-size:14px;color:var(--rp-mute);margin:0 0 6px;font-weight:500}
.btn.sm{min-height:44px;font-size:15px;padding:8px 16px;white-space:nowrap}
.tbl{width:100%;border-collapse:collapse;font-size:15px;background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r);overflow:hidden}
.tbl th,.tbl td{padding:12px 14px;text-align:start;border-block-end:1px solid var(--rp-line);vertical-align:top}
.tbl th{font-weight:600;color:var(--rp-mute);font-size:14px;background:var(--rp-ground-2)}
.tbl tbody tr:first-child td{background:var(--rp-sig-tint-2);font-weight:500}
.tbl td.nm{font-weight:600;overflow-wrap:anywhere}
.tbl td bdi,.tbl td > span:not(.own){white-space:nowrap}
.tbl td .ok{display:inline-flex;align-items:start;gap:6px;color:var(--rp-ink);white-space:normal}
.tbl td .ok svg{flex:none;color:var(--rp-ok);margin-block-start:4px}
.tbl-wrap{overflow-x:auto}
section.promo{margin-block-start:56px}
section.promo h2.winner-banner{font-size:34px}
.promo-strip{padding:22px;display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:24px;align-items:center}
.promo-strip .well{aspect-ratio:1;width:150px}
.promo-strip h3{font-size:26px;margin:4px 0 8px}
.promo-strip ul.ticks{margin:0}
.promo-strip .p-side{display:grid;gap:12px;min-width:220px}
section.tiles{margin-block-start:40px}
.vt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.vt article{padding-block-start:16px;border-block-start:3px double var(--rp-line-2)}
.vt h3{font-size:22px;margin:0 0 8px}
.vt p{font-size:16px;color:var(--rp-ink);margin:0}
section.long{margin-block-start:64px;background:var(--rp-paper);border-block:1px solid var(--rp-line);padding-block:40px 56px}
section.long .lgrid{display:grid;grid-template-columns:minmax(0,var(--rp-measure)) 340px;gap:48px;justify-content:space-between;align-items:start}
.lg{max-width:var(--rp-measure)}
.lg h3{font-size:26px;margin:32px 0 10px}
.lg p{font-size:19px}
.lg figure{margin:0 0 24px}
.lg figure .well{aspect-ratio:16/9;background:var(--rp-ground-2)}
.lg figure.portrait .well{aspect-ratio:3/4;max-width:420px}
.lg figcaption{font-size:16px;color:var(--rp-ink);margin:8px 0 0}
section.faq{margin-block-start:56px}
details.q{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:12px;margin:0 0 10px}
details.q summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 18px;font-weight:600;font-size:18px;line-height:1.35}
details.q summary::-webkit-details-marker{display:none}
details.q summary::after{content:"";flex:none;width:18px;height:18px;margin-inline-end:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M4 7l5 5 5-5' fill='none' stroke='%230B5D56' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat;transition:transform .15s}
details.q[open] summary::after{transform:rotate(180deg)}
details.q .a{padding:0 18px 16px;font-size:17px;color:var(--rp-ink)}
details.q .a p{margin:0 0 .6em}
.imp{margin-block-start:20px;padding:18px 20px;border:1px solid var(--rp-line);border-radius:12px;background:var(--rp-paper);font-size:15px;color:var(--rp-mute)}
.imp b{color:var(--rp-ink)}
section.final{margin-block-start:64px}
.final-card{padding:32px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center}
.final-card .well{aspect-ratio:1;background:var(--rp-ground-2)}
.final-card h2{font-size:38px;margin:0 0 12px}
.final-card p{font-size:18px}
.final-card .price{margin:12px 0 18px}
/* 9.4 the review (DESIGN-SPEC 4.3): the two column body keyed on data-rp-dr and the centred fallback, the eyebrow, the dek, the meta, the figures, the units, the quotes, the suits box */
body[data-rp-dr]{display:grid;grid-template-columns:minmax(16px,1fr) minmax(0,var(--rp-measure)) minmax(40px,120px) 340px minmax(16px,1fr);align-items:start}
body[data-rp-dr] > *{grid-column:1 / -1}
body[data-rp-dr] > main.presale-article{grid-column:2;padding-block-start:28px;min-width:0}
body[data-rp-dr] > aside.rail{grid-column:4;margin-block-start:28px}
main.presale-article{padding-block-start:28px}
body:not([data-rp-dr]) main.presale-article{max-width:calc(var(--rp-measure) + 2 * var(--rp-gutter));margin-inline:auto;padding-inline:var(--rp-gutter)}
.p-eyebrow{font-size:15px;font-weight:600;color:var(--rp-sig-text);margin:0 0 10px}
main.presale-article h1{font-size:42px;margin:0 0 14px}
.p-dek{font-size:21px;line-height:1.5;margin:0 0 14px}
.p-meta{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:15px;color:var(--rp-mute);margin:0 0 20px;padding-block-end:14px;border-block-end:1px solid var(--rp-line)}
.p-meta b{color:var(--rp-ink);font-weight:600}
figure.p-fig{margin:0 0 24px}
figure.p-fig .well{aspect-ratio:3/2;background:var(--rp-ground-2)}
main.presale-article figure{margin:0 0 24px}
main.presale-article figure .well{aspect-ratio:3/2;background:var(--rp-ground-2)}
main.presale-article figure.portrait .well{aspect-ratio:3/4;max-width:420px}
main.presale-article figure.portrait figcaption,.lg figure.portrait figcaption{max-width:420px}
figure.p-fig figcaption,main.presale-article figcaption{font-size:16px;color:var(--rp-ink);margin:8px 0 0}
main.presale-article h2{font-size:30px;margin:36px 0 12px;padding-block-start:14px;border-block-start:3px double var(--rp-line-2)}
main.presale-article h3{font-size:22px;margin:22px 0 6px}
main.presale-article p{font-size:19px}
main.presale-article p a{padding-block:11px}
main.presale-article p.p-eyebrow{font-size:15px}
main.presale-article p.p-dek{font-size:21px;line-height:1.5}
main.presale-article p.p-lede{font-size:21px;line-height:1.55}
main.presale-article p.where{font-size:16px;color:var(--rp-mute)}
main.presale-article p.small{font-size:15px}
main.presale-article .receipt p.r-gu{font-size:15px}
.p-lede{font-size:21px;line-height:1.55}
.p-offer{margin:36px auto;max-width:560px}
.p-offer.full{max-width:none}
.p-offer.wc-final{margin-block-start:48px}
.p-offer.full .receipt{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:8px 32px;align-items:start}
.p-offer.full .receipt .r-lbl,.p-offer.full .receipt .r-name{grid-column:1}
.p-offer.full .receipt .ledger{grid-column:1}
.p-offer.full .receipt .btn,.p-offer.full .receipt .r-gu,.p-offer.full .receipt .chips,.p-offer.full .receipt .r-urg,.p-offer.full .receipt .r-gu-first{grid-column:1}
.p-offer.full .receipt .cut{grid-column:2;grid-row:1 / span 8;align-self:center}
.p-offer.full .receipt .cut .well{aspect-ratio:1;width:220px}
.p-offer .r-gu-first{display:flex;gap:10px;align-items:center;font-weight:600;font-size:16px;color:var(--rp-ok);margin:0 0 10px}
.p-offer .r-gu-first svg{flex:none}
.p-quotes{display:grid;gap:14px;margin:16px 0}
blockquote.p-quote{margin:0;padding:18px 20px;background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:12px;border-inline-start:4px solid var(--rp-sig)}
blockquote.p-quote p{font-size:17px;margin:0 0 6px}
blockquote.p-quote footer{font-size:14px;color:var(--rp-mute)}
.suits{margin:16px 0;padding:14px 18px;border-inline-start:3px solid var(--rp-sig);background:var(--rp-sig-tint-2);font-size:17px}
.suits p{margin:0}
.p-faq details.q summary{min-height:56px}
main.presale-article .p-final h2{border:0;padding:0}
.where{font-size:16px;color:var(--rp-mute);margin:8px 0 0}
.story[lang=en]{unicode-bidi:isolate}
/* 9.5 the rail and the bar (DESIGN-SPEC 5.1): one node, the sticky receipt from 1024 px, the fixed bar under it (armed by the one inline script) */
aside.rail{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}
aside.rail .receipt{padding:20px 20px 26px}
aside.rail .r-head{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;margin:0 0 12px}
aside.rail .r-head .well{aspect-ratio:1;width:88px}
aside.rail .r-head .r-name{margin:0}
aside.rail .r-head .r-lbl{margin:0 0 4px}
aside.rail dl.r-facts{display:grid;gap:8px;margin:16px 0 0;font-size:15px}
aside.rail dl.r-facts div{display:grid;grid-template-columns:minmax(84px,auto) minmax(0,1fr);gap:10px;align-items:baseline}
aside.rail dl.r-facts dt{color:var(--rp-mute);font-weight:500}
aside.rail dl.r-facts dd{margin:0;font-weight:500}
aside.rail .r-side{font-size:15px;color:var(--rp-mute);margin:14px 0 0}
aside.rail .bar-only{display:none}
.btn .lb-short{display:none}
@media (max-width:479px){
  .p-offer .btn .lb-long{display:none}
  .p-offer .btn .lb-short{display:inline}
  .btn.big{padding-inline:20px;font-size:18px}
}
@media (min-width:1024px){
  aside.rail{scroll-margin-top:100vh}
}
aside.rail .btn .lb-long{display:none}
aside.rail .btn .lb-short{display:inline}
@media (min-width:1024px){
  aside.rail.dock{position:fixed;inset-inline:0;bottom:0;top:auto;max-height:none;overflow:visible;z-index:30;background:var(--rp-paper);border-block-start:1px solid var(--rp-line-2);box-shadow:0 -8px 24px rgba(40,40,36,.10);padding:10px 0}
  aside.rail.dock .receipt{clip-path:none;border:0;background:transparent;max-width:1180px;margin-inline:auto;padding:0 var(--rp-gutter);display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:4px 16px;align-items:center}
  aside.rail.dock .receipt > *,aside.rail.dock .receipt .r-side{display:none}
  aside.rail.dock .receipt .r-head{display:block;grid-column:1}
  aside.rail.dock .receipt .r-head > div{display:none}
  aside.rail.dock .receipt .r-head .well{width:56px}
  aside.rail.dock .receipt .bar-only{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 14px;min-width:0;line-height:1.2}
  aside.rail.dock .receipt .bar-only .b-name{font-family:var(--rp-serif);font-weight:700;font-size:20px}
  aside.rail.dock .receipt .bar-only .b-price{display:inline-flex;gap:10px;align-items:baseline;white-space:nowrap}
  aside.rail.dock .receipt .bar-only .b-price b{font-size:22px;font-weight:700}
  aside.rail.dock .receipt .bar-only .b-price s{color:var(--rp-mute);font-size:15px}
  aside.rail.dock .receipt .btn.bar-btn{display:inline-flex;margin:0;min-height:48px;min-width:200px;width:auto}
}
@media (max-width:1023px){
  aside.rail{position:fixed;inset-inline:0;bottom:0;top:auto;max-height:none;z-index:30;visibility:hidden;transform:translateY(110%);transition:transform .2s;background:var(--rp-paper);border-block-start:1px solid var(--rp-line-2);box-shadow:0 -8px 24px rgba(40,40,36,.10);padding:10px var(--rp-gutter) calc(10px + env(safe-area-inset-bottom))}
  aside.rail.on{visibility:visible;transform:none}
  aside.rail .receipt{clip-path:none;border:0;background:transparent;padding:0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 14px;align-items:center}
  aside.rail .receipt > *,aside.rail .receipt dl.r-facts,aside.rail .receipt .r-side,aside.rail .receipt .r-head{display:none}
  aside.rail .receipt .bar-only{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 10px;min-width:0;line-height:1.2}
  aside.rail .receipt .bar-only .b-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  aside.rail .receipt .bar-only .b-price{display:inline-flex;gap:8px;align-items:baseline;white-space:nowrap}
  aside.rail .receipt .bar-only .b-price b{font-size:19px;font-weight:700}
  aside.rail .receipt .bar-only .b-price s{color:var(--rp-mute);font-size:14px}
  aside.rail .receipt .btn.bar-btn{display:inline-flex;margin:0;min-height:48px;min-width:150px;padding-inline:20px;font-size:16px;width:auto}
  body.rp-bar{padding-block-end:calc(72px + env(safe-area-inset-bottom))}
}
/* 9.6 RTL: the arrows mirrored, prices left to right inside bdi, the Hebrew display weight */
[dir=rtl] .btn .ar,[dir=rtl] .go svg,[dir=rtl] .tlink svg{transform:scaleX(-1)}
[dir=rtl] .price .now,[dir=rtl] .ledger li b,[dir=rtl] .b-price b,[dir=rtl] .b-price s,[dir=rtl] .tbl td bdi{direction:ltr;unicode-bidi:isolate}
:lang(he) h1,:lang(he) h2,:lang(he) h3{letter-spacing:0;font-weight:700}
:lang(he) .opener li,:lang(he) .receipt .r-name{font-weight:700}
/* 9.7 the widths of the approved mockup (1179, 1023, 899, 767) */
@media (max-width:1023px){
  section[data-top5-module=hero] .wrap{grid-template-columns:minmax(0,1fr)}
  section[data-top5-module=hero] .art{display:none}
  section.long .lgrid{grid-template-columns:minmax(0,1fr)}
  body[data-rp-dr]{display:block}
  body[data-rp-dr] > main.presale-article{padding-inline:var(--rp-gutter)}
  main.presale-article p{font-size:18px}
  main.presale-article p.p-dek{font-size:19px}
  main.presale-article p.p-lede{font-size:20px}
  .lg p{font-size:18px}
  article.win .w-sum,ol.rows .summary,ul.ticks li,ul.crosses li,ol.rows .lists ul li,details.q .a,.vt p,.deal p,ol.crit li,blockquote.p-quote p,.suits,.doc p,.doc li{font-size:18px}
  .lg{max-width:none}
  article.win{grid-template-columns:minmax(0,1fr);grid-template-areas:"head" "pic" "buy" "sum" "lists" "deal"}
  article.win .w-buy{position:static}
  ol.rows li.row{grid-template-columns:auto 96px minmax(0,1fr)}
  ol.rows .r-pic .well{width:96px}
  ol.rows .r-side{grid-column:1 / -1}
  footer.foot .fcols{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)}
  footer.foot .fcols .fb{grid-column:1 / -1}
}
@media (max-width:899px){
  .vt{grid-template-columns:minmax(0,1fr)}
  .promo-strip{grid-template-columns:120px minmax(0,1fr)}
  .promo-strip .well{width:120px}
  .promo-strip .p-side{grid-column:1 / -1}
  footer.foot .fcols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .final-card{grid-template-columns:minmax(0,1fr)}
  .final-card .well{max-width:320px}
  .ways{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:767px){
  h1{font-size:36px}
  h2{font-size:28px}
  header.sitebar .wrap{min-height:56px}
  section[data-top5-module=hero] h1{font-size:32px}
  html:lang(de) section[data-top5-module=hero] h1,html:lang(fi) section[data-top5-module=hero] h1,html:lang(hu) section[data-top5-module=hero] h1,html:lang(nl) section[data-top5-module=hero] h1,html:lang(el) section[data-top5-module=hero] h1{font-size:29px}
  main.presale-article h1{font-size:32px}
  .p-dek{font-size:19px}
  .p-lede{font-size:20px}
  .opener p.q{font-size:18px}
  .opener p:not(.q){font-size:18px}
  .sitebar .rp-logo img{height:25px}
  .buy .s-row .score{min-width:0}
  article.win{padding:18px;gap:16px}
  article.win h3{font-size:30px}
  article.win .lists{grid-template-columns:minmax(0,1fr)}
  .buy{padding:16px}
  ol.rows li.row{grid-template-columns:auto 88px minmax(0,1fr);padding:16px;gap:12px}
  ol.rows .r-pic .well{width:88px}
  ol.rows .r-main{display:contents}
  ol.rows .r-top{grid-column:3;display:grid;gap:6px}
  ol.rows .summary,ol.rows .lists{grid-column:1 / -1}
  ol.rows .lists{grid-template-columns:minmax(0,1fr)}
  ol.rows h3{font-size:21px;margin:0}
  .promo-strip{grid-template-columns:96px minmax(0,1fr);padding:16px}
  .promo-strip .well{width:96px}
  .p-offer.full .receipt{grid-template-columns:minmax(0,1fr)}
  .p-offer.full .receipt .cut{grid-column:1;grid-row:auto;justify-self:center}
  .p-offer.full .receipt .cut .well{width:180px}
  .final-card{padding:20px}
  .final-card h2{font-size:30px}
  footer.foot .fcols,footer.foot .fcols.home{grid-template-columns:minmax(0,1fr)}
  footer.foot{padding-block:28px 20px}
  .doc h1{font-size:34px}
  .price .now{font-size:34px}
  .lg h3{font-size:23px}
  main.presale-article h2{font-size:26px}
  .tbl-wrap{overflow:visible}
  .tbl{border:0;background:transparent;border-radius:0}
  .tbl thead{display:none}
  .tbl tbody tr{display:grid;gap:0;background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:12px;margin:0 0 10px;overflow:hidden}
  .tbl tbody tr:first-child td{background:transparent}
  .tbl tbody tr:first-child{background:var(--rp-sig-tint-2)}
  .tbl td{display:grid;grid-template-columns:minmax(96px,34%) minmax(0,1fr);gap:10px;padding:10px 14px;border-block-end:1px solid var(--rp-line);font-size:15px}
  .tbl td:last-child{border-block-end:0}
  .tbl td::before{content:attr(data-th);color:var(--rp-mute);font-weight:600;font-size:14px}
  .tbl td.nm{grid-template-columns:minmax(0,1fr);font-size:17px}
  .tbl td.nm::before{display:none}
}

/* 9.8 the RestPicked look on the classes the current template prints (the shared template shape until the RP guide and review chrome of wave 4) */
/* the hero plate: no code chip (the letter tile and the gate segment never print), no pictogram on a plate (DIST-2): the section word as the teal eyebrow */
.hero .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(--rp-sans);font-weight:600;font-size:15px;line-height:1.3;color:var(--rp-sig-text)}
.plate .l,.hero .plate .l,.hero .plate .seg,.hero .plate .code,.hero .plate svg,.strip .l,.strip .code{display:none}
.hero{background:transparent;border-bottom:0;padding:32px 0 8px}
.hero h1{font-family:var(--rp-serif);font-weight:600;font-size:46px;line-height:1.12;letter-spacing:-.005em;max-width:22ch}
:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=el]) .hero h1{font-size:46px}
.hero .verify{font-family:var(--rp-sans);font-weight:500;font-size:15px;color:var(--rp-mute)}
.hero .art{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:20px;padding:8px}
.hero .art img{border-radius:14px}
/* PRODUCT IMAGE LAW: every well shows its picture whole (the percentage track resolves against the well's aspect ratio); the RP hero art is the
   well itself (figure.art), so the shared template's frame on div.art does not double it */
.well{grid-template:100% / 100%}
.well img{max-height:100%}
.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}
/* the buttons: one flat teal pill (the funnel), the ghost for the Amazon ranks (target=_blank), never a pressed edge */
.cta,.btn,a[data-presale-cta],.presale-body a[data-presale-cta]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:12px 28px;border-radius:999px;background:var(--rp-sig);color:#fff;border:2px solid var(--rp-sig);font-family:var(--rp-sans);font-weight:600;font-size:18px;line-height:1.25;letter-spacing:0;text-transform:none;text-decoration:none;box-shadow:none;text-align:center;overflow-wrap:anywhere;transition:background var(--rp-t),border-color var(--rp-t)}
.cta:hover,.btn:hover,a[data-presale-cta]:hover,.presale-body a[data-presale-cta]:hover{background:var(--rp-sig-deep);border-color:var(--rp-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(--rp-sig);color:#fff}
.listing.featured .cta:hover,.final-offer .cta:hover{background:var(--rp-sig-deep);border-color:var(--rp-sig-deep)}
.cta.cta-block[target],a.cta[target=_blank]{background:transparent;color:var(--rp-ink);border:2px solid var(--rp-line-2);min-height:48px;font-size:16px}
.cta.cta-block[target]:hover,a.cta[target=_blank]:hover{background:transparent;color:var(--rp-ink);border-color:var(--rp-ink)}
.listing-side .cta{display:flex;width:100%;padding:12px 16px;font-size:17px}
/* the cards: white on the pebble ground with the soft shadow; the winner's decision column as the buy box with the 2 px teal frame */
.listing,.tile,.review-break,.trust,.final-offer{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r);box-shadow:var(--rp-shadow)}
.listing.featured{border:1px solid var(--rp-line);box-shadow:var(--rp-shadow)}
.listing-rank,.listing.featured .listing-rank{font-family:var(--rp-serif);font-weight:700;color:var(--rp-mute);font-size:30px}
.listing.featured .listing-rank{color:var(--rp-sig-text)}
.listing-rank,.score-num,.price-now,.price-was,.crit-list li::before{font-variant-numeric:lining-nums}
/* the rating row: the proof sentence beside the label on the pick (DESIGN-SPEC 3.3: Our rating: the proof); no bare label on a row without one */
.rating-row:not(:has(em)){display:none}
.rating-row strong{color:var(--rp-mute);font-weight:500;font-family:var(--rp-sans)}
.rating-row em,.listing.featured .rating-row em{display:inline;font-style:normal;color:var(--rp-ink);font-weight:600}
.listing.featured .listing-side{background:var(--rp-paper);border:2px solid var(--rp-sig);border-radius:var(--rp-r);padding:16px}
.score-box{border:2px solid var(--rp-sig);border-radius:12px;background:var(--rp-paper)}
.score-num,.listing.featured .score-num{font-family:var(--rp-serif);font-weight:700;color:var(--rp-ink);font-variant-numeric:lining-nums}
.score-word{color:var(--rp-sig-text);font-weight:600}
.stars,.score-box .stars,.rating-row .stars{display:none}
.badge,.listing.featured .badge{background:var(--rp-sig-tint);color:var(--rp-sig-text);border-radius:999px;font-family:var(--rp-sans);font-weight:600;font-size:14px;padding:4px 12px}
.deal-box{background:var(--rp-sig-tint-2);border:1px solid var(--rp-sig-tint);border-radius:12px}
.deal-box em b,.deal-box .status{color:var(--rp-warn)}
.prod-img,.listing-media .prod-img{background:var(--rp-ground-2);border:0;border-radius:12px}
.prod-img img{mix-blend-mode:multiply}
.winner-banner{color:var(--rp-sig-text);font-family:var(--rp-sans);font-weight:600;font-size:15px}
.side-note{background:var(--rp-paper);border:1px solid var(--rp-line);border-inline-start:3px solid var(--rp-sig);border-radius:12px;color:var(--rp-mute)}
.important{border-inline-start:3px solid var(--rp-sig);border-radius:12px}
.tile .tile-ic{display:none}
.tile{display:block;padding:16px 0 0;background:transparent;border:0;border-top:3px double var(--rp-line-2);border-radius:0;box-shadow:none}
.tile h3{font-family:var(--rp-serif);font-weight:600;font-size:22px;min-height:0;padding:0;margin:0 0 8px}
.tile p{margin:0;color:var(--rp-ink);font-size:16px}
.flow-h,.long-review h2{font-family:var(--rp-serif);font-weight:600;font-size:34px;line-height:1.12;border-top:3px double var(--rp-line-2);padding-top:16px}
.flow-h .kicker,.long-review .kicker{font-family:var(--rp-sans);color:var(--rp-sig-text);font-size:15px}
/* the opener: the lines as a ruled serif list (DESIGN-SPEC 3.3 point 2), never a cross box */
.opener p.q{font-family:var(--rp-serif);font-weight:600;font-size:19px;line-height:1.4;padding:10px 0;padding-inline-start:0;margin:0;border-bottom:1px solid var(--rp-line)}
.opener p.q:first-of-type{border-top:1px solid var(--rp-line)}
/* the FAQ: white rows with the teal chevron (details.q), never a checklist */
.faq details{background:var(--rp-paper);border:1px solid var(--rp-line);border-radius:12px;margin:0 0 10px;padding:0}
.faq details:last-of-type{border-bottom:1px solid var(--rp-line)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 18px;font-family:var(--rp-sans);font-weight:600;font-size:18px;line-height:1.35}
.faq summary::before{display:none}
.faq summary::after{content:"";position:static;flex:none;width:18px;height:18px;border:0;transform:none;background:var(--rp-i-chev) center/18px no-repeat;transition:transform var(--rp-t)}
.faq details[open] summary::after{transform:rotate(180deg)}
.faq details > :not(summary),.faq details p{padding:0 18px 16px;font-size:17px}
/* the criteria: plain teal Vollkorn numerals on hairlines (DESIGN-SPEC 3.3 point 6), never a code chip */
.crit-list{border-top:0}
.crit-list li{padding:14px 0;padding-inline-start:54px;border-bottom:1px solid var(--rp-line);font-size:17px}
.crit-list li::before{content:counter(rp-crit);top:10px;min-width:40px;height:auto;padding:0;background:transparent;color:var(--rp-sig-text);border:0;border-radius:0;font-family:var(--rp-serif);font-weight:700;font-size:28px;line-height:1.1;letter-spacing:0}
.crit-list li b{font-family:var(--rp-sans);font-weight:600;font-size:17px}
/* the tables: white on a hairline with the stone head row */
.article table{border:1px solid var(--rp-line);border-radius:var(--rp-r);overflow:hidden;background:var(--rp-paper)}
.article th{background:var(--rp-ground-2);color:var(--rp-mute);font-family:var(--rp-sans);font-weight:600;font-size:14px;border-bottom:1px solid var(--rp-line)}
.article tr:nth-child(even) td{background:transparent}
.article td:first-child{font-family:var(--rp-sans);font-weight:600}
/* the footer of the builder partial: the stone ground on the double rule, the brand mark and the Rest / Picked halves, the heads without letter tiles */
.foot{background:var(--rp-ground-2);color:var(--rp-mute);border-top:3px double var(--rp-line-2);font-size:15px}
.foot .h .l{display:none}
.foot .h{font-family:var(--rp-sans);font-weight:600;font-size:14px;color:var(--rp-ink)}
.foot .h svg{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;color:var(--rp-sig-text)}
.foot .brand{font-family:"Vollkorn",Georgia,serif;font-weight:700;font-size:26px;letter-spacing:-.01em;color:var(--rp-ink);direction:ltr;unicode-bidi:isolate}
.foot .brand .mark,.foot .foot-brand img.mark,.foot .foot-brand svg.mark,.foot .brand svg.mark{width:30px;height:30px;flex:none;display:block}
.foot .foot-brand .picked,.foot .brand .picked,.foot .brand em{font-style:normal;font-weight:700;color:var(--rp-sig-text)}
.foot ul a{border-top:0;color:var(--rp-ink)}
.foot ul a:hover,.foot .company a:hover,.foot .readin a:hover{color:var(--rp-sig-text);text-decoration:underline}
.foot .note a,.foot p a{color:var(--rp-sig-text);text-decoration-color:currentColor;text-decoration-thickness:1px}
.sitebar .adv{font-family:var(--rp-sans);font-weight:600;font-size:14px;color:var(--rp-mute);border:1px solid var(--rp-line-2);border-radius:999px;padding:5px 12px;min-height:30px;display:inline-flex;align-items:center;max-width:none}
.sitebar .rp-logo img{height: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(--rp-line-2);border-radius:999px;font-family:var(--rp-sans);font-size:15px}
.langsel[open] summary{background:var(--rp-paper);color:var(--rp-ink);border-color:var(--rp-sig)}
.langmenu{border:1px solid var(--rp-line);border-radius:12px;box-shadow:var(--rp-shadow)}
.langmenu a.cur,.langmenu a[aria-current]{background:var(--rp-sig-tint);color:var(--rp-sig-text)}
.langmenu a.cur .cc{color:var(--rp-sig-text)}
/* the review pages on the current presale template: the white column, the byline without a code chip, the offer units as plain receipts */
.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(--rp-paper);border:1px solid var(--rp-line);border-radius:var(--rp-r);box-shadow:var(--rp-shadow)}
.presale-body .p-offer-coupon{border:2px solid var(--rp-sig);border-radius:12px}
.presale-body .p-offer-now,.presale-body .p-offer-was,.presale-body .p-offer-rows div{border-bottom:1px solid var(--rp-line)}
.presale-body .p-offer-now{border-bottom:3px double var(--rp-line-2)}
.presale-body .p-offer-urgency,.p-offer-urgency{color:var(--rp-warn);font-family:var(--rp-sans);font-weight:500}
.presale-body blockquote,.presale-body .p-pquote,.presale-body figure.alc-quote,.presale-body figure.cf-quote{border:1px solid var(--rp-line);border-inline-start:4px solid var(--rp-sig);border-radius:12px}
.presale-body h2{font-family:var(--rp-serif);font-size:30px;border-top:3px double var(--rp-line-2)}
.presale-body h1{font-family:var(--rp-serif);font-size:42px;line-height:1.12;letter-spacing:-.005em}
.presale-body img{border-radius:12px}
.presale-body a{color:var(--rp-sig-text);text-decoration-color:currentColor;text-decoration-thickness:1px}
.presale-body .p-hl{background:var(--rp-sig-tint-2)}
@media(max-width:767px){.hero h1,:is([lang=de],[lang=fi],[lang=hu],[lang=nl],[lang=el]) .hero h1{font-size:32px}.presale-body h1{font-size:32px}.presale-body h2{font-size:26px}.flow-h,.long-review h2{font-size:28px}}
:lang(he) :is(h1,h2,h3,.hero h1,.flow-h,.presale-body h1,.presale-body h2){letter-spacing:0;font-weight:700}

/* 9.9 the INLINE LINK TAP LAW width (RP_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,.doc p a{padding-inline:3px;margin-inline:-3px}

/* ---- 10. RP_SKIN_V1 chrome round 2 (the chrome fixer r2, 2026-09-25; build/chrome/critic-*/r1/CRITIC.md): the RestPicked guide and review chrome
   of wave 4 under this skin. 10.1 the guide lane's delta (build/chrome/guide/skin-delta/rp-skin-guide-delta.css md5 98773adf, B1: the rival
   rows, the phone final card, the phone table, the numeral, the plate, the promo heading); 10.2 the review lane's delta
   (build/chrome/review/skin-delta/rp-skin-review-delta.css md5 e47877ef, M1: the receipts, the column, the eyebrow, the dek, the byline row,
   the wells, the U3 cutout); 10.3 the phone bar of both families (B2: the price pair wraps inside its column, the button track is capped
   and its label may wrap, so no text of the bar runs under the button at 360 px); 10.4 the outline of a review as the read pass reshapes it
   (M2, M5: p.rp-kicker over its heading, p.rp-sub the standfirst, p.rp-line a heading line printed as a sentence, h3.rp-reason). ---- */
/* 10.1 the guide (RP_GUIDE_CHROME_V1): every selector scoped to main.article#main or the hero board, which only the RP guide chrome prints */
section[data-top5-module=hero] .board p.plate{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px;min-height:0;margin:0 0 14px;padding:0;font-family:var(--rp-sans);font-size:15px;font-weight:400;color:var(--rp-mute)}
section[data-top5-module=hero] .board p.plate .cat{color:var(--rp-sig-text);font-weight:600;font-size:15px;border:0;padding:0;margin:0}
section[data-top5-module=hero] .board p.plate .verify{font-size:15px;font-weight:400;color:var(--rp-mute);margin:0}
main.article#main .listing-rank.rank-n{position:static;inset:auto;width:auto;height:auto;padding:0;margin:0;background:transparent;border:0;font-family:var(--rp-serif);font-weight:700;font-size:30px;line-height:1;color:var(--rp-sig-text)}
main.article#main article.win.listing,main.article#main ol.rows li.row.listing,main.article#main .promo-strip.listing{margin:0;border-radius:var(--rp-r)}
main.article#main ol.rows{margin-block-start:16px}
main.article#main ul.ticks li,main.article#main ul.crosses li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;position:static;padding:0;margin:0;color:var(--rp-ink)}
main.article#main .buy p.side-note{background:none;border:0;border-radius:0;padding:0;margin:0;font-size:15px;color:var(--rp-mute);text-align:start}
main.article#main a.review-link.tlink{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding-block:0;margin:0;color:var(--rp-sig-text);font-size:16px;font-weight:600}
main.article#main .imp.important{border:1px solid var(--rp-line);border-radius:12px;margin-block-start:20px}
main.article#main section.promo h2.winner-banner{margin:0 0 20px;padding:16px 0 0;border:0;border-block-start:3px double var(--rp-line-2);font-family:var(--rp-serif);font-weight:600;font-size:34px;line-height:1.12;color:var(--rp-ink)}
main.article#main .final-card.final-offer{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px;align-items:center;padding:32px;text-align:start;margin:0}
main.article#main .final-card.final-offer > div{display:block}
main.article#main .final-card.final-offer a.btn{display:inline-flex;grid-column:auto;margin:0}
main.article#main .final-card.final-offer p{font-size:18px;color:var(--rp-ink)}
@media (max-width:899px){main.article#main .final-card.final-offer{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){main.article#main .final-card.final-offer{padding:20px}main.article#main .listing-rank.rank-n{font-size:28px}}
/* the stacked phone table (under 768 px): the owned delivery words wrap inside their cell, the pick row's key sits under "Official site" in
   the value column (the mockup's own rule set clips both when the words are longer than "Free, dispatched within 24 hours") */
main.article#main .tbl td > span.ok{white-space:normal}
@media (max-width:767px){main.article#main .tbl td > a.btn.sm{grid-column:2;justify-self:start}}
/* 10.2 the review (RP_PRESALE_DR_V1): every selector on body[data-rp-dr], which only the RP review chrome prints */
body[data-rp-dr] main.presale-article > .presale-body{padding:0;max-width:none;margin:0}
body[data-rp-dr] .presale-body p.p-eyebrow{color:var(--rp-sig-text);font-weight:600;margin:0 0 10px}
body[data-rp-dr] main.presale-article .presale-body p.p-dek{color:var(--rp-ink);font-size:21px;line-height:1.5;margin:0 0 14px}
@media (max-width:1023px){body[data-rp-dr] main.presale-article .presale-body p.p-dek{font-size:19px}}
body[data-rp-dr] .presale-body .p-meta{border-top:0;padding:0 0 14px;margin:0 0 20px;gap:4px 18px}
body[data-rp-dr] .presale-body .p-meta .p-meta-col{flex-direction:row;flex-wrap:wrap;gap:4px 18px}
body[data-rp-dr] .presale-body .p-meta :is(.p-meta-name,.p-meta-sub){font-size:15px;line-height:1.6}
body[data-rp-dr] .presale-body .p-meta .p-meta-name{color:var(--rp-ink);font-weight:600}
body[data-rp-dr] .presale-body figure.p-fig.hero{padding:0;background:none;border:0;margin:0 0 24px}
body[data-rp-dr] .presale-body figure .well img{margin:0;border:0;border-radius:0}
/* s14: the wells of the body figures (critic fix F1): the skin's wide picture rule (.presale-body img:is([width^="5"] ... [width^="9"]) with its
   nine :not() clauses, specificity 0,11,1) sets height:auto on a 500 to 999 px picture, so a portrait of 798 x 1023 stands 538 px tall in its
   560 px 3:4 well and the stone ground shows under it (muscleaider, the reasons); the column's id (#main, printed by the review chrome) outranks
   it and the picture fills its well as the mockup's rp.css draws it */
body[data-rp-dr] #main figure .well img{width:100%;height:100%;margin:0}
body[data-rp-dr] .presale-body p.where{margin:8px 0 0}
body[data-rp-dr] .presale-body .p-offer{background:none;border:0;border-radius:0;box-shadow:none;padding:0;text-align:start;margin:36px auto;max-width:560px}
body[data-rp-dr] .presale-body .p-offer.full{max-width:none}
body[data-rp-dr] .presale-body .p-offer.wc-final{margin-block-start:48px}
body[data-rp-dr] .presale-body .receipt ul.ledger{margin:0;padding:0}
body[data-rp-dr] .presale-body .receipt :is(p,li){max-width:none}
body[data-rp-dr] .presale-body .receipt ul.ledger li{margin:0}
body[data-rp-dr] .presale-body .receipt a.btn{margin:16px 0 0;max-width:none}
body[data-rp-dr] .presale-body .receipt a.btn svg.ar{display:block}
@media (min-width:1024px){body[data-rp-dr] aside.rail .receipt a.btn{margin:16px 0 0;max-width:none}}
/* the review footer prints no guide groups (DESIGN-SPEC 5.3), so the presale footer grid of five tracks leaves the brand block in the first
   track with three empty ones beside the Company column; the mockup's review footer is the two track grid of the homepage (rp.css .fcols.home) */
@media (min-width:1024px){body[data-rp-dr] .foot .foot-cols{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}}
/* s20: the cutout of the final unit (div.cut > div.well > img, not a figure): the skin's presale picture rule (.presale-body img: the 1 px line,
   the 12 px corners, the margin 8px 0 24px, the stone ground) draws a second frame inside the well and shifts the cutout 8 px down; the
   mockup's rp.css .well img places it absolutely, contained, multiplied on the well */
body[data-rp-dr] #main .receipt .cut .well img{position:absolute;inset:0;width:100%;height:100%;margin:0;border:0;border-radius:0;background:none;object-fit:contain;mix-blend-mode:multiply}
/* 10.3 the phone bar (under 1024 px, guides and reviews): the name and the price pair keep their min content width (the longest name word,
   the current price; the struck price wraps under it) and the button takes the rest, its label wrapping only where the rest is shorter than
   the label; the name wraps instead of an ellipsis. So no text of the bar runs under the button; the bar grows by a line where a language
   needs it. The dock from 1024 px is unchanged. */
@media (max-width:1023px){
  aside.rail .receipt{grid-template-columns:minmax(min-content,1fr) auto}
  aside.rail .receipt .bar-only .b-name{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:break-word;max-width:none}
  aside.rail .receipt .bar-only .b-price{flex-wrap:wrap;white-space:normal;column-gap:8px;row-gap:0}
  aside.rail .receipt .bar-only .b-price > *{white-space:nowrap}
  aside.rail .receipt .btn.bar-btn{line-height:1.2;text-align:center}
}
/* 10.4 the outline of a review (services/msads-rp-presale-shape.mjs): the kicker over its heading (over an h2 it carries the section rule the h2
   gives up), the standfirst under a section heading, a heading line of the doc printed as a sentence; the reason heading is the column's h3 */
body[data-rp-dr] main.presale-article p.rp-kicker{font-family:var(--rp-serif);font-weight:600;font-size:17px;line-height:1.4;color:var(--rp-sig-text);margin:26px 0 4px}
body[data-rp-dr] main.presale-article p.rp-kicker.rp-kick-rule{margin-block-start:36px;padding-block-start:14px;border-block-start:3px double var(--rp-line-2)}
body[data-rp-dr] main.presale-article :is(h2,h3,h4,h5,h6).rp-kicked{margin-block-start:0}
body[data-rp-dr] main.presale-article h2.rp-kicked{padding-block-start:0;border-block-start:0}
body[data-rp-dr] main.presale-article p.rp-sub{font-size:21px;line-height:1.5;color:var(--rp-ink);margin:0 0 14px}
body[data-rp-dr] main.presale-article p.rp-line{font-size:21px;line-height:1.55;color:var(--rp-ink);font-weight:500;margin:24px 0 12px}
@media (max-width:1023px){body[data-rp-dr] main.presale-article :is(p.rp-sub,p.rp-line){font-size:20px}}
:lang(he) body[data-rp-dr] main.presale-article p.rp-kicker{font-weight:700}
/* 10.5 the phone sitebar and the phone table key: the logo at the spec's 25 px under 768 px (9.2 set 30 px after the width rule); under 480 px
   the label pill may break between its words (bg, hr, hu, pl ran 4 to 39 px past a 360 px screen) and the table's pick key may wrap its label */
@media (max-width:767px){body[data-dr] header.sitebar .rp-logo img{height:25px}}
@media (max-width:479px){
  body[data-dr] header.sitebar .adv{white-space:normal;text-align:center;line-height:1.2;border-radius:14px;padding:4px 10px;font-size:13px;overflow-wrap:normal}
  main.article#main .tbl a.btn.sm{white-space:normal;max-width:100%;text-align:center}
}

/* ---- 11. RP_SKIN_V1 chrome round 3 (the chrome fixer r3, 2026-09-25; build/chrome/critic-fidelity/r2/CRITIC.md B1, B2, M2 to M6, M8): the
   winner card's buy box sticks inside its own column (11.1), the review rail ends its sticky range with the reading column (11.2), the phone
   opener lines at 18 px (11.3), the phone bar at the spec's height (11.4), the sitebar at the mockup's height and the 14 px label (11.5), no
   heading broken inside a word on a phone (11.6, 11.9), the review footer as the mockup's (11.7), the doc's two column tick table (11.8). ---- */
/* 11.1 B1: the buy box area is static and stretched over its three rows (head, picture, summary); the box itself is the sticky node, so its
   containing block ends with the summary row and it never slides over the lists or the deal box */
@media (min-width:1024px){
  main.article#main article.win .w-buy{position:static;align-self:stretch}
  main.article#main article.win .w-buy > .buy{position:sticky;top:20px}
}
/* 11.2 B2: the review rail is a static grid item stretched over the reading row, its receipt the sticky node: the receipt's containing block
   ends where the reading column ends, so no pixel of the rail lies over the footer (the guide's rail and every dock are untouched) */
@media (min-width:1024px){
  body[data-rp-dr] > aside.rail{position:static;align-self:stretch;max-height:none;overflow:visible}
  body[data-rp-dr] > aside.rail > .receipt{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto}
}
/* 11.3 M2: under 1024 px every prose role is 18 px (DESIGN-SPEC 10.2, critic fix F6): the opener lines of section 9 come after the phone step */
@media (max-width:1023px){
  .opener p.q{font-size:18px}
}
/* 11.4 M3: the phone bar at 69 px (DESIGN-SPEC 5.1): the name on one line (the ellipsis of 5.1 for a name longer than its column), the price
   pair side by side, the struck price under the current one only where the pair is wider than its column; the button takes its label on one
   line up to 44 percent of the screen and wraps it to two lines of 15 px inside the 48 px height beyond that, so the text column keeps the rest
   (69 px with a one line label, 72 with a two line label, 79 where the struck price goes under: under the 80 px of section 8) */
@media (max-width:1023px){
  aside.rail .receipt{grid-template-columns:minmax(0,1fr) auto;column-gap:12px}
  aside.rail .receipt .bar-only{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 8px;min-width:0}
  aside.rail .receipt .bar-only .b-name{flex:1 0 100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal;max-width:100%}
  aside.rail .receipt .bar-only .b-price{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:0;white-space:normal;min-width:0}
  aside.rail .receipt .bar-only .b-price > *{white-space:nowrap}
  aside.rail .receipt .btn.bar-btn{justify-self:end;width:auto;min-width:0;max-width:min(44vw,300px);min-height:48px;padding:6px 16px;font-size:15px;line-height:1.15;text-align:center}
}
/* 11.5 M4: the sitebar row at the mockup's height (rp.css header.sitebar .wrap: min height 64, 56 under 768 px, no block padding) on every page
   of the DR chrome; the Advertorial label at the 14 px floor under 480 px (the wrap between its words of 10.5 kept) */
body[data-dr] header.sitebar .wrap{padding-block:0;min-height:64px}
@media (max-width:767px){body[data-dr] header.sitebar .wrap{min-height:56px}}
@media (max-width:479px){body[data-dr] header.sitebar .adv{font-size:14px}}
/* 11.6 M5: no heading broken inside a word on a phone. The rival name spans the row under the numeral and the well (the badge beside the
   well). A headline whose longest unbreakable run is longer than 12 characters carries that count as data-rp-lw (the guide module and the review
   pass print it: the guide's h1, the long review's title, the review's h1), and under 768 px its size steps down until that run fits the column
   (the column is the screen less the 16 px gutters; a character takes at most 0.63 em in Vollkorn 600, 0.64 in Cyrillic, Greek and Hebrew: the
   widest runs of the 286 guide editions and the 330 reviews measured 0.608 em a character, "memoryskumpuder", and 0.596, "подвижността"), never
   above the phone step it already has; such a guide h1 drops its measure in ch (20ch at 22 px would be narrower than the column and than the
   run); the review h1 at the mockup's 32 px in every language. The list items of the rows and the winner card
   hyphenate their long compounds in the languages whose body text hyphenates (a visible hyphen, never a cut). */
@media (max-width:767px){
  main.article#main ol.rows .r-top{display:contents}
  main.article#main ol.rows .r-top > .badge{grid-column:3;align-self:center;justify-self:start}
  main.article#main ol.rows .r-top > h3{grid-column:1 / -1}
  [data-rp-lw]{--rp-lw:12;--rp-em:.63}
  [data-rp-lw="13"]{--rp-lw:13}[data-rp-lw="14"]{--rp-lw:14}[data-rp-lw="15"]{--rp-lw:15}[data-rp-lw="16"]{--rp-lw:16}[data-rp-lw="17"]{--rp-lw:17}[data-rp-lw="18"]{--rp-lw:18}[data-rp-lw="19"]{--rp-lw:19}[data-rp-lw="20"]{--rp-lw:20}[data-rp-lw="21"]{--rp-lw:21}[data-rp-lw="22"]{--rp-lw:22}[data-rp-lw="23"]{--rp-lw:23}[data-rp-lw="24"]{--rp-lw:24}[data-rp-lw="25"]{--rp-lw:25}[data-rp-lw="26"]{--rp-lw:26}[data-rp-lw="27"]{--rp-lw:27}[data-rp-lw="28"]{--rp-lw:28}[data-rp-lw="29"]{--rp-lw:29}[data-rp-lw="30"]{--rp-lw:30}[data-rp-lw="31"]{--rp-lw:31}[data-rp-lw="32"]{--rp-lw:32}[data-rp-lw="33"]{--rp-lw:33}[data-rp-lw="34"]{--rp-lw:34}[data-rp-lw="35"]{--rp-lw:35}[data-rp-lw="36"]{--rp-lw:36}[data-rp-lw="37"]{--rp-lw:37}[data-rp-lw="38"]{--rp-lw:38}[data-rp-lw="39"]{--rp-lw:39}[data-rp-lw="40"]{--rp-lw:40}
  :is(html:lang(bg),html:lang(el),html:lang(he)) [data-rp-lw]{--rp-em:.64}
  section[data-top5-module=hero] h1[data-rp-lw]{max-width:none;font-size:min(32px,calc((100vw - 32px) / (var(--rp-lw) * var(--rp-em))))}
  :is(html:lang(de),html:lang(fi),html:lang(hu),html:lang(nl),html:lang(el)) section[data-top5-module=hero] h1[data-rp-lw]{font-size:min(29px,calc((100vw - 32px) / (var(--rp-lw) * var(--rp-em))))}
  main.article#main section.long-review h2[data-rp-lw]{font-size:min(28px,calc((100vw - 32px) / (var(--rp-lw) * var(--rp-em))))}
  body[data-rp-dr] main.presale-article h1{font-size:32px}
  body[data-rp-dr] main.presale-article h1[data-rp-lw]{font-size:min(32px,calc((100vw - 32px) / (var(--rp-lw) * var(--rp-em))))}
  :is(html:lang(de),html:lang(fi),html:lang(hu),html:lang(nl),html:lang(et),html:lang(da),html:lang(sv)) main.article#main :is(ul.ticks,ul.crosses) li > span{hyphens:auto;hyphenate-limit-chars:10 4 4}
}
/* 11.7 M6: the review footer as the mockup's (rp.css .fcols.home): the brand block (mark, disclosure, publisher line) beside the Company column,
   one column under 768 px; the legal row in regular weight with all three links (DR pages, both families) */
body[data-rp-dr] footer.foot .foot-cols{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
body[data-rp-dr] footer.foot .foot-cols > .foot-brand{display:block}
body[data-rp-dr] footer.foot .foot-cols > .foot-brand > .note{margin:14px 0 0}
body[data-rp-dr] footer.foot .foot-cols > .foot-brand > .pub{order:0;grid-column:auto;margin:10px 0 0;padding:0;border:0}
body[data-rp-dr] footer.foot .foot-cols > div:not(.foot-brand):not(:has(> ul.langs)){grid-row:auto}
body[data-rp-dr] footer.foot .copy .foot-nav a[href="/get-in-touch"]{display:inline-flex}
body[data-dr] footer.foot .copy .foot-nav a{font-weight:400}
@media (max-width:767px){
  body[data-dr] footer.foot .foot-cols,body[data-rp-dr] footer.foot .foot-cols{grid-template-columns:minmax(0,1fr)}
  body[data-rp-dr] footer.foot .copy .foot-nav{display:flex;flex-wrap:wrap;gap:0 20px}
}
/* 11.8 M8: the doc's two column tick table (table.p-t2, no head cells: a list of what gets easier) prints as two equal columns of body text,
   and as one list under 768 px; never the data table's sticky, hyphenated first column */
body[data-rp-dr] .presale-body table.p-t2{width:100%;table-layout:fixed;border:0;border-radius:0;background:none;margin:8px 0 20px;overflow:visible}
body[data-rp-dr] .presale-body table.p-t2 td{width:50%;position:static;background:none;hyphens:manual;overflow-wrap:normal;word-break:normal;font-size:17px;font-weight:400;line-height:1.5;padding:8px 12px 8px 0;vertical-align:top;border-top:1px solid var(--rp-line)}
@media (max-width:767px){
  body[data-rp-dr] .presale-body table.p-t2,body[data-rp-dr] .presale-body table.p-t2 :is(tbody,tr,td){display:block;width:auto}
  body[data-rp-dr] .presale-body table.p-t2 td{font-size:18px;padding:8px 0}
  body[data-rp-dr] .presale-body table.p-t2 td:empty{display:none}
}
/* 11.9 M5: the winner reinforcement strip on a phone (chrome fixer r3, sitting 4): its tick list ran in the 142 to 172 px column beside the
   96 px well and cut the long compounds ("syväkudoshierontaan", "sasprindzinājumu", "επαναφορτιζόμενο"). Under 768 px the badge sits beside the
   well, and the name, the ticks and the price side span the card, as the rows do (11.6) */
@media (max-width:767px){
  main.article#main .promo-strip{gap:12px 16px}
  main.article#main .promo-strip > div:not(.well):not(.p-side){display:contents}
  main.article#main .promo-strip > div > .badge{grid-column:2;align-self:center;justify-self:start}
  main.article#main .promo-strip > div > h3{grid-column:1 / -1;margin:0}
  main.article#main .promo-strip > div > ul.ticks{grid-column:1 / -1}
  main.article#main .promo-strip > .p-side{grid-column:1 / -1}
}
/* ---- 12. RP_SKIN_V1 chrome round 4 (the chrome fixer r4, 2026-09-26; build/chrome/critic-fidelity/r3/CRITIC.md M2, M3, M5 (a)): no headline cut
   inside a word from 768 px up (12.1), the review headline at the spec's 42 px in every language (12.2), the highlight without a gap before its
   punctuation (12.3). ---- */
/* 12.1 M2: the long run count of a headline (data-rp-lw, printed by the guide module and the review pass) is read at every width, so the fit of
   11.6 extends past the phone. From 768 px the guide h1 sits in the board's 560 px box (555 at 1024, less a scroll bar), so a headline whose longest
   run would not fit steps down from the 46 px step until it does (the board less a margin, 530 px, over the run at 0.63 em a character, 0.64 in
   Cyrillic, Greek and Hebrew: the factor of 11.6); a run of 18 characters or fewer keeps 46 px. The box keeps the 560 px of the 46 px step (22ch
   of the smaller size would narrow the line with the font, so the run would never fit). The review h1 fits its column the same way:
   640 px from 768 px, the column beside the rail from 1024 px (532 px at 1024, the full measure from about 1130). */
[data-rp-lw]{--rp-lw:12;--rp-em:.63}
[data-rp-lw="13"]{--rp-lw:13}[data-rp-lw="14"]{--rp-lw:14}[data-rp-lw="15"]{--rp-lw:15}[data-rp-lw="16"]{--rp-lw:16}[data-rp-lw="17"]{--rp-lw:17}[data-rp-lw="18"]{--rp-lw:18}[data-rp-lw="19"]{--rp-lw:19}[data-rp-lw="20"]{--rp-lw:20}[data-rp-lw="21"]{--rp-lw:21}[data-rp-lw="22"]{--rp-lw:22}[data-rp-lw="23"]{--rp-lw:23}[data-rp-lw="24"]{--rp-lw:24}[data-rp-lw="25"]{--rp-lw:25}[data-rp-lw="26"]{--rp-lw:26}[data-rp-lw="27"]{--rp-lw:27}[data-rp-lw="28"]{--rp-lw:28}[data-rp-lw="29"]{--rp-lw:29}[data-rp-lw="30"]{--rp-lw:30}[data-rp-lw="31"]{--rp-lw:31}[data-rp-lw="32"]{--rp-lw:32}[data-rp-lw="33"]{--rp-lw:33}[data-rp-lw="34"]{--rp-lw:34}[data-rp-lw="35"]{--rp-lw:35}[data-rp-lw="36"]{--rp-lw:36}[data-rp-lw="37"]{--rp-lw:37}[data-rp-lw="38"]{--rp-lw:38}[data-rp-lw="39"]{--rp-lw:39}[data-rp-lw="40"]{--rp-lw:40}
:is(html:lang(bg),html:lang(el),html:lang(he)) [data-rp-lw]{--rp-em:.64}
@media (min-width:768px){
  section[data-top5-module=hero] h1[data-rp-lw]{max-width:max(22ch,560px);font-size:min(46px,calc(530px / (var(--rp-lw) * var(--rp-em))))}
}
/* 12.2 M3: the review h1 at 42 px from 768 px in every language (DESIGN-SPEC 10.2, the de mockup). The presale template's own style sets the h1 of
   de, fi, hu, nl and el at clamp(1.75rem,3.6vw,3rem) with a specificity of 0,2,1, above the skin's 0,1,2 (SKIN ORDER LAW), so those five printed
   48 px at 1440 and 28 to 37 px from 768 to 1024; this rule meets it rule for rule (0,2,3); the long run fit of 12.1 caps it where it must. */
@media (min-width:768px){
  body[data-rp-dr] main.presale-article h1{font-size:42px}
  body[data-rp-dr] main.presale-article h1[data-rp-lw]{font-size:min(42px,calc(600px / (var(--rp-lw) * var(--rp-em))))}
}
@media (min-width:1024px){
  body[data-rp-dr] main.presale-article h1[data-rp-lw]{font-size:min(42px,calc(min(600px,100vw - 530px) / (var(--rp-lw) * var(--rp-em))))}
}
/* 12.3 M5 (a): the highlight keeps its tint box, but its side padding no longer takes room in the line (an equal negative margin), so no gap
   opens between the highlighted run and the full stop, comma or bracket after it ("50 % ." in sl, 78 highlights on 9 slugs) */
.presale-body .p-hl{padding:0 .12em;margin:0 -.12em}