/* VENDORED from design-concepts/APPROVED/about-template/p1.css by scripts/gen/vendor-board.mjs. Do not edit: check-vendored-board.mjs
   re-derives this file and FAILS on drift. Transforms: board font folder -> /fonts/; board set assets -> /images/. */
/* APPROVED copy (TASK-CO1, 2026-10-16) of design-concepts/page-types/about/p1.css: the frozen design reference for Phase 2 ([R25], GATE 1.5 R-24). Edit nothing here; a change is a new ruling. */
/* TASK-P1 kit round (care page types), 2026-10-16: the page-type styles for the eight P1 mockups, in the team's system (set A).
   Scoped: every selector starts with [data-variant="A"] and uses p1-* classes (no new global styles; CONTRACT section 4 rules).
   Tokens: kit/tokens.css (the team's :root + the kit additions). Breakpoints like the chrome: 1023.98px and 767.98px.
   Motion is GSAP (p1.js + shared/chrome.js); CSS transitions are hover / press / open state only, on var(--ease) / var(--eout).
   Reveal targets are hidden only while motion is armed (:is(.li-motion *)); reduced motion and JS off show everything. */

/* ---------- bands, rhythm, type ---------- */
[data-variant="A"][data-slot] { scroll-margin-top: calc(var(--li-head-clear) - 1rem); }
[data-variant="A"].p1-band { --p1-card: var(--cream-hi); background: var(--cream); color: var(--ink); padding-block: var(--sp-open); }
[data-variant="A"].p1-band--hi { --p1-card: var(--cream); background: var(--cream-hi); }
[data-variant="A"].p1-band--ink { --p1-card: var(--teal); background: var(--ink); color: var(--cod); }
[data-variant="A"].p1-band--tight { padding-block: clamp(3rem, 2rem + 3vw, 4.5rem); }
[data-variant="A"] .p1-head { max-width: 52rem; }
[data-variant="A"] .p1-h2 { font-size: var(--s-4); line-height: 1.02; letter-spacing: -.014em; color: var(--ink); margin-top: 1rem; max-width: 21ch; text-wrap: balance; }
[data-variant="A"] .p1-h2--sm { font-size: var(--s-3); }
[data-variant="A"].p1-band--ink .p1-h2 { color: var(--cream); }
[data-variant="A"] .p1-lede { color: var(--ink-72); line-height: 1.75; max-width: 58ch; margin-top: 1.2rem; font-size: 1.04rem; }
[data-variant="A"].p1-band--ink .p1-lede { color: var(--mist); }
[data-variant="A"] .p1-prose p { color: var(--ink-72); line-height: 1.8; max-width: 62ch; }
[data-variant="A"] .p1-prose p + p { margin-top: 1.1rem; }
[data-variant="A"] .p1-prose strong, [data-variant="A"] .p1-lede strong { color: var(--ink); font-weight: 600; }
[data-variant="A"] .p1-prose--dark p { color: var(--mist); }
[data-variant="A"] .p1-prose--dark strong { color: var(--cream); }
[data-variant="A"] .p1-prose--lead p:first-child { font-family: var(--f-d); font-size: clamp(1.45rem, 1.1rem + 1vw, 2.1rem); line-height: 1.32; color: var(--ink); max-width: 34ch; }
[data-variant="A"] .p1-prose--lead p:first-child strong { font-weight: 400; }
[data-variant="A"] .p1-inlink { color: var(--ink); text-decoration: underline; text-decoration-color: rgba(183,139,91,.7); text-decoration-thickness: 1px; text-underline-offset: .22em; transition: color .3s var(--ease), text-decoration-color .3s var(--ease); }
[data-variant="A"] .p1-inlink:hover { color: var(--bronze-dk); text-decoration-color: var(--bronze-dk); }
[data-variant="A"] .p1-capsule { font-family: var(--f-d); font-size: clamp(1.45rem, 1.1rem + 1vw, 2.05rem); line-height: 1.32; color: var(--ink); max-width: 30ch; }
[data-variant="A"] .p1-capsule strong { font-weight: 400; background: linear-gradient(transparent 84%, rgba(183,139,91,.38) 84%); }
[data-variant="A"] .p1-capsule--sm { font-size: clamp(1.25rem, 1.05rem + .6vw, 1.6rem); max-width: 40ch; margin-top: 1.4rem; }
[data-variant="A"] .p1-capsule--dark { color: var(--cream); margin-top: 1.4rem; max-width: 34ch; }
[data-variant="A"] .p1-capsule--dark strong { background: linear-gradient(transparent 84%, rgba(183,139,91,.55) 84%); }
[data-variant="A"] .p1-capsule--def { font-size: clamp(1.25rem, 1.05rem + .6vw, 1.6rem); max-width: 36ch; }
[data-variant="A"] .p1-closer { margin-top: 2rem; max-width: 56ch; font-family: var(--f-d); font-style: italic; font-size: clamp(1.25rem, 1.1rem + .45vw, 1.55rem); line-height: 1.4; color: var(--ink); }
[data-variant="A"] .p1-rail-k { font-size: .72rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--bronze-dk); }
[data-variant="A"] .p1-ring { width: 56px; height: 56px; flex: none; border-radius: 50%; border: 1px solid rgba(183,139,91,.42); color: var(--bronze-dk); display: grid; place-items: center; background: rgba(252,250,244,.5); }
[data-variant="A"] .p1-ring svg { width: 22px; height: 22px; }
[data-variant="A"] .p1-ring--dark { border-color: rgba(239,227,206,.2); color: var(--bronze); background: rgba(239,227,206,.04); }
[data-variant="A"] .p1-num { font-family: var(--f-d); font-variant-numeric: tabular-nums; }
[data-variant="A"] .p1-stagger { align-items: start; }

/* ---------- reveal arming (GSAP brings them to 1; never hidden without li-motion) ---------- */
[data-variant="A"]:is(.li-motion *) [data-p1-reveal], [data-variant="A"]:is(.li-motion *) [data-p1-hero] { opacity: 0; }

/* ---------- photo hero (the team's .cond-hero, rebuilt) ---------- */
[data-variant="A"].p1-phero { position: relative; isolation: isolate; overflow: clip; background: var(--ink); color: var(--cream); min-height: min(56rem, 100svh);
  display: flex; align-items: flex-end; padding: calc(var(--li-head-clear) + clamp(2rem, 4vw, 4rem)) 0 clamp(8rem, 5rem + 7vw, 12rem); }
[data-variant="A"] .p1-phero-media { position: absolute; inset: 0; z-index: -2; }
[data-variant="A"] .p1-phero-img { width: 100%; height: 100%; object-fit: cover; object-position: 68% center; }
[data-variant="A"] .p1-phero-scrim { position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(100deg, rgba(29,56,91,.95) 0%, rgba(29,56,91,.87) 36%, rgba(29,56,91,.45) 72%, rgba(29,56,91,.3) 100%), linear-gradient(0deg, rgba(29,56,91,.6) 0%, rgba(29,56,91,0) 42%); }
[data-variant="A"] .p1-phero-in { position: relative; width: 100%; }
[data-variant="A"] .p1-phero-h1 { font-size: var(--s-5-inner); line-height: .98; letter-spacing: -.018em; color: var(--cream); margin-top: 1rem; max-width: 12.5ch; text-wrap: balance; }
[data-variant="A"] .p1-phero-lede { margin-top: 1.5rem; max-width: 48ch; font-size: clamp(1rem, .96rem + .25vw, 1.16rem); line-height: 1.7; color: rgba(239,227,206,.9); }
[data-variant="A"] .p1-phero-lede strong { color: var(--cream); font-weight: 600; }
[data-variant="A"] .p1-phero-top { margin-bottom: 1.6rem; }
[data-variant="A"] .p1-hero-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
[data-variant="A"] .p1-hero-proof { display: flex; flex-wrap: wrap; align-items: center; gap: .8rem 1.4rem; margin-top: 1.7rem; }
[data-variant="A"] .p1-facts { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .4rem 0; font-size: .86rem; font-weight: 600; letter-spacing: .02em; color: var(--ink-72); }
[data-variant="A"] .p1-facts li { display: inline-flex; align-items: center; }
[data-variant="A"] .p1-facts li + li::before { content: ""; width: 1px; height: 1rem; background: var(--ink-16); margin: 0 .9rem; }
[data-variant="A"] .p1-facts--on-dark { color: rgba(239,227,206,.84); }
[data-variant="A"] .p1-facts--on-dark li + li::before { background: rgba(239,227,206,.3); }

/* ---------- letterhead hero (hubs, category-service, indexes) ---------- */
[data-variant="A"].p1-lhero { background: var(--cream); color: var(--ink); padding: calc(var(--li-head-clear) + clamp(1.5rem, 3vw, 3rem)) 0 clamp(3.5rem, 2rem + 4vw, 6.5rem); }
[data-variant="A"] .p1-lhero-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: end; }
[data-variant="A"] .p1-lhero-eye { margin-top: 1.6rem; }
[data-variant="A"] .p1-lhero-h1 { font-size: var(--s-5-inner); line-height: .98; letter-spacing: -.018em; color: var(--ink); margin-top: 1rem; max-width: 13ch; text-wrap: balance; }
[data-variant="A"] .p1-lhero-lede { margin-top: 1.5rem; max-width: 46ch; font-size: clamp(1rem, .96rem + .25vw, 1.16rem); line-height: 1.7; color: var(--ink-72); }
[data-variant="A"] .p1-frame { margin: 0; padding: .55rem; border-radius: calc(var(--r-xl) + .55rem); background: rgba(29,56,91,.05); border: 1px solid var(--ink-09); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-frame-img { width: 100%; height: auto; aspect-ratio: 4 / 5; max-height: 36rem; object-fit: cover; border-radius: var(--r-xl); }
[data-variant="A"] .p1-frame-cap { font-size: .8rem; color: var(--ink-62); padding: .7rem .4rem .2rem; }
[data-variant="A"] .p1-contents { background: var(--cream-hi); border-radius: var(--r-xl); padding: clamp(1.6rem, 3vw, 2.4rem); border: 1px solid var(--ink-09); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-contents ol { list-style: none; margin: 1rem 0 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-contents a { display: grid; grid-template-columns: 2.4rem minmax(0, 1fr) auto 1.2rem; align-items: center; gap: .8rem; padding: 1.15rem 0; border-bottom: 1px solid var(--ink-16); color: var(--ink); transition: color .3s var(--ease); }
[data-variant="A"] .p1-contents a:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-contents a svg { width: 18px; height: 18px; color: var(--bronze-dk); transition: transform .35s var(--eout); }
[data-variant="A"] .p1-contents a:hover svg { transform: translateX(4px); }
[data-variant="A"] .p1-contents-n { font-family: var(--f-d); font-style: italic; font-size: 1.4rem; color: var(--bronze); }
[data-variant="A"] .p1-contents-t { font-family: var(--f-d); font-size: clamp(1.3rem, 1.1rem + .6vw, 1.6rem); line-height: 1.15; }
[data-variant="A"] .p1-contents-c { font-size: .76rem; font-weight: 700; color: var(--bronze-dk); background: rgba(183,139,91,.14); border-radius: var(--r-pill); padding: .2rem .6rem; }
[data-variant="A"] .p1-contents-f { margin-top: 1rem; font-size: .85rem; color: var(--ink-58); }

/* ---------- the slim financing strip (msp-financing-chips) ---------- */
[data-variant="A"].p1-finstrip { background: var(--cream-hi); border-block: 1px solid var(--ink-09); padding-block: 1.2rem; }
[data-variant="A"] .p1-finstrip-in { display: flex; align-items: center; flex-wrap: wrap; gap: .9rem 1.6rem; }
[data-variant="A"] .p1-finstrip-ic { width: 40px; height: 40px; flex: none; border-radius: 50%; display: grid; place-items: center; color: var(--bronze-dk); border: 1px solid rgba(183,139,91,.4); }
[data-variant="A"] .p1-finstrip-ic svg { width: 18px; height: 18px; }
[data-variant="A"] .p1-finstrip-t { flex: 1 1 22rem; color: var(--ink); font-size: .95rem; line-height: 1.5; }
[data-variant="A"] .p1-finstrip .p1-fin { flex-direction: row; flex-wrap: wrap; align-items: center; gap: .5rem 1.2rem; }

/* ---------- at a glance / TL;DR strip, pulled up over the hero ---------- */
[data-variant="A"].p1-glance { position: relative; z-index: 2; margin-top: clamp(-7rem, -4rem - 3vw, -5rem); background: linear-gradient(to bottom, transparent 0 55%, var(--cream) 55%); }
[data-variant="A"] .p1-glance-shell { padding: .55rem; border-radius: calc(var(--r-xl) + .55rem); background: rgba(252,250,244,.62); border: 1px solid rgba(255,255,255,.65); box-shadow: 0 34px 70px -44px rgba(29,56,91,.55); }
[data-variant="A"] .p1-glance-card { display: grid; grid-template-columns: minmax(0, 15rem) minmax(0, 1fr); gap: 2rem; align-items: center; background: var(--cream-hi); border: 1px solid var(--ink-09);
  border-radius: var(--r-xl); padding: clamp(1.4rem, 2.6vw, 2.3rem) clamp(1.4rem, 3vw, 2.8rem); box-shadow: inset 0 1px 0 #fff; }
[data-variant="A"] .p1-glance-h { font-size: clamp(1.55rem, 1.3rem + .8vw, 2.15rem); line-height: 1.05; color: var(--ink); }
[data-variant="A"] .p1-glance-tel { display: inline-flex; align-items: center; gap: .5rem; margin-top: .9rem; font-weight: 600; font-size: .92rem; color: var(--ink); transition: color .3s var(--ease); }
[data-variant="A"] .p1-glance-tel svg { width: 16px; height: 16px; color: var(--bronze-dk); }
[data-variant="A"] .p1-glance-tel:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-glance-dl { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; }
[data-variant="A"] .p1-glance-i { padding: .3rem 1.3rem; border-left: 1px solid var(--line); }
[data-variant="A"] .p1-glance-i dt { font-size: .68rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--bronze-dk); }
[data-variant="A"] .p1-glance-i dd { margin: .45rem 0 0; font-family: var(--f-d); font-size: 1.3rem; line-height: 1.2; color: var(--ink); }
[data-variant="A"] .p1-tldr-card { background: var(--cream-hi); border: 1px solid var(--ink-09); border-radius: var(--r-xl); padding: clamp(1.5rem, 3vw, 2.6rem) clamp(1.5rem, 3.4vw, 3.2rem);
  box-shadow: inset 4px 0 0 var(--bronze), inset 0 1px 0 #fff; }
[data-variant="A"] .p1-tldr-k { font-size: .7rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--bronze-dk); }
[data-variant="A"] .p1-tldr-t { margin-top: .8rem; font-family: var(--f-d); font-size: clamp(1.3rem, 1.1rem + .6vw, 1.7rem); line-height: 1.4; color: var(--ink); max-width: 62ch; }

/* ---------- opening (the team's overview) ---------- */
[data-variant="A"] .p1-open-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="A"] .p1-open-media { margin: 0; }
[data-variant="A"] .p1-open-img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-open-copy .p1-prose { margin-top: 1.2rem; }

/* ---------- what is + the [R15] sub-blocks ---------- */
[data-variant="A"] .p1-whatis-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); margin-top: 2.6rem; align-items: start; }
[data-variant="A"] .p1-subs { margin-top: clamp(3rem, 5vw, 4.5rem); display: grid; gap: 1.4rem; }
[data-variant="A"] .p1-sub-h { font-family: var(--f-b); font-size: .74rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--bronze-dk); line-height: 1.4; margin-bottom: 1.1rem; }
[data-variant="A"] .p1-how { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.4rem; }
[data-variant="A"] .p1-how li { display: flex; gap: .9rem; align-items: baseline; padding-top: 1.1rem; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-how-n { font-family: var(--f-d); font-style: italic; font-size: 2rem; line-height: 1; color: var(--bronze); flex: none; }
[data-variant="A"] .p1-how-t { color: var(--ink); line-height: 1.55; }
[data-variant="A"] .p1-sub-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.4rem; }
[data-variant="A"] .p1-sub--helps, [data-variant="A"] .p1-sub--not { background: var(--p1-card, var(--cream)); border: 1px solid var(--ink-09); border-radius: var(--r-l); padding: clamp(1.4rem, 2.4vw, 2rem); }
[data-variant="A"] .p1-sub--not { background: transparent; border-style: dashed; border-color: var(--ink-16); }
[data-variant="A"] .p1-ticks { list-style: none; margin: 0; padding: 0; }
[data-variant="A"] .p1-ticks li { display: flex; gap: .75rem; align-items: flex-start; padding: .55rem 0; color: var(--ink-90); line-height: 1.5; }
[data-variant="A"] .p1-ticks svg { width: 20px; height: 20px; flex: none; color: var(--bronze); margin-top: .1rem; }
[data-variant="A"] .p1-ticks--muted svg { color: var(--ink-40); }
[data-variant="A"] .p1-sub-notes { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 1.4rem; align-items: stretch; }
[data-variant="A"] .p1-note { display: flex; gap: 1rem; padding: 1.6rem 1.8rem; border-radius: var(--r-l); background: rgba(207,220,236,.38); border: 1px solid rgba(29,56,91,.12); }
[data-variant="A"] .p1-note-ic svg { width: 22px; height: 22px; color: var(--ink); }
[data-variant="A"] .p1-note-k { font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--ink-72); }
[data-variant="A"] .p1-note-t { margin-top: .45rem; color: var(--ink); line-height: 1.6; }
[data-variant="A"] .p1-recheck { display: flex; gap: 1rem; align-items: flex-start; padding: 1.6rem 1.8rem; border-radius: var(--r-l); background: var(--ink); color: var(--cod); line-height: 1.6; }
[data-variant="A"] .p1-recheck-ic, [data-variant="A"] .p1-note-ic { flex: none; display: grid; place-items: center; }
[data-variant="A"] .p1-recheck-ic svg { width: 22px; height: 22px; color: var(--bronze); }
[data-variant="A"] .p1-source { position: relative; display: inline-flex; flex-direction: column; gap: .15rem; margin-top: 1rem; padding: .75rem 2.8rem .8rem 1rem; border-radius: 14px;
  background: var(--cream-hi); border: 1px solid var(--ink-09); transition: border-color .3s var(--ease), transform .35s var(--eout); }
[data-variant="A"] .p1-source:hover { border-color: var(--bronze); transform: translateY(-2px); }
[data-variant="A"] .p1-source-pub { font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-58); }
[data-variant="A"] .p1-source-t { font-family: var(--f-d); font-size: 1.08rem; line-height: 1.25; color: var(--ink); }
[data-variant="A"] .p1-source-ic { position: absolute; right: .9rem; top: 50%; width: 16px; height: 16px; margin-top: -8px; color: var(--bronze-dk); }

/* ---------- concern cards (service) + numbered rows ---------- */
[data-variant="A"] .p1-split-head { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: 2rem clamp(2rem, 5vw, 5rem); align-items: end; }
[data-variant="A"] .p1-split-head .p1-head { max-width: none; }
[data-variant="A"] .p1-split-lede { margin-top: 0; }
[data-variant="A"] .p1-ccards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cgap); margin-top: 3.2rem; }
[data-variant="A"] .p1-ccard { display: flex; flex-direction: column; gap: 1rem; background: var(--p1-card); border: 1px solid var(--ink-09); border-radius: var(--r-l); padding: clamp(1.6rem, 2.6vw, 2.2rem);
  box-shadow: var(--sh-1); transition: transform .45s var(--eout), box-shadow .45s var(--ease); }
[data-variant="A"] .p1-ccard:hover { transform: translateY(-4px); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-ccard-h { font-size: clamp(1.7rem, 1.4rem + .8vw, 2.1rem); }
[data-variant="A"] .p1-ccard-h a, [data-variant="A"] .p1-nrow-h a, [data-variant="A"] .p1-irow-h a, [data-variant="A"] .p1-treat-h a { transition: color .3s var(--ease); }
[data-variant="A"] .p1-ccard-h a:hover, [data-variant="A"] .p1-nrow-h a:hover, [data-variant="A"] .p1-irow-h a:hover, [data-variant="A"] .p1-treat-h a:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-ccard p { color: var(--ink-72); line-height: 1.7; flex: 1; }
[data-variant="A"] .p1-nrows { list-style: none; margin: 3rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2rem, 5vw, 5rem); }
[data-variant="A"] .p1-nrow { display: grid; grid-template-columns: 3.4rem minmax(0, 1fr); gap: 1rem; padding: 2rem 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-nrow-n { font-family: var(--f-d); font-style: italic; font-size: 2.2rem; line-height: 1; color: var(--bronze); }
[data-variant="A"] .p1-nrow-h { font-size: clamp(1.6rem, 1.3rem + .8vw, 2rem); }
[data-variant="A"] .p1-nrow p { color: var(--ink-72); line-height: 1.7; margin: .7rem 0 .9rem; }
[data-variant="A"] .p1-seeall { margin-top: 2.4rem; }

/* ---------- advantages (the team's navy benefits split) ---------- */
[data-variant="A"] .p1-adv-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
[data-variant="A"] .p1-adv-head { position: sticky; top: calc(var(--li-head-clear) + 1rem); }
[data-variant="A"] .p1-adv-row { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 1.4rem; padding: 2rem 0; border-bottom: 1px solid var(--line-dark); }
[data-variant="A"] .p1-adv-row:first-child { padding-top: 0; }
[data-variant="A"] .p1-adv-h { font-size: clamp(1.55rem, 1.3rem + .7vw, 1.95rem); color: var(--cream); }
[data-variant="A"] .p1-adv-row p { color: var(--mist); line-height: 1.75; margin-top: .6rem; }

/* ---------- comparison table (stacks into cards below 768) ---------- */
[data-variant="A"] .p1-cmp { margin-top: 2.8rem; }
[data-variant="A"] .p1-cmp-sheet { padding: .5rem; border-radius: calc(var(--r-xl) + .5rem); background: rgba(29,56,91,.05); border: 1px solid var(--ink-09); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-cmp-t { width: 100%; border-collapse: separate; border-spacing: 0; background: var(--p1-card); border-radius: var(--r-xl); overflow: hidden; }
[data-variant="A"] .p1-cmp-t thead th { text-align: left; font-size: .7rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--bronze-dk); padding: 1.3rem 1.4rem 1.1rem; border-bottom: 1px solid var(--ink-16); }
[data-variant="A"] .p1-cmp-t tbody th, [data-variant="A"] .p1-cmp-t td { text-align: left; vertical-align: top; padding: 1.4rem; border-bottom: 1px solid var(--line); }
[data-variant="A"] .p1-cmp-t tbody tr:last-child th, [data-variant="A"] .p1-cmp-t tbody tr:last-child td { border-bottom: 0; }
[data-variant="A"] .p1-cmp-t tbody th { width: 22%; font-weight: 400; }
[data-variant="A"] .p1-cmp-opt { display: block; font-family: var(--f-d); font-size: clamp(1.3rem, 1.15rem + .4vw, 1.55rem); line-height: 1.12; color: var(--ink); }
[data-variant="A"] .p1-cmp-t td { color: var(--ink-72); line-height: 1.6; font-size: .97rem; }
[data-variant="A"] .p1-cmp-t tr.is-ours th, [data-variant="A"] .p1-cmp-t tr.is-ours td { background: rgba(183,139,91,.09); }
[data-variant="A"] .p1-cmp-t tr.is-ours th { box-shadow: inset 3px 0 0 var(--bronze); }
[data-variant="A"] .p1-cmp-tag { display: inline-block; margin-top: .55rem; font-size: .64rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--bronze-dk); background: rgba(183,139,91,.16); border-radius: var(--r-pill); padding: .25rem .6rem; }

/* ---------- candidacy ---------- */
[data-variant="A"] .p1-cand-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cgap); margin-top: 2.8rem; }
[data-variant="A"] .p1-cand-col { background: var(--p1-card); border: 1px solid var(--ink-09); border-radius: var(--r-xl); padding: clamp(1.6rem, 3vw, 2.6rem); }
[data-variant="A"] .p1-cand-col--check { background: transparent; border: 1px dashed var(--ink-16); }
[data-variant="A"] .p1-seal-line { display: flex; align-items: center; gap: 1rem; margin-top: 2.2rem; font-family: var(--f-d); font-style: italic; font-size: clamp(1.2rem, 1.05rem + .5vw, 1.5rem); line-height: 1.35; color: var(--ink); }
[data-variant="A"] .p1-seal-line img { width: 46px; height: 46px; flex: none; }

/* ---------- what to expect (V1 plan steps) ---------- */
[data-variant="A"] .p1-expect-grid { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="A"].p1-expect--wide .p1-expect-grid { align-items: start; }
[data-variant="A"] .p1-expect-media { margin: 2.4rem 0 0; }
[data-variant="A"] .p1-expect-img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-plan .li-plan-steps { margin-top: 0; }
[data-variant="A"] .p1-plan .li-plan-step { padding: 1.3rem 0; }
[data-variant="A"] .p1-plan--body .li-plan-step { row-gap: .15rem; }
[data-variant="A"] .p1-plan-b { grid-column: 2; color: var(--ink-72); line-height: 1.7; font-size: .98rem; margin-top: .4rem; max-width: 56ch; }
[data-variant="A"] .p1-sticky { position: sticky; top: calc(var(--li-head-clear) + 1rem); }

/* ---------- cost (factors + the payment card) ---------- */
[data-variant="A"] .p1-cost-grid { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="A"] .p1-factors { list-style: none; margin: 2.2rem 0 0; padding: 0; }
[data-variant="A"] .p1-factors li { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: .8rem; align-items: baseline; padding: 1.1rem 0; border-top: 1px solid var(--ink-16); font-size: 1.08rem; color: var(--ink); }
[data-variant="A"] .p1-factor-n { font-family: var(--f-d); font-style: italic; font-size: 1.6rem; color: var(--bronze); }
[data-variant="A"] .p1-paycard { padding: .55rem; border-radius: calc(var(--r-xl) + .55rem); background: rgba(29,56,91,.05); border: 1px solid var(--ink-09); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-paycard-in { display: flex; flex-direction: column; gap: 1.3rem; align-items: flex-start; background: var(--ink); color: var(--cod); border-radius: var(--r-xl); padding: clamp(1.8rem, 3.4vw, 2.8rem); }
[data-variant="A"] .p1-paycard-t { font-family: var(--f-d); font-size: clamp(1.35rem, 1.15rem + .6vw, 1.7rem); line-height: 1.3; color: var(--cream); }
[data-variant="A"] .p1-paycard .p1-ring { color: var(--bronze); border-color: rgba(239,227,206,.2); background: rgba(239,227,206,.04); }
[data-variant="A"] .p1-fin { display: flex; flex-direction: column; gap: .8rem; align-items: flex-start; }
[data-variant="A"] .p1-fin-t { font-size: .88rem; line-height: 1.6; color: var(--ink-58); }
[data-variant="A"] .p1-paycard .li-chip { background: rgba(183,139,91,.22); color: var(--cod); }
[data-variant="A"] .p1-paycard .p1-fin-t { color: var(--mist); }
[data-variant="A"] .p1-paycard .li-link { color: var(--bronze); }
[data-variant="A"] .p1-book .p1-fin { margin-top: 1.4rem; }

/* ---------- why choose (the team's why-us) ---------- */
[data-variant="A"] .p1-why-grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="A"] .p1-why-media { margin: 0; }
[data-variant="A"] .p1-why-img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-why-h { margin: 1rem 0 1.4rem; max-width: 16ch; }
[data-variant="A"] .p1-why-h .li-em { color: var(--bronze-dk); }
[data-variant="A"] .p1-why-copy .li-btn { margin-top: 2rem; }

/* ---------- proof: the rating line, review cards, the hub proof sheet, the about distribution ---------- */
[data-variant="A"] .p1-proofline { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: 1.4rem 2.6rem; padding: 1.6rem clamp(1.4rem, 3vw, 2.4rem); border-radius: var(--r-xl); background: var(--p1-card); border: 1px solid var(--ink-09); }
[data-variant="A"] .p1-proofline-n { display: flex; align-items: center; gap: .9rem; }
[data-variant="A"] .p1-proofline-v { font-family: var(--f-d); font-size: clamp(3.2rem, 2.4rem + 2.4vw, 4.8rem); line-height: .9; color: var(--ink); }
[data-variant="A"] .p1-proofline .li-stars svg, [data-variant="A"] .p1-hproof-big .li-stars svg, [data-variant="A"] .p1-aproof-big .li-stars svg { width: 20px; height: 20px; }
[data-variant="A"] .p1-proofline-k { font-family: var(--f-d); font-size: 1.55rem; line-height: 1.15; color: var(--ink); }
[data-variant="A"] .p1-proofline-s { color: var(--ink-72); margin-top: .2rem; }
[data-variant="A"] .p1-revband-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2.5rem, 6vw, 6rem); align-items: start; }
[data-variant="A"] .p1-pending { display: inline-block; margin-top: 1.3rem; font-size: .72rem; letter-spacing: .06em; color: var(--cod); border: 1px dashed rgba(239,227,206,.4); border-radius: var(--r-pill); padding: .35rem .8rem; }
[data-variant="A"] .p1-revs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cgap); }
[data-variant="A"] .p1-rev { margin: 0; display: flex; flex-direction: column; gap: 1.2rem; background: var(--teal); border-radius: var(--r-xl); padding: clamp(1.6rem, 2.6vw, 2.2rem); box-shadow: inset 0 1px 0 rgba(239,227,206,.08); }
[data-variant="A"] .p1-rev .li-stars svg { width: 18px; height: 18px; }
[data-variant="A"] .p1-rev-q { margin: 0; }
[data-variant="A"] .p1-rev-q p { font-family: var(--f-d); font-size: clamp(1.25rem, 1.1rem + .5vw, 1.5rem); line-height: 1.4; color: var(--cream); }
[data-variant="A"] .p1-rev-who { display: flex; align-items: center; gap: .8rem; margin-top: auto; }
[data-variant="A"] .p1-rev-av { width: 42px; height: 42px; flex: none; border-radius: 50%; display: grid; place-items: center; background: var(--bronze); color: #fff; font-weight: 700; font-size: .85rem; }
[data-variant="A"] .p1-rev-n { display: block; font-weight: 600; color: var(--cream); }
[data-variant="A"] .p1-rev-src { font-size: .8rem; color: var(--mist); text-decoration: underline; text-underline-offset: .2em; }
[data-variant="A"] .p1-hproof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="A"] .p1-hproof-big, [data-variant="A"] .p1-aproof-big { display: flex; align-items: center; gap: 1.1rem; margin: 1.4rem 0 1rem; }
[data-variant="A"] .p1-hproof-big .p1-num, [data-variant="A"] .p1-aproof-big .p1-num { font-size: clamp(4.4rem, 3rem + 5vw, 7.5rem); line-height: .85; color: var(--ink); }
[data-variant="A"] .p1-trust { list-style: none; margin: 0; padding: 0; display: grid; gap: 1rem; }
[data-variant="A"] .p1-trust li { display: flex; align-items: center; gap: 1.1rem; padding: 1.2rem 1.4rem; background: var(--p1-card); border: 1px solid var(--ink-09); border-radius: var(--r-l); font-family: var(--f-d); font-size: clamp(1.2rem, 1.05rem + .4vw, 1.4rem); line-height: 1.25; color: var(--ink); }
[data-variant="A"] .p1-aproof-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2.5rem, 6vw, 6rem); align-items: center; }
[data-variant="A"] .p1-aproof-big .p1-num { color: var(--cream); }
[data-variant="A"] .p1-aproof-s { color: var(--mist); line-height: 1.6; }
[data-variant="A"] .p1-aproof-date { display: block; margin-top: .3rem; font-size: .84rem; color: rgba(207,220,236,.6); }
[data-variant="A"] .p1-dist { display: grid; gap: 1.1rem; padding: clamp(1.6rem, 3vw, 2.6rem); border-radius: var(--r-xl); background: var(--teal); box-shadow: inset 0 1px 0 rgba(239,227,206,.08); }
[data-variant="A"] .p1-dist-row { display: grid; grid-template-columns: 4.8rem minmax(0, 1fr) 2.8rem; align-items: center; gap: 1rem; font-size: .9rem; color: var(--cod); }
[data-variant="A"] .p1-dist-bar { height: 10px; border-radius: 10px; background: rgba(239,227,206,.12); overflow: hidden; }
[data-variant="A"] .p1-dist-fill { display: block; height: 100%; border-radius: 10px; background: var(--bronze); transform-origin: left center; }
[data-variant="A"] .p1-w-90 { width: 90%; } [data-variant="A"] .p1-w-7 { width: 7%; } [data-variant="A"] .p1-w-2 { width: 2%; } [data-variant="A"] .p1-w-0 { width: 0; }
[data-variant="A"] .p1-dist-n { font-family: var(--f-d); font-size: 1.25rem; text-align: right; color: var(--cream); }

/* ---------- local access (fixed at 390: the list stacks under the copy below 1024) ---------- */
[data-variant="A"] .p1-local-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 2rem clamp(2rem, 6vw, 6rem); align-items: start; }
[data-variant="A"] .p1-towns { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-town { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 1rem; align-items: center; padding: 1.1rem 0; border-bottom: 1px solid var(--ink-16); }
[data-variant="A"] .p1-town-ic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(183,139,91,.14); color: var(--bronze-dk); }
[data-variant="A"] .p1-town-ic svg { width: 18px; height: 18px; }
[data-variant="A"] .p1-town-k { font-weight: 700; color: var(--ink); }
[data-variant="A"] .p1-town-v { color: var(--ink-72); font-size: .94rem; line-height: 1.55; margin-top: .15rem; }
[data-variant="A"] .p1-local-note { margin-top: 1.6rem; font-style: italic; color: var(--ink-62); font-size: .95rem; line-height: 1.7; max-width: 58ch; }
[data-variant="A"] .p1-local-h3 { margin-top: 2.8rem; font-family: var(--f-d); font-size: clamp(1.45rem, 1.25rem + .6vw, 1.8rem); font-weight: 400; letter-spacing: -.005em; text-transform: none; color: var(--ink); line-height: 1.15; }
[data-variant="A"] .p1-mt { margin-top: 1.4rem; }
[data-variant="A"].p1-art .p1-towns { margin-top: 1.6rem; }
[data-variant="A"] .p1-sub-notes > :only-child { grid-column: 1 / -1; }
[data-variant="A"].p1-art .p1-cmp-t tbody th { width: 27%; }
[data-variant="A"].p1-art .p1-cmp-t thead th, [data-variant="A"].p1-art .p1-cmp-t tbody th, [data-variant="A"].p1-art .p1-cmp-t td { padding-inline: 1.1rem; }

/* ---------- booking rail ---------- */
[data-variant="A"] .p1-book-panel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(2rem, 5vw, 5rem); align-items: start; padding: clamp(1.6rem, 4vw, 4rem);
  border-radius: calc(var(--r-xl) + 8px); background: var(--p1-card); border: 1px solid var(--ink-09); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-book-h { font-size: clamp(2.2rem, 1.5rem + 2vw, 3.4rem); max-width: 16ch; }
[data-variant="A"] .p1-assure { list-style: none; margin: 1.6rem 0 0; padding: 0; display: grid; gap: .8rem; }
[data-variant="A"] .p1-assure li { display: flex; gap: .7rem; align-items: flex-start; color: var(--ink-72); font-size: .96rem; line-height: 1.55; }
[data-variant="A"] .p1-assure svg { width: 18px; height: 18px; flex: none; color: var(--bronze-dk); margin-top: .15rem; }
[data-variant="A"] .p1-book-proof { margin-top: 1.8rem; padding-top: 1.4rem; border-top: 1px solid var(--line); }

/* ---------- FAQ + journal ---------- */
[data-variant="A"] .p1-faq-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 6rem); align-items: start; }
[data-variant="A"] .p1-faq-head { position: sticky; top: calc(var(--li-head-clear) + 1rem); }
[data-variant="A"] .p1-faq-head .p1-h2 { font-size: var(--s-3); }
[data-variant="A"] .p1-faq-tel { display: inline-flex; align-items: center; gap: .6rem; margin-top: 1.6rem; font-weight: 600; color: var(--ink); border-bottom: 1px solid var(--ink-16); padding-bottom: .2rem; transition: color .3s var(--ease), border-color .3s var(--ease); }
[data-variant="A"] .p1-faq-tel svg { width: 16px; height: 16px; color: var(--bronze-dk); }
[data-variant="A"] .p1-faq-tel:hover { color: var(--bronze-dk); border-color: var(--bronze-dk); }
[data-variant="A"] .p1-faq-list .li-faq { max-width: none; margin: 0; }
[data-variant="A"] .p1-journal-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(2rem, 6vw, 6rem); align-items: center; }
[data-variant="A"] .p1-posts { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-post { display: grid; grid-template-columns: 2.4rem 2rem minmax(0, 1fr); align-items: center; gap: .8rem; border-bottom: 1px solid var(--ink-16); }
[data-variant="A"] .p1-post-n { font-family: var(--f-d); font-style: italic; font-size: 1.3rem; color: var(--bronze); }
[data-variant="A"] .p1-post-ic svg { width: 20px; height: 20px; color: var(--ink-58); }
[data-variant="A"] .p1-post-a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: 1.35rem 0; font-family: var(--f-d); font-size: clamp(1.15rem, 1.05rem + .4vw, 1.4rem); line-height: 1.25; color: var(--ink); transition: color .3s var(--ease); }
[data-variant="A"] .p1-post-arr { width: 20px; height: 20px; flex: none; color: var(--bronze-dk); transition: transform .35s var(--eout); }
[data-variant="A"] .p1-post-a:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-post-a:hover .p1-post-arr { transform: translateX(4px); }
[data-variant="A"].p1-cta { padding-block: var(--sp-open); }

/* ---------- condition: the article column + the sticky rail ---------- */
[data-variant="A"].p1-art { padding-block: clamp(3.5rem, 2.2rem + 4.6vw, 7rem); border-bottom: 1px solid var(--line); }
[data-variant="A"].p1-art--tight { padding-block: clamp(2rem, 1.5rem + 2vw, 3.2rem); }
[data-variant="A"].p1-art:last-child { border-bottom: 0; }
[data-variant="A"] .p1-understand { background: var(--ink); color: var(--cod); border-radius: var(--r-xl); padding: clamp(2rem, 4vw, 3.4rem); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-understand .p1-h2 { color: var(--cream); font-size: var(--s-3); }
[data-variant="A"] .p1-understand .p1-prose { margin-top: 1.2rem; }
[data-variant="A"] .p1-checks { list-style: none; margin: 2rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 2.4rem; }
[data-variant="A"] .p1-checks li { display: flex; gap: .8rem; align-items: center; padding: .95rem 0; border-bottom: 1px solid var(--line); color: var(--ink); }
[data-variant="A"] .p1-checks svg { width: 18px; height: 18px; flex: none; color: var(--bronze); }
[data-variant="A"] .p1-tabs { display: none; }
[data-variant="A"]:is(.js *) .p1-tabs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .6rem; margin-top: 2rem; }
[data-variant="A"] .p1-tab { display: flex; flex-direction: column; gap: .3rem; text-align: left; padding: 1rem 1.1rem; border-radius: var(--r-l); background: var(--cream-hi); border: 1px solid var(--ink-09); color: var(--ink);
  transition: background-color .35s var(--ease), color .35s var(--ease), transform .35s var(--eout), box-shadow .35s var(--ease); }
[data-variant="A"] .p1-tab:hover { transform: translateY(-2px); box-shadow: var(--sh-1); }
[data-variant="A"] .p1-tab:active { transform: scale(.98); }
[data-variant="A"] .p1-tab.is-active { background: var(--ink); color: var(--cream); border-color: var(--ink); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-tab-n { font-size: .72rem; font-weight: 700; letter-spacing: .08em; color: var(--bronze-dk); }
[data-variant="A"] .p1-tab.is-active .p1-tab-n { color: var(--bronze); }
[data-variant="A"] .p1-tab-l { font-weight: 600; font-size: .95rem; line-height: 1.3; }
[data-variant="A"] .p1-causes { margin-top: 1.2rem; display: grid; gap: 1rem; }
[data-variant="A"]:is(.js *) .p1-cause[data-collapsed] { display: none; }
[data-variant="A"] .p1-cause { display: grid; grid-template-columns: 3rem minmax(0, 1fr); gap: 1rem; padding: clamp(1.4rem, 2.6vw, 2rem); border-radius: var(--r-l); background: var(--cream-hi); border: 1px solid var(--ink-09); }
[data-variant="A"] .p1-cause-n { font-family: var(--f-d); font-style: italic; font-size: 2rem; line-height: 1; color: var(--bronze); }
[data-variant="A"] .p1-cause-h { font-size: clamp(1.45rem, 1.25rem + .6vw, 1.8rem); }
[data-variant="A"] .p1-cause p { color: var(--ink-72); line-height: 1.75; margin-top: .6rem; }
[data-variant="A"] .p1-treats { display: grid; gap: 1.2rem; margin-top: 2rem; }
[data-variant="A"] .p1-treat { display: grid; grid-template-columns: 240px minmax(0, 1fr); overflow: hidden; border-radius: var(--r-l); background: var(--cream-hi); border: 1px solid var(--ink-09); box-shadow: var(--sh-1); }
[data-variant="A"] .p1-treat-media { position: relative; overflow: hidden; min-height: 220px; }
[data-variant="A"] .p1-treat-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--eout); }
[data-variant="A"] .p1-treat:hover .p1-treat-img { transform: scale(1.04); }
[data-variant="A"] .p1-treat-n { position: absolute; left: .9rem; top: .9rem; font-size: .75rem; font-weight: 700; color: var(--cream); background: rgba(29,56,91,.78); border-radius: var(--r-pill); padding: .3rem .65rem; }
[data-variant="A"] .p1-treat-b { padding: clamp(1.4rem, 2.4vw, 1.9rem); display: flex; flex-direction: column; gap: .8rem; align-items: flex-start; }
[data-variant="A"] .p1-treat-h { font-size: clamp(1.5rem, 1.3rem + .6vw, 1.85rem); }
[data-variant="A"] .p1-treat-b p { color: var(--ink-72); line-height: 1.7; font-size: .97rem; }
[data-variant="A"] .p1-expert { display: grid; grid-template-columns: 200px minmax(0, 1fr); gap: 2rem; align-items: start; }
[data-variant="A"] .p1-expert-media { margin: 0; }
[data-variant="A"] .p1-expert-img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-l); box-shadow: var(--sh-1); }
[data-variant="A"] .p1-expert-copy p { color: var(--ink-72); line-height: 1.8; margin: 1rem 0; max-width: 60ch; }

[data-variant="A"].p1-rail { position: sticky; top: calc(var(--li-head-clear) + 1rem); align-self: start; padding-top: clamp(3.5rem, 2.2rem + 4.6vw, 7rem); }
[data-variant="A"] .p1-rail-in { display: grid; gap: 1.6rem; }
[data-variant="A"] .p1-toc ol { list-style: none; margin: .8rem 0 0; padding: 0; }
[data-variant="A"] .p1-toc a { display: flex; align-items: center; gap: .8rem; padding: .42rem 0; font-size: .92rem; color: var(--ink-62); transition: color .3s var(--ease); }
[data-variant="A"] .p1-toc a:hover { color: var(--ink); }
[data-variant="A"] .p1-toc-bar { width: 3px; height: 1.1rem; border-radius: 3px; background: var(--ink-16); flex: none; transition: background-color .3s var(--ease), transform .3s var(--eout); }
[data-variant="A"] .p1-toc a.is-active { color: var(--ink); font-weight: 600; }
[data-variant="A"] .p1-toc a.is-active .p1-toc-bar { background: var(--bronze); transform: scaleY(1.25); }
[data-variant="A"] .p1-rail-treat ul { list-style: none; margin: .7rem 0 0; padding: 0; border-top: 1px solid var(--line); }
[data-variant="A"] .p1-rail-treat a { display: flex; justify-content: space-between; align-items: center; gap: .6rem; padding: .75rem 0; border-bottom: 1px solid var(--line); font-family: var(--f-d); font-size: 1.15rem; line-height: 1.2; color: var(--ink); transition: color .3s var(--ease); }
[data-variant="A"] .p1-rail-treat a:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-rail-treat svg { width: 16px; height: 16px; flex: none; color: var(--bronze-dk); }
[data-variant="A"] .p1-rail-card { display: grid; gap: 1rem; background: var(--ink); color: var(--cod); border-radius: var(--r-xl); padding: 1.6rem; box-shadow: var(--sh-2); }
[data-variant="A"] .p1-rail-tel { display: flex; align-items: center; gap: .6rem; font-family: var(--f-d); font-size: 1.6rem; color: var(--cream); }
[data-variant="A"] .p1-rail-tel svg { width: 18px; height: 18px; color: var(--bronze); }
[data-variant="A"] .p1-rail-nap { display: flex; gap: .6rem; font-size: .88rem; line-height: 1.5; color: var(--mist); }
[data-variant="A"] .p1-rail-nap svg { width: 16px; height: 16px; flex: none; color: var(--bronze); margin-top: .15rem; }
[data-variant="A"] .p1-rail-card .li-btn { width: 100%; justify-content: space-between; }

/* ---------- hubs: intro, the numbered index, the navy block, the condition groups, the services sheets ---------- */
[data-variant="A"] .p1-hintro-grid { display: grid; grid-template-columns: minmax(0, .45fr) minmax(0, 1.55fr); gap: 1.4rem clamp(2rem, 5vw, 5rem); align-items: start; }
[data-variant="A"] .p1-hintro-grid .p1-prose--lead p:first-child { max-width: 38ch; }
[data-variant="A"] .p1-hintro-grid .p1-prose p + p { margin-top: 1.4rem; }
[data-variant="A"] .p1-index { list-style: none; margin: 3rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(2rem, 5vw, 5rem); }
[data-variant="A"] .p1-irow { display: grid; grid-template-columns: 3.6rem minmax(0, 1fr); gap: 1rem; padding: 2rem 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-irow-n { font-family: var(--f-d); font-style: italic; font-size: 2.4rem; line-height: 1; color: var(--bronze); }
[data-variant="A"] .p1-irow-h { font-size: clamp(1.6rem, 1.3rem + .9vw, 2.1rem); }
[data-variant="A"] .p1-irow-b p { color: var(--ink-72); line-height: 1.7; margin: .7rem 0 .9rem; }
[data-variant="A"] .p1-mission { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 2rem clamp(2rem, 5vw, 5rem); align-items: start; background: var(--ink); border-radius: var(--r-xl); padding: clamp(2.2rem, 6vw, 6rem); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-mission .p1-h2 { color: var(--cream); font-size: var(--s-3); max-width: 16ch; }
[data-variant="A"] .p1-mission-rule { display: block; width: 64px; height: 2px; background: var(--bronze); margin-top: 1.8rem; }
[data-variant="A"] .p1-mission-t p { font-size: clamp(1.02rem, .98rem + .25vw, 1.15rem); line-height: 1.85; }
[data-variant="A"] .p1-groups-in { display: grid; gap: clamp(1.4rem, 3vw, 2.4rem); }
[data-variant="A"] .p1-group { display: grid; grid-template-columns: minmax(0, .7fr) minmax(0, 1.3fr); gap: 1.6rem clamp(1.6rem, 4vw, 4rem); padding: clamp(1.6rem, 4vw, 3.4rem); background: var(--cream); border: 1px solid var(--ink-09); border-radius: var(--r-xl); box-shadow: var(--sh-1); scroll-margin-top: var(--li-head-clear); }
[data-variant="A"] .p1-group-n { font-family: var(--f-d); font-style: italic; font-size: 2.8rem; line-height: 1; color: var(--bronze); }
[data-variant="A"] .p1-group-c { margin-top: .9rem; font-size: .72rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--ink-58); }
[data-variant="A"] .p1-group-list { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-grow a { display: grid; grid-template-columns: minmax(0, 12rem) minmax(0, 1fr) 1.4rem; gap: 1.4rem; align-items: baseline; padding: 1.2rem 0; border-bottom: 1px solid var(--ink-16); color: var(--ink); }
[data-variant="A"] .p1-grow-h { font-size: clamp(1.35rem, 1.2rem + .45vw, 1.6rem); line-height: 1.15; transition: color .3s var(--ease); }
[data-variant="A"] .p1-grow-t { color: var(--ink-72); font-size: .96rem; line-height: 1.6; }
[data-variant="A"] .p1-grow-arr svg { width: 18px; height: 18px; color: var(--bronze-dk); transition: transform .35s var(--eout); }
[data-variant="A"] .p1-grow a:hover .p1-grow-h { color: var(--bronze-dk); }
[data-variant="A"] .p1-grow a:hover .p1-grow-arr svg { transform: translateX(4px); }
[data-variant="A"] .p1-sheet-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); grid-auto-flow: dense; gap: var(--cgap); margin-top: 3rem; }
[data-variant="A"] .p1-sheet { padding: .5rem; border-radius: calc(var(--r-xl) + .5rem); background: rgba(29,56,91,.05); border: 1px solid var(--ink-09); }
[data-variant="A"] .p1-sheet--1 { grid-column: 1 / span 2; grid-row: 1 / span 2; }
[data-variant="A"] .p1-sheet--2 { grid-column: 3 / span 2; grid-row: 1; }
[data-variant="A"] .p1-sheet--3 { grid-column: 3; grid-row: 2; }
[data-variant="A"] .p1-sheet--4 { grid-column: 4; grid-row: 2; }
[data-variant="A"] .p1-sheet-in { height: 100%; background: var(--cream); border-radius: var(--r-xl); padding: clamp(1.4rem, 2.6vw, 2.4rem); box-shadow: inset 0 1px 0 rgba(255,255,255,.7); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-in { background: var(--ink); color: var(--cod); }
[data-variant="A"] .p1-sheet-n { font-family: var(--f-d); font-style: italic; font-size: 1.6rem; color: var(--bronze); }
[data-variant="A"] .p1-sheet-h { margin-top: .5rem; font-size: clamp(1.8rem, 1.4rem + 1.1vw, 2.6rem); line-height: 1.05; }
[data-variant="A"] .p1-sheet-h a { transition: color .3s var(--ease); }
[data-variant="A"] .p1-sheet-h a:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-h a { color: var(--cream); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-h a:hover { color: var(--bronze); }
[data-variant="A"] .p1-sheet-c { margin-top: .7rem; font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--ink-58); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-c { color: var(--mist); }
[data-variant="A"] .p1-sheet-list { list-style: none; margin: 1.4rem 0 0; padding: 0; border-top: 1px solid var(--line); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-list { border-color: var(--line-dark); }
[data-variant="A"] .p1-sheet-list a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 0; border-bottom: 1px solid var(--line); font-weight: 500; color: var(--ink); transition: color .3s var(--ease); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-list a { color: var(--cod); border-color: var(--line-dark); }
[data-variant="A"] .p1-sheet-list a:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-list a:hover { color: var(--bronze); }
[data-variant="A"] .p1-sheet-list svg { width: 16px; height: 16px; flex: none; color: var(--bronze-dk); transition: transform .35s var(--eout); }
[data-variant="A"] .p1-sheet--1 .p1-sheet-list svg { color: var(--bronze); }
[data-variant="A"] .p1-sheet-list a:hover svg { transform: translateX(4px); }

/* ---------- about ---------- */
[data-variant="A"].p1-ahero { background: var(--cream); color: var(--ink); padding: calc(var(--li-head-clear) + clamp(1.5rem, 3vw, 3rem)) 0 var(--sp-open); }
[data-variant="A"] .p1-ahero-head { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2rem clamp(2rem, 6vw, 6rem); align-items: start; }
[data-variant="A"] .p1-ahero-h1 { max-width: 10ch; }
[data-variant="A"] .p1-ahero-r { padding-top: clamp(0rem, 4vw, 4.6rem); }
[data-variant="A"] .p1-ahero-r .p1-lede { margin-top: 1.3rem; }
[data-variant="A"] .p1-tour { margin-top: clamp(2.5rem, 5vw, 4.5rem); }
[data-variant="A"] .p1-tour-track { display: flex; gap: var(--cgap); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; border-radius: var(--r-xl); overscroll-behavior-x: contain; }
[data-variant="A"] .p1-tour-track::-webkit-scrollbar { display: none; }
[data-variant="A"] .p1-tour-slide { position: relative; flex: 0 0 100%; margin: 0; scroll-snap-align: start; }
[data-variant="A"] .p1-tour-img { width: 100%; height: auto; aspect-ratio: 16 / 8; object-fit: cover; border-radius: var(--r-xl); }
[data-variant="A"] .p1-tour-cap { position: absolute; left: 1.1rem; bottom: 1.1rem; max-width: calc(100% - 2.2rem); font-size: .8rem; font-weight: 600; color: var(--cream); background: rgba(29,56,91,.72); border-radius: var(--r-pill); padding: .4rem .9rem; }
[data-variant="A"] .p1-tour-nav { display: flex; align-items: center; justify-content: center; gap: 1rem; margin-top: 1.2rem; }
[data-variant="A"] .p1-tour-btn { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--ink-16); background: var(--cream-hi); color: var(--ink); transition: background-color .3s var(--ease), color .3s var(--ease), transform .3s var(--eout); }
[data-variant="A"] .p1-tour-btn svg { width: 20px; height: 20px; }
[data-variant="A"] .p1-tour-btn:hover { background: var(--ink); color: var(--cream); }
[data-variant="A"] .p1-tour-btn:active { transform: scale(.96); }
[data-variant="A"] .p1-tour-btn[aria-disabled="true"] { opacity: .4; pointer-events: none; }
[data-variant="A"] .p1-tour-dots { display: flex; gap: .45rem; }
[data-variant="A"] .p1-tour-dot { width: 8px; height: 8px; border-radius: 8px; background: var(--ink-16); transition: width .4s var(--eout), background-color .3s var(--ease); }
[data-variant="A"] .p1-tour-dot.is-on { width: 26px; background: var(--bronze); }
[data-variant="A"] .p1-snap-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 3rem 0 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-snap-i { padding: 1.6rem 1.8rem 1.8rem 0; border-bottom: 1px solid var(--ink-16); }
[data-variant="A"] .p1-snap-i dt { font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--bronze-dk); }
[data-variant="A"] .p1-snap-i dd { margin: .6rem 0 0; font-family: var(--f-d); font-size: clamp(1.3rem, 1.15rem + .45vw, 1.6rem); line-height: 1.22; color: var(--ink); }
[data-variant="A"] .p1-snap-i--big .p1-num { display: block; font-size: clamp(3.4rem, 2.4rem + 3vw, 5.2rem); line-height: .9; }
[data-variant="A"] .p1-num-sub { display: block; margin-top: .5rem; font-family: var(--f-b); font-size: .95rem; color: var(--ink-72); }
[data-variant="A"] .p1-apr { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cgap); margin-top: 3rem; }
[data-variant="A"] .p1-apr-card { background: var(--cream-hi); border: 1px solid var(--ink-09); border-radius: var(--r-xl); padding: clamp(1.8rem, 3vw, 2.6rem); box-shadow: var(--sh-1); }
[data-variant="A"] .p1-apr-n { display: flex; align-items: center; gap: .8rem; font-family: var(--f-d); font-size: 1.3rem; color: var(--bronze-dk); }
[data-variant="A"] .p1-apr-n span { width: 2.4rem; height: 1px; background: rgba(183,139,91,.5); }
[data-variant="A"] .p1-apr-h { font-size: clamp(1.7rem, 1.35rem + 1vw, 2.2rem); margin: 1.6rem 0 1rem; }
[data-variant="A"] .p1-apr-card p { color: var(--ink-72); line-height: 1.75; }
[data-variant="A"] .p1-care { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 2.4rem clamp(2rem, 6vw, 6rem); align-items: center; margin-top: clamp(4rem, 8vw, 7rem); }
[data-variant="A"] .p1-care .p1-prose { margin: 1.3rem 0 2rem; }
[data-variant="A"] .p1-care-media { margin: 0; }
[data-variant="A"] .p1-care-img { width: 100%; height: auto; aspect-ratio: 5 / 4; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-catlinks { list-style: none; margin: .8rem 0 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-catlinks a { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .95rem 0; border-bottom: 1px solid var(--ink-16); font-family: var(--f-d); font-size: clamp(1.2rem, 1.05rem + .45vw, 1.45rem); color: var(--ink); transition: color .3s var(--ease); }
[data-variant="A"] .p1-catlinks a:hover { color: var(--bronze-dk); }
[data-variant="A"] .p1-catlinks svg { width: 18px; height: 18px; color: var(--bronze-dk); transition: transform .35s var(--eout); }
[data-variant="A"] .p1-catlinks a:hover svg { transform: translateX(4px); }
[data-variant="A"] .p1-doc { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 2.4rem clamp(2rem, 6vw, 6rem); align-items: start; margin-top: 3rem; }
[data-variant="A"] .p1-doc-media { margin: 0; }
[data-variant="A"] .p1-doc-img { width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--r-xl); box-shadow: var(--sh-2); }
[data-variant="A"] .p1-doc-h { font-size: clamp(2.2rem, 1.6rem + 1.6vw, 3rem); }
[data-variant="A"] .p1-doc-role { margin-top: .6rem; font-size: .74rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--bronze-dk); }
[data-variant="A"] .p1-doc-rule { display: block; width: 48px; height: 1px; background: var(--ink-16); margin: 1.4rem 0; }
[data-variant="A"] .p1-creds-grid { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 2rem clamp(2rem, 6vw, 6rem); align-items: start; }
[data-variant="A"] .p1-ledger { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-ledger-row { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 1.2rem; align-items: center; padding: 1.25rem 0; border-bottom: 1px solid var(--ink-16); }
[data-variant="A"] .p1-ledger-n { font-family: var(--f-d); font-size: clamp(1.25rem, 1.1rem + .45vw, 1.5rem); line-height: 1.2; color: var(--ink); }
[data-variant="A"] .p1-ledger-i { margin-top: .2rem; font-size: .92rem; color: var(--ink-62); }
[data-variant="A"] .p1-fac-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: 2.4rem clamp(2rem, 5vw, 5rem); align-items: start; margin-top: 3rem; }
[data-variant="A"] .p1-fac-bento { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-flow: dense; gap: var(--cgap); }
[data-variant="A"] .p1-fac-fig { position: relative; margin: 0; overflow: hidden; border-radius: var(--r-l); }
[data-variant="A"] .p1-fac-fig--a { grid-column: 1 / -1; }
[data-variant="A"] .p1-fac-img { width: 100%; height: auto; aspect-ratio: 1 / 1; object-fit: cover; transition: transform .8s var(--eout); }
[data-variant="A"] .p1-fac-fig--a .p1-fac-img { aspect-ratio: 16 / 9; }
[data-variant="A"] .p1-fac-fig:hover .p1-fac-img { transform: scale(1.04); }
[data-variant="A"] .p1-fac-fig figcaption { position: absolute; left: .8rem; right: .8rem; bottom: .8rem; font-size: .74rem; font-weight: 600; line-height: 1.35; color: var(--cream); background: rgba(29,56,91,.74); border-radius: 12px; padding: .4rem .7rem; }
[data-variant="A"] .p1-devices { margin: 0; border-top: 1px solid var(--ink-16); }
[data-variant="A"] .p1-device { padding: 1.15rem 0; border-bottom: 1px solid var(--ink-16); }
[data-variant="A"] .p1-device dt { font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--bronze-dk); }
[data-variant="A"] .p1-device dd { margin: .45rem 0 0; font-family: var(--f-d); font-size: clamp(1.2rem, 1.05rem + .45vw, 1.45rem); line-height: 1.25; color: var(--ink); }
[data-variant="A"] .p1-access-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cgap); margin: 3rem 0 0; }
[data-variant="A"] .p1-access-i { display: grid; grid-template-columns: 56px minmax(0, 1fr); gap: 1rem; align-items: start; padding: 1.6rem; background: var(--p1-card); border: 1px solid var(--ink-09); border-radius: var(--r-l); }
[data-variant="A"] .p1-access-i dt { font-size: .7rem; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; color: var(--bronze-dk); }
[data-variant="A"] .p1-access-i dd { margin: .4rem 0 0; color: var(--ink); line-height: 1.55; font-size: .98rem; }
[data-variant="A"] .p1-access-more { margin-top: 1.8rem; }

/* ---------- 1023: one column almost everywhere ---------- */
@media (max-width: 1023.98px) {
  [data-variant="A"].p1-phero { min-height: 0; }
  [data-variant="A"] .p1-glance-card { grid-template-columns: minmax(0, 1fr); gap: 1.2rem; }
  [data-variant="A"] .p1-glance-dl { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 1.2rem; }
  [data-variant="A"] .p1-glance-i:nth-child(odd) { border-left: 0; padding-left: 0; }
  [data-variant="A"] .p1-lhero-grid, [data-variant="A"] .p1-open-grid, [data-variant="A"] .p1-whatis-grid, [data-variant="A"] .p1-split-head, [data-variant="A"] .p1-adv-grid,
  [data-variant="A"] .p1-expect-grid, [data-variant="A"] .p1-cost-grid, [data-variant="A"] .p1-why-grid, [data-variant="A"] .p1-local-grid, [data-variant="A"] .p1-book-panel,
  [data-variant="A"] .p1-faq-grid, [data-variant="A"] .p1-journal-grid, [data-variant="A"] .p1-ahero-head, [data-variant="A"] .p1-care, [data-variant="A"] .p1-doc,
  [data-variant="A"] .p1-creds-grid, [data-variant="A"] .p1-fac-grid, [data-variant="A"] .p1-aproof-grid, [data-variant="A"] .p1-revband-grid, [data-variant="A"] .p1-hproof-grid,
  [data-variant="A"] .p1-group, [data-variant="A"] .p1-hintro-grid, [data-variant="A"] .p1-mission { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-lhero-grid { align-items: start; }
  [data-variant="A"] .p1-frame { max-width: 30rem; }
  [data-variant="A"] .p1-frame-img { aspect-ratio: 4 / 3; }
  [data-variant="A"] .p1-adv-head, [data-variant="A"] .p1-faq-head, [data-variant="A"] .p1-sticky { position: static; }
  [data-variant="A"] .p1-ccards, [data-variant="A"] .p1-apr { grid-template-columns: minmax(0, 1fr); max-width: 40rem; }
  [data-variant="A"] .p1-stagger > * { margin-top: 0; }
  [data-variant="A"] .p1-nrows, [data-variant="A"] .p1-index { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-sub-notes { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-open-media, [data-variant="A"] .p1-why-media, [data-variant="A"] .p1-doc-media { max-width: 32rem; }
  [data-variant="A"] .p1-open-img, [data-variant="A"] .p1-why-img { aspect-ratio: 4 / 3; }
  [data-variant="A"] .p1-ahero-r { padding-top: 0; }
  [data-variant="A"] .p1-snap-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-variant="A"] .p1-access-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-variant="A"] .p1-sheet-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-variant="A"] .p1-sheet--1 { grid-column: 1; grid-row: 1 / span 2; }
  [data-variant="A"] .p1-sheet--2 { grid-column: 2; grid-row: 1; }
  [data-variant="A"] .p1-sheet--3 { grid-column: 2; grid-row: 2; }
  [data-variant="A"] .p1-sheet--4 { grid-column: 1 / -1; grid-row: 3; }
  [data-variant="A"].p1-cgrid { display: block; }
  [data-variant="A"].p1-rail { position: static; padding-top: 0; padding-bottom: clamp(2.5rem, 6vw, 4rem); }
  [data-variant="A"] .p1-toc, [data-variant="A"] .p1-rail-card { display: none; }
}
@media (min-width: 1024px) {
  [data-variant="A"] .p1-stagger > :nth-child(2) { margin-top: 2.6rem; }
  [data-variant="A"] .p1-stagger > :nth-child(3) { margin-top: 5.2rem; }
  [data-variant="A"].p1-cgrid { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: clamp(3rem, 5vw, 5.5rem); align-items: start; }
}

/* ---------- 767: phone ---------- */
@media (max-width: 767.98px) {
  [data-variant="A"].p1-phero { padding-bottom: clamp(6rem, 20vw, 7.5rem); }
  [data-variant="A"] .p1-phero-scrim { background: linear-gradient(180deg, rgba(29,56,91,.78) 0%, rgba(29,56,91,.9) 55%, rgba(29,56,91,.95) 100%); }
  [data-variant="A"] .p1-phero-top { margin-bottom: 1rem; }
  [data-variant="A"] .p1-phero-lede, [data-variant="A"] .p1-lhero-lede { font-size: .98rem; margin-top: 1.1rem; }
  [data-variant="A"] .p1-hero-actions { margin-top: 1.5rem; }
  [data-variant="A"] .p1-hero-actions .li-btn { width: 100%; justify-content: space-between; }
  [data-variant="A"] .p1-hero-proof { margin-top: 1.3rem; }
  [data-variant="A"].p1-glance { margin-top: -4.2rem; }
  [data-variant="A"] .p1-glance-dl { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-glance-i { border-left: 0; padding: .9rem 0 0; border-top: 1px solid var(--line); }
  [data-variant="A"] .p1-glance-i:first-child { border-top: 0; padding-top: 0; }
  [data-variant="A"] .p1-how, [data-variant="A"] .p1-sub-pair, [data-variant="A"] .p1-cand-grid, [data-variant="A"] .p1-checks, [data-variant="A"] .p1-revs,
  [data-variant="A"] .p1-access-grid, [data-variant="A"] .p1-snap-grid, [data-variant="A"] .p1-sheet-grid { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-sheet--1, [data-variant="A"] .p1-sheet--2, [data-variant="A"] .p1-sheet--3, [data-variant="A"] .p1-sheet--4 { grid-column: 1; grid-row: auto; }
  [data-variant="A"] .p1-proofline { grid-template-columns: minmax(0, 1fr); gap: .9rem; }
  [data-variant="A"] .p1-book-panel { padding: 0; background: none; border: 0; box-shadow: none; border-radius: 0; }
  [data-variant="A"] .p1-treat { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-treat-media { min-height: 0; aspect-ratio: 16 / 10; }
  [data-variant="A"] .p1-expert { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-expert-media { max-width: 11rem; }
  [data-variant="A"]:is(.js *) .p1-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  [data-variant="A"] .p1-grow a { grid-template-columns: minmax(0, 1fr) 1.4rem; gap: .3rem 1rem; }
  [data-variant="A"] .p1-grow-t { grid-column: 1; grid-row: 2; }
  [data-variant="A"] .p1-grow-arr { grid-column: 2; grid-row: 1; }
  [data-variant="A"] .p1-tour-img { aspect-ratio: 4 / 3; }
  [data-variant="A"] .p1-ahero-r { display: flex; flex-direction: column; }
  [data-variant="A"] .p1-ahero-r .p1-lede { order: 3; }
  [data-variant="A"] .p1-capsule--def { font-size: 1.2rem; }
  [data-variant="A"] .p1-cause { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
  [data-variant="A"] .p1-fac-img, [data-variant="A"] .p1-fac-fig--a .p1-fac-img { aspect-ratio: 4 / 3; }
  [data-variant="A"] .p1-fac-bento { grid-template-columns: minmax(0, 1fr); }
  [data-variant="A"] .p1-post { grid-template-columns: 2rem minmax(0, 1fr); }
  [data-variant="A"] .p1-post-ic { display: none; }
  [data-variant="A"] .p1-mission { padding: 2rem 1.5rem; }
  [data-variant="A"] .p1-cmp-sheet { padding: .35rem; }
  [data-variant="A"] .p1-cmp-t, [data-variant="A"] .p1-cmp-t tbody, [data-variant="A"] .p1-cmp-t tr, [data-variant="A"] .p1-cmp-t th, [data-variant="A"] .p1-cmp-t td { display: block; width: auto; }
  [data-variant="A"] .p1-cmp-t thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  [data-variant="A"] .p1-cmp-t tbody tr { padding: 1.2rem 1.1rem; border-bottom: 1px solid var(--line); }
  [data-variant="A"] .p1-cmp-t tbody tr:last-child { border-bottom: 0; }
  [data-variant="A"] .p1-cmp-t tbody th { width: auto; padding: 0 0 .6rem; border: 0; }
  [data-variant="A"] .p1-cmp-t td { display: grid; grid-template-columns: 6.8rem minmax(0, 1fr); gap: .8rem; padding: .5rem 0; border: 0; }
  [data-variant="A"] .p1-cmp-t td::before { content: attr(data-label); font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: var(--bronze-dk); padding-top: .25rem; }
  [data-variant="A"] .p1-cmp-t tr.is-ours { background: rgba(183,139,91,.09); box-shadow: inset 3px 0 0 var(--bronze); }
  [data-variant="A"] .p1-cmp-t tr.is-ours th, [data-variant="A"] .p1-cmp-t tr.is-ours td { background: none; box-shadow: none; }
  [data-variant="A"].p1-art .p1-cmp-t tbody th { width: auto; padding-inline: 0; }
  [data-variant="A"].p1-art .p1-cmp-t td { padding-inline: 0; }
}

/* ---------- TASK-CO1 (2026-10-16), about-proof after R-29: the star breakdown is gone; the rating sits in the right panel ---------- */
[data-variant="A"] .p1-aproof-r { padding: clamp(1.6rem, 3vw, 2.6rem); border-radius: var(--r-xl); background: var(--teal); box-shadow: inset 0 1px 0 rgba(239,227,206,.08); }
[data-variant="A"] .p1-aproof-r .p1-aproof-big { margin-top: 0; }
[data-variant="A"] .p1-aproof-l .p1-h2 { margin-bottom: 0; }