/* Illustrated CM1 view. The approved artwork is shared, pupil text stays HTML. */
.student-space,.mission-art,.mission-category,.mission-title,.mission-subtitle,.mission-description,.mission-duration,.cm1-encouragement,.cm1-belief{display:none}
.mission-copy{display:contents}.filter-symbol{vertical-align:middle;flex-shrink:0;width:20px;height:20px;margin-right:4px}
body.cm1-space{--cm1-ink:#102f53;background:#fcfbf7;color:var(--cm1-ink);font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif}
body.cm1-space main{max-width:1536px;padding:0 30px;display:flex;flex-direction:column}body.cm1-space .top,body.cm1-space .hero{display:none}
/* Never hide the profile switch, including when CM1 is remembered. */
body.cm1-space .profile-section{display:flex;order:-1;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:10px 0}body.cm1-space .profile-section h2{font-size:12px;letter-spacing:0;margin:0;color:#526459;font-weight:600}
body.cm1-space .profiles{display:flex;gap:8px}body.cm1-space .profile{position:relative;display:flex;flex-direction:row;padding:8px 12px;min-height:44px;border-radius:12px;gap:7px}body.cm1-space .profile.selected{padding:7px 11px;background:#e9f4e5}body.cm1-space .profile strong{font-size:13px;white-space:nowrap}body.cm1-space .profile small,body.cm1-space .profile .tick{display:none}body.cm1-space .profile .avatar{font-size:18px}
body.cm1-space .student-space{display:block;order:0;position:relative;margin:0 -30px 12px;aspect-ratio:1536/242;min-height:188px;background:#dff2f9 url('cm1/header.webp') center/100% 100% no-repeat;overflow:hidden;border-radius:0}
.cm1-wood-label{position:absolute;left:26%;top:13%;width:32%;height:44%;padding:2px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:linear-gradient(178deg,#f7c77d,#f3be70);border-radius:12px}
body.cm1-space .cm1-wood-label h1{margin:0;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;font-size:clamp(25px,3.05vw,46px);line-height:1.12;letter-spacing:-1.3px;color:#142b35;font-weight:850;max-width:100%;overflow-wrap:anywhere;text-align:center}
.class-pill{display:inline-block;background:#fff1d4;color:#182e3b;border-radius:40px;padding:3px 24px;font-size:clamp(16px,1.75vw,25px);font-weight:850;line-height:1.1}.cm1-tagline{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.cm1-landscape{display:none}
body.cm1-space .catalog{order:1;margin:0}body.cm1-space .section-head{display:contents}body.cm1-space .section-head>div{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.cm1-space .section-head .search{display:none}
body.cm1-space .filters{display:flex;flex-wrap:wrap;gap:12px;margin:4px 0 0}body.cm1-space .filters button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 0 auto;min-height:48px;padding:10px 16px;border:2px solid transparent;border-radius:26px;font-size:14px;font-weight:750;background:#edf3ed;color:#2a613a;transition:background .15s,transform .15s}body.cm1-space .filter-symbol{width:25px;height:25px;margin:0}
body.cm1-space .filters button[data-subject='Mathématiques']{background:#e0f1ff;color:#085494}body.cm1-space .filters button[data-subject='Français']{background:#eeebff;color:#534494}body.cm1-space .filters button[data-subject='Anglais']{background:#f9eaf0;color:#af2846}body.cm1-space .filters button[data-subject='Histoire']{background:#f6eee6;color:#8a501f}body.cm1-space .filters button[data-subject='SVT']{background:#e9f5e9;color:#2f6b35}body.cm1-space .filters button[data-subject='special']{background:#fff1d7;color:#8e560b}
body.cm1-space .filters button.active{background:#27863b;color:white;box-shadow:0 3px 0 #1c6c2e}body.cm1-space .filters button:not([data-subject='all']).active{border-color:currentColor;box-shadow:0 3px 0 currentColor}body.cm1-space .filters button:hover{transform:translateY(-1px)}
body.cm1-space .count{font-size:12px;line-height:1.3;margin:12px 0 10px;color:#576b68}body.cm1-space .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
body.cm1-space .cm1-mission{--tile-bg:#eaf6ff;--tile-border:#b6ddf9;--tile-accent:#086aca;--tile-subtitle:#0662b7;display:grid;grid-template-columns:minmax(0,44%) minmax(0,1fr);grid-template-rows:1fr auto;gap:0 12px;align-items:start;position:relative;min-height:268px;margin:0;padding:14px;border:2px solid var(--tile-border);border-radius:19px;background:linear-gradient(120deg,#f3faff,var(--tile-bg));box-shadow:none;overflow:hidden;color:var(--cm1-ink)}
body.cm1-space .cm1-mission.theme-special{--tile-bg:#fff2d9;--tile-border:#f6d9a3;--tile-accent:#c48209;--tile-subtitle:#945a06;background:linear-gradient(120deg,#fffaf0,var(--tile-bg))}body.cm1-space .cm1-mission.theme-english{--tile-bg:#ffe9ed;--tile-border:#f9bfc8;--tile-accent:#d0254c;--tile-subtitle:#b42143;background:linear-gradient(120deg,#fff2f4,var(--tile-bg))}body.cm1-space .cm1-mission.theme-other{--tile-bg:#ecf4e5;--tile-border:#c8ddb8;--tile-accent:#38753d;--tile-subtitle:#37623c;background:linear-gradient(120deg,#f8fcf4,var(--tile-bg))}
body.cm1-space .cm1-mission .card-top,body.cm1-space .cm1-mission .subject,body.cm1-space .cm1-mission .new-badge,body.cm1-space .cm1-mission .activity-details,body.cm1-space .cm1-mission .description,body.cm1-space .cm1-mission .standard-title{display:none}
body.cm1-space .cm1-mission .mission-art{display:flex;grid-column:1;grid-row:1;align-self:center;align-items:center;justify-content:center;min-width:0;overflow:hidden;border-radius:25px;mix-blend-mode:multiply}body.cm1-space .mission-art img{display:block;width:100%;max-width:220px;height:auto;object-fit:contain}body.cm1-space .mission-explorer{width:100%;height:190px;background:url('cm1/header.webp') 74% 100%/auto 190px no-repeat}
body.cm1-space .cm1-mission .mission-copy{display:block;grid-column:2;grid-row:1;padding:0 0 10px;min-width:0}body.cm1-space .mission-category{display:inline-block;max-width:100%;border-radius:22px;background:var(--tile-accent);color:white;font-size:11px;font-weight:750;line-height:1.3;padding:5px 10px;margin:0 0 10px}
body.cm1-space .cm1-mission h3{font-size:clamp(20px,1.85vw,28px);line-height:1.12;letter-spacing:-.7px;font-weight:850;overflow-wrap:normal;hyphens:auto;margin:0 0 5px}body.cm1-space .mission-title{display:inline}body.cm1-space .mission-subtitle{display:block;color:var(--tile-subtitle);font-size:16px;font-weight:750;line-height:1.3;margin:0 0 12px}body.cm1-space .mission-description{display:block;color:#163952;font-size:15px;line-height:1.5;margin:0}
body.cm1-space .mission-duration{display:flex;align-items:center;gap:7px;grid-column:1;grid-row:2;align-self:end;margin:0;padding:5px 0;min-height:44px;font-size:13px;line-height:1.2;color:#14374e;white-space:nowrap}body.cm1-space .mission-duration svg{flex-shrink:0}
body.cm1-space .cm1-mission .open{display:flex;grid-column:2;grid-row:2;align-self:end;justify-self:end;align-items:center;justify-content:center;width:49px;height:49px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;background:var(--tile-accent);color:#fff;font-size:34px;font-weight:500;text-decoration:none;line-height:1}body.cm1-space .open-label{display:none}body.cm1-space .cm1-mission .open:after{content:'';position:absolute;inset:0;border-radius:18px}body.cm1-space .cm1-mission:hover{transform:translateY(-2px);box-shadow:0 8px 22px #16365212}body.cm1-space .cm1-mission:focus-within{outline:3px solid #24614c;outline-offset:3px}
body.cm1-space .mission-multiplications{order:1}body.cm1-space .mission-fractions{order:2}body.cm1-space .mission-subtractions{order:3}body.cm1-space .mission-operations{order:4}body.cm1-space .mission-king{order:0}body.cm1-space .mission-tables{order:5}body.cm1-space .mission-english{order:6}body.cm1-space .mission-discovery{order:20}
body.cm1-space .resume{order:2;margin:20px 0 0;padding:15px 20px;background:#edf5e9;border-radius:18px;gap:14px}body.cm1-space .resume .eyebrow{font-size:9px}body.cm1-space .resume h2{font-size:15px;margin-bottom:5px}body.cm1-space .resume #resumeName{font-size:14px}body.cm1-space .resume .resume-note{font-size:11px;margin-top:4px}body.cm1-space .resume-link{padding:11px 16px;font-size:13px}
body.cm1-space .encouragement{order:3;position:relative;margin:18px 0 24px;padding:16px 22px;gap:18px;border:0;border-radius:40px;background:linear-gradient(90deg,transparent,#fff2d9,transparent)}body.cm1-space .standard-encouragement{display:none}body.cm1-space .cm1-encouragement{display:inline;font-size:18px;line-height:1.35;color:var(--cm1-ink)}body.cm1-space .cm1-belief{display:block;font-size:17px;font-weight:750;color:#294c64;margin-left:auto;transform:rotate(-5deg);border-bottom:2px solid #62899b;padding-bottom:7px}body.cm1-space .empty{padding:30px 20px}body.cm1-space footer{max-width:1536px;gap:15px;flex-wrap:wrap;align-items:center}body.cm1-space footer a{margin-top:0!important}
@media(max-width:1199px){body.cm1-space main{padding:0 20px}body.cm1-space .student-space{margin-left:-20px;margin-right:-20px}body.cm1-space .cards{grid-template-columns:repeat(2,minmax(0,1fr))}body.cm1-space .cm1-mission{min-height:260px}body.cm1-space .cm1-mission h3{font-size:25px}body.cm1-space .filters{gap:8px}body.cm1-space .filters button{font-size:13px;padding:9px 13px}body.cm1-space .filter-symbol{width:21px;height:21px}}
@media(max-width:799px){body.cm1-space .student-space{height:210px;min-height:0;aspect-ratio:auto;background:linear-gradient(145deg,#e7f6fb,#f1faed);border-radius:20px;margin:0 0 14px}.cm1-landscape-right{display:block;position:absolute;right:-8px;bottom:0;width:43%;height:200px;background:url('cm1/header.webp') 73% bottom/auto 200px no-repeat;-webkit-mask-image:linear-gradient(to right,transparent,#000 18%);mask-image:linear-gradient(to right,transparent,#000 18%)}.cm1-sign{position:relative;z-index:1;width:65%;padding:20px 0 0 15px}.cm1-wood-label{position:relative;inset:auto;width:100%;height:auto;min-height:113px;padding:16px 10px 12px;border:2px solid #b38749;border-bottom:5px solid #9f703a;border-radius:15px 18px 15px 19px;gap:9px;background:repeating-linear-gradient(178deg,#f4c37a 0px,#f6c982 33px,#deac64 34px,#f4c37a 36px);box-shadow:0 2px 0 #b1854570;transform:rotate(-2deg)}body.cm1-space .cm1-wood-label h1{font-size:clamp(24px,4.5vw,34px);letter-spacing:-.8px}.class-pill{font-size:17px;padding:5px 21px}.cm1-tagline{position:static;width:auto;height:auto;clip:auto;overflow:visible;margin:9px 0 0;font-size:12px;text-align:center;line-height:1.35;font-weight:750;color:#193a54}body.cm1-space .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body.cm1-space .cm1-mission{padding:12px;gap:0 8px;grid-template-columns:minmax(0,40%) minmax(0,1fr);min-height:258px}body.cm1-space .cm1-mission h3{font-size:21px}body.cm1-space .mission-subtitle{font-size:14px;margin-bottom:9px}body.cm1-space .mission-description{font-size:13px}body.cm1-space .mission-duration{font-size:12px;white-space:normal;min-width:0}body.cm1-space .mission-duration svg{width:19px;height:19px}body.cm1-space .mission-category{font-size:10px;padding:5px 8px}body.cm1-space .profile-section h2{font-size:11px}body.cm1-space .cm1-belief{font-size:14px}body.cm1-space .cm1-encouragement{font-size:16px}}
@media(max-width:599px){body.cm1-space main{padding:0 12px}body.cm1-space .profile-section{padding:8px 0;display:block}body.cm1-space .profile-section h2{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}body.cm1-space .profiles{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px}body.cm1-space .profile,body.cm1-space .profile.selected{justify-content:center;min-width:0;gap:5px;padding:9px 4px}body.cm1-space .profile.selected{padding:8px 3px}body.cm1-space .profile strong{font-size:12px}body.cm1-space .profile .avatar{font-size:16px}body.cm1-space .student-space{height:195px;border-radius:16px}.cm1-sign{width:66%;padding:17px 0 0 9px}.cm1-wood-label{min-height:111px;padding:12px 7px 10px}body.cm1-space .cm1-wood-label h1{font-size:26px}.cm1-tagline{font-size:10px;margin:9px 0 0;max-width:225px}.cm1-landscape-right{width:43%;height:182px;background-size:auto 182px;background-position:73.5% bottom;right:-6px}body.cm1-space .filters{gap:7px;flex-wrap:wrap}body.cm1-space .filters button{flex:1 0 auto;min-height:44px;min-width:0;padding:8px 10px;font-size:12px;gap:6px;border-radius:20px}body.cm1-space .filter-symbol{width:18px;height:18px}body.cm1-space .count{font-size:11px;margin:13px 1px 10px}body.cm1-space .cards{grid-template-columns:1fr;gap:12px}body.cm1-space .cm1-mission{grid-template-columns:minmax(0,43%) minmax(0,1fr);min-height:231px;padding:13px;gap:0 11px}body.cm1-space .cm1-mission h3{font-size:22px;letter-spacing:-.6px;overflow-wrap:break-word}body.cm1-space .mission-category{font-size:10px;margin-bottom:8px}body.cm1-space .mission-subtitle{font-size:14px}body.cm1-space .mission-description{font-size:13px;line-height:1.45}body.cm1-space .mission-duration{font-size:12px;min-height:44px;white-space:nowrap}body.cm1-space .cm1-mission .open{width:44px;height:44px;font-size:30px}body.cm1-space .resume{padding:14px;margin-top:15px}body.cm1-space .resume-link{margin-top:10px}body.cm1-space .encouragement{padding:14px 15px;margin:14px 0;gap:10px;align-items:center;justify-content:center}body.cm1-space .encouragement>span{font-size:24px}body.cm1-space .cm1-encouragement{font-size:14px}body.cm1-space .cm1-belief{display:none}body.cm1-space footer{font-size:10px;padding:10px 15px 22px;justify-content:center;gap:7px 15px;text-align:center}}
@media(max-width:359px){body.cm1-space .cm1-mission{grid-template-columns:minmax(0,38%) minmax(0,1fr);gap:0 9px}body.cm1-space .cm1-mission h3{font-size:20px}body.cm1-space .mission-duration{font-size:11px;white-space:normal}.cm1-sign{width:68%}}
@media(prefers-reduced-motion:reduce){body.cm1-space .filters button,body.cm1-space .cm1-mission{transition:none}body.cm1-space .filters button:hover,body.cm1-space .cm1-mission:hover{transform:none}}
/* Boutique des goûters : thème propre à la carte CM1. */
body.cm1-space .cm1-mission.mission-gouters{order:4;--tile-bg:#fff1e5;--tile-border:#e8c4a6;--tile-accent:#ad6253;--tile-subtitle:#8b5a44}
body.cm1-space .mission-gouters .mission-art img{width:100%;height:auto;max-width:260px;border-radius:14px}