/* rs-guide.css v=20261024a (RS_MOBILE_W2_V1, the mobile fleet W2 RoutineScout ship lane 2026-10-24, mobile-fleet/w2/rs/ship/DONE.md): the Safari text-wrap pretty crash guard RS_SAFARI_TEXTWRAP_V1 appended at the end of the file (the fleet ruling TW and LEAD RULING RS-5); nothing else changed; on the master 040a95a0 v=20260916a. The previous head follows. */ /* rs-guide.css v=20260915b: RS_BENCH_SHEET_V2, the RoutineScout GUIDE page in the homepage's theme (operator 2026-09-15: "the design theme is fine in homepage of routinescout, so maintain that for top5 pages there too"; and the guides v3 order: 1 to 5, the pick again, the full review, paragraphs and headlines at full width, no rail, no 01 02 03). THE COUNTER: porcelain ground, white cards on hairlines with the department ledge, Bodoni display for headings, prices, rank marks and kickers, Hanken Grotesk text, uppercase tracked labels, garnet as the only accent (rank numerals, the button, hover, the brand mark), department tints as grounds only (plates, ledges), radii 0 / 3 / 999, no shadow, nothing under 12 px, light only like the homepage. Linked by the guide renderer alone (data/msads-rs-guide-visual.mjs RS_GUIDE_STYLESHEET) after rs-skin.css; every rule is scoped to the v2 guide body, so a presale, the homepage or a legal page can never pick one up. The faces and tokens are the homepage's (/css/rs-home.css). Logical properties. 20260915b (RS FINAL, designer round 1): the three judges' punch lists applied (identity, craft, phone): font smoothing auto like the homepage, the packshots blend normally and fill their plates, the h1 takes the homepage's clamps, the picks heading rhythm 64/26, the plinth band 80/84 with 92 after it, 168 px row plates with 8 px ledges, the money column wide enough for the owned button, the homepage's button chevron, the tablet step at 1180 (sheet, rows, footer columns), the phone rows with the lead at full width, the figures never cropped or upscaled, the footer in the homepage's colours and tap sizes, the Hebrew faces. Second pass: the review figures at their own ratio on the full-width mat (no dead band under a 2:1 photograph), the decision's score in the cards' grammar (the renderer prints p.marks in the offer line), the running text left at full width by the operator's layout order. Third pass: the meta line in the homepage strip's form (no separator glyph, 28 px gaps, so nothing dangles when a long language wraps it), the phone panel inside the gutter like the homepage's (12 px, 8 px under 400), the facts label column sized by its longest label (subgrid, a 56 px floor) so a localised label never runs under its value, every pill balances a wrapped label, the phone row names wrap pretty (the skin's anywhere-breaks plus balance broke "DiamondClean" mid-word in the 134 px column at 360). Round 2 (the judges' remaining items): the Hebrew kicker upright (no synthesised oblique), the Hebrew prices at the inline start of their money block, the row lists at full width under the head and the money block on desktop (the money hairline ends with its content), the review mat hugging a picture no taller than 640 px, the ghost arrow at the label's weight, the footer links at the homepage's line height, the pick band's pill full width on phones, the 360 row grid with a smaller plate and name, the footer's and the panel's tablet form kept down to 641 px like the homepage, the dek at the homepage's tablet size. Round 3 (the judges' remaining items): the Hebrew footer headings keep the label tracking, the recap's third reason runs the column's width under the two when only two fit (905 to 1199 px), the review figures fill the column up to 1023 px (the 640 px cap is the desktop's), the footer's two-column band from 401 to 640 px restored (rule order), the Hebrew owned pill's chevron points forward (the mirrored glyph is not flipped again). Round 4 (the three judges' round-3 MINORs, each verified by injection): the reasons' titles balance their lines, the spanning third reason at 905 to 1199 keeps its text at 72ch, the review figure under 1024 is capped at 80vh (a short landscape viewport). Round 5 (the verifier's D1, 35 editions): the card lists' items leave the skin's grid for the hanging-marker form (block, the marker absolute at the inline start), so the renderer's nowrap span inside an item stays inline instead of becoming a grid item that overprints the next line; the marker and text positions are the round-4 ones. RS_CLOSE_V1 (RS GUIDES V4 lane C, 2026-09-16, guides-v4/C0/SPEC-PROPOSAL.md with the lead's D1 to D5): the decision is the close, the key monetization place: the kicker, the pick's name, the one reason as the cards' italic sub line, the verdict, then one white card (the plate, the money unit and a 52 px get button on one row; the facts list with its label column; the risk line; the FAQ's objection as a closed disclosure in the FAQ's summary grammar; the quiet compare link). The important block is a ruled note, so the close is the only white card between the questions and the footer. Tablet: two columns, the button under the price at its own width. Phone: the 88 px plate beside the price, the button full width straight under, the label column 72 px to 34 percent. Round 2 (the three judges of round 1): the close's phone price steps to 2.1rem with the cards; the phone label column grows to 34 percent and the labels lose a third of their tracking so a single-word score label (fi, hu) never runs under its value; the close button at 374 px and under is one step smaller with a 12 px inset, and the Bulgarian and Greek labels are one step smaller on every phone, so no label of the 22 packs with an 11-letter brand wraps the pill. Round 3 (the three judges of round 2): the close's score figure keeps RS Display on the Hebrew editions like card 1's (the close's marks rule outranked the Hebrew figure list); the important note takes the dek's phone line height (1.45) with a 12 px top and a 6 px kicker gap, so its four-line languages (bg, el, hu) stay under the 120 px bar on every phone; under 345 px the close pill steps to 13 px with a 10 px inset (12 px for Bulgarian and Greek) and the label column to 38 percent, so every pack's button label holds one line and every facts label its column down to a 320 px phone. C-code install (RS GUIDES V4 lane C-code, 2026-09-16): the round-3 rules as the three judges passed them (0 BLOCKER, 0 MAJOR), plus two measured MINORs outside the close: under 345 px the cards' and the recap's pills step to 14 px with a 14 px inset so no owned pill outgrows the close's 52 px one, and the Croatian (under 345 px) and the Czech, Slovak and Slovenian (under 321 px) masthead labels take the Greek label's wrap. Installed on the origin by the phase-2 deploy lane as /css/rs-guide.css?v=20260916a together with A-code's figure rules (one version, one deploy). */ /* 0. the homepage faces (the same files the homepage loads) */ @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 guide, 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_BENCH_SHEET_V2"]),body[data-top5-visual="RS_BENCH_SHEET_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-teeth:#E2EDE9;--rs-dept-teeth-ledge:#C9DBD5;--rs-dept-shave:#E3E8ED;--rs-dept-shave-ledge:#C8D1DA; --rs-dept-hair:#F2E5E2;--rs-dept-hair-ledge:#E0CBC6;--rs-dept-face:#EFEAE0;--rs-dept-face-ledge:#DCD4C3; --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-dept);--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; color-scheme:light; } :root:has(body[data-top5-visual="RS_BENCH_SHEET_V2"]){background:#F6F5F2} body[data-top5-visual="RS_BENCH_SHEET_V2"] main.dept-teeth{--rs-dept:var(--rs-dept-teeth);--rs-dept-ledge:var(--rs-dept-teeth-ledge)} body[data-top5-visual="RS_BENCH_SHEET_V2"] main.dept-shave{--rs-dept:var(--rs-dept-shave);--rs-dept-ledge:var(--rs-dept-shave-ledge)} body[data-top5-visual="RS_BENCH_SHEET_V2"] main.dept-hair{--rs-dept:var(--rs-dept-hair);--rs-dept-ledge:var(--rs-dept-hair-ledge)} body[data-top5-visual="RS_BENCH_SHEET_V2"] main.dept-face{--rs-dept:var(--rs-dept-face);--rs-dept-ledge:var(--rs-dept-face-ledge)} /* the Hebrew edition: the skin's Hebrew face for every word (Bodoni and Hanken carry no Hebrew glyphs); the wordmark, the prices, the rank marks and the score figures are Latin digits and keep the display face */ body[data-top5-visual="RS_BENCH_SHEET_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_BENCH_SHEET_V2"]:lang(he) :is(.brand,.brand>span,.brand .scout,.sheet .rank i,.ledger .r-rank,.money-u .now,.r-money .now,.marks b,.r-money .mult b){font-family:"RS Display","Bodoni Moda","Bodoni 72","Didot","Georgia",serif} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(he) .brand{direction:rtl} /* the wordmark flows with the page as on the homepage: the tag mark at the inline start (the skin says ltr) */ body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(he) :is(h1,h2,h3,.fit b,.faq summary,.close .objection summary){letter-spacing:0;font-weight:500} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(he) :is(.sheet .sub,.ledger .r-head .sub,.sub,.decision .reason){font-style:normal} /* 2. base: the homepage's type (smoothing auto like the homepage; the page's legacy inline style says antialiased, so it is stated) */ body[data-top5-visual="RS_BENCH_SHEET_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_BENCH_SHEET_V2"] h1,body[data-top5-visual="RS_BENCH_SHEET_V2"] h2,body[data-top5-visual="RS_BENCH_SHEET_V2"] h3,body[data-top5-visual="RS_BENCH_SHEET_V2"] h4{font-family:var(--rs-display);font-weight:500;line-height:1.08;letter-spacing:-.005em;text-wrap:balance;max-width:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] h1{font-size:clamp(2.2rem,3.2vw,2.875rem);font-weight:400;line-height:1.04;letter-spacing:-.012em} body[data-top5-visual="RS_BENCH_SHEET_V2"] h2{font-size:clamp(1.7rem,2.6vw,2.3rem)} body[data-top5-visual="RS_BENCH_SHEET_V2"] h3{font-size:1.3rem;line-height:1.2} body[data-top5-visual="RS_BENCH_SHEET_V2"] p,body[data-top5-visual="RS_BENCH_SHEET_V2"] li,body[data-top5-visual="RS_BENCH_SHEET_V2"] figcaption{text-wrap:pretty} body[data-top5-visual="RS_BENCH_SHEET_V2"] a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.16em} body[data-top5-visual="RS_BENCH_SHEET_V2"] a:hover{color:inherit;text-decoration-color:var(--rs-garnet)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brandlink{color:var(--rs-ink);text-decoration-color:currentColor} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brandlink:hover{text-decoration-color:var(--rs-garnet)} body[data-top5-visual="RS_BENCH_SHEET_V2"] :focus-visible{outline:2px solid var(--rs-garnet);outline-offset:3px} body[data-top5-visual="RS_BENCH_SHEET_V2"] :not(.cta,.btn):focus-visible{border-radius:3px} body[data-top5-visual="RS_BENCH_SHEET_V2"] b,body[data-top5-visual="RS_BENCH_SHEET_V2"] strong{font-weight:600} body[data-top5-visual="RS_BENCH_SHEET_V2"] .m,body[data-top5-visual="RS_BENCH_SHEET_V2"] .kicker,body[data-top5-visual="RS_BENCH_SHEET_V2"] .specimen,body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa b,body[data-top5-visual="RS_BENCH_SHEET_V2"] .facts li .m,body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line .incl .m,body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot h4{font-family:var(--rs-text);font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute);line-height:1.4} body[data-top5-visual="RS_BENCH_SHEET_V2"] .kicker{margin:26px 0 10px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec{border-block-start:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec > .wrap{display:block;padding-block:40px 56px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec.first > .wrap{padding-block-start:64px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick + .sec > .wrap{padding-block-start:92px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec-h{display:block;margin-block-end:26px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec-h h2{max-width:none} /* 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_BENCH_SHEET_V2"] .mast{background:var(--rs-white);border-block-end:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .mast .wrap{min-height:64px;gap:24px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand{font-family:var(--rs-display);font-size:1.55rem;letter-spacing:-.01em;gap:10px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand svg,body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand .mark{display:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand::before{content:"";width:30px;height:30px;flex:none;background:var(--rs-tagmark) center/contain no-repeat} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand>span{font-weight:500} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand .scout{font-style:italic;font-weight:400} body[data-top5-visual="RS_BENCH_SHEET_V2"] .mast .adv{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.14em;text-transform:uppercase;color:var(--rs-mute)} /* 4. the hero: the meta line, the headline and the whole dek on the homepage's white plinth (a ledge beneath), inset by the gutter */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .head{padding-block:24px 0;padding-inline:var(--rs-gutter)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .head .wrap{position:relative;background:var(--rs-white);border:1px solid var(--rs-line);padding:26px var(--rs-gutter) 38px;max-width:calc(var(--rs-wrap) - 2 * var(--rs-gutter))} body[data-top5-visual="RS_BENCH_SHEET_V2"] .head .wrap::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:8px;background:var(--rs-dept-ledge)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .specimen{gap:6px 28px;margin-block-end:16px;letter-spacing:.1em} body[data-top5-visual="RS_BENCH_SHEET_V2"] .specimen b{font-weight:600;color:inherit} body[data-top5-visual="RS_BENCH_SHEET_V2"] .specimen span:not(:last-child)::after{content:none;margin:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .dek{margin-block-start:16px;max-width:none;font-size:1.0625rem;line-height:1.55} /* 5. the picks: card 1 on a white ticket (plate | head and lists | offer) with the department ledge under the plate, the rows as white cards */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .plate{background:var(--rs-dept);position:relative;border-radius:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .plate::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:8px;background:var(--rs-dept-ledge);z-index:2} body[data-top5-visual="RS_BENCH_SHEET_V2"] .plate img{mix-blend-mode:normal} body[data-top5-visual="RS_BENCH_SHEET_V2"] .plate.pack img{position:absolute;inset:0;width:100%;height:100%;box-sizing:border-box;padding:7% 7% 11%} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet{position:relative;background:var(--rs-white);border:1px solid var(--rs-line);padding:32px 32px 40px;grid-template-columns:minmax(220px,300px) minmax(0,1fr) minmax(250px,290px);grid-template-areas:"media head offer" "media lists offer";grid-template-rows:auto 1fr;gap:26px 36px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .media{grid-area:media} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .media .plate{aspect-ratio:4/5} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .s-head{grid-area:head;min-width:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .s-lists{grid-area:lists;min-width:0;margin-block-start:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .s-lists>.kicker:first-of-type{margin-block-start:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer{grid-area:offer;border-block-start:1px solid var(--rs-ink);padding-block-start:18px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .rank,body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-rank{font-family:var(--rs-display);color:var(--rs-garnet);font-weight:400;display:flex;align-items:baseline;gap:12px;margin-block-end:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .rank i{font-family:var(--rs-display);font-size:2.6rem;line-height:1;font-weight:400;letter-spacing:0;color:var(--rs-garnet)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .rank span{font:600 .75rem/1.4 var(--rs-text);letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet h3.name{font-size:1.9rem;margin-block-end:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .sub,body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head .sub{font-family:var(--rs-display);font-style:italic;font-weight:400;font-size:1.125rem;line-height:1.3;color:var(--rs-mute);margin-block-end:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .why{font-size:1.0625rem;line-height:1.55;color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .findings,body[data-top5-visual="RS_BENCH_SHEET_V2"] .short{gap:0} /* the list items in the classic hanging-marker form (not the skin's grid): the item is a block with a relative position, the text is inset by the old marker column plus its gap (26 + 8 = 34 px here, 22 + 6 = 28 px in the fa lists) and the marker is absolutely positioned at the inline start, its top at the item's block padding, so a renderer inside the item stays inline (in the grid form the span became a grid item of its own and landed in the marker column of a new row, over the next line) */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .findings li,body[data-top5-visual="RS_BENCH_SHEET_V2"] .short li{display:block;position:relative;padding-inline-start:34px;font-size:.9688rem;line-height:1.5;padding-block:9px;border-block-start:1px solid var(--rs-line-2)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .findings li:first-child,body[data-top5-visual="RS_BENCH_SHEET_V2"] .short li:first-child{border-block-start:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .findings li::before,body[data-top5-visual="RS_BENCH_SHEET_V2"] .short li::before,body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa li::before{position:absolute;inset-inline-start:0;inset-block-start:9px;font:500 1rem/1.45 var(--rs-text);color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .findings li::before,body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa-for li::before{content:"+"} body[data-top5-visual="RS_BENCH_SHEET_V2"] .short li::before,body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa-against li::before{content:"\2212"} /* the money unit: the price in the display face, the previous price struck, the saving as a chip */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .money-u{gap:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .money-u .now{font-family:var(--rs-display);font-weight:500;font-size:2.5rem;line-height:1;letter-spacing:-.01em;color:var(--rs-ink)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .money-u .was{font:400 .875rem/1.4 var(--rs-text);color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .money-u .half{display:inline-flex;align-items:center;justify-self:start;border:1px solid var(--rs-ink);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);margin-block-start:2px} /* the owned button: the homepage's garnet pill with its chevron; the competitor's ghost: white on an ink rim (its arrow marks the new tab) */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .cta,body[data-top5-visual="RS_BENCH_SHEET_V2"] .btn{min-height: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;gap:8px;max-width:none;text-wrap:balance;transition:background .15s,border-color .15s,color .15s} body[data-top5-visual="RS_BENCH_SHEET_V2"] .cta:hover,body[data-top5-visual="RS_BENCH_SHEET_V2"] .btn:hover{background:var(--rs-garnet-deep);border-color:var(--rs-garnet-deep);color:#fff} body[data-top5-visual="RS_BENCH_SHEET_V2"] .cta .arrow,body[data-top5-visual="RS_BENCH_SHEET_V2"] .btn .arrow{font-family:var(--rs-text);font-weight:500;font-size:1.15em;line-height:0;flex:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .cta .arrow{font-size:0;line-height:0;visibility:hidden;margin-inline-start:2px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .cta .arrow::before{content:"\203A";visibility:visible;display:inline-block;font:600 calc(.9375rem * 1.15)/0 var(--rs-text)} /* the chevron is a bidi-mirrored glyph: under dir=rtl it already points forward (left), so the skin's flip of the legacy arrow is undone */ html[dir="rtl"] body[data-top5-visual="RS_BENCH_SHEET_V2"] .cta .arrow{transform:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .btn.ghost{background:var(--rs-white);color:var(--rs-ink);border-color:var(--rs-ink);box-shadow:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .btn.ghost:hover{background:var(--rs-ink);color:#fff;border-color:var(--rs-ink);box-shadow:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .btn.ghost .arrow{font-weight:600} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer .cta{margin-block-start:14px} /* the facts: the list owns the two columns (a subgrid), so the label column is the longest label of the list, never under 56 px */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .facts{gap:8px 10px;margin-block-start:16px;grid-template-columns:minmax(56px,auto) minmax(0,1fr)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .facts li{grid-column:1 / -1;grid-template-columns:56px minmax(0,1fr);grid-template-columns:subgrid;gap:10px;font-size:.875rem;line-height:1.5} body[data-top5-visual="RS_BENCH_SHEET_V2"] .facts li .m{padding-block-start:3px;color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .facts li.note{color:var(--rs-mute);font-size:.8125rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .marks{margin-block-start:20px;padding-block-start:12px;border-block-start:1px solid var(--rs-line);font:600 .75rem/1.4 var(--rs-text);letter-spacing:.12em;text-transform:uppercase;color:var(--rs-mute);display:flex;align-items:baseline;gap:10px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .marks b{font-family:var(--rs-display);font-weight:500;font-size:1.6rem;letter-spacing:0;color:var(--rs-ink);line-height:1} /* the rows: white cards, the plain rank in the display face, the plate on the department tint, the head over the lists, the money column */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger{margin-block-start:16px;display:grid;gap:16px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row{background:var(--rs-white);border:1px solid var(--rs-line);padding:26px 28px 28px;grid-template-columns:44px 168px minmax(0,1fr) minmax(250px,300px);gap:16px 26px;border-block:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row:last-child{border-block-end:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-rank{grid-column:1;grid-row:1;font-size:2rem;line-height:1;padding-block-start:0;letter-spacing:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row > .plate{grid-column:2;grid-row:1;aspect-ratio:1/1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head{grid-column:3;grid-row:1;min-width:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger h3{font-size:1.5rem;margin-block-end:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head .sub{font-size:1.0625rem;margin-block-end:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .why{font-size:.9375rem;line-height:1.55;color:var(--rs-mute);max-width:none;margin-block-end:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money{grid-column:4;grid-row:1;align-self:start;gap:6px;border-inline-start:1px solid var(--rs-line-2);padding-inline-start:24px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-main{grid-column:3 / -1;grid-row:2;margin-block-start:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .r-money .now{font-family:var(--rs-display);font-weight:500;font-size:1.9rem;line-height:1;letter-spacing:-.01em} body[data-top5-visual="RS_BENCH_SHEET_V2"] .r-money .mult{font:400 .875rem/1.4 var(--rs-text);color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .r-money .mult b{font-family:var(--rs-display);font-weight:500;font-size:1.1rem;color:var(--rs-ink)} html[dir="rtl"] body[data-top5-visual="RS_BENCH_SHEET_V2"] .money-u .now,html[dir="rtl"] body[data-top5-visual="RS_BENCH_SHEET_V2"] .r-money .now{justify-self:start} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money .btn,body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money .cta{margin-block-start:12px;width:100%;text-wrap:balance} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money .facts{margin-block-start:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money .line{font:400 .8125rem/1.5 var(--rs-text);color:var(--rs-mute);margin-block-start:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money .marks{margin-block-start:16px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa{gap:10px 28px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa b{margin-block-end:2px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa ul{font-size:.9375rem;line-height:1.5} /* the fa item's text line (15 px x 1.5) is shorter than its marker's line box (16 px x 1.45): the min size keeps a one-line item at the height the in-flow marker gave it (the line box plus 8 + 8 px padding and the 1 px rule), so the rows do not shift */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa li{display:block;position:relative;padding-inline-start:28px;padding-block:8px;min-block-size:calc(1.45rem + 17px);border-block-start:1px solid var(--rs-line-2)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa li::before{inset-block-start:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa li:first-child{border-block-start:1px solid var(--rs-line)} /* 6. the pick again: the homepage's plinth band (a white hairline under its edge), the three reasons as the method's steps */ body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick{background:var(--rs-plinth);border-block:1px solid var(--rs-line);position:relative;margin-block-start:36px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick::before{content:"";position:absolute;inset-inline:0;inset-block-start:3px;border-block-start:1px solid var(--rs-white)} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick > .wrap{padding-block:80px 84px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .recap{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:28px 44px;align-items:start} body[data-top5-visual="RS_BENCH_SHEET_V2"] .recap .plate{aspect-ratio:4/5} body[data-top5-visual="RS_BENCH_SHEET_V2"] .recap h3.name{font-size:1.9rem;margin-block-end:22px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fit{gap:28px;font-size:.9375rem;line-height:1.5;color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fit div{border-block-start:1px solid var(--rs-ink);padding-block-start:18px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fit b{font-family:var(--rs-display);font-size:1.25rem;font-weight:500;line-height:1.2;color:var(--rs-ink);margin-block-end:8px;letter-spacing:0;text-wrap:balance} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line{margin-block-start:28px;max-width:none;background:var(--rs-white);border:1px solid var(--rs-line);padding:22px 26px;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:16px 32px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line .money-u .now{font-size:2.1rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line .incl{font-size:.875rem;line-height:1.5;margin-block-start:10px;max-width:none;display:flex;align-items:baseline;gap:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line .cta{width:100%;max-width:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line .marks{margin-block-start:14px;padding-block-start:0;border-block-start:0} /* 7. the full review at full width: every figure (A, B and the inline third) on the homepage's white mat with a ledge, the picture the column's width in a 3:2 box (RS_FIGURES_FULL_WIDTH_V1, 2026-09-16) */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .prose{max-width:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .prose p,body[data-top5-visual="RS_BENCH_SHEET_V2"] .log-e p{max-width:none;font-size:1.0625rem;line-height:1.6;margin-block-end:1em} body[data-top5-visual="RS_BENCH_SHEET_V2"] .log{margin-block-start:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .log-e{grid-template-columns:minmax(0,1fr);gap:0;padding-block:28px 22px;border-block-start:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .log-e:last-child{border-block-end:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .log-e h3{font-size:1.45rem;margin-block-end:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #full-review .fig{max-width:none;inline-size:auto;background:var(--rs-white);border:1px solid var(--rs-line);padding:10px 10px 24px;position:relative;margin-block:8px 32px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #full-review .prose + .fig{margin-block-start:22px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #full-review .fig::after{content:"";position:absolute;inset-inline:0;inset-block-end:0;height:8px;background:var(--rs-plinth-ledge)} body[data-top5-visual="RS_BENCH_SHEET_V2"] #full-review .fig img{display:block;border:0;border-radius:3px;inline-size:100%;block-size:auto;aspect-ratio:3/2;object-fit:cover;max-block-size:none;margin-inline:0;background:var(--rs-white)} body[data-top5-visual="RS_BENCH_SHEET_V2"] #full-review .fig figcaption{font:400 .8125rem/1.5 var(--rs-text);color:var(--rs-mute);margin:10px 4px 0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .review-figure{max-width:none} /* 8. the questions and the important information */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq{max-width:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq details{border-block-start:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq details:last-of-type{border-block-end:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq summary{font-family:var(--rs-display);font-weight:500;font-size:1.25rem;line-height:1.25;padding-block:18px;padding-inline:0 40px;color:var(--rs-ink)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq summary::after{font:300 1.6rem/1 var(--rs-text);color:var(--rs-mute);inset-block-start:16px;transition:color .15s} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq summary:hover::after{color:var(--rs-garnet)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq details p,body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq details > :not(summary){max-width:none;padding:0 0 20px;font-size:1.0625rem;line-height:1.6;color:var(--rs-ink)} /* the important information as a ruled note (RS_CLOSE_V1 D5): a hairline above, the kicker and the body in mute, no card, so the close under it is the only white card after the questions */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .important{margin-block-start:40px;padding:16px 0 0;background:transparent;border:0;border-block-start:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .important .kicker{margin:0 0 8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .important p{max-width:none;font-size:.9375rem;line-height:1.55;color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .important p.kicker{font-size:.75rem;line-height:1.4;margin:0 0 8px;color:var(--rs-mute)} /* 9. the decision: the close (RS_CLOSE_V1). The kicker, the pick's name (the section h2 size), the reason in the cards' italic sub grammar, the verdict, then one white card on a hairline (no ledge: ledges belong to plates): row 1 the 132 px plate, the money unit and the 52 px button (the homepage's pill one step larger, full width of its 320 to 360 px column); then the facts list (the label column sized by its longest label, never under 96 px, a hairline between rows, the score in the display face inline), the risk line, the objection as a closed disclosure with the FAQ's plus mark, the compare link as a quiet ink link with a 44 px hit area */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision > .wrap > .kicker{margin:0 0 12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision .sec-h{margin-block-end:10px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision .reason{font-family:var(--rs-display);font-style:italic;font-weight:400;font-size:1.25rem;line-height:1.3;color:var(--rs-mute);margin:0 0 18px;max-width:none;text-wrap:balance} body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision .prose p{font-size:1.0625rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close{margin-block-start:24px;background:var(--rs-white);border:1px solid var(--rs-line);padding:26px 28px;display:grid;grid-template-columns:132px minmax(0,1fr) minmax(320px,360px);grid-template-areas:"plate money cta" "facts facts facts" "risk risk risk" "objection objection objection" "compare compare compare";gap:18px 28px;align-items:center} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .plate{grid-area:plate;inline-size:132px;block-size:132px;aspect-ratio:1/1;align-self:center} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .money-u{grid-area:money;align-self:center;gap:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .money-u .now{font-size:2.5rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .cta{grid-area:cta;align-self:center;justify-self:stretch;width:100%;min-height:52px;padding:14px 30px;font-size:1rem;margin:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .cta .arrow::before{font-size:calc(1rem * 1.15)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .facts{grid-area:facts;margin:0;gap:0 16px;grid-template-columns:minmax(96px,auto) minmax(0,1fr)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts li{grid-template-columns:subgrid;gap:0 16px;padding-block:10px;border-block-start:1px solid var(--rs-line-2);font-size:.9375rem;line-height:1.5;color:var(--rs-ink)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts li:first-child{border-block-start:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts li .m{padding-block-start:4px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts .marks{display:inline;margin:0;padding:0;border:0;font:inherit;letter-spacing:0;text-transform:none;color:var(--rs-ink)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts .marks b{font-family:var(--rs-display);font-weight:500;font-size:1.25rem;line-height:1;letter-spacing:0;color:var(--rs-ink)} /* the Hebrew edition's --rs-display is Plex Sans Hebrew and the rule above outranks the section 1 figure list, so the close's score figure names the Latin display face itself, like card 1's marks and the close's own price figure */ body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(he) .close .facts .marks b{font-family:"RS Display","Bodoni Moda","Bodoni 72","Didot","Georgia",serif} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .risk{grid-area:risk;margin:0;font-size:1.0625rem;line-height:1.5;color:var(--rs-ink);max-width:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .objection{grid-area:objection;margin:0;border-block:1px solid var(--rs-line)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection summary{list-style:none;cursor:pointer;display:block;position:relative;padding-block:14px;padding-inline:0 40px;min-block-size:48px;font-family:var(--rs-display);font-weight:500;font-size:1.125rem;line-height:1.3;color:var(--rs-ink);text-align:start} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection summary::-webkit-details-marker{display:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection summary::after{content:"+";position:absolute;inset-inline-end:0;inset-block-start:12px;font:300 1.6rem/1 var(--rs-text);color:var(--rs-mute);transition:color .15s} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection summary:hover::after{color:var(--rs-garnet)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection[open] summary::after{content:"\2212"} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection p{margin:0;padding:0 0 18px;max-width:none;font-size:1rem;line-height:1.6;color:var(--rs-ink)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .compare{grid-area:compare;margin:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .compare a{display:inline-flex;align-items:center;min-block-size:44px;font:500 .9375rem/1.4 var(--rs-text);color:var(--rs-ink);text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--rs-line);text-underline-offset:.2em;transition:text-decoration-color .15s} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .compare a:hover{text-decoration-color:var(--rs-garnet)} /* 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 */ body[data-top5-visual="RS_BENCH_SHEET_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_BENCH_SHEET_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_BENCH_SHEET_V2"] .foot-cols{grid-template-columns:1.9fr 2fr 1fr;gap:44px;padding-block:56px 40px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot h4{margin-block-end:14px;letter-spacing:.14em} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot li a{font-size:.9375rem;line-height:1.6;min-height:36px;color:var(--rs-ink)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot li a:hover{text-decoration-color:currentColor} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .guides a[aria-current]{color:var(--rs-garnet);font-weight:600} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .foot-brand .brand{font-size:1.55rem;color:var(--rs-ink);margin-block-end:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .note{font-size:.875rem;max-width:44ch;margin-block:16px 12px;line-height:1.5} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .pub{font:400 .8125rem/1.6 var(--rs-text);color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .pub b{font-weight:400;color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_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_BENCH_SHEET_V2"] .foot .copy nav a,body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot-nav a{font:400 .8125rem/1.3 var(--rs-text);min-height:44px;color:var(--rs-mute)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .copy .co{color:var(--rs-mute)} /* 11. tablet, the homepage's 1180 step: the h1's second clamp, card 1 as plate | head and lists with the offer line beneath, the rows with the money line and the lists at full width under the head, the footer's three narrower columns */ @media (max-width:1180px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] h1{font-size:clamp(1.9rem,3vw,2.5rem)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet{grid-template-columns:minmax(200px,240px) minmax(0,1fr);grid-template-areas:"media head" "media lists" "offer offer";grid-template-rows:auto auto auto;padding:24px 24px 32px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,320px);gap:10px 32px;align-items:start} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer .money-u{grid-column:1;grid-row:1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer .cta{grid-column:2;grid-row:1;margin-block-start:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer .facts,body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer .marks{grid-column:1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot-cols{grid-template-columns:1.4fr 1.6fr .8fr;gap:28px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .dek{font-size:.9375rem;line-height:1.5} } @media (min-width:761px) and (max-width:1180px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row{grid-template-columns:44px 128px minmax(0,1fr);grid-template-rows:auto auto auto;padding:24px 24px 28px;gap:14px 22px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-rank{grid-column:1;grid-row:1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row > .plate{grid-column:2;grid-row:1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head{grid-column:3;grid-row:1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money{grid-column:1 / -1;grid-row:2;border-inline-start:0;padding-inline-start:0;border-block-start:1px solid var(--rs-line-2);padding-block-start:16px;grid-template-columns:minmax(0,1fr) minmax(240px,300px);column-gap:28px;align-items:start} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money .btn,body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money .cta{grid-column:2;grid-row:1 / span 4;align-self:start;margin-block-start:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-main{grid-column:1 / -1;grid-row:3;margin-block-start:4px} } @media (max-width:1023px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec > .wrap{padding-block:32px 44px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec.first > .wrap{padding-block-start:48px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick + .sec > .wrap{padding-block-start:76px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick .offer-line{grid-template-columns:minmax(0,1fr);gap:14px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick .offer-line .cta{width:auto;justify-self:start;min-inline-size:260px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close{grid-template-columns:132px minmax(0,1fr);grid-template-areas:"plate money" "cta cta" "facts facts" "risk risk" "objection objection" "compare compare";gap:16px 24px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .cta{justify-self:start;width:auto;min-inline-size:320px} } /* the recap's reasons when only two fit beside the plate: two columns like the homepage's steps, the third runs the column's width */ @media (min-width:905px) and (max-width:1199px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] .fit{grid-template-columns:1fr 1fr} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fit div:nth-child(3):last-child{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,72ch)} } /* 12. phone: the panel and the cards edge to edge inside the gutter, one column, the offer under the lead, the row lead at full width */ @media (max-width:760px){ body[data-top5-visual="RS_BENCH_SHEET_V2"]{font-size:16px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .head{padding-block-start:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .head .wrap{padding:16px 18px 22px;margin-inline:12px;max-width:none} body[data-top5-visual="RS_BENCH_SHEET_V2"] .specimen{margin-block-end:12px;font-size:.75rem;letter-spacing:.08em;gap:4px 20px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .specimen span:not(:last-child)::after{content:none;margin:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .dek{display:block;-webkit-line-clamp:unset;overflow:visible;font-size:.9375rem;line-height:1.45;margin-block-start:10px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec > .wrap{padding-block:24px 36px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec.first > .wrap{padding-block-start:32px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick + .sec > .wrap{padding-block-start:48px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sec-h{margin-block-end:18px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet{grid-template-columns:1fr;grid-template-areas:"media" "head" "offer" "lists";grid-template-rows:auto;gap:14px;padding:18px 18px 28px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .media .plate{aspect-ratio:3/2} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .rank i{font-size:2.1rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet h3.name{font-size:1.6rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .sub{font-size:1.0625rem;margin-block-end:10px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .why{font-size:1rem;line-height:1.5} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .s-lists{margin-block-start:4px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer{display:block} body[data-top5-visual="RS_BENCH_SHEET_V2"] .sheet .offer .cta{margin-block-start:14px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .money-u .now{font-size:2.1rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger{gap:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row{padding:18px 18px 22px;grid-template-columns:32px 96px minmax(0,1fr);grid-template-rows:auto auto auto auto auto;gap:12px 14px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-rank{grid-column:1;grid-row:1;font-size:1.9rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row > .plate{grid-column:2;grid-row:1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head{display:contents} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head h3{grid-column:3;grid-row:1;align-self:center;margin-block-end:0;text-wrap:pretty} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head .sub{grid-column:1 / -1;grid-row:2;margin-block:2px 0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .why{grid-column:1 / -1;grid-row:3} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger h3{font-size:1.25rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head .sub{font-size:1rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .why{font-size:.9375rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-money{grid-column:1 / -1;grid-row:4;border-inline-start:0;padding-inline-start:0;border-block-start:1px solid var(--rs-line-2);padding-block-start:14px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-main{grid-column:1 / -1;grid-row:5;margin-block-start:2px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fa{grid-template-columns:1fr;gap:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick{margin-block-start:40px} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick > .wrap{padding-block:52px 56px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .recap{grid-template-columns:1fr;gap:18px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .recap .plate{aspect-ratio:3/2} body[data-top5-visual="RS_BENCH_SHEET_V2"] .recap h3.name{font-size:1.6rem;margin-block-end:14px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .fit{gap:20px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line{padding:18px 18px;margin-block-start:22px;grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:16px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .offer-line .cta{width:100%;justify-self:stretch;min-inline-size:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] #pick .offer-line .cta{width:100%;justify-self:stretch;min-inline-size:0} body[data-top5-visual="RS_BENCH_SHEET_V2"] .prose p,body[data-top5-visual="RS_BENCH_SHEET_V2"] .log-e p,body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq details p,body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision .prose p{font-size:1rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .log-e h3{font-size:1.3rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq summary{font-size:1.1rem;padding-inline:0 34px;padding-block:14px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .faq summary::after{inset-block-start:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .important{padding:12px 0 0;margin-block-start:28px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .important p{font-size:.875rem;line-height:1.45} body[data-top5-visual="RS_BENCH_SHEET_V2"] .important p.kicker{margin-block-end:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision > .wrap > .kicker{margin-block-end:8px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision .sec-h h2{font-size:1.75rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision .reason{font-size:1.125rem;margin-block-end:14px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close{margin-block-start:20px;padding:18px;grid-template-columns:88px minmax(0,1fr);grid-template-areas:"plate money" "cta cta" "facts facts" "risk risk" "objection objection" "compare compare";gap:14px 16px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .plate{inline-size:88px;block-size:88px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .cta{justify-self:stretch;width:100%;min-inline-size:0;padding-inline:18px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .money-u .now{font-size:2.1rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .facts{grid-template-columns:minmax(72px,34%) minmax(0,1fr);gap:0 12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts li{gap:0 12px;padding-block:9px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts li .m{white-space:normal;letter-spacing:.06em} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(bg) .close > .cta,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(el) .close > .cta{font-size:.9375rem} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(bg) .close .cta .arrow::before,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(el) .close .cta .arrow::before{font-size:calc(.9375rem * 1.15)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .risk{font-size:1rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection summary{font-size:1.0625rem;padding-block:13px;padding-inline:0 34px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection summary::after{inset-block-start:11px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .objection p{font-size:.9375rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot{margin-block-start:56px} } /* 641 to 760: the panel keeps the homepage's tablet inset (24 px inside the wrap, 22/26/28 padding) */ @media (min-width:641px) and (max-width:760px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] .head .wrap{margin-inline:24px;padding:22px 26px 28px} } /* the homepage's phone masthead and headline sizes take over at 640 */ @media (max-width:640px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] .mast .wrap{min-height:58px;gap:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand{font-size:1.35rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .brand::before{width:26px;height:26px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .foot-brand .brand{font-size:1.35rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot-cols{grid-template-columns:1fr;gap:26px;padding-block:40px 28px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot h4{margin-block-end:6px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .guides ul{columns:1} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot li a{display:block;padding-block:10px;min-height:44px} body[data-top5-visual="RS_BENCH_SHEET_V2"] h1{font-size:1.85rem;font-weight:500} body[data-top5-visual="RS_BENCH_SHEET_V2"] h2{font-size:1.75rem} } /* 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_BENCH_SHEET_V2"] .foot-cols{grid-template-columns:1fr 1fr} body[data-top5-visual="RS_BENCH_SHEET_V2"] .foot .foot-brand{grid-column:1 / -1} } @media (max-width:400px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] h1{font-size:1.7rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .head .wrap{margin-inline:8px} } @media (max-width:399px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .cta{font-size:.9375rem;padding-inline:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .cta .arrow::before{font-size:calc(.9375rem * 1.15)} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(bg) .close > .cta,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(el) .close > .cta{font-size:.875rem} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(bg) .close .cta .arrow::before,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(el) .close .cta .arrow::before{font-size:calc(.875rem * 1.15)} } @media (max-width:374px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] h1{font-size:1.6rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .row{grid-template-columns:28px 80px minmax(0,1fr)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head h3{font-size:1.125rem} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .cta{font-size:.875rem;padding-inline:12px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .cta .arrow::before{font-size:calc(.875rem * 1.15)} } /* under 345 px (the 320 px iPhone SE of 2016 and the narrowest Android widths): the close pill at 13 px with a 10 px inset, the Bulgarian and Greek pills at the theme's 12 px floor (their labels with an 11-letter brand need 213 px of the 228 px a 320 px phone leaves), and the facts label column at 38 percent with the labels lightly tracked, so the one-word Finnish and Hungarian score labels stay inside their column down to 320 px (pressed all 22 packs); nothing above 344 px changes */ @media (max-width:344px){ body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .cta{font-size:.8125rem;padding-inline:10px} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .cta .arrow::before{font-size:calc(.8125rem * 1.15)} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(bg) .close > .cta,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(el) .close > .cta{font-size:.75rem;padding-inline:10px} body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(bg) .close .cta .arrow::before,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(el) .close .cta .arrow::before{font-size:calc(.75rem * 1.15)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close > .facts{grid-template-columns:minmax(72px,38%) minmax(0,1fr)} body[data-top5-visual="RS_BENCH_SHEET_V2"] .close .facts li .m{letter-spacing:.03em} /* C-code (the identity judge's MINOR 2 of round 3, measured): the cards' and the recap's 48 px pills step to 14 px with a 14 px inset here (the homepage's narrow step), so a 15-letter rank-2 brand label holds one line at 320 px and the close's 52 px pill stays the tallest owned button on every page; the close pill keeps its own steps above */ body[data-top5-visual="RS_BENCH_SHEET_V2"] .cta:not(.close-cta){font-size:.875rem;padding-inline:14px} } @media (prefers-reduced-motion:reduce){body[data-top5-visual="RS_BENCH_SHEET_V2"] *{transition:none!important}} /* the Greek edition's masthead label (D2, 2026-09-16): the skin's .mast .adv is nowrap and the Greek advertorial label is 209 px at 12 px with .14em tracking, so under 400 px it ran past the viewport (the document scrolled to 400 px at 360). Under 400 px the Greek label alone wraps to two lines at the inline end, uppercase and 12 px kept, untracked (the homepage's Greek label rule, where the language button leaves the label 94 px at 360). Round 2 of RS_CLOSE_V1: the Bulgarian and Polish labels take the same rule (191 and 186 px in the 186 px beside the wordmark at 360, so those editions scrolled sideways on phones); every other label fits at 360 (pressed all 22). */ @media (max-width:400px){ body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(el) .mast .adv,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(bg) .mast .adv,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(pl) .mast .adv{white-space:normal;max-inline-size:8.5em;line-height:1.15;text-align:end;letter-spacing:0} } /* C-code (the phone judge's m1 and the identity judge's MINOR 1 of round 3, measured with the 22 packs' labels pressed): under 345 px the Croatian label (156 px beside the wordmark) and under 321 px the Czech, Slovak and Slovenian labels (137 to 156 px) ran past the viewport and widened the document; they take the same wrap. The Italian and Portuguese labels are one unbreakable word each (a strings item); every other label fits at 320 px. */ @media (max-width:344px){ body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(hr) .mast .adv{white-space:normal;max-inline-size:8.5em;line-height:1.15;text-align:end;letter-spacing:0} } @media (max-width:320px){ body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(cs) .mast .adv,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(sk) .mast .adv,body[data-top5-visual="RS_BENCH_SHEET_V2"]:lang(sl) .mast .adv{white-space:normal;max-inline-size:8.5em;line-height:1.15;text-align:end;letter-spacing:0} } /* RS_MOBILE_W2_V1 RS_SAFARI_TEXTWRAP_V1 (the mobile fleet W2, the RoutineScout ship lane, 2026-10-24; mobile-fleet/w2/rs/ship/DONE.md; the fleet ruling w2/FLEET-RULING-TEXTWRAP.md and LEAD RULING RS-5): the Safari text-wrap pretty crash guard for this sheet's two pretty rules (section 2: the v2 guide p, li and figcaption; section 11: the ledger .r-head h3 under 1180 px). Safari 26 class WebKit can crash while laying out a page whose text carries text-wrap: pretty at certain viewport widths (proven on the sister sites at 401 to 416 px). Inside @supports (hanging-punctuation: first), true in Safari and WebKit only, at every width, text-wrap: wrap by the id level override (three :not(#rs-none) on :root) without an important flag; the text-wrap: balance rules are left alone. Removable in one edit when WebKit ships the fix. TW-A1 (the balance restraint, 2026-10-24; w2/FLEET-RULING-TEXTWRAP.md amendment TW-A1, w2tw2/rs/LEAD-RULINGS.md RS-TW2-1): the bare p and the .ledger .r-head h3 of the wrap rule also reached the balanced .decision p.reason and the ledger heads above 760 px, so two id level balance re-assertions after the wrap rule give them their balance back (the ledger one above 760 px only, as the sheet's own rules divide) and leave with the guard. */ @supports (hanging-punctuation:first){:root:not(#rs-none):not(#rs-none):not(#rs-none) body[data-top5-visual="RS_BENCH_SHEET_V2"] :is(p,li,figcaption,.ledger .r-head h3){text-wrap:wrap} :root:not(#rs-none):not(#rs-none):not(#rs-none) body[data-top5-visual="RS_BENCH_SHEET_V2"] .decision p.reason{text-wrap:balance} @media (min-width:761px){:root:not(#rs-none):not(#rs-none):not(#rs-none) body[data-top5-visual="RS_BENCH_SHEET_V2"] .ledger .r-head h3{text-wrap:balance}} }