/* rs-presale.css v=20260916a: RS_PRESALE_V2, the RoutineScout REVIEW page in the homepage's theme (operator 2026-09-16: "it would
   make sense that reviews pages would follow the styling too"). THE COUNTER on the ported review: the porcelain ground, the reading
   column as the homepage's prose, the offers as white cards on hairlines with the Bodoni price and the garnet pill, the photographs on
   the homepage's white mat with the plinth ledge, Bodoni display for the headings, the prices, the numerals and the pull quotes,
   Hanken Grotesk text, uppercase tracked labels (the byline, the eyebrow, the attributions, the footer headings), garnet as the only
   accent (the pill, the numerals, hover, the brand mark), radii 0 / 3 / 999, no shadow, nothing under 12 px, light only like the
   homepage. Linked by the RoutineScout presale renderer alone (services/msads-rs-presale-visual.mjs, RS_PRESALE_STYLESHEET) once after
   rs-skin.css; every rule is scoped to body[data-top5-visual="RS_PRESALE_V2"], so a guide, the homepage or a legal page can never pick
   one up, and rs-skin.css is never edited. The review layout and content stay: the head, the byline, the early offer, the ported body
   with its offer slots, the models line and the footer partial; no block moves. The faces and tokens are the homepage's
   (/css/rs-home.css); the grammar is the guide theme's (rs-guide.css) on the presale's own selectors. Logical properties only (the
   Hebrew edition mirrors by itself). Designer round 1 (PS/D/round1): the three phase-0 punch lists (identity, craft, phone) applied.
   Round 2 (PS/D/round2, the judges' remaining items): the Hebrew wordmark's two spans take the brand's display face (the skin's
   universal Hebrew rule matched them), and the headline is the homepage's clamp in every language on desktop too (the long-language
   step below 1181 px removed: the homepage and the guide print 46 px on every edition); the byline's date is unbreakable (the Hebrew
   year dangled alone on a line at 400 and 360). The pill labels are the site pack's (RS_PRESALE_OFFER_LABEL_V1 in the renderer).
   Round 3 (PS/D/round3, the judges' remaining items of round 2): the Hebrew offer price's inner bdi inherits the display face (the
   skin's universal Hebrew rule re-faced it one level under the b), the Hebrew wordmark flows with the page like the Hebrew homepage's
   (the tag mark at the outer edge, direction rtl on the brand), the section heads keep the homepage's 27.2 px tablet size down to
   761 px (the clamp floor 1.7rem; they sat 0.8 px above the h3 at 1024 and 768), the sheet runs edge to edge inside the gutter up to
   820 px (the text edge on the brand's edge at 768 as on the homepage), a reader quote's name typed as a bold last line after a break
   (the Finnish pack) prints as the tracked attribution label, and the footer note's link is a 48 px tap target (was 42). */

/* 0. the homepage faces (the same eight files rs-home.css and rs-guide.css load) */
@font-face{font-family:"RS Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/rs/BodoniModa-latin-ext-italic.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:"RS Display";font-style:italic;font-weight:400 900;font-display:swap;src:url(/fonts/rs/BodoniModa-latin-italic.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:"RS Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/rs/BodoniModa-latin-ext-normal.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:"RS Display";font-style:normal;font-weight:400 900;font-display:swap;src:url(/fonts/rs/BodoniModa-latin-normal.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:"RS Text";font-style:italic;font-weight:300 800;font-display:swap;src:url(/fonts/rs/HankenGrotesk-latin-ext-italic.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:"RS Text";font-style:italic;font-weight:300 800;font-display:swap;src:url(/fonts/rs/HankenGrotesk-latin-italic.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:"RS Text";font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/rs/HankenGrotesk-latin-ext-normal.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:"RS Text";font-style:normal;font-weight:300 800;font-display:swap;src:url(/fonts/rs/HankenGrotesk-latin-normal.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}

/* 1. the homepage tokens on the review, every colour scheme (the homepage is light only): the skin's tokens are remapped so every
   skin component already reads in the theme, then the components below take the homepage's own shapes */
:root:has(body[data-top5-visual="RS_PRESALE_V2"]),body[data-top5-visual="RS_PRESALE_V2"]{
  --rs-porcelain:#F6F5F2;--rs-white:#FFFFFF;--rs-line:#DAD6D0;--rs-line-2:#ECE9E4;--rs-plinth:#ECEAE6;--rs-plinth-ledge:#D8D4CD;
  --rs-garnet:#8A1C3B;--rs-garnet-deep:#5F1128;--rs-garnet-tint:#F7E8EC;
  --rs-dept:var(--rs-plinth);--rs-dept-ledge:var(--rs-plinth-ledge);
  --rs-display:"RS Display","Bodoni Moda","Bodoni 72","Didot","Georgia",serif;
  --rs-text:"RS Text","Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --rs-tagmark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath d='M4 4h13l9 9v13H4z' fill='%238A1C3B'/%3E%3Ccircle cx='10' cy='10' r='2.4' fill='%23fff'/%3E%3C/svg%3E");
  --rs-sheet:var(--rs-porcelain);--rs-band:var(--rs-white);--rs-plate:var(--rs-plinth);--rs-rule:var(--rs-line);--rs-ink:#1E1C1A;--rs-mute:#625D57;
  --rs-green:var(--rs-garnet);--rs-green-deep:var(--rs-garnet-deep);--rs-link:#1E1C1A;--rs-btn:var(--rs-garnet);--rs-btn-ink:#FFFFFF;--rs-btn-hover:var(--rs-garnet-deep);
  --rs-focus:var(--rs-garnet);--rs-mark:#1E1C1A;--rs-mark-track:var(--rs-plinth);--rs-shadow:none;
  --rs-sans:var(--rs-text);--rs-mono:var(--rs-text);
  --rs-wrap:1200px;--rs-gutter:clamp(16px,4vw,40px);--rs-r-btn:999px;
  --rs-lead:1.125rem;
  color-scheme:light;
}
:root:has(body[data-top5-visual="RS_PRESALE_V2"]){background:#F6F5F2}
/* the Hebrew edition: the skin's Hebrew face for every word (Bodoni and Hanken carry no Hebrew glyphs); the wordmark, the offer price
   and the numerals are Latin and keep the display face; no italics, headings at 500 without tracking (the guide's rule) */
body[data-top5-visual="RS_PRESALE_V2"]:lang(he){--rs-display:"IBM Plex Sans Hebrew","Arial Hebrew",Arial,sans-serif;--rs-text:"IBM Plex Sans Hebrew","Arial Hebrew",Arial,sans-serif}
body[data-top5-visual="RS_PRESALE_V2"]:lang(he) :is(.brand,.p-offer-now b,.p-offer-rows dd b,.cu-feat-n){font-family:"RS Display","Bodoni Moda","Bodoni 72","Didot","Georgia",serif}
/* the wordmark's two spans carry the skin's universal Hebrew face themselves (rs-skin.css :lang(he) matches every element), so they inherit the brand's display face explicitly */
body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .brand :is(span,.scout){font-family:inherit}
/* the price's digits sit in a bdi inside the b (the same skin mechanism one level down): they inherit the display face too */
body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .presale-body :is(.p-offer-now b,.p-offer-rows dd b) :is(bdi,span,.p-price){font-family:inherit}
body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .presale-body ol>li::before,body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .presale-body :is(.p-feature,.alc-feat,.brb-att,.brb-feat)::before{font-family:"RS Display","Bodoni Moda","Bodoni 72","Didot","Georgia",serif}
body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .presale-body :is(h1,h2,h3,h4,h5){letter-spacing:0;font-weight:500;font-style:normal}
body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .presale-body :is(em,i){font-style:normal;font-weight:500}
body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .presale-body blockquote.p-pull p{font-style:normal;font-weight:500;font-size:1.35rem}

/* 2. base: the homepage's type on the porcelain ground (smoothing auto like the homepage); the reading column as the homepage's prose */
body[data-top5-visual="RS_PRESALE_V2"]{background:var(--rs-porcelain);color:var(--rs-ink);font:400 17px/1.6 var(--rs-text);font-variant-numeric:tabular-nums;-webkit-font-smoothing:auto}
body[data-top5-visual="RS_PRESALE_V2"] .presale-article{background:transparent}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body{font-family:var(--rs-text);font-size:17px;line-height:1.6;color:var(--rs-ink);padding-block:40px 64px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body p,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li{font-family:var(--rs-text);font-size:17px;line-height:1.6;color:var(--rs-ink);text-wrap:pretty}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body p{margin-block:0 1em}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body b,body[data-top5-visual="RS_PRESALE_V2"] .presale-body strong{font-weight:600;color:inherit}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-hl{font-family:inherit;font-weight:600;font-feature-settings:normal;background:transparent}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(em,i){font-style:italic}
/* a lead the doc wraps whole in <i> stays upright like the homepage's dek (the general italics rule above outranks the skin's lead exception, so it is restated) */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-lead,h1+p) :is(em,i){font-style:normal}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(s,del){color:var(--rs-mute);text-decoration-thickness:1px}
/* figures in the running text stay at the text's weight (the display face is for the money unit only) */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(p,li) bdi.p-price:not(.p-offer *){font-family:inherit;font-weight:inherit;color:inherit}
/* the headings: the display face at the homepage's clamps; the h1 at 400 with the homepage's tracking, the section heads at the guide's
   winner-name size (they recur every few paragraphs inside the column), h3 at the guide's review-section size, h4 at the steps' size */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(h1,h2,h3,h4,h5){font-family:var(--rs-display);font-weight:500;line-height:1.08;letter-spacing:-.005em;text-wrap:balance;color:var(--rs-ink);max-inline-size:none;hyphens:manual}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1{font-size:clamp(2.2rem,3.2vw,2.875rem);font-weight:400;line-height:1.04;letter-spacing:-.012em;margin-block:0 16px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1:first-child,body[data-top5-visual="RS_PRESALE_V2"] .presale-body div:first-child>h1,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-doc-main>section>div>div>div>div:first-child>h1:first-child{margin-block-start:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h2{font-size:clamp(1.7rem,2.2vw,1.9rem);line-height:1.15;margin-block:48px 16px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h2:first-child,body[data-top5-visual="RS_PRESALE_V2"] .presale-body div:first-child>h2{margin-block-start:48px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1+h2,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta+h2{margin-block-start:24px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(h1,h2,h3,.p-meta,img) ~ h1,body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(h1,h2,h3,.p-meta,img) ~ * h1{font-size:clamp(1.7rem,2.2vw,1.9rem);font-weight:500;line-height:1.15;letter-spacing:-.005em;margin-block:48px 16px;max-inline-size:none}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h3,body[data-top5-visual="RS_PRESALE_V2"] .presale-body h4{font-size:1.45rem;line-height:1.2;margin-block:30px 10px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h4{font-size:1.25rem}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h2+h3{margin-block-start:20px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body h5{font:600 1.0625rem/1.35 var(--rs-text);letter-spacing:0;margin-block:22px 8px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(h6,.p-kicker,.cf-kick){font:600 .75rem/1.4 var(--rs-text);letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute);margin-block:26px 8px}
/* the lead: one step over the body (the homepage's dek); the skin's catch of the paragraph after every section's first image is undone */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-lead,body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1:not(:is(h1,h2,h3,h4,img,.p-meta) ~ h1):not(:is(h1,h2,h3,h4,img,.p-meta) ~ * h1)+p,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta+h4,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta+div>img:first-child+div>p,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta+div>div:first-child>img:first-child+div>p{font:400 var(--rs-lead)/1.55 var(--rs-text);letter-spacing:0;color:var(--rs-ink);max-inline-size:none;margin-block:0 22px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body img:first-of-type+p:not(.p-lead){font-size:17px;line-height:1.6;font-weight:400;max-inline-size:none;margin-block:0 1em}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-meta+div,.p-meta+script+div)>blockquote:first-child:not(.p-pull){border:0;background:transparent;padding:0;margin-block:0 18px;font:400 var(--rs-lead)/1.55 var(--rs-text)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-meta+div,.p-meta+script+div)>blockquote:first-child:not(.p-pull) p{font:inherit;color:var(--rs-ink)}
/* links: ink on an ink underline, the garnet underline on hover (the homepage's prose links); the ring garnet */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body a{color:var(--rs-ink);text-decoration-color:currentColor;text-decoration-thickness:1px;text-underline-offset:.16em}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body a:hover{color:var(--rs-ink);text-decoration-color:var(--rs-garnet)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body a:not([href*="techfibrr"]):not([data-presale-cta]){color:inherit;text-decoration:none}
body[data-top5-visual="RS_PRESALE_V2"] :focus-visible{outline:2px solid var(--rs-garnet);outline-offset:3px}
body[data-top5-visual="RS_PRESALE_V2"] :not(a[data-presale-cta]):focus-visible{border-radius:3px}

/* 3. the masthead: white, the garnet tag mark, the wordmark in the display face (Routine upright, Scout italic), the tracked label */
body[data-top5-visual="RS_PRESALE_V2"] .sitebar{background:var(--rs-white);border-block-end:1px solid var(--rs-line);box-shadow:none}
body[data-top5-visual="RS_PRESALE_V2"] .sitebar .wrap{min-block-size:64px;gap:24px;padding-block:0}
body[data-top5-visual="RS_PRESALE_V2"] .brand{font-family:var(--rs-display);font-size:1.55rem;letter-spacing:-.01em;gap:10px;color:var(--rs-ink)}
body[data-top5-visual="RS_PRESALE_V2"] .brand svg,body[data-top5-visual="RS_PRESALE_V2"] .brand .mark{display:none}
body[data-top5-visual="RS_PRESALE_V2"] .sitebar .brand::before,body[data-top5-visual="RS_PRESALE_V2"] .foot .brand::before{content:"";inline-size:30px;block-size:30px;flex:none;background:var(--rs-tagmark) center/contain no-repeat}
body[data-top5-visual="RS_PRESALE_V2"] .brand>span{font-weight:500}
body[data-top5-visual="RS_PRESALE_V2"] .brand .scout{font-style:italic;font-weight:400}
/* the Hebrew edition: the wordmark flows with the page as on the Hebrew homepage and the Hebrew guide, the tag mark at the outer edge (the partial says dir=ltr; the Latin letters stay one run) */
html[dir="rtl"] body[data-top5-visual="RS_PRESALE_V2"] .brand{direction:rtl}
body[data-top5-visual="RS_PRESALE_V2"] .sitebar .adv{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.14em;text-transform:uppercase;color:var(--rs-mute)}

/* 4. the byline: the homepage strip's label line (mute, tracked, one line; no separator glyph, 28 px gaps, so nothing dangles when a
   long language wraps it), a hairline beneath unless the early offer follows at once (then the card's edge is the one rule) */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.1em;text-transform:uppercase;color:var(--rs-mute);gap:6px 28px;align-items:baseline;padding-block:0 14px;margin-block:0 28px;border-block-end:1px solid var(--rs-line)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta .p-meta-col{display:contents}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-meta-name,.p-meta-sub,.p-meta-cat){font:inherit;letter-spacing:inherit;text-transform:inherit;color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta-name:not(:last-child)::after,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta-sub:not(:last-child)::after{content:none;margin:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta bdi,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta-sub bdi{color:inherit;font-weight:inherit;white-space:nowrap}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta+.p-offer-slot{margin-block-start:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta:has(+ .p-offer-slot){border-block-end:0;padding-block-end:0;margin-block-end:24px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-byline{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.1em;text-transform:uppercase;color:var(--rs-mute);gap:6px 28px;border-block-end:1px solid var(--rs-line)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-byline li{font:inherit;letter-spacing:inherit;color:inherit}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-byline li:not(:last-child)::after{content:none;margin:0}

/* 5. the offer unit (the early offer and the slots): the homepage's white card on a hairline (the guide's offer line), the eyebrow as
   the tracked label, the price in the display face, the previous price struck in the text face, the garnet pill with the homepage's
   chevron, the mute line, the facts as rows on hairlines; the same columns in every slot so a long label never runs to three lines */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-slot{margin-block:36px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-slot.rs-first .p-offer,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-coupon,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-card,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-strip{grid-template-columns:minmax(0,1fr) minmax(250px,320px);gap:10px 28px;align-items:center;border:1px solid var(--rs-line);border-block:1px solid var(--rs-line);background:var(--rs-white);padding:22px 26px 20px;margin:0;border-radius:0;box-shadow:none;max-inline-size:none}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-eyebrow{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute);margin-block:0 4px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-price,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-rows{gap:6px}
/* the "Now:" word stays out of sight at a legal size (the skin hid it at 0 px): transparent on a zero-height line, the price beneath */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-now{font-size:.75rem;line-height:0;color:transparent}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-now b,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-rows dd b{font:500 2.5rem/1 var(--rs-display);letter-spacing:-.01em;color:var(--rs-ink);font-feature-settings:normal;white-space:normal}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-was,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-label,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-rows dt{font:400 .875rem/1.4 var(--rs-text);color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-was s,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-was>s{color:var(--rs-mute);text-decoration-thickness:1px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-rows dd{font:600 1.125rem/1.2 var(--rs-text);color:var(--rs-ink)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-code{display:inline-flex;align-items:center;border:1px solid var(--rs-line);border-radius:999px;padding:5px 12px;font:600 .8125rem/1.2 var(--rs-text);letter-spacing:.02em;color:var(--rs-ink);background:var(--rs-white)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body a[data-presale-cta]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:48px;padding:12px 26px;border-radius:999px;border:1.5px solid var(--rs-garnet);background:var(--rs-garnet);color:#fff;font:600 .9375rem/1.2 var(--rs-text);letter-spacing:.01em;text-transform:none;text-decoration:none;box-shadow:none;inline-size:100%;max-inline-size:320px;margin-block:22px;margin-inline:0;text-wrap:balance;transition:background .15s,border-color .15s}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body a[data-presale-cta]:hover{background:var(--rs-garnet-deep);border-color:var(--rs-garnet-deep);color:#fff;transform:none}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body a[data-presale-cta]::after{content:"\203A";font:600 1.15em/0 var(--rs-text);margin-inline-start:2px;display:inline-block;transform:none}
/* the chevron is a bidi-mirrored glyph: under dir=rtl it already points forward, so the skin's flip of the legacy arrow is undone */
html[dir="rtl"] body[data-top5-visual="RS_PRESALE_V2"] .presale-body a[data-presale-cta]::after{transform:none}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer a[data-presale-cta]{grid-area:cta;margin:0;inline-size:100%;max-inline-size:none}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-urgency{font:400 .8125rem/1.5 var(--rs-text);color:var(--rs-mute);max-inline-size:none;margin:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-trust{display:grid;grid-template-columns:minmax(0,1fr);gap:0;padding-block:8px 0;font:400 .875rem/1.45 var(--rs-text);color:var(--rs-ink)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-trust>span,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-trust>p>span{border-block-start:1px solid var(--rs-line-2);padding-block:7px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-trust>span:first-child,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-trust>p:first-child>span:first-child{border-block-start-color:var(--rs-line)}

/* 6. imagery: the homepage's white mat with the hairline and the plinth ledge, the picture whole at its own ratio, never enlarged
   (the img has no wrapper on most pages, so the mat is its padding and the ledge its block-end border; a figure gets the mat itself) */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body img:not(.p-vector,.p-icon,.p-small,.p-avatar,.p-meta-ava,.p-c-ava,.p-packshot,.p-cutout,.p-product,.p-pquote-img){display:block;inline-size:100%;block-size:auto;max-block-size:none;box-sizing:border-box;padding:10px 10px 16px;background:var(--rs-white);border:1px solid var(--rs-line);border-block-end:8px solid var(--rs-plinth-ledge);border-radius:0;box-shadow:none;object-fit:contain;margin-block:10px 30px;margin-inline:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body img[loading=lazy]:not(.p-vector,.p-icon,.p-small){background:var(--rs-white)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body figure:has(> img):not(.brb-quote,.alc-quote,.cf-quote,.p-pquote){background:var(--rs-white);border:1px solid var(--rs-line);border-block-end:8px solid var(--rs-plinth-ledge);padding:10px 10px 14px;margin-block:10px 30px;margin-inline:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body figure:has(> img):not(.brb-quote,.alc-quote,.cf-quote,.p-pquote)>img{padding:0;border:0;background:transparent;margin:0;box-shadow:none;border-radius:3px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body figcaption{font:400 .8125rem/1.5 var(--rs-text);color:var(--rs-mute);margin-block:10px 0;margin-inline:4px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body figcaption p{font:inherit;color:inherit;margin:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body figcaption :is(b,strong){font-weight:600;color:var(--rs-ink)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-figcaption,body[data-top5-visual="RS_PRESALE_V2"] .presale-body img:first-of-type+p.p-figcaption{font:400 .8125rem/1.5 var(--rs-text);color:var(--rs-mute);margin-block:-20px 26px;margin-inline:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body img.p-vector,body[data-top5-visual="RS_PRESALE_V2"] .presale-body img.p-icon,body[data-top5-visual="RS_PRESALE_V2"] .presale-body img.p-small{border:0;padding:0;background:transparent;box-shadow:none}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .cu-stars{display:none}

/* 7. lists and feature rows: the guide's "+" rows on hairlines (each row one block with the marker set in the gutter, so an item made
   of an element and a bare text run never splits across the grid), the numerals plain in the display face and garnet like the
   homepage's steps, the feature titles in the display face */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul:not(.p-byline,.p-stars)>li:not(:has(> img)),body[data-top5-visual="RS_PRESALE_V2"] .presale-body ol>li,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li.p-tick,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li.p-cross,body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-ticks>li,body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-crosses>li,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li:has(> img.p-icon,> img.p-vector,> img.p-small){display:block;position:relative;padding-block:9px;padding-inline-start:26px;border-block-start:1px solid var(--rs-line-2)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(ul:not(.p-byline,.p-stars),ol)>li:first-child{border-block-start-color:var(--rs-line)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul:not(.p-byline,.p-stars)>li:not(:has(> img))::before,body[data-top5-visual="RS_PRESALE_V2"] .presale-body ol>li::before,body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-ticks>li::before,body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-crosses>li::before,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li.p-cross::before,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li:has(> img.p-icon,> img.p-vector,> img.p-small)::before{content:"+";position:absolute;inset-inline-start:0;inset-block-start:9px;inline-size:auto;block-size:auto;margin:0;border:0;background:none;font:500 1em/1.6 var(--rs-text);color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-crosses>li::before,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li.p-cross::before{content:"\2212"}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body ol>li::before{content:counter(rs-ol);font:400 1.25em/1.3 var(--rs-display);color:var(--rs-garnet)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-features,.alc-feats,.brb-atts,.brb-feats,.cu-feats){margin-block:8px 28px;border-block-end:1px solid var(--rs-line)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature,.alc-feat,.brb-att,.brb-feat,.cu-feat){display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:10px;align-items:start;border-block-start:1px solid var(--rs-line-2);padding-block:12px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature,.alc-feat,.brb-att,.brb-feat,.cu-feat):first-child{border-block-start:1px solid var(--rs-line)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature,.alc-feat,.brb-att,.brb-feat)::before{content:counter(rs-feat);font:400 1.5rem/1 var(--rs-display);color:var(--rs-garnet);padding-block-start:3px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .cu-feat-n{grid-column:1;font:400 1.5rem/1 var(--rs-display);color:var(--rs-garnet);padding-block-start:3px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .cu-feat-tx{grid-column:2;min-inline-size:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature h3,.p-feature>h2,.alc-feat-tx h4,.brb-att-tx :is(h3,h4),.brb-feat-tx :is(h3,h4),.cu-feat-tx :is(h3,h4)){font:500 1.25rem/1.2 var(--rs-display);letter-spacing:0;margin-block:2px 6px;text-wrap:balance}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature p,.alc-feat-tx p,.brb-att-tx p,.brb-feat-tx p,.cu-feat-tx p){font-size:.9375rem;line-height:1.5;color:var(--rs-mute);margin-block:0 4px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-iconrow::before,body[data-top5-visual="RS_PRESALE_V2"] .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,body[data-top5-visual="RS_PRESALE_V2"] .presale-body div[data-w-id]:has(> img.p-icon:first-child + div:last-child)::before{content:counter(rs-row);font:400 1.25rem/1.15 var(--rs-display);color:var(--rs-garnet)}

/* 8. quotes: the pull quote in the display italic on the homepage's ink rule above (the steps' device); the reader quotes as white
   cards on a hairline with the text face and the attribution as the tracked label */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(figure.alc-quote,figure.cf-quote,figure.brb-quote,.p-pquote,blockquote:not(.p-pull),article.p-comment,.p-comment){border:1px solid var(--rs-line);border-inline-start:1px solid var(--rs-line);background:var(--rs-white);padding:18px 20px 16px;margin-block:0 18px;border-radius:0;box-shadow:none}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.alc-q-body,.cf-q-body,.brb-q-body,.p-pquote-body,blockquote:not(.p-pull) p:not(.p-attrib)){font:400 1rem/1.55 var(--rs-text);color:var(--rs-ink);margin-block:0 8px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.alc-q-foot,.cf-q-foot,.brb-q-foot,.p-pquote-meta,blockquote p.p-attrib,.p-c-head){font:600 .75rem/1.4 var(--rs-text);letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute);margin-block:8px 0}
/* the attribution's inner paragraphs stay part of the label line (the body paragraph rule above would size them at 17 px) */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.alc-q-foot,.cf-q-foot,.brb-q-foot,.p-pquote-meta) p{display:contents;font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;margin:0}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.alc-q-who b,.cf-q-who b,.brb-q-who b,.p-c-name){font:inherit;letter-spacing:inherit;color:var(--rs-ink)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body blockquote p.p-attrib{color:var(--rs-ink)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.cf-q-who em,.p-c-time,.p-c-count){font:400 .8125rem/1.5 var(--rs-text);color:var(--rs-mute);letter-spacing:0;text-transform:none}
/* a reader's name typed as a bold last line after a break (the Finnish pack's quotes) prints as the tracked attribution label */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body p>br+b:last-child{display:block;margin-block-start:8px;font:600 .75rem/1.4 var(--rs-text);letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body blockquote.p-pull{border:0;border-block-start:1px solid var(--rs-ink);background:transparent;padding:18px 0 0;padding-inline:0;margin-block:36px}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body blockquote.p-pull p{font:italic 400 1.5rem/1.3 var(--rs-display);letter-spacing:0;color:var(--rs-ink);margin:0;text-wrap:pretty}

/* 9. tables (one guide carries a comparison table): the text face, the tracked label head, the ink rules of the skin kept */
body[data-top5-visual="RS_PRESALE_V2"] .presale-body table{font:400 .9375rem/1.4 var(--rs-text);font-feature-settings:normal}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body th{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute);background:transparent}
body[data-top5-visual="RS_PRESALE_V2"] .presale-body td,body[data-top5-visual="RS_PRESALE_V2"] .presale-body td:first-child{font-family:var(--rs-text)}

/* 10. the footer on the plinth, the homepage's grammar (the shared partial's markup untouched): ink links, mute copy row, the wordmark
   as the masthead's, the models line with the publisher line */
body[data-top5-visual="RS_PRESALE_V2"] .foot{background:var(--rs-plinth);margin-block-start:96px;border-block-start:1px solid var(--rs-line);padding-block:0;position:relative;font-family:var(--rs-text);color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .foot::before{content:"";display:block;position:absolute;inset-inline:0;inset-block-start:3px;border-block-start:1px solid var(--rs-white)}
body[data-top5-visual="RS_PRESALE_V2"] .foot-cols{grid-template-columns:1.9fr 2fr 1fr;gap:44px;padding-block:56px 40px}
body[data-top5-visual="RS_PRESALE_V2"] .foot h4{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.14em;text-transform:uppercase;color:var(--rs-mute);margin-block-end:14px}
body[data-top5-visual="RS_PRESALE_V2"] .foot li a{font:400 .9375rem/1.6 var(--rs-text);min-block-size:36px;color:var(--rs-ink)}
body[data-top5-visual="RS_PRESALE_V2"] .foot li a:hover{text-decoration-color:currentColor}
body[data-top5-visual="RS_PRESALE_V2"] .foot .guides a[aria-current]{color:var(--rs-garnet);font-weight:600}
body[data-top5-visual="RS_PRESALE_V2"] .foot .foot-brand .brand{font-size:1.55rem;color:var(--rs-ink);margin-block-end:8px}
body[data-top5-visual="RS_PRESALE_V2"] .foot .note{font:400 .875rem/1.5 var(--rs-text);max-inline-size:44ch;margin-block:16px 12px;color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .foot .note a{color:var(--rs-ink);text-decoration-color:currentColor;padding-block:calc((44px - 1em) / 2);margin-block:calc((1em - 44px) / 2)}
body[data-top5-visual="RS_PRESALE_V2"] .foot .note a:hover{text-decoration-color:var(--rs-garnet)}
body[data-top5-visual="RS_PRESALE_V2"] .foot .pub,body[data-top5-visual="RS_PRESALE_V2"] .foot .models{font:400 .8125rem/1.6 var(--rs-text);color:var(--rs-mute);margin:0}
body[data-top5-visual="RS_PRESALE_V2"] .foot .models{margin-block-start:6px}
body[data-top5-visual="RS_PRESALE_V2"] .foot .pub b{font-weight:400;color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .foot .copy{margin-block-start:0;padding-block:14px 22px;border-block-start:1px solid var(--rs-line);font:400 .8125rem/1.6 var(--rs-text);color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .foot .copy nav a,body[data-top5-visual="RS_PRESALE_V2"] .foot-nav a{font:400 .8125rem/1.3 var(--rs-text);min-block-size:44px;color:var(--rs-mute)}
body[data-top5-visual="RS_PRESALE_V2"] .foot .copy .co{color:var(--rs-mute)}

/* 11. tablet, the homepage's 1180 step: the h1's second clamp, the footer's three narrower columns; a lighter head under 1024 */
@media (max-width:1180px){
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1{font-size:clamp(1.9rem,3vw,2.5rem)}
  body[data-top5-visual="RS_PRESALE_V2"] .foot-cols{grid-template-columns:1.4fr 1.6fr .8fr;gap:28px}
}
@media (max-width:1023px){
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body{padding-block:32px 48px}
}
/* up to 820 px the sheet runs edge to edge inside the gutter (the skin's 70ch cap left the text 20 px inside the brand's edge at 768; the homepage's 768 form is edge to edge) */
@media (max-width:820px){
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body{max-inline-size:none}
}

/* 12. phone: 16 px type, the offer card in one column with the pill at full width, the mats lighter, the homepage's phone masthead,
   headline sizes and footer */
@media (max-width:760px){
  body[data-top5-visual="RS_PRESALE_V2"]{font-size:16px;--rs-lead:1.0625rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body{padding-block:24px 40px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body p,body[data-top5-visual="RS_PRESALE_V2"] .presale-body li{font-size:1rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body img:first-of-type+p:not(.p-lead){font-size:1rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h2,body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(h1,h2,h3,.p-meta,img) ~ h1,body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(h1,h2,h3,.p-meta,img) ~ * h1{font-size:1.6rem;margin-block:40px 12px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h2:first-child,body[data-top5-visual="RS_PRESALE_V2"] .presale-body div:first-child>h2{margin-block-start:40px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1+h2,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta+h2{margin-block-start:20px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h3{font-size:1.3rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h4{font-size:1.2rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta,body[data-top5-visual="RS_PRESALE_V2"] .presale-body ul.p-byline{letter-spacing:.08em;gap:4px 20px;padding-block-end:12px;margin-block-end:20px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-meta:has(+ .p-offer-slot){padding-block-end:0;margin-block-end:18px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-slot{margin-block:28px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-slot.rs-first .p-offer,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-coupon,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-card,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-strip{grid-template-columns:minmax(0,1fr);grid-template-areas:"eyebrow" "price" "cta" "urgency" "trust";gap:10px;padding:18px 18px 14px;align-items:start}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-now b,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-rows dd b{font-size:2.1rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body a[data-presale-cta]{max-inline-size:none}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-offer-trust{padding-block-start:2px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body blockquote.p-pull{margin-block:30px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body blockquote.p-pull p{font-size:1.3rem}
  body[data-top5-visual="RS_PRESALE_V2"]:lang(he) .presale-body blockquote.p-pull p{font-size:1.2rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body img:not(.p-vector,.p-icon,.p-small,.p-avatar,.p-meta-ava,.p-c-ava,.p-packshot,.p-cutout,.p-product,.p-pquote-img){padding:8px 8px 14px;margin-block:8px 26px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body figure:has(> img):not(.brb-quote,.alc-quote,.cf-quote,.p-pquote){padding:8px 8px 12px;margin-block:8px 26px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body .p-figcaption,body[data-top5-visual="RS_PRESALE_V2"] .presale-body img:first-of-type+p.p-figcaption{margin-block:-16px 22px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature,.alc-feat,.brb-att,.brb-feat,.cu-feat){grid-template-columns:30px minmax(0,1fr)}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature,.alc-feat,.brb-att,.brb-feat)::before,body[data-top5-visual="RS_PRESALE_V2"] .presale-body .cu-feat-n{font-size:1.3rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(.p-feature h3,.p-feature>h2,.alc-feat-tx h4,.brb-att-tx :is(h3,h4),.brb-feat-tx :is(h3,h4),.cu-feat-tx :is(h3,h4)){font-size:1.15rem}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body :is(figure.alc-quote,figure.cf-quote,figure.brb-quote,.p-pquote,blockquote:not(.p-pull),article.p-comment,.p-comment){padding:16px 16px 14px}
  body[data-top5-visual="RS_PRESALE_V2"] .foot{margin-block-start:56px}
}
/* the homepage's phone masthead, headline and footer sizes take over at 640 */
@media (max-width:640px){
  body[data-top5-visual="RS_PRESALE_V2"] .sitebar .wrap{min-block-size:58px;gap:12px}
  body[data-top5-visual="RS_PRESALE_V2"] .sitebar .adv{white-space:normal;min-inline-size:0;text-align:end;line-height:1.3;text-wrap:balance}
  body[data-top5-visual="RS_PRESALE_V2"] .brand{font-size:1.35rem}
  body[data-top5-visual="RS_PRESALE_V2"] .sitebar .brand::before,body[data-top5-visual="RS_PRESALE_V2"] .foot .brand::before{inline-size:26px;block-size:26px}
  body[data-top5-visual="RS_PRESALE_V2"] .foot .foot-brand .brand{font-size:1.35rem}
  body[data-top5-visual="RS_PRESALE_V2"] .foot-cols{grid-template-columns:1fr;gap:26px;padding-block:40px 28px}
  body[data-top5-visual="RS_PRESALE_V2"] .foot h4{margin-block-end:6px}
  body[data-top5-visual="RS_PRESALE_V2"] .foot .guides ul{columns:1}
  body[data-top5-visual="RS_PRESALE_V2"] .foot li a{display:block;padding-block:10px;min-block-size:44px}
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1{font-size:1.85rem;font-weight:500}
}
/* 401 to 640: the homepage's two footer columns under the brand (after the 640 block, so it wins the band) */
@media (min-width:401px) and (max-width:640px){
  body[data-top5-visual="RS_PRESALE_V2"] .foot-cols{grid-template-columns:1fr 1fr}
  body[data-top5-visual="RS_PRESALE_V2"] .foot .foot-brand{grid-column:1 / -1}
}
@media (max-width:400px){
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1{font-size:1.7rem}
}
@media (max-width:374px){
  body[data-top5-visual="RS_PRESALE_V2"] .presale-body h1{font-size:1.6rem}
}
@media (prefers-reduced-motion:reduce){body[data-top5-visual="RS_PRESALE_V2"] *{transition:none!important}}