/* Design option B: the look of the client handouts (ruthunaegbu.com/handouts/).
   White pages, a soft blush header card, rounded cards with coloured title strips,
   bold sans-serif headings and small uppercase labels. Loaded after site.css. */
:root{
  --paper:#fff;
  --ink:#2e1a23;
  --body:#3d3035;
  --muted:#6f5c64;
  --line:#eedde4;
  --wine:#8c1641;
  --hand-wine:#8a3b57;
  --head-bg:linear-gradient(180deg,#fbf5f8 0%,#f5e7ee 100%);
  --head-line:#f0dfe6;
  --serif:var(--sans);
}
/* Card colour sets, as in the handouts */
body.rucc-site .c-blush{--cb:#f8ebf0;--cl:#efd6df;--ci:#8a3b57}
body.rucc-site .c-sage{--cb:#edf6f0;--cl:#d5eadc;--ci:#2f7a4e}
body.rucc-site .c-peach{--cb:#fbf1e7;--cl:#f1dec9;--ci:#9a5b1e}
body.rucc-site .c-rose{--cb:#fbe9ec;--cl:#f2cdd5;--ci:#a2304b}
body.rucc-site .c-sun{--cb:#fdf6dc;--cl:#f3e2a6;--ci:#8a6410}

body.rucc-site{background:#fff;color:var(--body)}
body.rucc-site h1,body.rucc-site h2,body.rucc-site h3{font-family:var(--sans);font-weight:800;color:var(--ink);letter-spacing:-.015em}
body.rucc-site h1{font-size:clamp(2.1rem,4.2vw,3.1rem);line-height:1.12}
body.rucc-site h2{font-size:clamp(1.6rem,2.8vw,2.1rem)}
body.rucc-site h3{font-size:1.1rem}
body.rucc-site a{color:var(--hand-wine);text-underline-offset:2px}
body.rucc-site .lede{color:var(--muted)}
body.rucc-site .kicker,body.rucc-site .page-hero .kicker,body.rucc-site .book-hero .kicker,body.rucc-site .home-hero .kicker,body.rucc-site .feature .kicker{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hand-wine)}

/* Header and footer: plain white, thin rules */
body.rucc-site .site-header{background:rgba(255,255,255,.96)}
body.rucc-site footer{background:#fff;border-top:1px solid var(--line);color:var(--muted)}
body.rucc-site footer h2{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--hand-wine);font-weight:700}
body.rucc-site footer .foot-grid > div:first-child h2{font-size:1.05rem;letter-spacing:0;text-transform:none;color:var(--ink);font-weight:800}
body.rucc-site footer a{color:var(--body)}
body.rucc-site .legal{border-top-color:var(--line)}

/* Page headers become the handouts' blush header card */
body.rucc-site .page-hero,body.rucc-site .book-hero{background:none;padding-block:24px 8px}
body.rucc-site .page-hero > .wrap,body.rucc-site .book-hero > .wrap{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--wrap) - 2 * var(--gutter));margin-inline:auto;background:var(--head-bg);border:1px solid var(--head-line);border-radius:20px;padding:clamp(28px,4vw,48px) clamp(22px,4vw,52px)}
body.rucc-site .page-hero .photo{border-radius:18px;max-width:360px}
body.rucc-site .page-hero .photo.bubble{border-radius:50%}
body.rucc-site .page-hero .photo.bubble::after{display:none}

/* Homepage hero: a light card with the photo on the right */
body.rucc-site .home-hero{background:var(--head-bg);color:var(--ink);border:1px solid var(--head-line);border-radius:22px;width:calc(100% - 2 * var(--gutter));max-width:calc(var(--wrap) - 2 * var(--gutter));margin:24px auto 0;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;--hero-h:auto}
body.rucc-site .home-hero::before{display:none}
body.rucc-site .home-hero .hero-photo{position:static;grid-column:2;grid-row:1;width:100%;height:100%;min-height:440px;object-fit:cover;object-position:62% 12%;-webkit-mask-image:none;mask-image:none}
body.rucc-site .home-hero .wrap{grid-column:1;grid-row:1;min-height:0;max-width:none;width:auto;margin:0;padding:clamp(32px,4.5vw,56px)}
body.rucc-site .home-hero h1{color:var(--ink)}
body.rucc-site .home-hero .intro{color:var(--muted)}
body.rucc-site .home-hero .text-link{color:var(--hand-wine)}
body.rucc-site .home-hero .reassure,body.rucc-site .home-hero .current-client{color:var(--muted)}
body.rucc-site .home-hero .current-client a{color:var(--hand-wine)}
body.rucc-site .hero-say{right:24px;bottom:24px;box-shadow:0 8px 20px rgba(46,26,35,.16)}
@media (max-width:860px){
  body.rucc-site .home-hero{display:flex;flex-direction:column}
  body.rucc-site .home-hero .hero-photo{order:-1;min-height:0;height:auto;aspect-ratio:4/3}
  body.rucc-site .home-hero .wrap{padding:24px 20px 28px}
  body.rucc-site .hero-say{top:auto;bottom:auto;position:static;margin:0 20px 22px;max-width:none;align-self:flex-start}
}

/* Credentials become small pills */
body.rucc-site .trust-band{border:0}
body.rucc-site .trust-band .trust{gap:8px;padding-block:18px}
body.rucc-site .trust li{background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 14px 4px 10px;font-size:.9rem;font-weight:600;color:var(--body)}

/* Value cards with coloured title strips */
body.rucc-site .value-list{gap:14px}
body.rucc-site .value-list li{border:1px solid var(--cl);border-radius:16px;overflow:hidden;padding:0;background:#fff}
body.rucc-site .value-list li:nth-child(4n+1){--cb:#f8ebf0;--cl:#efd6df;--ci:#8a3b57}
body.rucc-site .value-list li:nth-child(4n+2){--cb:#edf6f0;--cl:#d5eadc;--ci:#2f7a4e}
body.rucc-site .value-list li:nth-child(4n+3){--cb:#fbf1e7;--cl:#f1dec9;--ci:#9a5b1e}
body.rucc-site .value-list li:nth-child(4n+4){--cb:#fdf6dc;--cl:#f3e2a6;--ci:#8a6410}
body.rucc-site .value-list h3{background:var(--cb);color:var(--ci);border-bottom:1px solid var(--cl);margin:0;padding:11px 18px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.35}
body.rucc-site .value-list p{padding:14px 18px 16px}

/* "Who I work with" cards */
body.rucc-site .focus article{background:#fff;border:1px solid var(--cl,#efd6df);border-radius:16px;position:relative;overflow:hidden;padding:18px}
body.rucc-site .focus article:nth-child(4n+1){--cl:#efd6df;--ci:#8a3b57}
body.rucc-site .focus article:nth-child(4n+2){--cl:#d5eadc;--ci:#2f7a4e}
body.rucc-site .focus article:nth-child(4n+3){--cl:#f1dec9;--ci:#9a5b1e}
body.rucc-site .focus article:nth-child(4n+4){--cl:#f2cdd5;--ci:#a2304b}
body.rucc-site .focus article::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--ci)}
body.rucc-site .focus img{border-radius:12px}
body.rucc-site .focus a{color:var(--ci)}

/* Steps as numbered cards */
body.rucc-site .steps li{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fff}
body.rucc-site .steps li::before{font-family:var(--sans);font-weight:800;font-size:1.6rem;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#f8ebf0;color:var(--hand-wine)}
body.rucc-site .steps li:nth-child(2)::before{background:#edf6f0;color:#2f7a4e}
body.rucc-site .steps li:nth-child(3)::before{background:#fbf1e7;color:#9a5b1e}
body.rucc-site .steps li:nth-child(4)::before{background:#fdf6dc;color:#8a6410}

/* Fees strip and glance facts as soft cards */
body.rucc-site .fee-strip{border:0}
body.rucc-site .fee-strip-inner{background:#fbf5f8;border:1px solid var(--head-line);border-radius:16px;padding:18px 24px}
body.rucc-site .fee-strip strong{font-family:var(--sans);font-weight:800;color:var(--ink)}
body.rucc-site .glance-band{border:0}
body.rucc-site .glance{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;margin-top:20px}

/* Intensives feature: light card instead of burgundy */
body.rucc-site .feature,body.rucc-site .feature .feature-grid{color:var(--body)}
body.rucc-site .feature .feature-grid{background:linear-gradient(160deg,#f8ebf0 0%,#f1dce5 100%);border:1px solid #efd6df;border-radius:20px}
body.rucc-site .feature h2{color:var(--ink)}
body.rucc-site .feature p{color:var(--muted)}
body.rucc-site .feature-box{background:#fff;border:1px solid #efd6df;border-left:1px solid #efd6df;border-radius:16px;padding:0;overflow:hidden}
body.rucc-site .feature-box h3{background:#f8ebf0;color:var(--hand-wine);border-bottom:1px solid #efd6df;padding:11px 20px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;margin:0}
body.rucc-site .feature-box ul{padding:16px 20px 18px}
body.rucc-site .feature-box li{color:var(--body)}
body.rucc-site .feature-box li::before{background:var(--hand-wine)}

/* Quote */
body.rucc-site .quote blockquote p,body.rucc-site .quote p:first-child{font-family:var(--sans);font-weight:700}

/* FAQ as separate rounded rows */
body.rucc-site .faq{background:#fff}
body.rucc-site .faq-list details,body.rucc-site .faq-list details:first-of-type{border:1px solid var(--line);border-radius:14px;margin-bottom:10px;padding:0 18px}
body.rucc-site .faq-list summary{padding:16px 36px 16px 0}
body.rucc-site .faq-list details p{margin-bottom:16px}
body.rucc-site .crisis{background:#fbe9ec;border:1px solid #f2cdd5;border-radius:14px;color:var(--body)}

/* Asides and booking boxes */
body.rucc-site .aside-card,body.rucc-site .aside-panel,body.rucc-site .side-block,body.rucc-site .fit-card,body.rucc-site .callout,body.rucc-site .book-card{border-radius:16px;border-color:var(--line)}
body.rucc-site .aside-panel.soft,body.rucc-site .callout{background:#fbf5f8}

/* Closing: the handouts' soft "agree" panel */
body.rucc-site .closing-bubble{background:linear-gradient(160deg,#f8ebf0 0%,#f1dce5 100%);color:var(--ink);border:1px solid #efd6df;border-radius:20px}
body.rucc-site .closing-bubble::after{display:none}
body.rucc-site .closing h2{color:var(--ink)}
body.rucc-site .closing p,body.rucc-site .closing .reassure-list,body.rucc-site .closing .reassure-list li{color:var(--muted)}
body.rucc-site .closing-alt a{color:var(--hand-wine)}
body.rucc-site .closing .btn-sun{background:var(--wine);color:#fff}
body.rucc-site .closing .btn-sun:hover{background:var(--wine-dark);color:#fff}
body.rucc-site .fee-strip-inner.wrap{width:calc(100% - 2 * var(--gutter));max-width:calc(var(--wrap) - 2 * var(--gutter));margin-inline:auto}

/* Meet Maddy: handouts-style card with a coloured strip */
body.rucc-site .maddy-card{background:#fff;border:1px solid #d5eadc;border-radius:20px;position:relative;overflow:hidden}
body.rucc-site .maddy-card::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:#2f7a4e}
body.rucc-site .maddy-card .kicker{color:#2f7a4e}
body.rucc-site .maddy-card img{border-color:#edf6f0}

/* Full-width headers (October 19): the blush header now runs edge to edge on every page */
body.rucc-site .page-hero,body.rucc-site .book-hero{background:var(--head-bg);border-bottom:1px solid var(--head-line);padding-block:clamp(36px,5vw,64px)}
body.rucc-site .page-hero > .wrap,body.rucc-site .book-hero > .wrap{width:auto;max-width:var(--wrap);background:none;border:0;border-radius:0;padding:0 var(--gutter)}
body.rucc-site .home-hero{border:0;border-bottom:1px solid var(--head-line);border-radius:0;width:auto;max-width:none;margin:0;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
body.rucc-site .home-hero .hero-photo{min-height:520px}
body.rucc-site .home-hero .wrap{padding:clamp(40px,5vw,72px) clamp(28px,4vw,56px) clamp(40px,5vw,72px) calc(max(0px,(100vw - var(--wrap)) / 2) + var(--gutter))}
body.rucc-site .home-hero .copy{max-width:540px}
@media (max-width:860px){body.rucc-site .home-hero .wrap{padding:24px var(--gutter) 28px}body.rucc-site .hero-say{margin:0 var(--gutter) 22px}}

/* "Ready when you are" runs the full width of the page, like the headers */
body.rucc-site .closing{padding-block:0}
body.rucc-site .closing > .wrap{max-width:none;padding:0}
body.rucc-site .closing-bubble{max-width:none;border-radius:0;border-left:0;border-right:0;padding:clamp(48px,6vw,80px) var(--gutter)}
body.rucc-site .closing-bubble > *{max-width:760px;margin-inline:auto}

/* My approach page, in the handouts' card colours */
body.rucc-site .modality.m-aedp{--cb:#f8ebf0;--cl:#efd6df;--ci:#8a3b57}
body.rucc-site .modality.m-bsp{--cb:#fdf6dc;--cl:#f3e2a6;--ci:#7a5a0c}
body.rucc-site .modality.m-ifs{--cb:#fbf1e7;--cl:#f1dec9;--ci:#9a5b1e}
body.rucc-site .modality{border-radius:16px}
body.rucc-site .modality-lede{font-weight:700}

/* Light backgrounds in this design: keep the burgundy focus outline */
body.rucc-site .home-hero :focus-visible,body.rucc-site .closing-bubble :focus-visible,body.rucc-site .feature .feature-grid :focus-visible{outline-color:var(--wine)}
/* Home header: give the text more room than the photo so the two halves balance */
@media (min-width:861px){
  body.rucc-site .home-hero{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
  body.rucc-site .home-hero .copy{max-width:600px}
  body.rucc-site .home-hero .hero-photo{object-position:58% 12%}
}
/* Home header balance on wide screens: wider text block, even kicker lines, speech bubble off Ruth's arm */
@media (min-width:861px){
  body.rucc-site .home-hero .copy{max-width:640px}
  body.rucc-site .home-hero .kicker{text-wrap:balance}
  body.rucc-site .hero-say{right:auto;left:calc(60% + 24px)}
}
/* Home header: centre the text block in its half instead of lining it up with the menu, so it does not drift right on wide screens */
@media (min-width:861px){
  body.rucc-site .home-hero .wrap{padding:clamp(40px,5vw,72px) clamp(32px,5vw,96px);align-items:center}
  body.rucc-site .home-hero .copy{width:100%}
}
/* Home header, wide screens: cap the text half so the photo grows instead of the empty space */
@media (min-width:861px){
  body.rucc-site .home-hero{grid-template-columns:minmax(0,min(860px,60%)) minmax(0,1fr)}
  body.rucc-site .home-hero .wrap{align-items:flex-start;padding:clamp(40px,5vw,72px) clamp(32px,4vw,64px) clamp(40px,5vw,72px) clamp(32px,6vw,112px)}
  body.rucc-site .hero-say{left:calc(min(860px,60%) + 24px)}
}
@media (min-width:861px){
  body.rucc-site .home-hero .hero-photo{height:0;min-height:100%}
  body.rucc-site .home-hero .wrap{min-height:560px;justify-content:center}
}
body.rucc-site .focus article.wide{--cl:#f1e2b4;--ci:#8a6a10}
body.rucc-site .home-hero.hero-v4{background:var(--head-bg);border:0;border-bottom:1px solid var(--head-line);border-radius:0;width:auto;max-width:none;margin:0;display:block}
/* Less pink (October 2026): headers, panels and the closing area in warm cream, pink kept only as one card accent */
:root{--head-bg:linear-gradient(180deg,#fcfaf6 0%,#f4eee4 100%);--head-line:#ebe2d3;--line:#ebe4da}
body.rucc-site .fee-strip-inner,body.rucc-site .aside-panel.soft,body.rucc-site .callout{background:#faf7f1}
body.rucc-site .feature .feature-grid{background:linear-gradient(160deg,#f7f2e9 0%,#efe6d6 100%);border-color:#e6dbc8}
body.rucc-site .feature-box{border-color:#e6dbc8}
body.rucc-site .feature-box h3{background:#f7f2e9;border-bottom-color:#e6dbc8}
body.rucc-site .closing-bubble{background:linear-gradient(160deg,#f7f2e9 0%,#efe6d6 100%);border-color:#e6dbc8}
body.rucc-site .aside-card{background:#faf7f1}
body.rucc-site .home-hero.hero-v4{background:linear-gradient(150deg,#8c1641 0%,#6e0f32 100%);border-bottom:0}
body.rucc-site .hero-v4 .kicker{color:var(--sun)}
body.rucc-site .home-hero.hero-v4 h1{color:#fff}
body.rucc-site .home-hero.hero-v4 .intro{color:#f4e6ec}
body.rucc-site .home-hero.hero-v4 .reassure,body.rucc-site .home-hero.hero-v4 .current-client{color:#e9d3dc}
body.rucc-site .home-hero.hero-v4 .text-link,body.rucc-site .home-hero.hero-v4 .current-client a{color:#fff}
body.rucc-site .home-hero.hero-v4 :focus-visible{outline-color:var(--sun)}
/* Lighter burgundy for the home header */
body.rucc-site section.home-hero.hero-v4,body.rucc-site .home-hero.hero-v4{background:linear-gradient(150deg,#b8466f 0%,#a02c58 100%)}
/* Home header back to warm cream, with burgundy as an accent block behind the photo */
body.rucc-site section.home-hero.hero-v4,body.rucc-site .home-hero.hero-v4{background:linear-gradient(180deg,#fcfaf6 0%,#f4eee4 100%);color:var(--ink);border-bottom:1px solid #ebe2d3}
body.rucc-site .home-hero.hero-v4 h1,body.rucc-site .hero-v4 h1{color:var(--ink)}
body.rucc-site .home-hero.hero-v4 .kicker,body.rucc-site .hero-v4 .kicker{color:var(--wine)}
body.rucc-site .home-hero.hero-v4 .intro,body.rucc-site .hero-v4 .intro{color:var(--muted)}
body.rucc-site .home-hero.hero-v4 .reassure,body.rucc-site .home-hero.hero-v4 .current-client,body.rucc-site .hero-v4 .reassure,body.rucc-site .hero-v4 .current-client{color:var(--muted)}
body.rucc-site .home-hero.hero-v4 .text-link,body.rucc-site .home-hero.hero-v4 .current-client a,body.rucc-site .hero-v4 .text-link,body.rucc-site .hero-v4 .current-client a{color:var(--wine)}
body.rucc-site .hero-v4 .btn-sun{background:#111;color:#fff}
body.rucc-site .hero-v4 .btn-sun:hover{background:var(--wine);color:#fff}
body.rucc-site .home-hero.hero-v4 :focus-visible,body.rucc-site .hero-v4 :focus-visible{outline-color:var(--wine)}
body.rucc-site .hero-v4 .hv4-visual{isolation:isolate}
body.rucc-site .hero-v4 .hv4-visual::before{content:"";position:absolute;z-index:-1;top:-18px;right:-18px;width:62%;height:70%;border-radius:24px;background:#8c1641}
body.rucc-site .hv4-card{box-shadow:0 18px 40px rgba(46,26,35,.16)}
@media (max-width:860px){body.rucc-site .hero-v4 .hv4-visual::before{top:-12px;right:-10px;width:55%;height:45%}}

/* Larger small labels (October 2026) */
body.rucc-site .kicker,body.rucc-site .page-hero .kicker,body.rucc-site .book-hero .kicker,body.rucc-site .home-hero .kicker,body.rucc-site .feature .kicker,body.rucc-site footer h2,body.rucc-site .value-list h3,body.rucc-site .feature-box h3{font-size:13px}