/* =====================================================================
   system.css: the single token and component layer for ryanginsberg.com
   Loaded LAST on every page. It extends the existing brand (USS blue,
   Poppins headings, Inter body) rather than replacing it. Older layers
   (brand, styles, experience, buyer, positioning, home-polish, condensed,
   page CSS) still load first; anything they set for buttons, links, focus
   and states is resolved here, so there is one place to change them.
   ===================================================================== */

/* ---- 1. Tokens ----------------------------------------------------- */
:root{
  /* Colour: primitives */
  --rg-blue-700:#1b4db0;          /* existing USS primary */
  --rg-blue-800:#164195;          /* hover   */
  --rg-blue-900:#123579;          /* pressed */
  --rg-blue-50:#edf3fc;
  --rg-ink-900:#111827;           /* existing text-primary */
  --rg-ink-700:#374151;
  --rg-ink-600:#4b5563;           /* existing text-secondary */
  --rg-ink-500:#596477;
  --rg-sand-800:#8a3d00;          /* existing eyebrow tone */
  --rg-navy-900:#161c28;          /* existing contact band */
  --rg-line-200:#dce3ef;          /* existing rule colour */
  --rg-line-300:#c5cfdf;
  --rg-paper-0:#ffffff;
  --rg-paper-50:#f7f9fc;          /* one soft surface (was #f9fafb + #f7f9fa + #f7f9fc) */
  --rg-ok-700:#166534;
  --rg-ok-50:#ecfdf3;
  --rg-wait-800:#854d0e;
  --rg-wait-50:#fef9e7;

  /* Colour: semantic */
  --rg-text:var(--rg-ink-900);
  --rg-text-muted:var(--rg-ink-600);
  --rg-text-label:var(--rg-sand-800);
  --rg-link:var(--rg-blue-700);
  --rg-link-hover:var(--rg-blue-900);
  --rg-action:var(--rg-blue-700);
  --rg-action-hover:var(--rg-blue-800);
  --rg-action-pressed:var(--rg-blue-900);
  --rg-on-action:var(--rg-paper-0);
  --rg-surface:var(--rg-paper-0);
  --rg-surface-soft:var(--rg-paper-50);
  --rg-surface-tint:var(--rg-blue-50);
  --rg-surface-inverse:var(--rg-navy-900);
  --rg-on-inverse:#f3f6fb;
  --rg-on-inverse-muted:#c9d2e1;
  --rg-rule:var(--rg-line-200);
  --rg-rule-strong:var(--rg-line-300);
  --rg-focus:var(--rg-blue-700);
  --rg-focus-inverse:#ffffff;

  /* Map the legacy names onto the semantic layer so older CSS follows */
  --bg-secondary:var(--rg-surface-soft);
  --text-secondary:var(--rg-text-muted);

  /* Type */
  --rg-font-display:var(--font-heading, "Poppins", system-ui, sans-serif);
  --rg-font-body:var(--font-sans, "Inter", system-ui, sans-serif);
  --rg-text-sm:.9375rem;          /* 15px: metadata, captions */
  --rg-text-md:1.0625rem;         /* 17px: reading text */
  --rg-text-lg:1.1875rem;         /* 19px: lead paragraphs, quotes */
  --rg-text-h3:1.25rem;
  --rg-text-h2:clamp(1.75rem, 1.2rem + 1.8vw, 2.4rem);
  --rg-text-h1:clamp(2.25rem, 1.4rem + 3.2vw, 3.6rem);
  --rg-leading-body:1.65;
  --rg-leading-tight:1.15;
  --rg-measure:66ch;

  /* Space: 4px base */
  --rg-space-1:.25rem; --rg-space-2:.5rem; --rg-space-3:.75rem; --rg-space-4:1rem;
  --rg-space-5:1.25rem; --rg-space-6:1.5rem; --rg-space-8:2rem; --rg-space-10:2.5rem;
  --rg-space-12:3rem; --rg-space-16:4rem;
  --rg-section-y:clamp(3rem, 2rem + 4vw, 5.5rem);

  /* Shape and motion */
  --rg-radius-sm:.375rem; --rg-radius-md:.75rem; --rg-radius-lg:1rem; --rg-radius-full:999px;
  --rg-target:44px;
  --rg-dur:160ms;
  --rg-ease-std:cubic-bezier(.2,.7,.2,1);
}

/* ---- 2. Base reading layer ---------------------------------------- */
html{scroll-padding-top:5.5rem}
body{color:var(--rg-text)}
.rg-condensed p,.rg-condensed li{font-size:var(--rg-text-md);line-height:var(--rg-leading-body)}
.rg-condensed .rg-container>p,
.rg-condensed .rg-container>div>p,
.rg-condensed .reduce-prose p,
.rg-condensed .rg-prose p,
.rg-condensed .rg-prose li{max-width:var(--rg-measure)}
.eyebrow,.rg-kicker,.cw-eyebrow{letter-spacing:.06em}
.rg-soft{background:var(--rg-surface-soft)}
/* Cards that are not links must not pretend to be clickable */
.rg-card:hover{transform:none}
.rg-card p{color:var(--rg-ink-700);font-weight:400}
/* Long URLs and addresses wrap instead of pushing the page sideways */
main a{overflow-wrap:anywhere}

/* ---- 3. Actions: one set of states for every button and link ------ */
.rg-button{
  min-height:var(--rg-target);
  background:var(--rg-action);color:var(--rg-on-action);
  border:1px solid transparent;border-radius:var(--rg-radius-full);
  font-weight:600;text-decoration:none;box-shadow:none;
  transition:background-color var(--rg-dur) var(--rg-ease-std),color var(--rg-dur),border-color var(--rg-dur),box-shadow var(--rg-dur);
}
.rg-button:hover,.rg-button:focus-visible{background:var(--rg-action-hover);color:var(--rg-on-action);transform:none;box-shadow:0 2px 0 var(--rg-blue-900)}
.rg-button:active{background:var(--rg-action-pressed);box-shadow:none;transform:translateY(1px)}
.rg-button:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px}
.rg-button[aria-disabled="true"],.rg-button:disabled{background:var(--rg-line-300);color:var(--rg-ink-900);box-shadow:none;cursor:not-allowed;transform:none}
.rg-button .rg-button-meta{font-weight:500;opacity:.92;margin-left:.4em}
@media (hover:hover){.rg-button:hover{transform:none}}

.rg-button-secondary{background:var(--rg-surface);color:var(--rg-text);border-color:var(--rg-rule-strong)}
.rg-button-secondary:hover,.rg-button-secondary:focus-visible{background:var(--rg-surface-tint);color:var(--rg-link-hover);border-color:var(--rg-action);box-shadow:none}
.rg-button-secondary:active{background:var(--rg-line-200);color:var(--rg-link-hover)}

.rg-text-link{color:var(--rg-link);font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.25em;text-decoration-color:color-mix(in srgb, currentColor 35%, transparent)}
.rg-text-link:hover{color:var(--rg-link-hover);text-decoration-color:currentColor;text-decoration-thickness:2px}
.rg-text-link:active{color:var(--rg-ink-900)}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--rg-focus);outline-offset:3px;border-radius:2px}
button:active:not(:disabled){transform:translateY(1px)}

/* Inverse band (contact): same states, inverse colours */
.rg-contact{background:var(--rg-surface-inverse)}
.rg-contact .rg-button,.rg-contact-actions .rg-button{background:var(--rg-paper-0);color:var(--rg-navy-900)}
.rg-contact .rg-button:hover,.rg-contact .rg-button:focus-visible{background:var(--rg-blue-50);color:var(--rg-navy-900);box-shadow:0 2px 0 var(--rg-line-300)}
.rg-contact .rg-button:active{background:var(--rg-line-200)}
.rg-contact a:focus-visible,.rg-contact button:focus-visible{outline-color:var(--rg-focus-inverse)}
.rg-contact .rg-text-link,.rg-contact-actions>a:not(.rg-button){color:var(--rg-on-inverse);font-size:var(--rg-text-md)}
.rg-contact .rg-text-link:hover{color:#fff}
.rg-contact-note{color:var(--rg-on-inverse-muted)}
.rg-contact-note a{color:var(--rg-on-inverse);text-decoration:underline;text-underline-offset:.2em}
.rg-contact-note a:hover{color:#fff;text-decoration-thickness:2px}

/* ---- 4. Header ------------------------------------------------------ */
.rg-wordmark span{color:var(--rg-ink-500)}
.rg-desktop-nav>a:not(.rg-button){color:var(--rg-ink-700)}
.rg-desktop-nav>a:not(.rg-button):hover{color:var(--rg-link-hover);text-decoration:underline;text-underline-offset:.35em}
.rg-desktop-nav>a[aria-current="page"]{color:var(--rg-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.35em}
.rg-menu-toggle{min-width:var(--rg-target);min-height:var(--rg-target)}
.rg-menu-toggle:hover{background:var(--rg-surface-tint)}
.rg-mobile-nav a[aria-current="page"]{font-weight:700}

/* ---- 5. Home: hero ------------------------------------------------- */
.rg-home .position-hero h1{font-size:var(--rg-text-h1);line-height:1.1;letter-spacing:-.03em;max-width:20ch}
.rg-home .position-hero .rg-lead{font-size:var(--rg-text-lg);line-height:1.6;max-width:36rem;color:var(--rg-ink-700)}
.rg-home .position-hero .eyebrow{max-width:40rem;line-height:1.5}
.rg-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--rg-space-4) var(--rg-space-6);margin-top:var(--rg-space-8)}
.rg-hero-actions .rg-button{padding-inline:1.5rem;font-size:1rem}
.rg-hero-proof{margin-top:var(--rg-space-8)!important;padding-top:var(--rg-space-5);border-top:1px solid var(--rg-rule);max-width:36rem;font-size:var(--rg-text-sm)!important;color:var(--rg-text-muted)}
.rg-hero-proof q{display:block;font-size:var(--rg-text-md);color:var(--rg-text);font-weight:500;quotes:"\201C" "\201D"}
.rg-home .position-portrait figcaption{color:var(--rg-ink-600)}

/* ---- 6. Section heading pattern ----------------------------------- */
.rg-sec-head{max-width:44rem;margin-bottom:var(--rg-space-10)}
.rg-sec-head h2{font-size:var(--rg-text-h2);line-height:1.2;margin:var(--rg-space-3) 0 var(--rg-space-4)}
.rg-sec-head p{color:var(--rg-ink-700)}

/* ---- 7. Situations list (when to bring me in) -------------------- */
.rg-situations{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;border-top:1px solid var(--rg-rule)}
.rg-situations li{display:grid;gap:var(--rg-space-2);padding:var(--rg-space-5) 0;border-bottom:1px solid var(--rg-rule);max-width:none}
.rg-situations strong{font:600 var(--rg-text-h3)/1.35 var(--rg-font-display);letter-spacing:-.01em;color:var(--rg-text)}
.rg-situations span{color:var(--rg-ink-700);max-width:60ch}
@media (min-width:900px){
  .rg-situations{grid-template-columns:1fr 1fr;column-gap:var(--rg-space-12)}
}
.rg-example-lead{margin-top:var(--rg-space-10);padding:var(--rg-space-6);background:var(--rg-surface-soft);border-radius:var(--rg-radius-md);max-width:52rem}
.rg-example-lead p{margin:0 0 var(--rg-space-3)}
.rg-not-fit{margin-top:var(--rg-space-6)!important;color:var(--rg-text-muted)}

/* ---- 8. Playbook -------------------------------------------------- */
.rg-playbook{display:grid;gap:var(--rg-space-10)}
@media (min-width:960px){.rg-playbook{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:var(--rg-space-16);align-items:start}}
.rg-playbook-parts{counter-reset:part;list-style:none;margin:var(--rg-space-6) 0;padding:0;display:grid;gap:0;border-top:1px solid var(--rg-rule)}
.rg-playbook-parts li{counter-increment:part;display:grid;grid-template-columns:2.25rem 1fr;gap:var(--rg-space-3);padding:var(--rg-space-4) 0;border-bottom:1px solid var(--rg-rule)}
.rg-playbook-parts li::before{content:counter(part,decimal-leading-zero);font:600 var(--rg-text-sm)/1.9 var(--rg-font-body);color:var(--rg-text-label);font-variant-numeric:tabular-nums}
.rg-playbook-parts strong{display:block;font-weight:600;color:var(--rg-text)}
.rg-principle{font:600 var(--rg-text-lg)/1.5 var(--rg-font-display)!important;color:var(--rg-text);margin-top:var(--rg-space-6)!important}

/* ---- 9. Quote with context (evidence next to the claim) ----------- */
.rg-quote{margin:0;padding:var(--rg-space-6) 0 0;border-top:3px solid var(--rg-ink-900)}
.rg-quote blockquote{margin:0;font-size:var(--rg-text-lg);line-height:1.6;color:var(--rg-text)}
.rg-quote blockquote p{font-size:inherit!important;margin:0 0 var(--rg-space-3)}
.rg-quote figcaption{margin-top:var(--rg-space-4);display:grid;gap:var(--rg-space-1);font-size:var(--rg-text-sm);color:var(--rg-text-muted)}
.rg-quote figcaption strong{color:var(--rg-text);font-size:var(--rg-text-md)}
.rg-quote .rg-quote-context{margin-top:var(--rg-space-3);padding-top:var(--rg-space-3);border-top:1px solid var(--rg-rule);color:var(--rg-ink-700);font-size:var(--rg-text-sm)!important;line-height:1.55}

/* ---- 10. Responsibility split ------------------------------------- */
.rg-owns{display:grid;gap:var(--rg-space-10)}
@media (min-width:900px){.rg-owns{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--rg-space-16)}}
.rg-owns h3{font:600 var(--rg-text-h3)/1.3 var(--rg-font-display);margin:0 0 var(--rg-space-4)}
.rg-owns ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--rg-rule)}
.rg-owns li{padding:var(--rg-space-4) 0;border-bottom:1px solid var(--rg-rule);max-width:none}
.rg-owns li strong{display:block;color:var(--rg-text)}
.rg-owns-yours{padding:var(--rg-space-6);background:var(--rg-surface);border:1px solid var(--rg-rule);border-radius:var(--rg-radius-md);align-self:start}
.rg-owns-yours ul{border-top:0}
.rg-owns-yours li{padding:var(--rg-space-3) 0}
.rg-owns-yours li:last-child{border-bottom:0}

/* ---- 11. Evidence list -------------------------------------------- */
.rg-evidence{display:grid;gap:0;border-top:1px solid var(--rg-rule-strong)}
.rg-case{display:grid;gap:var(--rg-space-6);padding:var(--rg-space-10) 0;border-bottom:1px solid var(--rg-rule-strong)}
@media (min-width:960px){.rg-case{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--rg-space-12)}}
.rg-case h3{font:600 clamp(1.3rem,1.1rem + .6vw,1.6rem)/1.25 var(--rg-font-display);letter-spacing:-.015em;margin:var(--rg-space-2) 0 var(--rg-space-4)}
.rg-case-client{font-size:var(--rg-text-sm)!important;font-weight:600;color:var(--rg-text-label);margin:0!important}
.rg-facts{display:grid;gap:var(--rg-space-3);margin:0 0 var(--rg-space-5)}
.rg-facts div{display:grid;grid-template-columns:7.5rem 1fr;gap:var(--rg-space-3)}
.rg-facts dt{font-size:var(--rg-text-sm);font-weight:600;color:var(--rg-text-muted);padding-top:.1rem}
.rg-facts dd{margin:0;font-size:var(--rg-text-md);line-height:var(--rg-leading-body);color:var(--rg-text)}
@media (max-width:480px){.rg-facts div{grid-template-columns:1fr;gap:var(--rg-space-1)}}
.rg-status{display:inline-flex;align-items:center;gap:.45em;padding:.15rem .6rem;border-radius:var(--rg-radius-full);font-size:var(--rg-text-sm);font-weight:600;line-height:1.5}
.rg-status::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:currentColor}
.rg-status-done{background:var(--rg-ok-50);color:var(--rg-ok-700)}
.rg-status-partial{background:var(--rg-wait-50);color:var(--rg-wait-800)}
.rg-case-quotes{display:grid;gap:var(--rg-space-8);align-content:start}
.rg-fact-box{margin:var(--rg-space-8) 0 0;padding:var(--rg-space-6);border:1px solid var(--rg-rule);border-radius:var(--rg-radius-md);background:var(--rg-surface);max-width:52rem}
.rg-fact-box .rg-facts{margin:0}
.rg-more-voices{margin-top:var(--rg-space-10);display:grid;gap:var(--rg-space-8)}
@media (min-width:900px){.rg-more-voices{grid-template-columns:1fr 1fr}}

/* ---- 12. Illustrative example (collapsed by default) -------------- */
.rg-disclosure{border:1px solid var(--rg-rule-strong);border-radius:var(--rg-radius-md);background:var(--rg-surface)}
.rg-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--rg-space-4);min-height:var(--rg-target);padding:var(--rg-space-4) var(--rg-space-6);cursor:pointer;font-weight:600;color:var(--rg-link);list-style:none}
.rg-disclosure>summary::-webkit-details-marker{display:none}
.rg-disclosure>summary::after{content:"+";font:500 1.5rem/1 var(--rg-font-body);color:var(--rg-text-muted)}
.rg-disclosure[open]>summary::after{content:"\2212"}
.rg-disclosure>summary:hover{background:var(--rg-surface-tint);color:var(--rg-link-hover)}
.rg-disclosure>summary:active{background:var(--rg-line-200)}
.rg-disclosure-body{padding:0 var(--rg-space-6) var(--rg-space-6)}
@media (max-width:600px){.rg-disclosure-body{padding:0 var(--rg-space-3) var(--rg-space-4)}.rg-disclosure>summary{padding-inline:var(--rg-space-4)}}
/* Replace the one-sided tinted bar (flagged by slop_tells) with a full hairline */
.cw-disclosure{border:1px solid var(--rg-rule)!important;border-radius:var(--rg-radius-sm);background:var(--rg-surface-soft)!important}

/* ---- 13. Ladder (how to start) ------------------------------------ */
.rg-ladder{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid var(--rg-rule-strong)}
.rg-ladder>li{display:grid;gap:var(--rg-space-4);padding:var(--rg-space-8) 0;border-bottom:1px solid var(--rg-rule-strong);max-width:none}
@media (min-width:900px){.rg-ladder>li{grid-template-columns:3rem minmax(0,15rem) minmax(0,1fr) auto;gap:var(--rg-space-8);align-items:start}}
.rg-ladder-step{font:600 var(--rg-text-sm)/1.9 var(--rg-font-body);color:var(--rg-text-label);font-variant-numeric:tabular-nums}
.rg-ladder h3{font:600 var(--rg-text-h3)/1.3 var(--rg-font-display);margin:0}
.rg-ladder-terms{display:block;margin-top:var(--rg-space-1);font-size:var(--rg-text-sm);font-weight:600;color:var(--rg-text-muted)}
.rg-ladder p{margin:0!important}
.rg-ladder-action{align-self:center}
.rg-ladder li:first-child{background:var(--rg-surface-tint);padding-inline:var(--rg-space-6);border-radius:var(--rg-radius-md);border-bottom-color:transparent}
.rg-ladder-foot{margin-top:var(--rg-space-6)!important;color:var(--rg-text-muted)}

/* ---- 14. About: photo in hero ------------------------------------- */
.rg-about-hero{display:grid;gap:var(--rg-space-8);align-items:center}
@media (min-width:860px){.rg-about-hero{grid-template-columns:minmax(0,1.6fr) minmax(220px,.6fr);gap:var(--rg-space-16)}}
.rg-about-hero figure{margin:0;max-width:300px}
.rg-about-hero img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:58% 15%;border-radius:var(--rg-radius-lg)}

/* ---- 15. Tables never clip their header on small screens ---------- */
@media (max-width:640px){.reduce-table thead,.reduce-table th{white-space:normal;overflow:visible}}

/* ---- 16. Reduced motion ------------------------------------------- */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .rg-button:active,button:active:not(:disabled){transform:none}
}
.rg-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.rg-owns-quote{margin-top:var(--rg-space-8)}
/* Plain content lists read as lists (the reset removed their markers) */
.rg-condensed :is(.rg-prose,.reduce-prose) ul:not([class]){list-style:disc;padding-left:1.25rem;margin:0 0 var(--rg-space-5)}
.rg-condensed :is(.rg-prose,.reduce-prose) ol:not([class]){list-style:decimal;padding-left:1.5rem;margin:0 0 var(--rg-space-5)}
.rg-condensed :is(.rg-prose,.reduce-prose) :is(ul,ol):not([class])>li{margin-bottom:var(--rg-space-2);padding-left:var(--rg-space-1)}
.rg-condensed :is(.rg-prose,.reduce-prose) :is(ul,ol):not([class])>li::marker{color:var(--rg-text-label);font-weight:600}
/* Compact booking button in the header below the desktop-nav breakpoint, so a
   phone visitor is never more than one tap from Calendly while scrolling */
/* Mobile-first: the compact header (booking button, no tagline) is the base;
   wider screens add the tagline and then swap the button for the desktop nav */
.rg-header-cta{display:inline-flex;margin-left:auto;min-height:40px;padding:.45rem .8rem;font-size:.875rem;white-space:nowrap}
.rg-nav-wrap{gap:.5rem;padding-inline:1rem}
.rg-wordmark span{display:none}
@media (min-width:481px){
  .rg-wordmark span{display:block}
  .rg-header-cta{padding-inline:1rem}
  .rg-nav-wrap{gap:1rem;padding-inline:1.5rem}
}
@media (min-width:1024px){.rg-nav-wrap{padding-inline:2rem}}
@media (min-width:1100px){.rg-header-cta{display:none}}
@media (max-width:420px){
  .rg-home .position-hero h1{font-size:2rem;line-height:1.12}
}
/* Mobile-first navigation: the phone layout is the base; the desktop nav is the
   enhancement (flagged by the library's verify_mobile_first gate) */
.rg-desktop-nav{display:none}
.rg-menu-toggle{display:inline-flex}
@media (min-width:1100px){.rg-desktop-nav{display:flex}.rg-menu-toggle{display:none}}


/* Local review revision: shorter home, explicit choices, original design retained. */
.rg-revised-home .rg-sec-head{margin-bottom:var(--rg-space-6)}
.rg-revised-home .rg-case{padding-block:var(--rg-space-8)}
.rg-revised-home .rg-case-brief{grid-template-columns:1fr}
.rg-revised-home .rg-case-brief>div{max-width:52rem}
.rg-case-status{margin:var(--rg-space-4) 0!important}
.rg-proof-footer,.rg-context-note{margin-top:var(--rg-space-6)!important}
.rg-owns-yours p:last-of-type{margin-bottom:var(--rg-space-5)}
.rg-playbook-intro{margin-bottom:var(--rg-space-6)!important}
.rg-playbook-quote{margin-bottom:var(--rg-space-8)}
.rg-ongoing{margin-top:var(--rg-space-8);padding-top:var(--rg-space-5);border-top:1px solid var(--rg-rule-strong);max-width:52rem}
.rg-ongoing h3{font:600 var(--rg-text-h3)/1.35 var(--rg-font-display);margin:0 0 var(--rg-space-3)}
.rg-intro-call{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--rg-space-6);padding:var(--rg-space-6);background:var(--rg-surface-tint);border-radius:var(--rg-radius-md)}
.rg-intro-call h3{font:600 var(--rg-text-h3)/1.35 var(--rg-font-display);margin:0 0 var(--rg-space-2)}
.rg-intro-call h3 span{display:block;font:400 var(--rg-text-sm)/1.6 var(--rg-font-body);color:var(--rg-text-muted)}
.rg-intro-call p{margin:0!important;max-width:44ch}
.rg-intro-call .rg-button{flex-shrink:0}
.rg-next-options{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--rg-space-8);margin-top:var(--rg-space-8)}
.rg-next-options article{border-top:1px solid var(--rg-rule-strong);padding-top:var(--rg-space-5)}
.rg-next-options h3{font:600 var(--rg-text-h3)/1.35 var(--rg-font-display);margin:0 0 var(--rg-space-2)}
.rg-option-price{font-weight:600;color:var(--rg-text-muted);margin-bottom:var(--rg-space-4)!important}
.rg-options-foot{margin-top:var(--rg-space-6)!important;font-size:var(--rg-text-sm)!important}
.rg-header-cta{min-height:44px}
@media(min-width:700px){.rg-next-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--rg-space-12)}}
@media(max-width:800px){
  .rg-revised-home .position-hero-grid{gap:var(--rg-space-6)}
  .rg-revised-home .position-portrait{display:flex;align-items:center;gap:var(--rg-space-4);max-width:none;margin:0}
  .rg-revised-home .position-portrait picture{display:block;width:88px;flex-shrink:0}
  .rg-revised-home .position-portrait img{display:block;width:88px;height:110px;min-height:0;aspect-ratio:4/5;object-fit:cover;border-radius:var(--rg-radius-md)}
  .rg-revised-home .position-portrait figcaption{margin:0;max-width:23ch}
}