/* Canvas family: the approved home grammar, scoped to module/workshop pages.
   The existing shared file still owns fonts, navigation and form contracts. */
.native-site.mc-detail.mc-canvas-detail .native-section{padding-block:96px}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero{background:#fff;color:#111;padding-block:42px 76px}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid{grid-template-columns:minmax(0,1.16fr) minmax(0,.84fr);gap:clamp(38px,6vw,88px);align-items:center}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid h1.native-heading{font-size:clamp(54px,6vw,86px);line-height:1.1;letter-spacing:0}
.native-site.mc-detail.mc-canvas-detail .native-section h2.native-heading{font-size:clamp(46px,5vw,70px);line-height:1.1;letter-spacing:0;text-wrap:initial}
.native-site.mc-detail.mc-canvas-detail .native-intro{font-size:21px;line-height:1.5;color:#111}
.native-site.mc-detail.mc-canvas-detail .native-note{font-size:14px;line-height:1.55}
.native-site.mc-detail.mc-canvas-detail .breadcrumb{font-size:13px;margin-bottom:36px;padding-bottom:17px;border-bottom:1px solid #c9c9c5}
.native-site.mc-detail.mc-canvas-detail .native-section-head{max-width:none;margin-bottom:35px}
.native-site.mc-detail.mc-canvas-detail .native-section-head>.native-intro{max-width:750px}
.native-site.mc-detail.mc-canvas-detail .native-section-head:has(>div){display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:end}
.native-site.mc-detail.mc-canvas-detail .native-section-head:has(>div)>.native-intro{margin-top:0!important}
.native-site.mc-detail.mc-canvas-detail .mc-location-copy{margin-top:44px;padding-top:32px;border-top:1px solid #c9c9c5}
.native-site.mc-detail.mc-canvas-detail .mc-location-copy .native-intro{max-width:900px}
.native-site.mc-detail.mc-canvas-detail .mc-location-copy .native-note{max-width:900px}
.native-site.mc-detail.mc-canvas-detail .mc-agenda-head{margin-top:52px;grid-column:1/-1}
.native-site.mc-detail.mc-canvas-detail .mc-detail-path{grid-column:1/-1}
.native-site.mc-detail.mc-canvas-detail .native-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(38px,6vw,86px)}
.native-site.mc-detail.mc-canvas-detail .mc-detail-panels{border:0;gap:20px;margin-top:38px}
.native-site.mc-detail.mc-canvas-detail :is(.mc-detail-panel,.mc-role-grid>article,.mc-scope-grid>article){min-width:0;background:#fff;color:#111;border:2px solid #111;padding:28px}
.native-site.mc-detail.mc-canvas-detail :is(.mc-detail-panel,.mc-role-grid>article,.mc-scope-grid>article) :is(p,h3,h4,li,span,small){color:#111}
.native-site.mc-detail.mc-canvas-detail .native-section :is(.mc-detail-panel,.mc-role-grid>article,.mc-scope-grid>article) h3{font:400 clamp(28px,2.8vw,36px)/1.14 var(--mc-display);margin:0 0 18px;letter-spacing:0}
.native-site.mc-detail.mc-canvas-detail :is(.mc-detail-panel,.mc-role-grid>article)>:is(span:first-child,.native-kicker){font:700 11px/1.4 var(--mc-body);letter-spacing:.09em;text-transform:uppercase;margin-bottom:22px!important}
.native-site.mc-detail.mc-canvas-detail :is(.mc-detail-panel,.mc-role-grid>article) p:not(.native-kicker){font-size:18px;line-height:1.5}
.native-site.mc-detail.mc-canvas-detail .mc-role-grid{gap:20px;border:0;margin-top:38px}
.native-site.mc-detail.mc-canvas-detail .mc-scope-grid{gap:22px;border:0;margin-top:30px}
.native-site.mc-detail.mc-canvas-detail .mc-scope-grid ul{margin:0!important;padding:0;list-style:none;display:grid;gap:14px}
.native-site.mc-detail.mc-canvas-detail .mc-scope-grid li{font-size:17px;line-height:1.5;border:0;padding:0}
.native-site.mc-detail.mc-canvas-detail .mc-scope-grid li::before{display:none}
.native-site.mc-detail.mc-canvas-detail .mc-scope-grid>article:nth-child(2){background:#f3f3f1}
.native-site.mc-detail.mc-canvas-detail .native-flow{gap:24px;margin-top:38px}
.native-site.mc-detail.mc-canvas-detail .native-grid{gap:22px}
.native-site.mc-detail.mc-canvas-detail .native-grid>.native-card{padding:27px;border:2px solid #111;background:#fff;color:#111}
.native-site.mc-detail.mc-canvas-detail .native-grid>.native-card :is(p,h3,h4,span,small,li){color:#111}
.native-site.mc-detail.mc-canvas-detail .native-section .native-grid>.native-card h3{font:400 30px/1.15 var(--mc-display);margin-bottom:17px}
.native-site.mc-detail.mc-canvas-detail .native-step{border-top:2px solid currentColor;padding-top:22px}
.native-site.mc-detail.mc-canvas-detail .native-step h3{font:400 30px/1.15 var(--mc-display)}
.native-site.mc-detail.mc-canvas-detail .native-step p{font-size:17px;line-height:1.5;color:inherit}
.native-site.mc-detail.mc-canvas-detail .mc-detail-rail{margin-top:30px;padding-block:23px;gap:20px 30px;border-top:2px solid #111;border-bottom:1px solid #111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-rail>*{border-left:3px solid #ff0000}
.native-site.mc-detail.mc-canvas-detail .mc-detail-poster{border-radius:0 28px 0 0;min-height:380px;gap:25px}
.native-site.mc-detail.mc-canvas-detail .mc-detail-poster :is(p,h2,h3,h4,span,strong,b,small,figcaption){color:#fff}
.native-site.mc-detail.mc-canvas-detail .mc-detail-price{border:2px solid #111;padding:30px;max-width:800px;background:#fff;color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-related{gap:22px}
.native-site.mc-detail.mc-canvas-detail .mc-detail-related>.mc-detail-panel{border:2px solid #111;padding:27px;background:#fff;color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-agenda{gap:28px 40px;margin-top:38px}
.native-site.mc-detail.mc-canvas-detail .mc-detail-agenda>li{grid-template-columns:minmax(0,1fr);gap:17px}
.native-site.mc-detail.mc-canvas-detail .mc-detail-agenda h3{font-size:29px;line-height:1.15}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-results{grid-template-columns:repeat(3,minmax(0,1fr))}
.native-site.mc-detail.mc-canvas-detail.mc-workshop-page .native-grid{border:0}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-agenda{margin-top:34px;border-top:1px solid #fff;border-bottom:1px solid #fff}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-agenda>summary{display:flex;justify-content:space-between;gap:24px;padding-block:23px;cursor:pointer;font:700 20px/1.4 var(--mc-body);list-style:none}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-agenda>summary::-webkit-details-marker{display:none}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-agenda>summary>span{color:#ff0000}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-agenda[open]>summary>span{transform:rotate(45deg)}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-agenda[open]{padding-bottom:30px}
.native-site.mc-detail.mc-canvas-detail .mc-workshop-agenda .mc-agenda-head{margin-top:24px}
.native-site.mc-detail.mc-canvas-detail .native-dark .mc-detail-agenda>li>span{color:#ff0000}
.native-site.mc-detail.mc-canvas-detail .mc-creator-funnel{width:100%;max-width:none;justify-self:stretch;box-sizing:border-box;padding:28px 32px;background:#f3f3f1}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero .mc-pilot-art{background:#fff;color:#111;border-color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero .mc-pilot-art :is(*,::before,::after){color:#111;border-color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero .mc-pilot-art :is(.native-kicker,figcaption){color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero .mc-pilot-art-flow>div{border-color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-hero .mc-pilot-art-flow>i{color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-service-clarity-title{max-width:1100px}
.native-site.mc-detail.mc-canvas-detail .mc-detail-faq{background:#f3f3f1;color:#111}
.native-site.mc-detail.mc-canvas-detail .native-section:has(.faq-list){background:#f3f3f1;color:#111}
.native-site.mc-detail.mc-canvas-detail .mc-detail-faq .faq-list{border-top:1px solid #111}
.native-site.mc-detail.mc-canvas-detail .faq-item{border-color:#111}
.native-site.mc-detail.mc-canvas-detail .faq-item summary{font-size:19px;line-height:1.4;padding-block:21px}
.native-site.mc-detail.mc-canvas-detail .faq-answer{font-size:17px;line-height:1.55;color:#111}
.native-site.mc-detail.mc-canvas-detail .native-dark{background:#111;color:#fff}
.native-site.mc-detail.mc-canvas-detail .native-dark :is(.native-intro,.native-note,.native-kicker,.native-step p,.native-list li,.native-card p,.mc-text-link,.mc-secondary-link){color:#fff}
.native-site.mc-detail.mc-canvas-detail .native-dark :is(.mc-detail-panel,.mc-role-grid>article,.mc-scope-grid>article,.mc-detail-related>.mc-detail-panel){background:transparent;color:#fff;border:1px solid #fff}
.native-site.mc-detail.mc-canvas-detail .native-dark :is(.mc-detail-panel,.mc-role-grid>article,.mc-scope-grid>article) :is(p,h3,h4,span,small,li,b){color:#fff}
.native-site.mc-detail.mc-canvas-detail .native-dark .native-card{background:transparent;color:#fff;border-color:#fff}
.native-site.mc-detail.mc-canvas-detail .native-dark .native-grid>.native-card :is(p,h3,h4,span,small,li){color:#fff}
.native-site.mc-detail.mc-canvas-detail .native-dark .native-step{border-color:#fff}
.native-site.mc-detail.mc-canvas-detail :is(.cx-grain,.mc-detail-poster){position:relative;isolation:isolate;overflow:hidden}
.native-site.mc-detail.mc-canvas-detail :is(.cx-grain,.mc-detail-poster)::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.12;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px}
/* Contact sizing remains the shared 0711 contract, not the display hero scale. */
.native-site.mc-detail.mc-canvas-detail .mc-contact h2.native-heading{font-size:clamp(38px,5vw,68px);line-height:1.12;text-wrap:balance}
@media(max-width:1000px){
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.84fr);gap:32px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid h1.native-heading{font-size:clamp(46px,6.2vw,68px)}
 .native-site.mc-detail.mc-canvas-detail .native-section h2.native-heading{font-size:clamp(44px,5.5vw,60px)}
 .native-site.mc-detail.mc-canvas-detail .mc-role-grid{grid-template-columns:minmax(0,1fr)}
 .native-site.mc-detail.mc-canvas-detail :is(.mc-detail-panel,.mc-role-grid>article,.mc-scope-grid>article){padding:25px}
}
@media(max-width:800px){
 .native-site.mc-detail.mc-canvas-detail .native-section{padding-block:64px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero{padding-block:30px 54px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid,.native-site.mc-detail.mc-canvas-detail .native-split{grid-template-columns:minmax(0,1fr);gap:32px}
 .native-site.mc-detail.mc-canvas-detail .native-section-head:has(>div){grid-template-columns:minmax(0,1fr);gap:25px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid h1.native-heading{font-size:clamp(46px,7.8vw,70px)}
 .native-site.mc-detail.mc-canvas-detail .native-section h2.native-heading{font-size:clamp(41px,6.8vw,58px)}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid .native-intro{font-size:20px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-poster{min-height:340px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-panels,.native-site.mc-detail.mc-canvas-detail .mc-scope-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .native-site.mc-detail.mc-canvas-detail .mc-workshop-results{grid-template-columns:repeat(2,minmax(0,1fr))}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-related{grid-template-columns:minmax(0,1fr)}
 .native-site.mc-detail.mc-canvas-detail .mc-contact h2.native-heading{font-size:clamp(36px,10vw,54px)}
 .native-site.mc-detail.mc-canvas-detail .mc-creator-funnel{padding:20px}
}
@media(min-width:561px){
 .native-site.mc-detail.mc-canvas-detail .mc-workshop-results>.mc-detail-panel:last-child{grid-column:span 2}
}
@media(max-width:560px){
 .native-site.mc-detail.mc-canvas-detail .native-section{padding-block:56px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero{padding-block:25px 48px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-hero-grid h1.native-heading{font-size:clamp(40px,10.4vw,58px);line-height:1.12}
 .native-site.mc-detail.mc-canvas-detail .native-section h2.native-heading{font-size:clamp(36px,9.2vw,48px);line-height:1.12}
 .native-site.mc-detail.mc-canvas-detail .native-intro{font-size:20px}
 .native-site.mc-detail.mc-canvas-detail .native-section :is(.mc-detail-panel,.mc-role-grid>article,.mc-scope-grid>article) h3{font-size:29px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-price{padding:25px}
 .native-site.mc-detail.mc-canvas-detail .mc-workshop-results{grid-template-columns:minmax(0,1fr)}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-rail{gap:20px 15px}
 .native-site.mc-detail.mc-canvas-detail .mc-detail-poster{min-height:320px;padding:25px}
 .native-site.mc-detail.mc-canvas-detail .faq-item summary{font-size:18px}
 .native-site.mc-detail.mc-canvas-detail .mc-contact h2.native-heading{font-size:clamp(36px,10vw,54px)}
}
