/* Editorial Q&A pages. Loaded only by the Influential Women default template. */
.iw-qna {
    --qna-paper: #fff;
    --qna-blush: #fef4f3;
    --qna-warm: #f9f7f5;
    --qna-night: #161616;
    --qna-heading: #002c39;
    --qna-ink: #0e1011;
    --qna-body: #454546;
    --qna-pink: #ce57a4;
    --qna-link: #a52c7a;
    --qna-rule: #e6e0e2;
    --qna-serif: 'Playfair Display', Georgia, serif;
    background: var(--qna-paper);
    color: var(--qna-body);
    font: 400 17px/1.65 'Inter', sans-serif;
    overflow-wrap: anywhere;
}
.iw-qna *, .iw-qna *::before, .iw-qna *::after { box-sizing: border-box; }
.iw-qna :is(h1, h2, h3, p, figure, blockquote) { margin: 0; }
.iw-qna :is(h1, h2, h3) { color: var(--qna-heading); font-family: var(--qna-serif); font-weight: 700; letter-spacing: -.035em; }
.iw-qna h1 { font-size: clamp(40px, 4.7vw, 68px); line-height: 1.08; }
.iw-qna h2 { font-size: clamp(32px, 3.3vw, 48px); line-height: 1.15; }
.iw-qna h3 { font-size: 27px; line-height: 1.25; }
.iw-qna a { color: inherit; font-family: inherit; text-decoration: none; }
.iw-qna a:hover { color: var(--qna-link); }
.iw-qna :is(h2, h3) a:hover { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .12em; }
.iw-qna :is(a, button, [tabindex]):focus-visible { outline: 2px solid var(--qna-link); outline-offset: 5px; }
.iw-qna img { display: block; max-width: 100%; }
.iw-qna button { font: inherit; cursor: pointer; }
.iw-qna [hidden] { display: none !important; }
.iw-qna__wrap { width: min(100% - 80px, 1392px); margin-inline: auto; }
.iw-qna__section { padding-block: 100px; }
.iw-qna :is([id], .iw-qna__answer) { scroll-margin-top: 32px; }
.iw-qna .iw-qna__eyebrow { color: var(--qna-link); font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: .13em; text-transform: uppercase; margin-bottom: 18px; }
.iw-qna__stroke { position: relative; isolation: isolate; }
.iw-qna__stroke::after { content: ''; position: absolute; z-index: -1; bottom: -.06em; left: 0; width: 100%; height: 3px; background: var(--qna-pink); transform: rotate(-.4deg) skewX(-35deg); }
.iw-qna__section-heading { text-align: center; margin-bottom: 48px; }
.iw-qna__section-heading > p:not(.iw-qna__eyebrow) { max-width: 620px; margin: 24px auto 0; }
.iw-qna__section-heading .iw-qna__button { margin-top: 32px; }
.iw-qna__button { display: inline-flex; align-items: center; justify-content: center; gap: 26px; min-height: 50px; padding: 13px 24px; border: 1px solid var(--qna-ink); color: var(--qna-ink); font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: .025em; text-transform: uppercase; text-align: center; }
.iw-qna__button span { font-size: 20px; line-height: 1; }
.iw-qna a.iw-qna__button:hover { border-color: var(--qna-link); color: var(--qna-link); }
.iw-qna a.iw-qna__button--solid { color: #fff; background: var(--qna-ink); }
.iw-qna a.iw-qna__button--solid:hover { color: #fff; background: var(--qna-link); border-color: var(--qna-link); }
.iw-qna a.iw-qna__text-link { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; color: var(--qna-link); font-size: 14px; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 6px; }
.iw-qna a.iw-qna__text-link:hover { color: var(--qna-ink); }
.iw-qna__mark { display: inline-flex; align-items: baseline; color: var(--qna-heading); font: 400 128px/.85 var(--qna-serif); letter-spacing: -.09em; white-space: nowrap; }
.iw-qna__mark > span { position: relative; z-index: 1; margin-inline: -.25em -.12em; color: var(--qna-pink); font-size: .65em; font-style: italic; text-shadow: -2px 0 var(--qna-blush), 2px 0 var(--qna-blush); transform: translateY(-.12em) rotate(-12deg); }
.iw-qna__opening { padding-block: 72px 80px; background: var(--qna-blush); }
.iw-qna__masthead { display: grid; grid-template-columns: auto 1.5fr 1fr; align-items: center; gap: 48px; padding-bottom: 64px; }
.iw-qna__masthead h1 { font-size: clamp(38px, 3.8vw, 58px); }
.iw-qna__lead { max-width: 370px; font-size: 17px; }
.iw-qna__feature { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(32px, 5vw, 80px); }
.iw-qna__feature > .iw-qna__portrait { aspect-ratio: 1.05; }
.iw-qna__feature > .iw-qna__portrait::before { inset: 9% 0 0; background: #f9e0dc url("../images/homepage/qna-background-_zKrjrG.webp") center/cover; }
.iw-qna__feature-copy { padding-block: 28px; max-width: 610px; }
.iw-qna__feature-copy h2 { font-size: clamp(32px, 3vw, 44px); color: var(--qna-ink); }
.iw-qna__feature-deck { margin-top: 24px !important; font-size: 16px; line-height: 1.65; }
.iw-qna__feature-copy .iw-qna__byline { margin-top: 24px; }
.iw-qna__feature-copy .iw-qna__button { margin-top: 28px; }
.iw-qna__portrait { position: relative; isolation: isolate; display: flex; align-items: flex-end; justify-content: center; aspect-ratio: 1; }
.iw-qna__portrait::before { content: ''; position: absolute; z-index: -1; inset: 12% 0 0; border-radius: 6px; background: #ffd0ea url("../images/homepage/profile-background-XAqUhYC.svg") center/cover; }
.iw-qna__portrait > img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: contain; object-position: center bottom; }
.iw-qna__portrait--empty { align-items: center; color: var(--qna-heading); font: 400 72px/1 var(--qna-serif); }
.iw-qna .iw-qna__name { font: 700 20px/1.4 var(--qna-serif); color: var(--qna-ink); }
.iw-qna .iw-qna__role { margin-top: 5px; color: var(--qna-link); font-size: 14px; line-height: 1.5; }
.iw-qna__date { display: block; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #666; }
.iw-qna__topics { display: flex; justify-content: center; flex-wrap: wrap; gap: 8px 24px; margin-bottom: 52px; padding-block: 18px; border-block: 1px solid var(--qna-rule); }
.iw-qna__topics a { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 6px 2px; font-size: 14px; border-bottom: 2px solid transparent; }
.iw-qna__topics a[aria-current] { color: var(--qna-link); border-bottom-color: var(--qna-pink); }
.iw-qna__topics a span { color: #666; font-size: 10px; align-self: flex-start; margin-top: 5px; }
.iw-qna__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 60px 32px; }
.iw-qna__cards:has(> :only-child) { grid-template-columns: minmax(0, 460px); justify-content: center; }
.iw-qna__card { display: flex; flex-direction: column; align-items: flex-start; }
.iw-qna__card-media { position: relative; width: 100%; margin-bottom: 24px; }
.iw-qna__tag { position: absolute; top: 12%; left: 0; background: var(--qna-link); color: #fff; font-size: 11px; letter-spacing: .035em; text-transform: uppercase; padding: 7px 12px; max-width: 60%; }
.iw-qna__card h3 { margin-block: 12px 18px; }
.iw-qna__card .iw-qna__byline { margin-bottom: 12px; }
.iw-qna__card .iw-qna__text-link { margin-top: auto; }
.iw-qna__empty { text-align: center; padding: 32px; background: var(--qna-warm); }
.iw-qna .site-pagination { --pg-active-bg: var(--qna-heading); --pg-link-color: var(--qna-heading); --pg-radius: 0; }
.iw-qna .site-pagination .page-item .page-link { min-width: 44px; height: 44px; }
.iw-qna .site-pagination .page-item .page-link:focus-visible { outline: 2px solid var(--qna-link); outline-offset: 4px; }
.iw-qna__night { position: relative; isolation: isolate; overflow: hidden; color: #e6e0e2; background: var(--qna-night); --qna-link: #e584c5; }
.iw-qna__night::before, .iw-qna__night::after { content: ''; pointer-events: none; position: absolute; z-index: -1; width: 340px; height: 470px; background: radial-gradient(ellipse, #ce57a422, transparent 68%); border-radius: 45% 55% 60% 40%; filter: blur(24px); transform: rotate(-22deg); }
.iw-qna__night::before { left: -190px; top: 5%; }
.iw-qna__night::after { right: -180px; bottom: -130px; transform: rotate(28deg); }
.iw-qna__night :is(h2, h3) { color: #fff; }
.iw-qna__quote-band { text-align: center; }
.iw-qna__quote-mark { width: 68px; height: 52px; object-fit: contain; }
.iw-qna__quote-band > .iw-qna__quote-mark { margin: 0 auto 24px; }
.iw-qna__quote-track { display: flex; align-items: flex-start; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #66515e transparent; max-width: 940px; margin-inline: auto; }
.iw-qna__quote-slide { flex: 0 0 100%; min-width: 0; padding: 12px 8px 24px; scroll-snap-align: start; }
.iw-qna__quote-slide blockquote { color: #fff; font: 400 clamp(26px, 2.7vw, 38px)/1.35 var(--qna-serif); }
.iw-qna__quote-slide figcaption { margin-top: 28px; }
.iw-qna__quote-slide figcaption > span { display: block; font: 700 20px/1.4 var(--qna-serif); }
.iw-qna__quote-slide figcaption > small { display: block; color: #d2c5cc; margin-top: 6px; font-size: 14px; }
.iw-qna__quote-slide .iw-qna__text-link { margin-top: 18px; }
.iw-qna__night a.iw-qna__text-link:hover { color: #fff; }
.iw-qna__controls { display: flex; align-items: center; justify-content: center; gap: 24px; margin-top: 24px; }
.iw-qna__controls button { width: 48px; height: 48px; border-radius: 50%; border: 1px solid #94858d; color: #fff; background: transparent; font-size: 24px; }
.iw-qna__controls button:hover:not(:disabled) { border-color: var(--qna-link); color: var(--qna-link); }
.iw-qna__controls button:disabled { opacity: .35; cursor: default; }
.iw-qna__controls span { min-width: 42px; color: #d2c5cc; font-size: 13px; }
.iw-qna__podcast-grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 80px; }
.iw-qna__podcast-grid > div { max-width: 540px; }
.iw-qna__podcast-grid > div > p:not(.iw-qna__eyebrow) { margin-top: 28px; max-width: 470px; }
.iw-qna__podcast-grid .iw-qna__button { margin-top: 32px; }
.iw-qna__platforms { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 20px; align-items: center; font-size: 13px; }
.iw-qna__platforms a { min-height: 44px; display: inline-flex; align-items: center; color: var(--qna-link); text-decoration: underline; text-underline-offset: 4px; }
.iw-qna__episode img { aspect-ratio: 1; width: 100%; height: auto; object-fit: cover; border-radius: 6px; }
.iw-qna__episode h3 { margin-top: 24px; }
.iw-qna__episode p { font-size: 14px; margin-top: 8px; }
.iw-qna__warm { background: var(--qna-warm); }
.iw-qna__words { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px; margin-top: 64px; }
.iw-qna__word { border-top: 2px solid var(--qna-pink); padding-top: 24px; }
.iw-qna__word blockquote { font: 400 23px/1.45 var(--qna-serif); color: var(--qna-heading); }
.iw-qna__word figcaption { margin-top: 20px; font-size: 13px; color: var(--qna-link); }
.iw-qna__word figcaption a { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; }
.iw-qna__word figcaption a:hover { text-decoration: underline; text-underline-offset: 4px; }
.iw-qna__invitation { background: var(--qna-blush); }
.iw-qna__invitation .iw-qna__section-heading { margin-bottom: 0; }
.iw-qna__preview { padding: 16px 24px; text-align: center; background: #fff2c7; color: #533f00; }
.iw-qna--profile .iw-qna__opening { padding-top: 32px; }
.iw-qna__breadcrumb { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 24px; margin-bottom: 32px; font-size: 13px; }
.iw-qna__breadcrumb a { display: inline-flex; align-items: center; min-height: 44px; }
.iw-qna__breadcrumb span { border-left: 1px solid #ccc; padding-left: 24px; color: var(--qna-link); }
.iw-qna__interview-heading { text-align: center; max-width: 1070px; margin: 0 auto 56px; }
.iw-qna__interview-heading .iw-qna__mark { font-size: 80px; margin-bottom: 32px; }
.iw-qna__interview-heading .iw-qna__date { margin-top: 28px; }
.iw-qna__interview-hero { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: clamp(40px, 6vw, 100px); }
.iw-qna__interview-hero > .iw-qna__portrait { aspect-ratio: 1.05; }
.iw-qna__interview-hero > .iw-qna__portrait::before { inset: 8% 0 0; background: #f9e0dc url("../images/homepage/qna-background-_zKrjrG.webp") center/cover; }
.iw-qna__intro > .iw-qna__byline { padding-bottom: 24px; border-bottom: 1px solid var(--qna-rule); margin-bottom: 24px; }
.iw-qna__intro .iw-qna__name { font-size: 24px; }
.iw-qna__prose { font-size: 17px; line-height: 1.8; }
.iw-qna__prose :is(p, ul, ol) { margin: 0 0 1.2em; }
.iw-qna__prose > :last-child { margin-bottom: 0; }
.iw-qna__prose :is(h2, h3, h4) { margin-block: 1.4em .65em; }
.iw-qna__prose a { color: var(--qna-link); text-decoration: underline; text-underline-offset: 3px; }
.iw-qna__hero-quote { margin-top: 32px !important; }
.iw-qna__hero-quote .iw-qna__quote-mark { width: 48px; height: auto; margin-bottom: 18px; }
.iw-qna__hero-quote blockquote { font: 700 clamp(23px, 2.2vw, 30px)/1.4 var(--qna-serif); color: var(--qna-ink); }
.iw-qna__hero-quote figcaption { margin-top: 16px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--qna-link); }
.iw-qna__intro > .iw-qna__text-link { margin-top: 24px; }
.iw-qna__reading { display: grid; grid-template-columns: 260px minmax(0, 800px); justify-content: center; gap: 80px; max-width: 1200px; }
.iw-qna__contents { position: sticky; top: 32px; align-self: start; max-height: calc(100vh - 64px); overflow-y: auto; padding: 8px 8px 12px 0; }
.iw-qna__contents h2 { font-size: 36px; }
.iw-qna__contents ol { padding: 0; margin: 30px 0 0; list-style: none; counter-reset: questions; }
.iw-qna__contents li { counter-increment: questions; border-top: 1px solid var(--qna-rule); }
.iw-qna__contents li a { display: flex; gap: 12px; padding-block: 13px; font-size: 13px; line-height: 1.5; }
.iw-qna__contents li a::before { content: counter(questions, decimal-leading-zero); flex: 0 0 18px; white-space: nowrap; color: var(--qna-link); font-size: 11px; margin-top: 2px; }
.iw-qna__answer + .iw-qna__answer { border-top: 1px solid var(--qna-rule); padding-top: 48px; margin-top: 48px; }
.iw-qna__number { display: block; color: var(--qna-link); font-size: 13px; letter-spacing: .12em; margin-bottom: 16px; }
.iw-qna__answer h2 { font-size: clamp(28px, 2.5vw, 36px); line-height: 1.25; }
.iw-qna__answer h3 { font: 500 18px/1.6 'Inter', sans-serif; color: var(--qna-ink); margin-top: 24px; letter-spacing: 0; }
.iw-qna__answer .iw-qna__prose { margin-top: 18px; font-size: 18px; }
.iw-qna__closing-inner { max-width: 830px; text-align: center; }
.iw-qna__closing .iw-qna__prose { margin-top: 32px; }
.iw-qna__closing .iw-qna__button { color: #fff; border-color: #aaa; margin-top: 36px; }
.iw-qna__back { padding-block: 36px; }
.iw-qna__sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 1199px) {
    .iw-qna__masthead { grid-template-columns: auto 1fr; gap: 24px 40px; }
    .iw-qna__masthead .iw-qna__lead { grid-column: 2; max-width: 570px; }
    .iw-qna__masthead .iw-qna__mark { grid-row: span 2; }
    .iw-qna__cards, .iw-qna__words { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .iw-qna__reading { grid-template-columns: 220px minmax(0, 1fr); gap: 48px; }
    .iw-qna__podcast-grid { gap: 40px; }
}
@media (max-width: 899px) {
    .iw-qna__wrap { width: calc(100% - 48px); }
    .iw-qna__section { padding-block: 72px; }
    .iw-qna__feature { gap: 32px; align-items: start; }
    .iw-qna__feature > .iw-qna__portrait { position: sticky; top: 32px; }
    .iw-qna__feature-copy { padding: 0; }
    .iw-qna__interview-hero { gap: 32px; }
    .iw-qna__reading { display: block; }
    .iw-qna__contents { position: static; max-height: none; padding: 0 0 36px; margin-bottom: 36px; border-bottom: 1px solid var(--qna-rule); }
    .iw-qna__contents h2 br { display: none; }
    .iw-qna__contents ol { display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px; }
    .iw-qna__answers { max-width: 760px; margin-inline: auto; }
}
@media (max-width: 639px) {
    .iw-qna__wrap { width: calc(100% - 40px); }
    .iw-qna__section { padding-block: 64px; }
    .iw-qna__opening { padding-block: 48px; }
    .iw-qna__masthead { display: block; padding-bottom: 36px; }
    .iw-qna__masthead .iw-qna__mark { font-size: 84px; margin-bottom: 32px; }
    .iw-qna__masthead h1 { font-size: clamp(32px, 8.3vw, 48px); }
    .iw-qna__masthead .iw-qna__lead { margin-top: 24px; }
    .iw-qna .iw-qna__eyebrow { font-size: 11px; letter-spacing: .1em; }
    .iw-qna__feature, .iw-qna__podcast-grid, .iw-qna__interview-hero { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .iw-qna__feature > .iw-qna__portrait { position: relative; top: auto; }
    .iw-qna__cards, .iw-qna__words { grid-template-columns: minmax(0, 1fr); gap: 44px; }
    .iw-qna__card-media { margin-bottom: 20px; }
    .iw-qna__topics { justify-content: flex-start; gap: 4px 20px; margin-bottom: 36px; }
    .iw-qna__section-heading { margin-bottom: 36px; }
    .iw-qna__section-heading h2 { font-size: 32px; }
    .iw-qna__quote-mark { width: 52px; height: auto; }
    .iw-qna__quote-slide { padding-inline: 4px; }
    .iw-qna__words { margin-top: 40px; }
    .iw-qna__interview-heading { margin-bottom: 32px; text-align: left; }
    .iw-qna__interview-heading .iw-qna__mark { font-size: 68px; }
    .iw-qna__interview-heading h1 { font-size: clamp(36px, 9vw, 52px); }
    .iw-qna__interview-hero > .iw-qna__portrait { aspect-ratio: .95; }
    .iw-qna__contents h2 { font-size: 32px; }
    .iw-qna__contents ol { display: block; }
    .iw-qna__answer .iw-qna__prose { font-size: 17px; }
    .iw-qna__breadcrumb { margin-bottom: 24px; }
}