/* CBE editorial homepage: one grid, one action colour, distinct reading rhythms. */
#home-view .hero-copy,#home-view .hero-art,#home-view .hero{animation:none!important;opacity:1!important;transform:none!important}
.method-demo{display:grid;grid-template-columns:190px 1fr;gap:24px;margin:26px 0}
.method-controls{display:grid;align-content:start;gap:10px}
.method-controls button{padding:16px;text-align:start;background:transparent;color:inherit;border:1px solid #8fa897;border-radius:5px}
.method-controls button[aria-pressed=true]{background:#173f32;color:#fff5e5}
.method-document{padding:28px;background:#fffdf6;color:#173f32;border:1px solid #c6d1c3;border-inline-start:5px solid #a1814e;min-height:240px;box-shadow:0 9px 22px #183e3208}
.method-body{font:22px/1.55 Georgia,serif}
.method-annotation{padding:16px;margin:22px 0 0;border-inline-start:3px solid #789783;background:#edf1e8;font-size:14px;line-height:1.7}
.method-question{font:27px/1.3 Georgia,serif;margin-top:30px}
.method-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}
.method-choices button{background:#fffdf6;border:1px solid #8fa897;border-radius:5px;color:#173f32;padding:18px;text-align:start;font-size:14px;line-height:1.6}
.method-choices button[aria-pressed=true]{background:#173f32;color:#fff5e5;border-color:#173f32}
.method-feedback:empty{display:none}.method-feedback{padding:20px;border:1px solid #8fa897;margin-bottom:18px;line-height:1.7}.method-feedback p{margin:8px 0 0}
.home-closing>div>p{margin:14px 0 0;max-width:560px}
#home-view section.network-home .button{background:transparent;border-color:#688675;color:inherit}
#home-view section.network-home .button:hover{background:#dce5d9;color:#153e32}
@media(max-width:600px){.method-demo{grid-template-columns:1fr;gap:14px}.method-controls{grid-template-columns:repeat(3,1fr);gap:6px}.method-controls button{padding:12px 6px;font-size:12px}.method-document{padding:20px}.method-body{font-size:19px}.method-choices{grid-template-columns:1fr}}
#home-view{--home-accent:#a74729;--home-line:#cbd3c9}
#home-view>.section,#home-view>.commercial-intro,#home-view>.hero{max-width:1280px;padding:64px 5.5%;margin-inline:auto}
#home-view h2{font-size:clamp(30px,3.2vw,44px);line-height:1.16;max-width:820px}
#home-view .eyebrow{font-size:10px;letter-spacing:.16em}
#home-view .button{background:transparent;border-color:#688675;color:inherit;box-shadow:none;border-radius:5px}
#home-view .button:hover{background:#dce5d9;color:#153e32}
#home-view .hero .button,#home-view .home-closing .button{background:var(--home-accent);border-color:var(--home-accent);color:#fff8ef}
#home-view .hero .button:hover,#home-view .home-closing .button:hover{background:#87341d;border-color:#87341d;color:#fff8ef}
#home-view .hero{padding-top:45px;padding-bottom:50px}
#home-view .hero .lead{font-size:17px;max-width:520px}
#home-view #atelier{background:#e9ede4;padding-top:46px;padding-bottom:46px}
#home-view #atelier>.studio-banner,#home-view #atelier>.workshop-grid{display:none}
#home-view .instant-lab{background:transparent;border:0;border-radius:0;padding:0;margin:24px 0 0;gap:40px}
#home-view .instant-lab h3{font-size:30px;line-height:1.25}
#home-view .lab-options button{background:#fffdf7;border:1px solid #a6b7a8;border-radius:5px}
#home-view #programme .skills-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
#home-view #programme .skill-card{padding:24px;min-height:225px;border:1px solid var(--home-line);border-radius:5px;background:#fffdf7}
#home-view #programme .skill-card:nth-child(n+7){display:none}
#home-view #programme .skill-card h3{font-size:24px;margin:16px 0 12px;max-width:none}
#home-view #programme .skill-card p{font-size:13px;margin-bottom:20px}
#home-view #programme .skill-index{font-size:9px}
#home-view #programme .national-footer{gap:20px;border-top:1px solid var(--home-line);padding-top:22px}
#home-view .mn-home-feature{background:#123d32;color:#fff5e5;gap:36px}
#home-view .mn-home-feature h2,#home-view .mn-home-feature em{color:#f4c48d}
#home-view .mn-home-figure{font-size:clamp(44px,5.5vw,76px);border-color:#617d6e}
#home-view .mn-home-figure small{color:#d9e5d9;line-height:1.6}
#home-view .campus-section{background:transparent;border-radius:0}
#home-view .city-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#home-view .city-grid .city-card{margin-top:0!important;min-width:0}
#home-view .city-grid .city-image{height:215px!important;border-radius:5px;overflow:hidden}
#home-view .city-grid h3{font-size:25px}
#home-view .network-home{background:#e9ede4;color:#173f32;border:0}
#home-view .network-home h2{color:#173f32}
#home-view .network-home em,#home-view .network-home .eyebrow{color:#8a492d}
#home-view .network-home .fine{color:#4f6558}
#home-view .network-home .network-home-types a{background:#fffdf7;color:#173f32;border:1px solid #b8c7b9!important;border-radius:5px;font-size:25px;padding:18px}
#home-view .network-home .network-home-types span{color:#4f6558}
#home-view .network-home .network-home-types a:last-child{font:14px Arial,sans-serif;background:transparent;border:0!important;padding-inline:0;color:#173f32}
#home-view .commercial-intro{background:#fff5e7;border-block:1px solid #dbcbb3;grid-template-columns:1fr;gap:22px}
#home-view .commercial-paths a{border-radius:5px;box-shadow:none!important;min-height:110px;background:#fffdf7;color:#173f32}
#home-view .commercial-paths a:nth-child(2){background:#a74729;color:#fff8ef;border-color:#a74729}
#home-view .commercial-paths a:nth-child(3){background:#fffdf7;color:#173f32;border-color:#bdcabb}
#home-view .trust-section{padding-block:42px}
#home-view .trust-section h2{font-size:30px}
#home-view .source-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
#home-view .source-card{grid-column:auto!important;padding:16px;border:1px solid var(--home-line);border-radius:5px}
#home-view .faq{padding-block:42px;border-top:1px solid var(--home-line)}
#home-view .home-closing{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#ece6d8;margin-bottom:0}
#home-view .home-closing h2{margin:0;font-size:34px}
body.dark #home-view{--home-line:#46665a}
body.dark #home-view #atelier,body.dark #home-view .network-home{background:#1d4135;color:#f5efdf}
body.dark #home-view .network-home h2,body.dark #home-view .network-home .fine{color:#f5efdf}
body.dark #home-view .network-home em,body.dark #home-view .network-home .eyebrow{color:#f2c088}
body.dark #home-view #programme .skill-card,body.dark #home-view .lab-options button{background:#1d4135;color:#f5efdf}
body.dark #home-view .commercial-intro,body.dark #home-view .home-closing{background:#1d4135;color:#f5efdf}
@media(max-width:900px){#home-view #programme .skills-grid,#home-view .city-grid{grid-template-columns:1fr 1fr}#home-view .source-grid{grid-template-columns:1fr}#home-view .hero-buttons{flex-wrap:wrap}}
@media(max-width:600px){#home-view>.section,#home-view>.commercial-intro,#home-view>.hero{padding:36px 6%}#home-view #programme .skills-grid{grid-template-columns:1fr}#home-view #programme .skill-card{min-height:0}#home-view .city-grid{gap:22px 14px}#home-view .city-grid .city-image{height:170px!important}#home-view .city-grid h3{font-size:21px}#home-view .instant-lab{grid-template-columns:1fr;gap:20px}#home-view .home-closing,#home-view .national-footer{flex-direction:column;align-items:flex-start}#home-view .hero .lead{font-size:16px}}

/* Uniform catalogue, compact progressive demonstration. */
#home-view #programme .skill-card{grid-column:auto!important;margin-top:0!important;padding:24px!important;display:flex;flex-direction:column}
#home-view #programme .skill-card:nth-child(n+7){display:none}
#home-view #programme .skill-index{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:inherit}
#home-view .skill-index img{width:24px;height:24px;opacity:.8}
#home-view #programme .skill-bottom{margin-top:auto;width:100%}
#home-view #programme .skill-card[data-discipline="international"],#home-view #programme .skill-card[data-discipline="maroc-chiffres"]{border-top:3px solid #a1814e}
body.dark #home-view .skill-index img{filter:brightness(0) invert(1)}
.method-demo{margin:20px 0;gap:18px}
.method-document{min-height:0;padding:20px 24px}
.method-body{font-size:20px;line-height:1.5;margin:12px 0}
.method-annotation{padding:12px;margin-top:12px;font-size:13px;line-height:1.55}
.method-challenge{border:1px solid #8fa897;border-radius:5px;margin:18px 0;background:transparent;padding:0 18px}
.method-challenge summary{cursor:pointer;min-height:52px;display:list-item;list-style-position:inside;padding:14px 0;font-weight:600;line-height:1.5}
.method-challenge[open]{padding-bottom:12px}
.method-controls button{min-height:44px;cursor:pointer}
.method-controls button:focus-visible,.method-challenge summary:focus-visible,.method-choices button:focus-visible{outline:3px solid #a74729;outline-offset:4px}
@media(max-width:600px){.method-document{padding:16px}.method-body{font-size:17px}.method-annotation{font-size:13px}.method-controls button{font-size:12px;line-height:1.4;min-height:58px}#home-view #atelier{padding-block:32px}.method-challenge{padding-inline:12px}}

#home-view .skill-index img{width:30px;height:30px;opacity:1}
#home-view .method-challenge summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
#home-view .method-challenge summary::-webkit-details-marker{display:none}
#home-view .method-challenge summary::after{content:'+';font-size:26px;line-height:1}
#home-view .method-challenge[open] summary::after{content:'−'}
#home-view .method-challenge{border-color:#a74729;border-inline-start:4px solid #a74729}
@media(max-width:600px){#home-view .hero-copy>.hero-art{margin:0 0 20px}#home-view .hero-copy>.hero-art .image-frame{height:155px;border-radius:6px;overflow:hidden}#home-view .hero-copy>.hero-art img,#home-view .hero-copy>.hero-art video{height:100%;width:100%;object-fit:cover}#home-view .hero-copy>.hero-art figcaption{font-size:10px;margin-top:5px}#home-view .hero h1{margin-bottom:18px}#home-view .hero{gap:0;padding-top:25px}#home-view .hero-copy>.eyebrow{margin-bottom:15px}#home-view .hero-buttons{margin-top:18px}#home-view .hero .lead{line-height:1.55;margin-bottom:15px}}

@media(max-width:600px){#home-view .hero h1{font-size:clamp(28px,7.5vw,34px);letter-spacing:-1px;line-height:1.14}#home-view .hero .video-control{font-size:0;width:44px;height:44px;padding:0;right:8px;bottom:8px}#home-view .hero .video-control::after{content:'Ⅱ';font-size:20px}#home-view .hero .video-control[data-paused=true]::after{content:'▷'}}