:root{--ink:#182347;--green:#357b58;--paper:#faf8f1;--line:#dcded7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.6 system-ui,sans-serif}header{max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:18px 28px;border-bottom:1px solid var(--line)}header img{width:190px;height:auto;display:block}.tag,.eyebrow{font-size:12px;font-weight:750;letter-spacing:.13em}.tag{border:1px solid #bdcbbd;border-radius:30px;padding:8px 14px;color:var(--green)}main{max-width:1064px;margin:auto}.hero{padding:65px 24px 64px;text-align:center}.eyebrow{color:var(--green)}h1{font:normal clamp(44px,7vw,76px)/1.08 Georgia,serif;margin:24px 0}h1 em{color:var(--green)}.hero>p{color:#505972}.facts{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;font-size:14px;margin:28px 0}.button,button{font:inherit;cursor:pointer;border:0}.button{display:inline-block;text-decoration:none;background:var(--green);color:white;border-radius:8px;padding:13px 23px;font-weight:650}.small{font-size:13px}#decouverte{scroll-margin-top:20px;margin:0 20px}nav{display:flex;gap:8px;margin-bottom:18px}nav button{flex:1;padding:15px 10px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--ink);font-size:15px}nav button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.spread{display:grid;grid-template-columns:1fr 1.15fr;background:white;border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 10px 35px #18234708}.theory,.practice{padding:34px}.theory{background:#eef3ec;border-right:1px solid var(--line)}h2{font:normal 32px/1.2 Georgia,serif;margin:14px 0 24px}h3{font-size:20px;margin-top:0}.example{border-left:3px solid var(--green);padding:4px 0 4px 18px;margin-top:32px}.question{padding:17px 0;border-top:1px solid var(--line)}label{display:block;font-size:16px;margin-bottom:9px}input{font:inherit;width:100%;border:1px solid #a9b0b9;border-radius:6px;padding:10px 12px;color:var(--ink);background:white}.feedback{font-size:14px;margin:7px 0 0}.feedback:empty{display:none}.correct{color:#21663f}.incorrect{color:#943c20}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.secondary{background:transparent;color:var(--ink);border:1px solid #b8c0c4;padding:12px 19px;border-radius:8px}.score{font-weight:650;font-size:16px}.cta{max-width:720px;text-align:center;margin:65px auto;padding:0 24px}.cta .button,.cta button{margin:8px 3px}footer{text-align:center;font-size:12px;padding:25px;border-top:1px solid var(--line)}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b67f22;outline-offset:4px}@media(max-width:680px){header{padding:12px 18px}header img{width:135px}.tag{font-size:9px;padding:7px 9px}.hero{padding:38px 20px}.spread{grid-template-columns:1fr}.theory{border-right:0;border-bottom:1px solid var(--line)}.theory,.practice{padding:24px}nav{gap:5px}nav button{font-size:12px;padding:12px 6px}#decouverte{margin:0 12px}.cta{margin:45px auto}}
body{background:#fcfaf3}.hero{background:linear-gradient(135deg,#fffefa,#fff5df 55%,#eaf3e6);border:1px solid #e4e5d6;border-radius:12px;margin:24px 20px 35px;box-shadow:4px 4px 0 #fff,6px 6px 0 #d9dfd0,12px 15px 28px #2637500b}.hero .eyebrow{color:#42664c}.theory{background:#eff5e9}nav button{min-height:48px}button,.button{min-height:46px}input{min-height:46px;font-size:18px}.small a{color:var(--green)}@media(max-width:680px){.hero{margin:18px 12px 30px;padding:38px 18px}.cta .button{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}