/* Scroll-linked topics on small screens; a seamless, pausable desktop loop. */
.strip{overflow:hidden;padding:0;margin-top:28px}
.strip-inner{max-width:1264px;padding:0 40px;margin:auto;display:flex;align-items:center;gap:8px;min-height:48px}
.strip-viewport{overflow:hidden;min-width:0;flex:1;mask-image:linear-gradient(90deg,transparent,#000 12px,#000 calc(100% - 12px),transparent)}
.strip-track{display:flex;width:max-content;max-width:none;padding:0;margin:0;gap:0;justify-content:start;will-change:transform;animation:club-topics-loop 36s linear infinite}
.strip-group{display:flex;align-items:center;flex:0 0 auto;gap:22px;padding:14px 24px 14px 0}
.strip-group>span{display:block;font-size:14px;line-height:1.5;white-space:nowrap;color:var(--muted)}
.strip-group>span:before{content:'·';color:var(--accent);margin-right:22px}
.strip-pause{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:10px;font-size:19px;line-height:1;color:var(--muted)}
.strip-pause:hover{background:#e9ecf2}
.strip.is-paused .strip-track,.strip-viewport:hover .strip-track{animation-play-state:paused}
@keyframes club-topics-loop{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.strip[data-motion-mode="reduced"] .strip-track{animation:none;transform:none!important}
.strip[data-motion-mode="reduced"] .strip-group[aria-hidden="true"],.strip[data-motion-mode="reduced"] .strip-pause{display:none}
.strip[data-motion-mode="reduced"] .strip-viewport{overflow-x:auto;mask-image:none}

/* The first method is deliberately static and always visible. */
.opportunity-card>.opportunity-heading{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:13px;row-gap:5px;align-items:center;min-height:124px;padding:20px}
.opportunity-static .opportunity-detail{display:block}
.opportunity-static{border-color:#d6a0b1}
.opportunity-static .opportunity-no{grid-column:2;grid-row:1}
.opportunity-static h3{grid-column:2;grid-row:2}
.author-stat-income{background:var(--blush)}
.author-stat-income>b{color:var(--accent)}

/* Compact FAQ rows, with the original answers intact. */
.faq-layout{gap:38px}
.faq-list details{padding:0;margin:0}
.faq-list summary{font-size:19px;line-height:1.4;min-height:48px;padding:15px 0;gap:16px}
.faq-question{gap:12px;align-items:baseline}
.faq-question i{font-size:14px;line-height:1.4}
.faq-plus{font-size:23px;line-height:1.2}
.faq-native-answer p{margin:0 0 18px;padding-left:29px;font-size:17px;line-height:1.65}
.faq-support{margin-top:21px;gap:12px}
.faq-support b{line-height:1.4}
.faq-support small{margin-top:5px;line-height:1.5}

@media(max-width:900px){
 .strip{margin-top:24px}
 .strip-inner{padding-inline:24px;min-height:46px}
 .strip-track{animation:none;transition:none}
 .strip-group{gap:6px;padding-block:12px;padding-right:8px}
 .strip-group>span:before{margin-right:2px}
 .strip-viewport{mask-image:linear-gradient(90deg,transparent,#000 6px,#000 calc(100% - 6px),transparent)}
 .strip-group[aria-hidden="true"],.strip-pause{display:none}
 .faq-layout{gap:22px}
}
@media(max-width:767px){
 #about-author .about{grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);column-gap:16px;row-gap:12px;align-items:start}
 #about-author .about>.card,#about-author .author-stats{display:contents}
 #about-author .author-carousel{grid-column:1;grid-row:1/span 3;height:320px;aspect-ratio:auto;border-radius:18px}
 #about-author .author-track{height:100%}
 #about-author .author-slide{height:100%}
 #about-author .author-slide>.image-button,#about-author .author-slide img{height:100%}
 #about-author .author-photo-caption{position:absolute;left:9px;right:9px;bottom:29px;background:#1b1d25ed;padding:10px;border-radius:11px;pointer-events:none}
 #about-author .author-photo-caption b{font-size:14px;line-height:1.35}
 #about-author .author-photo-caption span{font-size:14px;line-height:1.4;margin-top:5px}
 #about-author .dots{position:absolute;bottom:0;padding:0;min-height:28px;background:none}
 #about-author .author-stat{grid-column:2;min-width:0;padding:0 0 12px}
 #about-author .author-stat:nth-child(1){grid-row:1}
 #about-author .author-stat:nth-child(2){grid-row:2}
 #about-author .author-stat:nth-child(3){grid-row:3}
 #about-author .author-stat>b{font-size:24px;line-height:1.2;letter-spacing:-.6px}
 #about-author .author-stat>p{font-size:14px;line-height:1.5}
 #about-author .author-stat-income{grid-column:1/-1;grid-row:4;padding:20px;border:1px solid #e1b5c3;border-radius:17px;background:var(--blush);margin-top:4px}
 #about-author .author-stat-income>b{font-size:28px;margin-bottom:9px}
 #about-author .author-stat-income>p{font-size:16px;line-height:1.6}
}
@media(max-width:640px){
 .strip-inner{padding-inline:20px}
 .opportunity-card>.opportunity-heading{min-height:85px;grid-template-columns:32px minmax(0,1fr);padding:15px 16px;column-gap:12px;row-gap:3px}
 .faq-layout{gap:16px}
 .faq-intro>.lead{font-size:17px;line-height:1.6;margin-bottom:0}
 .faq-support{margin-top:18px;gap:10px}
 .faq-support>span{font-size:23px}
 .faq-support b{font-size:17px;line-height:1.4}
 .faq-support small{font-size:16px;line-height:1.5;margin-top:5px}
 .faq-list summary{font-size:18px;line-height:1.4;padding:12px 0;min-height:48px;gap:12px}
 .faq-question{gap:9px}
 .faq-native-answer p{font-size:17px;line-height:1.65;margin:0 0 16px;padding-left:0}
 .november-guarantee-copy h2{max-width:18ch}
}
@media(max-width:360px){
 .strip-inner{padding-inline:16px}
 .opportunity-card>.opportunity-heading{padding:14px 13px;column-gap:9px}
 #about-author .about{column-gap:13px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
 #about-author .author-carousel{height:300px}
 #about-author .author-stat>b{font-size:21px}
 #about-author .author-stat-income{padding:17px}
 #about-author .author-stat-income>b{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.strip-track{animation:none!important}}
