/* Présentation alignée sur Héroscolaire ; les cours et les banques restent ceux du cahier. */
#app .fel-art{display:block;flex:none;width:64px;height:64px;min-width:64px;align-self:center;background-image:var(--fel-art-sheet);background-size:400% 400%;background-position:var(--fel-art-x) var(--fel-art-y);background-repeat:no-repeat;border:0;border-radius:12px;box-shadow:none;overflow:hidden}
.fel-home{max-width:1080px;margin:auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.fel-home a{text-decoration:none}.fel-school-banner{display:flex;align-items:center;gap:12px;padding:12px 18px;min-height:64px;box-sizing:border-box;background:#e5eedc;color:#234c3b;border:1px solid #bdcdb0;border-radius:18px}.fel-school-banner .fel-school-mark{width:38px;height:38px}.fel-school-banner span{font-size:13px;line-height:1.4}.fel-school-banner strong{font-size:18px;line-height:1.3}.fel-school-banner>b{margin-left:auto;font-size:24px}
.fel-holidays{display:flex;align-items:center;gap:18px;padding:23px;margin:18px 0;background:linear-gradient(115deg,#fff0cf,#fff9e8);border:1px solid #d9ba76;border-radius:22px;color:#58431f}.fel-holidays>span:first-child{font-size:38px}.fel-holidays small{display:block;font-size:11px;letter-spacing:.07em;font-weight:750}.fel-holidays strong{display:block;font-size:25px;margin:6px 0}.fel-holidays p{margin:0;font-size:15px;line-height:1.5}.fel-holidays>b{margin-left:auto;font-size:25px}
.fel-welcome{padding:24px 0 20px}.fel-welcome .hero-companion{margin:0}.fel-welcome .hero-companion h1{font-family:inherit;font-size:clamp(27px,4vw,40px);line-height:1.2}.fel-class-badge{display:block;width:fit-content;margin:16px 0 0;background:#e6efdc;color:#3b603e;padding:7px 12px;border-radius:20px;font-size:11px;font-weight:800;letter-spacing:.07em}.fel-world{background:linear-gradient(180deg,#e6f1e5,#f1f5e6);border:1px solid #c2d0b1;border-radius:28px;padding:clamp(18px,4vw,32px)}.fel-world-title{text-align:center;margin:0 0 24px}.fel-world-title>span{font-size:25px;color:#b89543}.fel-world-title h2{font:800 clamp(24px,4vw,31px)/1.25 system-ui;margin:8px 0}.fel-world-title p{font-size:16px;line-height:1.6;margin:0;color:#4e6951}
.fel-main-paths{display:grid;grid-template-columns:1fr 1fr;gap:18px}.fel-main-paths .fel-card{flex-direction:column;align-items:center;text-align:center;padding:26px 18px;min-height:220px;border-width:2px;gap:14px}.fel-main-paths .fel-card .fel-art{width:90px;height:90px;min-width:90px}.fel-main-paths .fel-card strong{font-size:28px}.fel-main-paths .fel-card>b{margin:0}.fel-card{display:flex;align-items:center;gap:15px;padding:19px;min-height:116px;border:1px solid #c0ceb2;border-radius:20px;background:#fffef7;color:#173c2a;box-shadow:0 3px 0 #cfdbc44a;transition:transform .15s,border-color .15s}.fel-card:hover{transform:translateY(-2px);border-color:#6f946e}.fel-card strong{display:block;font-size:19px;line-height:1.3;letter-spacing:-.02em}.fel-card small{display:block;font-size:14px;line-height:1.5;color:#587052;margin-top:7px}.fel-card>b{margin-left:auto;font-size:24px}.fel-secondary-paths{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.fel-secondary-paths .fel-art{width:58px;height:58px;min-width:58px}
.fel-big-games{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0}.fel-game{display:flex;flex-direction:column;padding:25px;border-radius:24px;color:#fff;box-shadow:0 4px 0 #163d3a}.fel-world-game{background:linear-gradient(145deg,#264c5d,#254351)}.fel-village-game{background:linear-gradient(145deg,#255642,#3c7056)}.fel-game-art{height:150px;display:flex;justify-content:center;align-items:center;background:#ffffff10;border:1px solid #ffffff19;border-radius:17px;margin-bottom:20px}.fel-game-art img{width:150px;height:140px;object-fit:contain}#app .fel-game-art .fel-art{width:140px;height:140px;min-width:140px}.fel-game small{font-size:10px;font-weight:800;letter-spacing:.08em;color:#ecedc9}.fel-game h2{font:800 26px/1.2 system-ui;color:#fff;margin:9px 0}.fel-game p{color:#ecf2e9;font-size:15px;line-height:1.6;margin:0 0 22px}.fel-game strong{display:block;padding:13px 16px;margin-top:auto;background:#ffffff14;border:1px solid #ffffff46;border-radius:12px;font-size:15px;text-align:center}.fel-home-note{text-align:center;font-size:13px;color:#5b7155;line-height:1.6}
#app .fel-catalog-heading{display:flex;align-items:center;gap:18px;margin:25px 0 18px;padding:0;background:transparent;border:0;box-shadow:none}#app .fel-catalog-heading .fel-art{width:82px;height:82px;min-width:82px}#app .fel-catalog-heading .eyebrow{display:block;font:750 11px/1.4 system-ui;letter-spacing:.09em;color:#6a7f5a;margin:0 0 7px}#app .fel-catalog-heading h1{font:850 clamp(28px,4vw,38px)/1.16 system-ui;letter-spacing:-.03em;margin:0 0 8px;color:#193e2c}#app .fel-catalog-heading p{font:400 15px/1.5 system-ui;color:#5c7154;margin:0}.fel-catalog-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 26px}.fel-catalog-summary>span{background:#e4edda;border:1px solid #d0ddc1;color:#4e6947;border-radius:30px;padding:7px 12px;font:650 12px/1.4 system-ui}
.fel-cahier-group{margin:28px 0 32px}.fel-group-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding:0 2px}.fel-group-heading h2{font:800 20px/1.3 system-ui;margin:0;color:#234a33;letter-spacing:-.02em}.fel-group-heading>span{font:500 12px/1.3 system-ui;color:#718067}
#app .fel-notions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}#app .fel-notions>a{display:grid;grid-template-columns:64px minmax(0,1fr) 15px;align-items:center;gap:14px;padding:16px;min-height:114px;box-sizing:border-box;text-align:left;background:#fffef8;border:1px solid #c6d3b8;border-radius:18px;box-shadow:0 2px 0 #d5dfc84d;color:#173c2a;text-decoration:none;transition:border-color .15s,box-shadow .15s}#app .fel-notions>a:hover{border-color:#77946c;box-shadow:0 3px 0 #c7d5b9}#app .fel-notions .fel-lesson-copy{display:grid;gap:6px;min-width:0;text-decoration:none}#app .fel-notions strong{display:block;font:750 17px/1.35 system-ui;letter-spacing:-.015em;overflow-wrap:normal;color:#21452f;text-decoration:none}#app .fel-notions small{display:block;font:500 12px/1.4 system-ui;color:#6d7e5f;text-decoration:none}#app .fel-notions .fel-code{display:block;width:fit-content;margin:0;padding:3px 7px;border-radius:6px;background:#edf1e4;color:#5f7653;font:750 10px/1.2 system-ui;letter-spacing:.04em;text-decoration:none}#app .fel-notions .fel-chevron{font:500 30px/1 system-ui;color:#829773;background:none;border:0;padding:0;margin:0;text-decoration:none}
#app .fel-start-heading{text-align:center;margin:28px 0;padding:30px 22px;background:#fffef8;border:1px solid #c6d3b8;border-radius:24px}#app .fel-start-heading .fel-art{width:120px;height:120px;min-width:120px;margin:0 auto 18px}#app .fel-start-heading .eyebrow{display:block;font:750 11px/1.4 system-ui;letter-spacing:.08em;color:#6b7d58}#app .fel-start-heading h1{font:850 clamp(25px,4vw,34px)/1.2 system-ui;color:#23472f;margin:12px 0 14px}#app .fel-start-heading p{font:400 16px/1.6 system-ui;color:#607252;margin:0 0 20px}.fel-question-count{display:inline-block;border:1px solid #d3dfc4;border-radius:30px;background:#ecf2e3;color:#48653d;padding:8px 13px;font:700 12px/1.4 system-ui}#app [data-fel-start].mobile-start{width:100%;min-height:54px;border-radius:15px;font:800 17px/1.3 system-ui}#app [data-fel-answer][aria-pressed=true]{border:3px solid #32654c;background:#e9f2e3;box-shadow:0 0 0 1px #32654c}#fel-selection{font-size:15px;line-height:1.5}
.fel-card:focus-visible,.fel-game:focus-visible,.fel-school-banner:focus-visible,.fel-holidays:focus-visible,.fel-notions a:focus-visible{outline:4px solid #c79940;outline-offset:4px}
@media(max-width:700px){#app .fel-notions{grid-template-columns:1fr}.fel-secondary-paths,.fel-big-games{grid-template-columns:1fr}.fel-main-paths{gap:12px}.fel-main-paths .fel-card{padding:22px 12px;min-height:215px}.fel-main-paths .fel-card strong{font-size:25px}.fel-main-paths .fel-card .fel-art{width:78px;height:78px;min-width:78px}.fel-holidays{padding:17px;gap:12px}.fel-holidays small{font-size:9px}.fel-holidays strong{font-size:21px}.fel-holidays p{font-size:13px}.fel-school-banner{gap:9px;padding:12px}.fel-school-banner .fel-school-mark{width:34px;height:34px}.fel-school-banner{flex-wrap:wrap}.fel-school-banner span{font-size:11px}.fel-school-banner strong{font-size:15px}.fel-school-banner>b{font-size:20px}.fel-welcome .hero-companion h1{font-size:27px}.fel-world{padding:18px;border-radius:24px}#app .fel-catalog-heading{gap:14px;margin-top:22px}#app .fel-catalog-heading .fel-art{width:72px;height:72px;min-width:72px}.fel-catalog-summary>span{font-size:11px;padding:6px 10px}#app .fel-notions>a{padding:14px;gap:12px;grid-template-columns:60px minmax(0,1fr) 14px}#app .fel-notions .fel-art{width:60px;height:60px;min-width:60px}#app .fel-notions strong{font-size:16px}.fel-group-heading h2{font-size:18px}.fel-card small{font-size:13px}.fel-secondary-paths .fel-card strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.fel-card,#app .fel-notions>a{transition:none}.fel-card:hover{transform:none}}

#app .subject-card:has(.fel-art){display:flex;align-items:center;gap:16px;padding:19px;background:#fffef8;border:1px solid #c6d3b8;border-radius:19px;box-shadow:0 2px 0 #d5dfc84d;text-decoration:none;min-height:104px}#app .subject-card .fel-art+div{flex:1;min-width:0}#app .subject-card .fel-art+div strong{font:800 22px/1.3 system-ui;color:#23472f}#app .subject-card .fel-art+div small{font:400 14px/1.5 system-ui;color:#657a59;margin-top:6px}.fel-welcome .hero-companion{gap:18px}.fel-welcome .hero-companion>div{min-width:0}.fel-welcome .hero-companion .eyebrow{font-size:10px;letter-spacing:.07em}.fel-welcome .hero-companion .lead{font-size:15px;line-height:1.5}.fel-welcome .hero-companion h1{margin:8px 0 10px}@media(max-width:700px){.fel-welcome{padding:20px 0}.fel-welcome .hero-companion{gap:14px}.fel-welcome .hero-companion>svg{width:86px;min-width:86px;height:86px}.fel-welcome .hero-companion h1{font-size:24px;line-height:1.2}.fel-welcome .hero-companion .lead{font-size:13px;line-height:1.5}.fel-welcome .hero-companion .secondary{padding:7px 10px;font-size:11px}.fel-class-badge{margin-top:12px}.fel-world-title>span{display:none}.fel-world-title h2{font-size:23px}.fel-world-title p{font-size:14px}.fel-world-title{margin-bottom:20px}.fel-main-paths .fel-card strong{font-size:24px}#app .subject-card .fel-art+div strong{font-size:21px}}

/* Accueil : décor historique de Félibres, adapté au héros choisi. */
.fel-original-home .hero{margin-top:28px}.fel-original-home .home-paths{padding-left:0;padding-right:0}.fel-original-home .home-path{border-color:#8ca777}.fel-original-links,.fel-original-adventures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.fel-original-home .home-games-card{margin:0;height:100%}.fel-original-links .home-games-card{background:var(--paper);border:2px solid #8ca777;box-shadow:0 4px 0 #d6dccb}.fel-original-adventures{margin-bottom:25px}.fel-original-home .home-path strong{display:block}.fel-original-home .home-games-card strong{overflow-wrap:anywhere}@media(max-width:700px){.fel-original-links,.fel-original-adventures{grid-template-columns:1fr;gap:16px}.fel-original-home .village-home{min-height:300px}.fel-original-home .home-path p{font-size:15px}.fel-original-home .hero{margin-top:24px}}

.agenda-entry h2{font-size:clamp(24px,4vw,32px)}.agenda-lesson{padding:18px 0;border-bottom:1px solid var(--line)}.agenda-lesson h3{font:750 19px/1.4 system-ui;margin:0 0 14px}.agenda-actions{display:flex;flex-wrap:wrap;gap:10px}.agenda-actions .button{font-size:15px}.agenda-done{display:flex;align-items:center;gap:12px;margin-top:24px;font-weight:700}.agenda-done input{width:24px;height:24px;flex:none;accent-color:var(--green)}

.espace-diagram{display:block;width:100%;height:auto;max-width:620px;margin:20px auto;border:1px solid var(--line);border-radius:18px}.espace-diagram text{font-family:system-ui;font-size:17px;fill:#233e38}.espace-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.espace-table-wrap table{width:100%;min-width:580px;border-collapse:collapse;font-size:15px}.espace-table-wrap th,.espace-table-wrap td{padding:12px 9px;text-align:left;border-bottom:1px solid var(--line)}.espace-table-wrap th{background:#e9eddf}.espace-table-wrap caption{text-align:left;margin:12px 0;font-weight:700}.espace-scale{display:grid;gap:16px;padding-left:28px;font-size:22px}
/* Agenda : un vrai calendrier et une fiche par jour, sur téléphone comme sur ordinateur. */
.agenda-calendar{background:#fffdf3;border:3px solid #72945b;border-radius:26px;padding:24px;margin:24px 0 32px;box-shadow:0 6px 0 #ccd9b6;color:#233e38}.agenda-calendar-home{background:linear-gradient(145deg,#fff5d2,#f5faed)}.agenda-calendar-title{display:flex;align-items:center;justify-content:space-between;gap:12px}.agenda-calendar-title h2{font:850 clamp(27px,4vw,36px)/1.2 system-ui;margin:7px 0 15px}.agenda-calendar-title .eyebrow{font-size:10px}.agenda-open{background:#265d4b;color:#fff!important;padding:12px 16px;border-radius:14px;font-weight:800;text-decoration:none}.agenda-month-nav{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;margin:12px 0 20px}.agenda-month-nav h3{text-align:center;text-transform:capitalize;font:800 23px/1.2 system-ui;margin:0}.agenda-month-nav>a{display:grid;place-items:center;min-height:46px;border-radius:12px;border:1px solid #b2c49f;background:#eff3e7;color:#204b43;font-size:28px;text-decoration:none}.agenda-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.agenda-weekday{text-align:center;font:750 13px/1.3 system-ui;color:#596c4c;padding:5px 0 9px}.agenda-date{min-height:78px;border:1px solid #d5ddc7;border-radius:14px;background:#fff;color:#294233;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:700 22px/1.15 system-ui}.agenda-date-icon{font-size:23px;line-height:1.2}.agenda-date-exam{background:#ffded9;border:2px solid #bd554a;color:#742a24}.agenda-date-trip{background:#d8eeef;border:2px solid #368084;color:#185358}.agenda-date-study{background:#e9dff7;border:2px solid #8b65b4;color:#57367a}.agenda-date-today{outline:3px solid #27563f;outline-offset:2px}.agenda-date:hover{filter:brightness(.96)}.agenda-date:focus-visible{outline:4px solid #27563f;outline-offset:2px}.agenda-legend{display:flex;gap:16px;flex-wrap:wrap;margin:20px 0 10px;font:650 13px/1.5 system-ui}.agenda-legend>span{display:flex;align-items:center;gap:6px}.agenda-dot{width:12px;height:12px;border-radius:50%;display:inline-block}.agenda-dot.exam{background:#bd554a}.agenda-dot.study{background:#8b65b4}.agenda-dot.trip{background:#368084}.agenda-hint{font:500 14px/1.5 system-ui;color:#52634b;margin:12px 0}.agenda-month-events{display:grid;gap:10px;margin-top:20px}.agenda-event{display:flex;align-items:center;gap:14px;padding:14px;background:#fff;border:1px solid #cbd6bd;border-radius:16px;color:#233e38;text-decoration:none}.agenda-event-number{display:grid;place-items:center;width:46px;height:46px;flex:none;font:850 24px/1 system-ui;background:#e9dff7;border-radius:12px}.agenda-event-exam .agenda-event-number{background:#ffded9}.agenda-event-trip .agenda-event-number{background:#d8eeef}.agenda-event strong{display:block;font:800 16px/1.4 system-ui}.agenda-event small{display:block;font:400 13px/1.5 system-ui;margin-top:4px}.agenda-event>b{margin-left:auto;font-size:26px}.agenda-day-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.agenda-day-nav a{display:grid;place-items:center;text-align:center;min-height:52px;border:2px solid #8ca777;border-radius:14px;background:#fffdf3;color:#204b43;text-decoration:none;font-weight:750;padding:10px}.agenda-day-title{text-transform:capitalize}.agenda-entry{margin:22px 0}.agenda-entry .agenda-done{align-items:flex-start}
@media(max-width:600px){.agenda-calendar{padding:16px 12px;border-radius:22px}.agenda-calendar-grid{gap:5px}.agenda-date{min-height:56px;border-radius:10px;font-size:18px}.agenda-date-icon{font-size:19px}.agenda-weekday{font-size:11px}.agenda-month-nav h3{font-size:20px}.agenda-month-nav{grid-template-columns:44px 1fr 44px}.agenda-calendar-title h2{font-size:27px}.agenda-open{font-size:13px;padding:10px}.agenda-calendar-title .eyebrow{font-size:8px}.agenda-legend{gap:12px;font-size:11px}.agenda-event{gap:10px;padding:12px}.agenda-event strong{font-size:15px}.agenda-day-nav{gap:8px}.agenda-day-nav a{font-size:14px;padding:10px 5px}.agenda-date-today{outline-width:2px;outline-offset:1px}}

.binder-sections{display:grid;gap:16px;margin:24px 0}.binder-section{display:flex;align-items:center;gap:15px;background:#fffef8;border:2px solid #a4b694;border-left:12px solid var(--binder-color);border-radius:19px;padding:20px;color:#233e38;text-decoration:none}.binder-number{display:grid;place-items:center;background:var(--binder-color);width:38px;height:38px;border-radius:10px;font-weight:850;flex:none}.binder-icon{font-size:32px}.binder-section strong{display:block;font:800 23px/1.3 system-ui}.binder-section small{display:block;font:400 14px/1.5 system-ui;margin-top:5px}.binder-section>b{margin-left:auto;font-size:28px}@media(max-width:600px){.binder-section{padding:16px 12px;gap:10px}.binder-icon{font-size:27px}.binder-section strong{font-size:21px}.binder-section small{font-size:12px}.binder-number{width:32px;height:34px}}

.eval-current-list{display:grid;gap:18px;margin:20px 0 36px}.eval-current-card{display:block;padding:26px;border:3px solid #658b53;border-radius:24px;background:linear-gradient(130deg,#fff0b9,#edf6df);box-shadow:0 5px 0 #ccd9b6;color:#233e38;text-decoration:none}.eval-status{display:inline-block;border-radius:20px;padding:6px 11px;background:#285c42;color:white;font:800 11px/1.4 system-ui;letter-spacing:.06em}.eval-current-card h3{font:850 clamp(24px,4vw,32px)/1.2 system-ui;margin:17px 0 12px}.eval-current-card p{margin:0 0 18px;font-size:18px}.eval-current-card small{display:block;margin-bottom:14px}.eval-open{display:inline-block;background:#285c42;color:white;padding:13px 18px;border-radius:13px;font-size:17px}.eval-archives{border-top:1px solid #ccd6c0;padding-top:22px;margin-top:36px}.eval-archives h2{font:750 19px/1.4 system-ui;margin:0 0 8px}.eval-archives h2>span{display:inline-block;background:#e9eddf;border-radius:12px;padding:1px 8px;margin-left:5px;font-size:13px}.eval-archives>p{font:400 13px/1.5 system-ui;color:#58684e;margin:0 0 12px}.eval-past-list{border:1px solid #d3ddc8;border-radius:14px;overflow:hidden;background:#fffef8}.eval-past-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:13px 16px;border-bottom:1px solid #dce3d3;color:#344b3c;text-decoration:none}.eval-past-row:last-child{border-bottom:0}.eval-past-row strong{display:block;font:700 15px/1.4 system-ui}.eval-past-row span>span,.eval-past-row small{display:block;font:400 12px/1.5 system-ui;margin-top:3px;color:#52654b}.eval-past-row>b{font-size:25px}.eval-current-card:focus-visible,.eval-past-row:focus-visible{outline:4px solid #b78020;outline-offset:3px}@media(max-width:600px){.eval-current-card{padding:20px}.eval-current-card p{font-size:16px}.eval-open{font-size:15px}.eval-past-row{padding:12px}.eval-archives{margin-top:30px}}

.agenda-date-rest:not(.agenda-date-exam):not(.agenda-date-trip):not(.agenda-date-study){background:#e5e7e3;border-color:#c3c8bd;color:#505950}.agenda-date-vacation:not(.agenda-date-exam):not(.agenda-date-trip):not(.agenda-date-study){background:repeating-linear-gradient(135deg,#e3eaf0,#e3eaf0 7px,#ecf0f3 7px,#ecf0f3 14px);border-color:#afbfca}.agenda-date-status{font:700 10px/1.2 system-ui;letter-spacing:0;color:inherit}.agenda-dot.rest{background:#9da598}.agenda-dot.vacation{background:#a6bdcf}.agenda-source-note{font:400 11px/1.6 system-ui;margin:18px 0 0;color:#52634c}.agenda-source-note a{color:#31583f;text-decoration:underline}.agenda-school-notice{padding:16px 20px;background:#e5e9e2;border:1px solid #c0c9b8;border-radius:16px;color:#344532;font-size:16px}@media(max-width:600px){.agenda-date-status{font-size:8px}.agenda-date:has(.agenda-date-status){gap:2px;padding:5px 0}.agenda-source-note{font-size:10px}}

.binder-birth-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.binder-birth-grid>article{padding:20px;border:1px solid #c7d6b6;background:#f5f8ec;border-radius:18px}.binder-birth-grid li{margin:10px 0}.binder-flow{font:800 21px/1.6 system-ui}.binder-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:24px 0}.binder-timeline li{border:2px solid #c2d0b1;background:#f1f4e9;border-radius:14px;padding:15px 10px}.binder-timeline strong{display:block;font:800 15px/1.4 system-ui}.binder-timeline span{display:block;font:400 12px/1.5 system-ui;margin-top:8px}.binder-timeline .active{background:#fbe7ac;border-color:#b48732}.binder-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px;margin:20px 0}.binder-years article{display:grid;gap:9px;border:1px solid #c7d6b6;border-radius:17px;padding:20px;background:#fffdf3}.binder-years b{font-size:26px}.binder-years small{font-size:13px}.binder-art-facts{display:grid;gap:12px}.binder-art-facts>div{border-left:4px solid #8ca777;padding:10px 16px;background:#f1f5e8}.binder-art-facts dt{font-weight:800}.binder-art-facts dd{margin:6px 0}.binder-animal{display:grid;place-items:center;gap:8px;padding:20px;background:#fffdf3;border:1px solid #d2ddc4;border-radius:20px;font-size:68px;margin:20px auto}.binder-animal span{font:700 21px/1.4 system-ui}@media(max-width:650px){.binder-birth-grid{grid-template-columns:1fr}.binder-timeline{grid-template-columns:1fr}.binder-timeline li{padding:12px 16px;display:flex;justify-content:space-between;gap:14px;align-items:center}.binder-timeline span{margin:0;text-align:right}.binder-timeline strong{font-size:16px}.binder-birth-grid>article{padding:17px}}

.binder-artwork{margin:22px auto;max-width:760px;text-align:center}.binder-artwork img{display:block;width:auto;max-width:100%;height:auto;max-height:75vh;object-fit:contain;margin:auto;border:1px solid #d4dacb;border-radius:9px}.binder-artwork figcaption{font:400 12px/1.6 system-ui;color:#53694d;margin:12px 0}.binder-artwork figcaption a{color:inherit}.binder-artwork-quiz img{max-height:38vh}.binder-artwork a{display:block}

.bolero-listening{padding:24px;border:2px solid #a68b49;border-radius:22px;background:linear-gradient(130deg,#fff1c0,#eff5e3);margin:22px 0}.bolero-listening h2{margin:10px 0 16px;font:800 27px/1.25 system-ui}.bolero-listening audio{display:block;width:100%;margin:20px 0 14px}.bolero-seek{display:flex;gap:12px;justify-content:center}.bolero-seek button{min-width:100px}.bolero-credit{font:400 12px/1.6 system-ui;margin:20px 0 0;color:#4b6046}.bolero-credit a{color:inherit}.binder-art-dialog{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:16px 20px;border:0;border-radius:0;background:#f9faf4;color:#233e38;overflow:auto}.binder-art-dialog::backdrop{background:#15241deb}.binder-art-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:-16px;z-index:2;background:#f9faf4;padding:12px 0}.binder-art-toolbar h2{font:800 22px/1.3 system-ui;margin:0}.binder-art-toolbar button{margin:0;font-size:15px}.binder-art-zoom-tools{display:flex;gap:10px;align-items:center;justify-content:center;flex-wrap:wrap;margin:12px 0}.binder-art-zoom-tools button{margin:0;min-width:44px}.binder-art-zoom-tools output{font:750 14px/1.4 system-ui;min-width:58px;text-align:center}.binder-art-help{font:400 12px/1.5 system-ui;text-align:center;margin:8px 0 16px}.binder-art-canvas{overflow:auto;max-height:calc(100dvh - 230px);min-height:180px;display:block;text-align:center;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;background:#e6e9e1;border-radius:12px;padding:12px}.binder-art-full-image{display:block;height:auto;max-width:none;max-height:none;object-fit:contain;margin:0 auto}.binder-art-full-caption{font:600 13px/1.5 system-ui;text-align:center;margin:12px 0}.binder-artwork [data-art-open]{cursor:zoom-in}.binder-artwork-quiz small{font-size:12px}@media(max-width:600px){.bolero-listening{padding:18px}.bolero-listening h2{font-size:24px}.binder-art-dialog{padding:10px}.binder-art-toolbar{top:-10px}.binder-art-toolbar h2{font-size:18px}.binder-art-toolbar button{padding:10px;font-size:13px}.binder-art-zoom-tools{gap:8px}.binder-art-zoom-tools button{padding:9px 13px;font-size:14px}}


/* Le tableau garde ses deux entrées sur tous les écrans. */
.espace-document-header{position:sticky;top:-18px;z-index:4;background:#fffff5;padding:12px 0;box-shadow:0 4px 8px #193d3010}.espace-document-header h2{margin:0 0 10px}.espace-document-header button{width:100%;white-space:normal}
.espace-table-hint{font-size:14px;line-height:1.5;color:#52694d}
.espace-table-wrap{position:relative;max-width:100%;isolation:isolate;border:1px solid #b6c4ad;border-radius:10px}
.espace-table-wrap:focus-visible{outline:3px solid #246c66;outline-offset:3px}
.espace-table-wrap table{border-collapse:separate;border-spacing:0}
.espace-table-wrap th,.espace-table-wrap td{border-right:1px solid #d4ddcc}
.espace-table-wrap th:first-child,.espace-table-wrap td:first-child{position:sticky;left:0;z-index:2;background:#edf2e5;font-weight:700;box-shadow:2px 0 4px #193d3020}
.espace-table-wrap tbody tr:nth-child(even) td{background:#f4f6ee}
.espace-table-wrap tbody tr:nth-child(even) td:first-child{background:#e5ecd9}
.espace-table-wrap th{position:sticky;top:0;z-index:2}
.espace-table-wrap th:first-child{z-index:3}
@media(max-width:600px){
 .espace-table-wrap{max-height:60dvh;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
 .espace-table-wrap table{font-size:14px;min-width:560px}
 .espace-table-wrap th,.espace-table-wrap td{padding:10px 8px;line-height:1.4}
 .espace-table-wrap th:first-child,.espace-table-wrap td:first-child{min-width:75px;max-width:95px;overflow-wrap:anywhere}
 #espace-document{width:calc(100vw - 16px)!important;max-width:none;max-height:calc(100dvh - 16px)!important;padding:12px!important}
 #espace-document .espace-document-header{top:-12px;padding-top:max(12px,env(safe-area-inset-top))}
}

.espace-rotate-hint{display:none;align-items:center;gap:10px;background:#e9eddf;border-radius:10px;padding:10px;font-size:15px;line-height:1.4}.espace-rotate-hint svg{flex-shrink:0}
#espace-document{max-width:calc(100vw - 16px)!important}
#espace-document .espace-document-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#espace-document .espace-document-header h2{font-size:clamp(18px,3vw,26px);line-height:1.2;margin:0}
#espace-document .espace-document-header button{width:auto;flex-shrink:0;margin:0;font-size:15px;min-height:44px;padding:10px 14px}
@media(orientation:portrait) and (max-width:900px){.espace-rotate-hint{display:flex}}
@media(orientation:landscape) and (max-height:600px){
 #espace-document[open]{display:flex;flex-direction:column;position:fixed;inset:0;width:100vw!important;max-width:100vw!important;height:100dvh;max-height:100dvh!important;margin:0;border:0;border-radius:0;padding:8px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))!important;overflow:hidden}
 #espace-document .espace-document-header{position:static;flex-shrink:0;padding:0 0 8px;box-shadow:none}
 #espace-document .espace-table-hint,#espace-document .espace-rotate-hint{display:none}
 #espace-document .espace-table-wrap{flex:1;min-height:0;max-height:none;width:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}
 #espace-document table{width:100%;min-width:0;table-layout:fixed;font-size:14px}
 #espace-document caption{font-size:13px;margin:4px 0}
 #espace-document th,#espace-document td{padding:8px 6px;overflow-wrap:anywhere;line-height:1.3}
 #espace-document th:first-child,#espace-document td:first-child{min-width:0;max-width:none;width:16%}
 #espace-document th:nth-child(2){width:29%}
 #espace-document th:nth-child(3){width:23%}
 #espace-document th:nth-child(4){width:18%}
 #espace-document th:nth-child(5){width:14%}
}