:root{--navy:#062847;--blue:#08688c;--copper:#ad4a22;--ink:#18394e;--line:#c4d7e2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 0 0,#f7dcc8,transparent 50%),radial-gradient(ellipse at 100% 25%,#cdefff,transparent 55%),#f1f6f9;color:var(--ink);font:16px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}main{max-width:1160px;margin:auto;padding:32px 28px 55px}a{color:var(--blue);text-underline-offset:3px}.mast{border:1px solid #2285a7;border-top:4px solid #de9b69;border-radius:24px;background:linear-gradient(120deg,#0c5577,#062847 75%);padding:32px 38px;color:#fff;box-shadow:0 7px 0 #06304726,0 17px 35px #18394e15}.brand{display:block;text-decoration:none;color:white;font-size:23px;font-weight:800}.brand span{color:#ffc99f}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:750;color:var(--copper);margin:22px 0 8px}.mast .eyebrow{color:#ffd0ad}h1{font-size:clamp(32px,4.8vw,48px);line-height:1.1;letter-spacing:-1px;margin:12px 0 14px}h1 span{color:#ffbd8d}.mast>p:not(.eyebrow){color:#dfedf6;margin-bottom:24px}.account{display:flex;align-items:center;gap:9px;font-size:14px;flex-wrap:wrap;border-top:1px solid #ffffff30;padding-top:18px;color:#e1edf4}.account a{margin-left:auto;color:#ffcfab}.lock{color:#88d9be;font-size:12px}h2{font-size:23px;line-height:1.3;margin:0 0 10px}p{margin:8px 0}.intro{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:38px}.intro p{color:#486476}.counter{background:#e1eff6;border:1px solid #96bacb;border-radius:20px;white-space:nowrap;padding:8px 16px;font-size:14px;font-weight:700}.notice{background:#fff5eb;border-left:4px solid #d88d58;padding:12px 16px;margin:20px 0;color:#5f3b29;font-size:14px}.status{border:1px solid #bfd4df;border-radius:10px;background:#eaf3f8;padding:12px 15px;font-size:14px}.status[data-state=success]{background:#e6f5ee;border-color:#9cc5b4;color:#24503e}.status[data-state=error]{background:#fff0ea;border-color:#cf9b85;color:#81351d}.chapter-nav{display:flex;gap:9px;flex-wrap:wrap;margin:22px 0}.chapter-nav a{color:var(--navy);text-decoration:none;font-weight:800;border:1px solid #a9c8d8;background:#fff;border-radius:8px;min-width:50px;text-align:center;padding:9px}.chapter{border:1px solid #adcad9;border-left:5px solid #075b82;border-radius:15px;background:#fff;margin:16px 0;box-shadow:0 4px 0 #153e5415;scroll-margin-top:15px;overflow:hidden}.chapter summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:16px;padding:19px 22px;background:linear-gradient(110deg,#e7f5fc,#f8fbfd 70%,#f9e6d7)}.chapter summary::-webkit-details-marker{display:none}.chapter summary:after{content:'⌄';font-size:24px;margin-left:7px;color:var(--blue)}.chapter[open] summary:after{transform:rotate(180deg)}.code{display:grid;place-items:center;flex:none;width:51px;height:48px;border-radius:10px;background:linear-gradient(135deg,#1184aa,#062847);color:#fff;border:1px solid #57c9e1;box-shadow:0 3px 0 #082d4150;font-size:22px;font-weight:800}.chapter-title{flex:1;font-size:17px;font-weight:750;line-height:1.35}.chapter-count{font-size:13px;white-space:nowrap;color:#416273}.chapter-body{padding:6px 22px 15px}.chapter-actions{display:flex;justify-content:flex-end;padding:9px 0;border-bottom:1px solid #dbe5ec}.small-button{font:650 13px system-ui;color:var(--copper);border:1px solid #d4ad90;border-radius:7px;background:#fff7f0;min-height:36px;padding:6px 12px;cursor:pointer}.correction-row{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #e1eaf0}.correction-row:last-child{border-bottom:0}.toggle-label{flex:1;display:flex;gap:14px;align-items:center;cursor:pointer;min-width:0}.toggle-label input{appearance:none;width:24px;height:24px;border:2px solid #8eacbd;border-radius:6px;flex:none;background:#fff;cursor:pointer;position:relative;margin:0}.toggle-label input:checked{background:#07587c;border-color:#07587c}.toggle-label input:checked:after{content:'✓';position:absolute;inset:0;color:white;font-weight:900;text-align:center;line-height:20px}.row-text{min-width:0}.row-title{display:block;font-size:15px;font-weight:700;overflow-wrap:anywhere}.row-meta{display:block;color:#617b8a;font-size:12px;margin-top:3px}.row-state{display:inline-block;color:#6a4c37;background:#fbefdf;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;white-space:nowrap}.row-state[data-published=true]{background:#e4f3eb;color:#225b46}.preview{font-size:13px;font-weight:650;white-space:nowrap}.save-bar{position:sticky;bottom:16px;z-index:3;display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px 22px;border:1px solid #6d9cb5;border-top:3px solid #d98a53;border-radius:14px;background:#f6fbfef5;box-shadow:0 7px 25px #0e2b4030;margin:26px 0 16px;backdrop-filter:blur(8px)}.save-bar strong{font-size:15px}.save-bar p{font-size:12px;color:#536d7e;margin:3px 0 0}.save-actions,.analytics-actions{display:flex;gap:10px;flex-wrap:wrap}button{min-height:46px;border:1px solid #07557b;background:linear-gradient(130deg,#08749b,#062847);color:#fff;font:700 14px system-ui;padding:11px 17px;border-radius:9px;cursor:pointer}.secondary{color:#204961;background:#fff;border-color:#a2bccb}button:disabled{opacity:.48;cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #d68144;outline-offset:4px}.footnote{font-size:13px;color:#506c7f}.analytics{margin-top:38px;border:1px solid var(--line);border-radius:15px;background:#ffffffc9;padding:24px}.analytics .eyebrow{margin-top:0}.analytics h2{font-size:20px}.analytics .text-link{display:inline-block;margin-top:17px;font-size:14px;font-weight:700}.back{display:inline-block;margin-top:25px;font-weight:700;font-size:14px}@media(max-width:720px){main{padding:18px 13px 35px}.mast{padding:25px}.intro{display:block}.counter{display:inline-block;margin-top:10px}.account a{margin-left:0}.chapter summary{padding:15px 13px;gap:11px;flex-wrap:wrap}.chapter-title{font-size:15px}.chapter-count{margin-left:62px;order:2;width:100%}.chapter summary:after{margin-left:auto}.chapter-body{padding:4px 14px 13px}.correction-row{flex-wrap:wrap;gap:7px}.toggle-label{flex-basis:calc(100% - 85px)}.preview{margin-left:38px}.row-state{font-size:10px}.save-bar{bottom:8px;display:block;padding:15px}.save-actions{margin-top:11px}.save-actions button{flex:1}.save-bar p{font-size:11px}.row-title{font-size:14px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.save-bar{position:static}.save-bar[data-dirty="true"]{position:sticky}
.login-main{max-width:720px}.login-panel{background:#fff;border:1px solid var(--line);border-radius:16px;margin-top:26px;padding:28px}.login-panel label{display:block;font-weight:700;margin:18px 0 6px}.login-panel input{width:100%;font:inherit;padding:12px;border:1px solid #9ebacb;border-radius:8px;min-height:48px}.login-panel button{margin-top:22px;width:100%}.login-panel [role=status]{color:#8a3e20;font-size:14px}
.account .logout{margin-left:auto;background:transparent;color:#ffcfab;border:0;min-height:32px;padding:0;text-decoration:underline;font-size:14px;font-weight:500}@media(max-width:720px){.account .logout{margin-left:0}}

/* Palette Seconde : turquoise à gauche, violet à droite. */
:root{--blue:#6551b5;--copper:#6850b9;--navy:#253358}body{background:radial-gradient(ellipse at 0 0,#cbf2ee,transparent 55%),radial-gradient(ellipse at 100% 25%,#e5d9f8,transparent 55%),#f3f5fa}.mast{background:linear-gradient(115deg,#176c76,#514080);border-color:#7671b4;border-top-color:#9978d5}.brand span,.mast .eyebrow,h1 span,.account .logout{color:#ddd1ff}button{background:linear-gradient(120deg,#206f7c,#6852a5)}.secondary{background:white}.toggle-label input:checked{background:#6650ac;border-color:#6650ac}.chapter summary{background:linear-gradient(110deg,#dbf2f0,#eee5fc)}.save-bar{border-top-color:#9877d0}.login-link{display:inline-block;padding:14px 20px;border-radius:10px;color:#fff;background:linear-gradient(120deg,#226f7b,#6950a6);font-weight:700;text-decoration:none;min-height:48px}