/* Collection-only styles; individual Crowned Stories are untouched. */
.cs-library{max-width:1180px;margin:0 auto;color:#f3f0ea;font-family:'Source Sans 3',Arial,sans-serif;text-align:left}.cs-section{padding:36px 0 48px}.cs-heading{max-width:760px;margin:0 0 30px}.cs-heading h2{font-size:clamp(30px,3.4vw,46px);line-height:1.1;letter-spacing:-1.1px;font-weight:600;margin:10px 0 16px;color:inherit}.cs-heading p{font-size:18px;line-height:1.6;color:inherit;opacity:.85}.cs-eyebrow{font-size:12px!important;letter-spacing:2px;text-transform:uppercase;font-weight:600}.cs-card-grid,.cs-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.cs-story-card{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#f3f0ea;color:#2d2f2e;text-decoration:none;transition:transform .2s ease;min-width:0}.cs-card-image{aspect-ratio:1/1;overflow:hidden;background:#e6e0d6}.cs-card-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.cs-card-copy{padding:26px;display:flex;flex:1;flex-direction:column}.cs-card-copy h3,.cs-category h3{font-size:27px;font-weight:600;line-height:1.12;letter-spacing:-.6px;margin:8px 0 16px;color:inherit}.cs-card-copy p,.cs-category p{font-size:16px;line-height:1.55;margin:0 0 20px;color:inherit}.cs-card-copy .cs-role{font-size:11px;text-transform:uppercase;letter-spacing:1.25px;line-height:1.5;margin:0;min-height:33px}.cs-card-link{margin-top:auto;padding-top:12px;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:12px}.cs-story-card:hover{transform:translateY(-4px)}.cs-story-card:focus-visible,.cs-category:focus-visible,.cs-collection-nav a:focus-visible{outline:3px solid #b9a987;outline-offset:5px}.cs-category{padding:30px;border:1px solid #777871;border-radius:16px;color:inherit;text-decoration:none;display:flex;flex-direction:column}.cs-category:hover{background:#383b38}.cs-category h3{font-size:26px;max-width:260px}.cs-collection-nav{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}.cs-collection-nav a{padding:10px 16px;border:1px solid #777871;border-radius:30px;color:inherit;text-decoration:none;font-size:14px;line-height:1.4}.cs-collection-nav a[aria-current=page],.cs-collection-nav a:hover{color:#2d2f2e;background:#f3f0ea}.cs-testimonials-heading{margin-top:44px}.cs-category-library{padding:0 32px 72px;max-width:1260px;color:#2d2f2e}.cs-category-library .cs-story-card{background:#fff;border:1px solid #dedbd5}.cs-category-library .cs-collection-nav a[aria-current=page],.cs-category-library .cs-collection-nav a:hover{background:#2d2f2e;color:#f3f0ea}#all-stories{scroll-margin-top:100px}@media(max-width:950px){.cs-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-category-grid{grid-template-columns:1fr}.cs-category h3{max-width:none}.cs-category p{max-width:650px}.cs-category{padding:24px}.cs-section{padding:28px 0 36px}}@media(max-width:600px){.cs-card-grid{grid-template-columns:1fr;gap:20px}.cs-card-image{aspect-ratio:5/4}.cs-card-copy{padding:24px}.cs-card-copy .cs-role{min-height:0}.cs-category-library{padding:0 20px 48px}.cs-heading h2{letter-spacing:-.7px}.cs-collection-nav{gap:8px}.cs-collection-nav a{font-size:13px;padding:9px 13px}}@media(prefers-reduced-motion:reduce){.cs-story-card{transition:none}.cs-story-card:hover{transform:none}}

/* Featured stories: one full-width portrait and outcome card per woman. */
.cs-featured-stack{display:grid;gap:32px}.cs-featured-card{display:grid;grid-template-columns:43% 57%;min-height:440px;border-radius:22px}.cs-featured-card:hover{transform:none}.cs-featured-portrait{position:relative;min-height:440px;background:#e2ddcf;overflow:hidden}.cs-featured-portrait img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.cs-featured-copy{min-width:0;padding:clamp(28px,3.2vw,46px);container-type:inline-size;display:flex;flex-direction:column;justify-content:center}.cs-featured-copy .cs-featured-role{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:1.8px;color:#686b60;margin:0 0 24px}.cs-featured-copy h3{font-size:clamp(20px,7.3cqw,40px);line-height:1.1;letter-spacing:-1.2px;font-weight:600;margin:0 0 22px;color:#2d2f2e}.cs-featured-copy .cs-featured-summary{font-size:18px;line-height:1.6;color:#62645d;margin:0 0 28px}.cs-featured-person{padding-top:18px;border-top:1px solid #d3d0c7}.cs-featured-copy .cs-featured-name{font-size:24px;line-height:1.2;font-weight:600;letter-spacing:-.5px;margin:0 0 6px}.cs-featured-copy .cs-featured-profession{font-size:14px;line-height:1.5;color:#686b60;margin:0}.cs-featured-cta{display:inline-flex;align-items:center;align-self:flex-start;justify-content:space-between;gap:24px;margin-top:22px;padding:13px 22px;border-radius:40px;background:#2d2f2e;color:#f3f0ea;font-size:15px;line-height:1.4}.cs-featured-card:hover .cs-featured-cta{background:#454a40}@media(max-width:760px){.cs-featured-card{grid-template-columns:1fr;min-height:0}.cs-featured-portrait{min-height:0;height:clamp(240px,75vw,390px)}.cs-featured-copy{padding:26px}.cs-featured-copy h3{font-size:clamp(20px,7.3cqw,32px);letter-spacing:-.5px}.cs-featured-stack{gap:24px}}@media(prefers-reduced-motion:reduce){.cs-featured-card{transition:none}}
/* Use the same font files and weights as the three individual Crowned Stories. */
@font-face{font-family:'Helvetica Display';src:url('/crowned-stories/michelle-roby/fonts/helvetica-bold-optimized.woff2') format('woff2');font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:'Proxima Nova';src:url('/crowned-stories/michelle-roby/fonts/proxima-regular-optimized.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Proxima Nova';src:url('/crowned-stories/michelle-roby/fonts/proxima-bold-optimized.woff2') format('woff2');font-style:normal;font-weight:600 800;font-display:swap}.cs-featured-card{font-family:'Proxima Nova',Arial,sans-serif}.cs-featured-copy h3,.cs-featured-copy .cs-featured-name,.cs-featured-cta{font-family:'Helvetica Display',Helvetica,Arial,sans-serif;font-weight:400}.cs-featured-copy h3{text-wrap:balance}

/* Match the hub typography to the Crowned Story pages, including existing testimonials and FAQs. */
:is(.cs-hub,.cs-topic){font-family:'Proxima Nova',Arial,sans-serif}:is(.cs-hub,.cs-topic) main,:is(.cs-hub,.cs-topic) .cs-library,:is(.cs-hub,.cs-topic) main p,:is(.cs-hub,.cs-topic) main button,:is(.cs-hub,.cs-topic) main a{font-family:'Proxima Nova',Arial,sans-serif}:is(.cs-hub,.cs-topic) main h1,:is(.cs-hub,.cs-topic) main h2,:is(.cs-hub,.cs-topic) main h3,:is(.cs-hub,.cs-topic) .cs-featured-name,:is(.cs-hub,.cs-topic) .cs-featured-cta{font-family:'Helvetica Display',Helvetica,Arial,sans-serif;font-weight:400}:is(.cs-hub,.cs-topic) .cs-heading p,:is(.cs-hub,.cs-topic) .stories-proof-subcopy{font-family:'Proxima Nova',Arial,sans-serif}.cs-featured-card[data-cs-story="michelle-roby"] .cs-featured-portrait img{object-fit:contain;object-position:center center}.cs-featured-card[data-cs-story="michelle-roby"] .cs-featured-portrait{background:#e2ddcf}
@media(max-width:760px){.cs-featured-copy .cs-featured-name{font-size:20px}.cs-featured-cta{font-size:14px;padding:12px 18px;gap:16px;white-space:nowrap}}

/* The descriptive hub title stays on one desktop line without forcing mobile overflow. */
.cs-hub .stories-proof-title{font-size:clamp(28px,4.3vw,62px);line-height:1.12;letter-spacing:-.035em;text-transform:none}.cs-hub .stories-proof-title-line{white-space:nowrap}@media(max-width:760px){.cs-hub .stories-proof-title{font-size:clamp(28px,7.4vw,42px)}.cs-hub .stories-proof-title-line{white-space:normal;text-wrap:balance}}
/* White hub canvas, matching the audience collection pages. */
body.cs-hub,.cs-hub .page-shell,.cs-hub main,.cs-hub .stories-proof-section,.cs-hub .qa-wrapper{background:#fff;color:#2d2f2e}.cs-hub .cs-library,.cs-hub .stories-proof-title{color:#2d2f2e}.cs-hub .stories-proof-subcopy{color:#62645d}.cs-hub .stories-proof-eyebrow{color:#686b60}.cs-hub .cs-collection-nav a{border-color:#a1a39a;color:#2d2f2e}.cs-hub .cs-collection-nav a[aria-current=page],.cs-hub .cs-collection-nav a:hover{background:#2d2f2e;color:#f3f0ea;border-color:#2d2f2e}.cs-hub .stories-proof-toggle{background:#2d2f2e;color:#f3f0ea;border-color:#2d2f2e;box-shadow:none}.cs-hub .stories-proof-toggle:hover,.cs-hub .stories-proof-toggle:focus-visible{background:#454a40;color:#fff;border-color:#454a40;box-shadow:none}.cs-hub .stories-proof-toggle:focus-visible{outline-color:#2d2f2e}
/* White editorial cards with a text link, matching the vertical reference. */
:is(.cs-hub,.cs-topic) .cs-featured-card{background:#fff;border:1px solid #dedbd5}:is(.cs-hub,.cs-topic) .cs-featured-copy{background:#fff}:is(.cs-hub,.cs-topic) .cs-featured-copy h3{margin-bottom:30px}:is(.cs-hub,.cs-topic) .cs-featured-person{padding-top:26px}:is(.cs-hub,.cs-topic) .cs-featured-copy .cs-featured-name{font-size:30px;line-height:1.2;margin-bottom:10px}:is(.cs-hub,.cs-topic) .cs-featured-copy .cs-featured-profession{font-size:17px;line-height:1.5;color:#62645d}:is(.cs-hub,.cs-topic) .cs-featured-cta{align-self:stretch;justify-content:space-between;gap:20px;margin-top:30px;padding:0;min-height:24px;border:0;border-radius:0;background:transparent;color:#2d2f2e;font-family:'Proxima Nova',Arial,sans-serif;font-size:15px;font-weight:700;line-height:1.5}:is(.cs-hub,.cs-topic) .cs-featured-card:hover .cs-featured-cta{background:transparent;color:#2d2f2e;text-decoration:none}:is(.cs-hub,.cs-topic) .cs-featured-cta span{font-size:20px;font-weight:400}@media(max-width:760px){:is(.cs-hub,.cs-topic) .cs-featured-copy h3{margin-bottom:26px}:is(.cs-hub,.cs-topic) .cs-featured-person{padding-top:24px}:is(.cs-hub,.cs-topic) .cs-featured-copy .cs-featured-name{font-size:27px}:is(.cs-hub,.cs-topic) .cs-featured-copy .cs-featured-profession{font-size:16px}:is(.cs-hub,.cs-topic) .cs-featured-cta{margin-top:28px}}

/* Keep the story-link arrow adjacent to its label. */
:is(.cs-hub,.cs-topic) .cs-featured-cta{align-self:flex-start;justify-content:flex-start;gap:12px}

/* Use a soft off-white backdrop for subtle contrast behind the three portraits. */
.cs-featured-card:is([data-cs-story="michelle-roby"],[data-cs-story="stephanie-byerly"],[data-cs-story="amy-lacey"]) .cs-featured-portrait{background:#f5f4f0}

/* Match the shadow on the More Voices, More Possibilities cards. */
:is(.cs-hub,.cs-topic) .cs-featured-card{box-shadow:0 22px 70px rgba(0,0,0,.2)}

/* Scroll emphasis rises near the viewport center and settles in either direction. */
@media(prefers-reduced-motion:no-preference){
  :is(.cs-hub,.cs-topic) .cs-featured-card{
    --cs-scroll-emphasis:0;
    transition:none;
    transform:translateY(calc(-18px * var(--cs-scroll-emphasis))) scale(calc(.975 + .025 * var(--cs-scroll-emphasis)));
    box-shadow:0 calc(8px + 14px * var(--cs-scroll-emphasis)) calc(24px + 46px * var(--cs-scroll-emphasis)) rgba(0,0,0,calc(.07 + .13 * var(--cs-scroll-emphasis)));
  }
}

/* A restrained light sweep, inspired by the Discover hero CTA. Featured Michelle only. */
.cs-hub .cs-featured-card[data-cs-story="michelle-roby"][data-cs-placement="featured"]{position:relative;isolation:isolate}
.cs-hub .cs-featured-card[data-cs-story="michelle-roby"][data-cs-placement="featured"]::after{content:"";position:absolute;z-index:2;top:0;left:0;width:35%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(200,184,154,.12),rgba(255,255,255,.38),rgba(200,184,154,.12),transparent);transform:translateX(-200%) skewX(-20deg);animation:cs-featured-shimmer 6s ease-in-out 2s infinite}
@keyframes cs-featured-shimmer{0%{transform:translateX(-110%) skewX(-20deg)}40%,100%{transform:translateX(400%) skewX(-20deg)}}
@media(prefers-reduced-motion:reduce){.cs-hub .cs-featured-card[data-cs-placement="featured"]::after{display:none;animation:none}}
/* Featured desktop summary: identity and link left, verified hero results right. */
.cs-featured-details{display:contents}.cs-featured-results{display:none}
@media(min-width:1001px){
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-details{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:20px;align-items:start;border-top:1px solid #d3d0c7;padding-top:24px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-person{grid-column:1;grid-row:1;border:0;padding:0}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-name{font-size:22px;margin-bottom:8px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-profession{font-size:12px;line-height:1.5;white-space:nowrap}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-cta{grid-column:1;grid-row:2;margin-top:24px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results{display:block;grid-column:2;grid-row:1/3;padding-left:22px;border-left:1px solid #e6e3db}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-results-label{margin:0 0 10px;font-size:11px;font-weight:700;line-height:1.4;letter-spacing:1.2px;text-transform:uppercase;color:#62645d}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results li{position:relative;padding-left:17px;font-size:14px;line-height:1.4;color:#2d2f2e}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results li:before{content:'✓';position:absolute;left:0;top:0;color:#9a8460;font-size:13px;font-weight:700}
}

/* Give the remaining stories room for the approved result summaries. */
@media(min-width:1001px){
:is(.cs-hub,.cs-topic) .cs-results-card-expanded .cs-featured-details{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:16px}
:is(.cs-hub,.cs-topic) .cs-results-card-expanded .cs-featured-profession{white-space:normal}
:is(.cs-hub,.cs-topic) .cs-results-card-expanded .cs-featured-results{padding-left:16px}
}

/* Readable results on phones and tablets, followed by the story link. */
@media(max-width:1000px){
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-details{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;border-top:1px solid #d3d0c7;padding-top:22px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-person{padding:0;border:0;min-width:0}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-name{font-size:24px;line-height:1.2;margin-bottom:8px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-profession{font-size:14px;line-height:1.45;white-space:normal}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results{display:block;border-top:1px solid #e6e3db;padding-top:18px;min-width:0}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-results-label{margin:0 0 12px;font-size:11px;line-height:1.4;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:#62645d}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results ul{list-style:none;padding:0;margin:0;display:grid;gap:9px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results li{position:relative;padding-left:19px;font-size:14px;line-height:1.45;color:#2d2f2e}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-results li:before{content:'✓';position:absolute;left:0;top:0;color:#9a8460;font-size:13px;font-weight:700}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-cta{margin:0;min-height:44px;align-items:center}
}
@media(max-width:760px){
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-portrait{height:clamp(220px,72vw,300px)}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-copy{padding:24px}
:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-copy h3{margin-bottom:22px}
}
@media(max-width:360px){:is(.cs-hub,.cs-topic) .cs-results-card .cs-featured-copy{padding:20px}}

/* Underline the label only, so the arrow never acquires a detached baseline. */
:is(.cs-hub,.cs-topic) .cs-featured-cta .cs-cta-label{font-size:inherit;font-weight:inherit;line-height:inherit}
:is(.cs-hub,.cs-topic) .cs-featured-card:is(:hover,:focus-visible) .cs-cta-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}

/* Match the shared floating navigation's translucent glass and champagne selection. */
.cs-library .cs-collection-nav a{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;box-sizing:border-box;border:0;border-radius:100px;background:#f7f7f6;color:#2a2a2d;font-weight:600;box-shadow:0 8px 24px rgba(20,20,24,.14),0 2px 6px rgba(20,20,24,.08);transition:box-shadow .2s ease,transform .2s ease;text-align:center}
.cs-library .cs-collection-nav a:before{content:'';position:absolute;inset:0;z-index:-2;border-radius:inherit;pointer-events:none;background:rgba(250,250,249,.52)}
.cs-library .cs-collection-nav a:after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 24% 0%,rgba(255,255,255,.48),transparent 62%),linear-gradient(155deg,rgba(255,255,255,.5),rgba(255,255,255,.08) 42%,rgba(255,255,255,.22));box-shadow:inset 1px 2px 1px rgba(255,255,255,.85),inset -1px -1px 1px rgba(255,255,255,.5),inset 0 0 0 1px rgba(255,255,255,.3)}
@supports ((backdrop-filter:blur(10px)) or (-webkit-backdrop-filter:blur(10px))){.cs-library .cs-collection-nav a{background:transparent}.cs-library .cs-collection-nav a:before{backdrop-filter:blur(10px) saturate(135%);-webkit-backdrop-filter:blur(10px) saturate(135%);filter:url('#fd-nav-distortion')}}
.cs-library .cs-collection-nav a[aria-current=page],.cs-library .cs-collection-nav a:hover{background:transparent;color:#2a2a2d}
.cs-library .cs-collection-nav a[aria-current=page]:before{background:linear-gradient(180deg,rgba(238,230,212,.92),rgba(232,223,200,.88))}
.cs-library .cs-collection-nav a[aria-current=page]{box-shadow:0 8px 24px rgba(20,20,24,.14),0 2px 6px rgba(20,20,24,.08),0 0 0 1px rgba(200,184,154,.7)}
.cs-library .cs-collection-nav a:hover:before{background:rgba(238,230,212,.82)}
.cs-library .cs-collection-nav a:focus-visible{outline:3px solid #b9a987;outline-offset:4px}
@media(max-width:767px),(prefers-reduced-motion:reduce){.cs-library .cs-collection-nav a:before{filter:none}}
@media(prefers-reduced-motion:reduce){.cs-library .cs-collection-nav a{transition:none}}
@media(prefers-reduced-transparency:reduce){.cs-library .cs-collection-nav a:before{background:#f7f7f6;backdrop-filter:none;-webkit-backdrop-filter:none;filter:none}.cs-library .cs-collection-nav a[aria-current=page]:before{background:#e8dfc8}.cs-library .cs-collection-nav a:after{background:none}}
@media(forced-colors:active){.cs-library .cs-collection-nav a{background:Canvas;color:CanvasText;border:1px solid CanvasText}.cs-library .cs-collection-nav a:before,.cs-library .cs-collection-nav a:after{display:none}.cs-library .cs-collection-nav a[aria-current=page]{background:Highlight;color:HighlightText}}

/* Keep the main title close to the floating navigation after removing its eyebrow. */
.cs-hub .stories-proof-section{padding-top:24px}
@media(max-width:991px){.cs-hub .stories-proof-section{padding-top:8px}}

@media(max-width:600px){.cs-hub .cs-heading .cs-featured-intro{font-size:clamp(12px,3.6vw,18px);line-height:1.6}.cs-featured-intro>span{display:block;white-space:nowrap}}

.cs-voices-mobile{display:none}
@media(max-width:767px){.cs-voices-desktop{display:none}.cs-voices-mobile{display:block;font-size:clamp(26px,6.8vw,36px);white-space:nowrap}}

/* Keep story links visibly actionable on touch screens without requiring hover. */
@media(max-width:767px){:is(.cs-hub,.cs-topic) .cs-featured-cta .cs-cta-label{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}}

@media(max-width:760px){:is(.cs-hub,.cs-topic) .cs-featured-card[data-cs-story="michelle-roby"] .cs-featured-copy h3{font-size:clamp(17px,7cqw,32px);text-wrap:wrap}.cs-michelle-title-first{display:block;white-space:nowrap;text-transform:capitalize}}
