body.maths-page{margin:0;background:#0b1425;color:#ecf5ff;font-family:system-ui,-apple-system,sans-serif;line-height:1.55} .maths-page *{box-sizing:border-box}.math-nav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px max(20px,calc((100% - 1120px)/2));background:#101e33ee;border-bottom:1px solid #314762;backdrop-filter:blur(14px)}.math-nav nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.math-nav a{text-decoration:none;color:#cfeaff;font-weight:700}.math-brand{display:inline-flex;gap:8px;align-items:center;font-size:19px}.math-brand span{color:#7adfff}.math-nav .math-premium{background:linear-gradient(110deg,#69dcff,#a6baff);padding:10px 16px;border-radius:12px;color:#08162a;box-shadow:0 4px 22px #36c9ff33}.math-nav a:hover,.math-link:hover{filter:brightness(1.15)}.maths-page main{max-width:1120px;padding:25px 20px 70px;margin:auto}.math-hero{padding:48px 30px;border-radius:24px;background:radial-gradient(circle at 90% 10%,#214e78 0%,transparent 45%),linear-gradient(140deg,#1c3656,#102037);border:1px solid #355777}.math-eyebrow{font-size:12px;font-weight:800;letter-spacing:.12em;color:#7bdbff}.math-hero h1{font-size:clamp(32px,5vw,58px);line-height:1.12;max-width:800px;margin:12px 0}.math-hero em{font-style:normal;color:#7adfff}.math-hero p{max-width:680px;color:#c4d3e4;font-size:18px}.math-stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.math-stats span{padding:8px 14px;background:#ffffff12;border:1px solid #ffffff25;border-radius:30px;font-weight:700}.math-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin:35px 0 16px}.math-heading h2{font-size:clamp(24px,3vw,33px);margin:0}.math-heading p{color:#afc3d9;margin:6px 0}.math-levels{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.math-level{background:#172942;color:#eaf5ff;border:1px solid #3b5471;border-radius:16px;padding:18px;text-align:left;cursor:pointer;display:grid;gap:9px;transition:transform .2s,background .2s}.math-level strong{font-size:18px}.math-level small{color:#b9cfe4}.math-level:hover{transform:translateY(-3px);background:#254263}.math-level.selected{outline:2px solid #70dcff;background:#1d3c5d}.math-workspace{scroll-margin-top:100px}.math-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.math-tabs button,.math-options button,.math-retry,.math-next-btn{font:inherit;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:650}.math-tabs button{background:#213650;border:1px solid #3a5977;color:#d9ecff}.math-tabs button.active{background:#76dcff;color:#081a30}.math-lesson-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.math-panel{background:#172942;border:1px solid #39536f;border-radius:20px;padding:26px;min-width:0}.math-panel h3{font-size:23px;line-height:1.3;margin:12px 0}.math-panel p{color:#c6d7e8}.math-example{margin-top:24px;background:#0d2036;border-left:4px solid #6cddff;border-radius:10px;padding:17px}.math-example p{color:#f2f8ff;font-size:18px}.math-options{display:grid;gap:10px}.math-options button{background:#243c59;border:1px solid #486887;color:white;text-align:left}.math-options button:hover:not(:disabled){background:#325778}.math-options button.correct{background:#1a5b4b;border-color:#74efb5}.math-options button.incorrect{background:#6a2f42;border-color:#ff9eac}.math-feedback{margin-top:15px;color:#e7f5ff;font-weight:650}.math-retry,.math-next-btn{margin:8px 8px 0 0;background:#78ddff;color:#0a1b2d;border:0}.math-next-btn{background:#b1eac9}.math-next{margin-top:50px}.math-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.math-tips article{background:#172942;border:1px solid #39536f;border-radius:15px;padding:18px}.math-tips p{color:#b9cfe4}.math-link{display:inline-block;color:#7cddff;margin-top:20px;font-weight:700}.maths-page footer{text-align:center;color:#afc3d9;padding:30px;border-top:1px solid #344d69}.maths-page footer a{color:#8ce0ff}.maths-page button:focus-visible,.maths-page a:focus-visible{outline:3px solid #f5d96a;outline-offset:3px}@media(max-width:690px){.math-nav{align-items:flex-start}.math-nav nav{justify-content:flex-end;gap:8px}.math-nav a{font-size:13px}.math-hero{padding:28px 20px}.math-lesson-grid,.math-tips{grid-template-columns:1fr}.math-panel{padding:20px}.math-levels{grid-template-columns:repeat(2,minmax(0,1fr))}}
.math-heading{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.math-photo{width:220px;max-width:100%;height:124px;object-fit:cover;border-radius:14px;border:1px solid rgba(81,218,240,.3)}

/* ---- Style « Apprendre l'informatique » appliqué aux maths ---- */
body.maths-page{background:radial-gradient(ellipse at 77% 4%,#132a3b 0%,transparent 36%),#07111f;color:var(--text);font:16px/1.7 system-ui,-apple-system,sans-serif}
.maths-page main{max-width:1160px;padding:26px 22px 75px}
.maths-page .math-hero{padding:40px 0 26px;background:none;border:0;border-radius:0}
.maths-page .math-eyebrow{color:var(--green);font-size:.78rem;letter-spacing:.17em;text-transform:uppercase}
.maths-page .math-hero h1{font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.13;letter-spacing:-.04em;max-width:900px;margin:10px 0 18px}
.maths-page .math-hero em{color:var(--green)}
.maths-page .math-hero p{color:var(--muted);font-size:1.13rem;max-width:740px}
.maths-page .math-stats span{background:none;border:1px solid #325c6f;color:var(--green);padding:3px 12px;font-size:.82rem;font-weight:800}
.maths-page .math-heading p{color:var(--muted)}
.maths-page .math-level,.maths-page .math-panel,.maths-page .math-tips article{background:linear-gradient(145deg,#142b3b,#0d1b2b);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 50px #0002;color:var(--text)}
.maths-page .math-level:hover,.maths-page .math-panel:hover{background:linear-gradient(145deg,#142b3b,#0d1b2b);border-color:var(--green)}
.maths-page .math-level.selected{outline:0;border-color:var(--green);box-shadow:0 0 35px #51daf020}
.maths-page .math-level small,.maths-page .math-panel p,.maths-page .math-tips p{color:var(--muted)}
.maths-page .math-tabs button{background:#162737;border:1px solid var(--line);color:var(--text);border-radius:10px}
.maths-page .math-tabs button.active,.maths-page .math-retry{background:var(--green);color:#061b20;border-color:var(--green)}
.maths-page .math-next-btn{background:var(--green);color:#061b20}
.maths-page .math-options button{background:#162e40;border:1px solid var(--line);border-radius:11px}
.maths-page .math-options button:hover:not(:disabled){border-color:var(--green);background:#162e40}
.maths-page .math-example{background:#0d2034;border-left:4px solid var(--blue)}
.maths-page .math-link{color:var(--green)}
.maths-page .math-photo{border-color:var(--line)}
.maths-page footer{border-top:1px solid var(--line);color:var(--muted)}
.maths-page button:focus-visible,.maths-page a:focus-visible{outline:3px solid var(--green)}

.maths-page .lesson-card-link.is-active{border-color:var(--green);box-shadow:0 0 35px #51daf020}.maths-page .paths{margin:26px 0}.maths-page .lesson-card-link p{margin:0}
.maths-page .lesson-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}