/* Loaded only by the homepage, coaching, stories and about pages. */
html:has(.course-detail){scroll-padding-top:0}
.site-header .button,.actions .button,.co-hero-actions .button{min-height:44px}
.menu-toggle,.dialog-close,.story-close,.co-image-close{min-width:44px;min-height:44px}
#contact-dialog{max-height:calc(100svh - 32px);overflow:auto;overscroll-behavior:contain}
#contact-dialog .copy-wechat{min-height:44px}
#contact-dialog .dialog-close{top:4px;right:5px}
.co-hero-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:26px}
.co-hero-actions button{padding:10px 0;background:none;font-size:14px;min-height:44px}
.co-at-a-glance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;width:100%;max-width:none;margin:30px 0 0;padding:22px 0;border-block:1px solid #292b2f}
.co-at-a-glance dt{font-size:12px;color:#989ba3}
.co-at-a-glance dd{font-size:15px;line-height:1.8;color:#e2e4e8;margin:8px 0 0}
.co-path-tools{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px;color:#aaadb5;font-size:12px}
.co-path-tools button{flex:none;background:transparent;color:#e0e3e9;border:1px solid #3b3e45;border-radius:6px;padding:10px 14px;min-height:44px;font-size:12px}
.co-path-tools button:hover{background:#202227;border-color:#7a8190}
.co-path-tools+.co-stage-list{margin-top:16px}
.course-detail .co-section{scroll-margin-top:90px}
.course-detail .co-intro{scroll-margin-top:88px}
.co-inline-link{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.hc-story:focus-visible{outline-offset:4px}
.bio-proof-link{display:inline-block;color:#e1e4ea;margin-top:8px;text-decoration:underline;text-underline-offset:4px}
.bio-index{gap:32px;flex-wrap:wrap}
.about-page .bio-hero:before{right:0;max-width:100%}
.about-page .bio-coaching{scroll-margin-top:30px}
.stories-filters button,.story-password-field button,.stories-access>button{min-height:44px}
.stories-toolbar{align-items:flex-start}
.stories-access{justify-content:flex-end;max-width:260px;row-gap:4px}
.story-dialog-bar{min-height:62px}
.story-detail .story-source{min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
@media(max-width:809px){
 .header-inner{gap:12px}
 .site-header .header-contact{display:inline-flex;margin-left:auto;min-height:38px;padding:8px 12px;font-size:12px;border-radius:6px}
 .menu-toggle{flex:none}
 .mobile-nav>a{min-height:44px;display:flex;align-items:center}
 .bio-index{gap:0;justify-content:space-between}
 .bio-index a{gap:12px;min-height:44px}
}
@media(max-width:760px){
 .course-detail .co-section{scroll-margin-top:140px}
 .co-at-a-glance{gap:16px}
 .co-at-a-glance dd{font-size:13px}
 .co-toc nav a{min-height:44px}
}
@media(max-width:540px){
 .co-at-a-glance{grid-template-columns:1fr;gap:12px;padding:18px 0;margin-top:24px}
 .co-at-a-glance>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px}
 .co-at-a-glance dt{flex:none}.co-at-a-glance dd{margin:0;text-align:right}
 .co-hero-actions{gap:18px;margin-top:20px}.co-hero-actions button{font-size:13px}
 .co-path-tools{align-items:flex-start;gap:12px}.co-path-tools>span{max-width:180px;line-height:1.8;padding-top:3px}
 .co-path-tools button{padding:9px 10px}
 .bio-index{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;padding:12px 0}
 .bio-index a{justify-content:space-between}
 .stories-access{max-width:none;justify-content:flex-start}
 .story-detail .story-source{font-size:13px}
 .co-image-toolbar{flex-wrap:wrap;gap:8px}.co-image-controls{margin-left:auto}
}
@media(prefers-reduced-motion:reduce){.hc-story,.story-card{transition:none}}