/* Responsive system for the token-gated KMA draft. */
/* Launch review: readable gold accents on light panels. */
#kma-concept #network .connect-intro>.eyebrow,#kma-concept #proof>.wrap>.eyebrow{color:#756300}
#kma-concept .quote-controls .quote-status{color:#596659}
#kma-concept{--mobile-gutter:clamp(18px,5vw,28px);-webkit-text-size-adjust:100%;text-size-adjust:100%}
#kma-concept :where(.hero-grid,.split,.call,.cp-grid,.ct-new-columns,.footer-grid)>*{min-width:0}
#kma-concept main :where(p,li,.ct-text-block,.oxy-rich-text,.training-person-bio){overflow-wrap:anywhere}
#kma-concept main :where(figure,video,iframe){max-width:100%}
#kma-concept main :where(input,select,textarea){max-width:100%;font-size:16px}
#kma-concept main .directory-table{max-width:100%;overscroll-behavior-x:contain;scrollbar-width:thin}
#kma-concept main .directory-table table{min-width:650px}
#kma-concept main .directory-table th{position:sticky;top:0;z-index:1}
#kma-concept main .directory-table:focus-visible{outline:3px solid #a9850e;outline-offset:3px}
#kma-concept .mobile-navigation>summary{justify-content:center;min-width:88px}
#kma-concept .mobile-navigation>summary .menu-icon{display:inline-block;width:18px;height:12px;border-block:2px solid currentColor;position:relative;margin-right:2px}
#kma-concept .mobile-navigation>summary .menu-icon:after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
#kma-concept .mobile-navigation[open]>summary{color:#f2ce3e;border-color:#f2ce3e}
#kma-concept .mobile-navigation .mobile-nav-group{border-bottom:1px solid #ffffff1c}
#kma-concept .mobile-navigation .mobile-nav-group>summary{padding:12px;min-height:48px;justify-content:space-between;font:600 16px/1.4 "Source Sans 3",sans-serif;color:#fff}
#kma-concept header .mobile-nav-group>summary::after{content:"+"!important;display:block!important;font-size:22px;color:#f2ce3e}
#kma-concept header .mobile-nav-group[open]>summary::after{content:"−"!important}
#kma-concept .mobile-nav-links{padding:0 0 10px 14px}
#kma-concept .mobile-navigation .mobile-nav-links a{border-left:1px solid #f2ce3e55;color:#cbd2d1!important;font-size:15px;text-transform:none}
#kma-concept .about-overview #headline-48-69{width:100%;max-width:none;margin-inline:auto;text-align:center}
@media(min-width:1024px){
 #kma-concept header .global-nav{display:flex}
 #kma-concept header .mobile-navigation{display:none}
}
@media(max-width:1023px){
 #kma-concept header .global-nav{display:none}
 #kma-concept header .mobile-navigation{display:block}
 #kma-concept>header{position:relative;z-index:40}
 #kma-concept header>.wrap{padding-block:12px;gap:20px}
 #kma-concept header .brand-lockup img{width:112px;height:72px}
 #kma-concept .mobile-navigation>nav{position:absolute;top:100%;left:0;right:0;z-index:50;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:16px var(--mobile-gutter) 24px;background:#171b1d;border-bottom:2px solid #f2ce3e;box-shadow:0 18px 28px #0003;max-height:calc(100svh - 122px);overflow-y:auto;overscroll-behavior:contain}
 #kma-concept .mobile-navigation nav a{display:flex;align-items:center;padding:12px;min-height:48px;font-size:16px}
 #kma-concept .mobile-navigation nav a.btn{justify-content:center;margin-top:10px}
}
@media(max-width:900px){
 #kma-concept main .hero-grid,#kma-concept main .split,#kma-concept main .call{grid-template-columns:minmax(0,1fr);gap:36px}
 #kma-concept main .hero-art{width:100%;max-width:560px;margin-inline:auto}
 #kma-concept main .hero-art img{height:auto;max-height:500px;aspect-ratio:4/3;object-position:center 25%}
 #kma-concept main .connect-page .cp-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 #kma-concept main .cp-grid:has(>.cp-device-preview:first-child)>div{order:-1}
 #kma-concept main .connect-page .cp-section{padding:64px 0}
 #kma-concept main .connect-page .cp-hero{padding:52px 0}
 #kma-concept main .connect-page .cp-tour-copy{display:flex;flex-direction:column;gap:0}
 #kma-concept main .connect-page .cp-tour-copy .eyebrow{order:-1}
 #kma-concept main .connect-page .cp-tour-features{width:100%;margin-top:12px}
 #kma-concept main .site-content .ct-new-columns{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 #kma-concept .wrap,#kma-concept main .site-content .ct-section-inner-wrap,#kma-concept main .site-directory>.ct-section>.ct-section-inner-wrap{padding-inline:var(--mobile-gutter)}
 #kma-concept header>.wrap{padding-inline:var(--mobile-gutter)}
 #kma-concept main .section,#kma-concept main .site-content .ct-section{padding-block:48px}
 #kma-concept main .hero{padding:40px 0 48px}
 #kma-concept main .hero-grid{gap:36px}
 #kma-concept main .hero h1{font-size:clamp(43px,12.5vw,76px)!important;line-height:1.02!important;margin:0 0 24px!important}
 #kma-concept main .hero .eyebrow{font-size:10px;letter-spacing:.13em;line-height:1.6;margin-bottom:22px}
 #kma-concept main .hero p:not(.eyebrow):not(.small){font-size:17px;line-height:1.65;margin-bottom:24px}
 #kma-concept main .hero-art p{font-size:15px!important;margin:16px 0 0!important}
 #kma-concept main .hero-art strong{font-size:12px}
 #kma-concept main .site-page-hero{padding:40px 0}
 #kma-concept main .site-page-hero h1{font-size:clamp(38px,10vw,64px)!important;line-height:1.05!important;overflow-wrap:anywhere}
 #kma-concept main .site-page-hero p{font-size:18px;line-height:1.55;margin-bottom:0}
 #kma-concept main .section h2,#kma-concept main .site-content .ct-headline,#kma-concept main .connect-page h2{font-size:clamp(31px,8.5vw,46px)!important;line-height:1.1!important}
 #kma-concept main #discovery h2{font-size:clamp(38px,10vw,56px)!important}
 #kma-concept main .site-content :is(.ct-text-block,.oxy-rich-text,p,li){font-size:17px;line-height:1.7}
 #kma-concept main .site-content .ct-text-block{width:100%;min-width:0;max-width:100%}
 #kma-concept main .site-content :is(ul,ol){padding-left:22px}
 #kma-concept main .site-content li{margin:10px 0}
 #kma-concept main .site-content .ct-new-columns>.ct-div-block{padding-top:20px}
 #kma-concept main .site-end-cta{padding:40px 0}
 #kma-concept main .site-end-cta h2{font-size:36px!important}
 #kma-concept main .stats{padding:28px 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}
 #kma-concept main .stats>div{padding-inline:16px}
 #kma-concept main .stats>div:nth-child(odd){padding-left:0}
 #kma-concept main .stats>div:nth-child(even){border:0}
 #kma-concept main .stats strong{font-size:34px}
 #kma-concept main .stats span{font-size:13px;line-height:1.4}
 #kma-concept main .alliance-statement{padding:36px 0}
 #kma-concept main .alliance-statement p{font-size:clamp(35px,9.4vw,58px);line-height:1.02}
 #kma-concept main .board{gap:28px;margin-top:32px}
 #kma-concept main .testimonial-videos{display:grid;grid-template-columns:1fr;gap:32px;margin:36px auto}
 #kma-concept main .testimonial-video{width:100%;max-width:300px}
 #kma-concept main .review-box{padding:0;overflow:hidden}
 #kma-concept main .site-content .about-benefits{padding:0;gap:18px}
 #kma-concept main .site-content .about-benefits>li{margin:0;padding:24px}
 #kma-concept main .about-benefits h3{font-size:26px!important}
 #kma-concept main .about-overview #new_columns-46-69>#div_block-47-69{padding:0}
 #kma-concept main .about-founder #new_columns-71-69{gap:28px}
 #kma-concept main .young-warriors-heading{gap:20px}
 #kma-concept main .site-content .young-warriors-heading .young-warriors-logo{align-self:center;width:130px;height:130px}
 #kma-concept main #section-35-69 .cert-intro{font-size:18px;margin-bottom:24px}
 #kma-concept main .cert-photo-grid{margin-bottom:32px}
 #kma-concept main .directory-search{display:block;margin:10px 0 18px;min-height:48px}
 #kma-concept main .directory-table{max-height:65svh}
 #kma-concept main .directory-table td,#kma-concept main .directory-table th{padding:12px}
 #kma-concept main #code_block-111-139,#kma-concept main #code_block-111-139 iframe{height:360px;min-height:360px}
 #kma-concept main .site-directory #wpgmza_map_2{height:380px!important}
 #kma-concept main .site-directory .wpgmza-store-locator{display:flex;flex-wrap:wrap;gap:12px}
 #kma-concept main .site-directory .wpgmza-store-locator>*{max-width:100%;min-width:0}
 #kma-concept main .site-content .oxy-post{padding:22px}
 #kma-concept main .site-content .oxy-posts{grid-template-columns:minmax(0,1fr)}
 #kma-concept main .event-hero-grid{gap:24px}
 #kma-concept main .site-content .tribe-events-calendar-list__event-date-tag{flex:auto;text-align:left}
 #kma-concept main .site-content .tribe-events-calendar-list__event-date-tag-datetime{flex-direction:row;align-items:baseline;gap:10px;padding:8px 0}
 #kma-concept main .site-content .tribe-events-calendar-list__event-row{gap:12px;padding:24px 0}
 #kma-concept main .site-content .tribe-events-calendar-list__event{gap:18px}
 #kma-concept main .site-content .tribe-events-calendar-list__event-featured-image{max-width:100%;width:100%;max-height:320px}
 #kma-concept main .kma-month-section>.wrap{width:calc(100% - 2 * var(--mobile-gutter));padding:0}
 #kma-concept main .kma-calendar-search{padding:16px}
 #kma-concept main .kma-search-row{display:grid;grid-template-columns:minmax(0,1fr);gap:10px}
 #kma-concept main .kma-search-row svg{display:none}
 #kma-concept main .kma-search-row input{width:100%}
 #kma-concept main .kma-search-row button{margin:0;justify-self:end}
 #kma-concept main .kma-search-row input,#kma-concept main .kma-calendar-jump input{font-size:16px;min-height:44px}
 #kma-concept main .kma-search-row button,#kma-concept main .kma-calendar-jump button{min-height:44px}
 #kma-concept main .kma-month-navigation button{width:44px;height:44px;flex:none}
 #kma-concept main .kma-month-navigation h3{font-size:28px!important}
 #kma-concept main .kma-calendar-table td{padding:0;height:60px}
 #kma-concept main .kma-day-button{width:100%;height:44px;min-height:44px;margin:0}
 #kma-concept main .kma-calendar-table .is-today .kma-day-button{border-radius:4px}
 #kma-concept main .kma-calendar-jump{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px}
 #kma-concept main .kma-calendar-jump label{margin:0;text-align:right}
 #kma-concept main .kma-calendar-jump input{grid-column:1/-1;width:100%}
 #kma-concept main .kma-agenda-event{padding:14px;gap:12px}
 #kma-concept main .connect-page .cp-hero h1{font-size:clamp(40px,10.8vw,64px)!important;line-height:1.05!important;margin:0 0 24px!important}
 #kma-concept main .connect-page>.cp-section{padding:48px 0}
 #kma-concept main .connect-page>.cp-section p{font-size:17px;line-height:1.65}
 #kma-concept main .connect-page .cp-device-preview{width:min(320px,calc(100% - 8px))}
 #kma-concept main .connect-page .cp-device-preview p{font-size:13px;line-height:1.55}
 #kma-concept main .connect-page .cp-tour-showcase{padding:24px 18px;gap:28px}
 #kma-concept main .connect-page .cp-tour-features p{font-size:16px}
 #kma-concept main .connect-page .eyebrow{font-size:11px;line-height:1.55;letter-spacing:.14em}
 #kma-concept main .connect-page .cp-note{font-size:15px}
 #kma-concept main .connect-page .cp-strip p{font-size:16px}
 #kma-concept main .connect-page .cp-feature-grid{margin-top:28px;gap:0}
 #kma-concept main .connect-page .cp-feature{padding:22px 0}
 #kma-concept main .connect-page .cp-feature h3{font-size:24px!important}
 #kma-concept main .cp-tour-media .kma-reel-frame{border-radius:4px}
 #kma-concept main .kma-reel-toggle{font-size:15px;gap:10px;padding:12px}
 #kma-concept main .kma-reel-toggle small{font-size:11px;letter-spacing:0}
 #kma-concept main .kma-reel-play{width:40px;height:40px}
 #kma-concept footer{padding:32px 0}
 #kma-concept .footer-grid{grid-template-columns:1fr;gap:28px;padding-block:0}
 #kma-concept footer :is(p,a){font-size:15px;overflow-wrap:anywhere}
 #kma-concept footer a{display:inline-flex;align-items:center;min-height:44px}
 #kma-concept footer .social-links{gap:4px}
 #kma-concept dialog.team-bio-lightbox[open]{width:calc(100vw - 24px)!important;max-height:calc(100dvh - 24px)!important;padding:24px!important}
 #kma-concept dialog.team-bio-lightbox .bio-modal-photo{height:280px!important}
 #kma-concept dialog.team-bio-lightbox .bio-modal-text,#kma-concept dialog.team-bio-lightbox .bio-modal-text p{font-size:16px!important}
 #kma-concept .kma-video-dialog{width:min(calc(100vw - 24px),calc((100dvh - 76px) * .563));max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}
 #kma-concept .kma-video-dialog .video-stage{height:auto;aspect-ratio:9/16}
 #kma-concept .kma-video-dialog .video-close{min-height:44px;min-width:44px}
}
@media(max-width:600px){
 #kma-concept main .strikefit-carousel{margin-top:28px}
 #kma-concept main .strikefit-carousel .strikefit-carousel-stage{aspect-ratio:3/2}
 #kma-concept main .strikefit-carousel .strikefit-slide{width:94%}
 #kma-concept main .strikefit-carousel .strikefit-carousel-controls{height:auto;min-height:102px;display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:12px 0}
 #kma-concept main .strikefit-carousel .strikefit-carousel-label{text-align:center;font-size:10px;line-height:1.5}
 #kma-concept main .strikefit-carousel .strikefit-carousel-navigation{margin:0;display:flex;justify-content:center;gap:14px}
 #kma-concept main .strikefit-carousel :is([data-fitness-prev],[data-fitness-next]){position:static;transform:none;border-radius:4px;border-color:var(--carousel-line);background:var(--carousel-surface);color:var(--carousel-ink)}
 #kma-concept main .strikefit-carousel .strikefit-carousel-navigation button{width:44px;height:44px}
 #kma-concept main .strikefit-carousel .strikefit-slide figcaption{padding:24px 12px 12px}
 #kma-concept main .strikefit-carousel .strikefit-slide figcaption strong{font-size:20px}
 #kma-concept main .quote-carousel{padding:8px 0 66px;margin:28px 0}
 #kma-concept main .quote-track{min-height:0}
 #kma-concept main .quote-slide{width:100%;padding:24px 20px}
 #kma-concept main .quote-slide p{font-size:16px;line-height:1.65}
 #kma-concept main .quote-slide cite{font-size:14px}
 #kma-concept main .quote-slide.is-prev,#kma-concept main .quote-slide.is-next{opacity:0}
 #kma-concept main .quote-carousel .quote-controls{position:absolute;inset:auto 0 0;height:56px;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--carousel-line)}
 #kma-concept main .quote-carousel .quote-controls button,#kma-concept main .quote-carousel .quote-controls [data-quote-action="toggle"]{position:static;transform:none;inset:auto;flex:none;width:44px;height:44px;border-radius:4px;background:var(--carousel-surface);border:1px solid var(--carousel-line);color:var(--carousel-ink)}
 #kma-concept main .quote-carousel .quote-status{position:static;min-width:56px;order:0}
 #kma-concept main .quote-carousel [data-quote-action="prev"]{order:-1}
 #kma-concept main .quote-carousel [data-quote-action="next"]{order:1}
 #kma-concept main .quote-carousel [data-quote-action="toggle"]{order:2}
}
@media(max-width:520px){
 #kma-concept main .hero>.wrap>div:first-child>.btn,#kma-concept main .cp-actions>.btn,#kma-concept main .site-end-cta .btn,#kma-concept main .cert-cta .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;text-align:center}
 #kma-concept main .site-end-cta>.wrap{gap:24px}
 #kma-concept main .hero-secondary{margin-left:0}
 #kma-concept main .connect-showcase{margin-top:32px}
 #kma-concept main #network .connect-home-layout{padding:24px 18px}
 #kma-concept main .connect-showcase h3{font-size:52px!important}
 #kma-concept main .section-more-link .btn{max-width:100%;text-align:center}
 #kma-concept .notice{font-size:8px;letter-spacing:.08em;padding:6px 10px}
}
@media(max-width:359px){
 #kma-concept main .connect-page .cp-phone-body{padding-inline:10px}
 #kma-concept main .connect-page .cp-phone-brand{padding-inline:12px;gap:7px}
 #kma-concept main .connect-page .cp-phone-brand strong{font-size:12px}
 #kma-concept main .connect-page .cp-phone-notification{display:none}
 #kma-concept main .connect-page .cp-phone .cp-mini{padding:11px 8px}
 #kma-concept main .connect-page .cp-phone .cp-mini strong{font-size:20px}
}
@media(prefers-reduced-motion:reduce){#kma-concept main *{scroll-behavior:auto}}