:root{--ink:#173a3e;--muted:#576868;--paper:#fbf7ed;--line:#d7d4c5;--teal:#164b51;--gold:#e9b96d;--rust:#b94f29;--text-scale:1;color-scheme:light;font-family:Georgia,'Times New Roman',serif;font-size:calc(17px * var(--text-scale));color:var(--ink);background:var(--paper)}
*{box-sizing:border-box}body{margin:0;line-height:1.65}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-underline-offset:4px}button:disabled{opacity:.5;cursor:default}button,.button{min-height:48px}button{border:1px solid var(--line);border-radius:8px;padding:.6rem 1rem;color:var(--ink);background:#fffdf6;line-height:1.4}button:hover,.button:hover{filter:brightness(.97)}:focus-visible{outline:3px solid #c55b2c;outline-offset:4px}.skip{position:absolute;top:-100px;background:var(--paper);padding:1rem;z-index:20}.skip:focus{top:0}.topbar{max-width:1120px;margin:auto;padding:16px 28px;display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.brand{display:block;width:160px;line-height:0}.brand img{width:100%;height:auto}.companion-label{font:600 .62rem/1.5 system-ui,sans-serif;letter-spacing:.2em;border-left:1px solid var(--line);padding-left:20px}.icon-button{margin-left:auto;font-size:1.35rem;min-width:48px;padding:0;border-radius:50%;background:transparent}.edition-note{text-align:center;font:.65rem/1.4 system-ui,sans-serif;color:var(--muted);padding:7px 18px;background:#edeadd}main{max-width:1000px;margin:auto;padding:36px 28px 32px;min-height:70vh}main:focus{outline:none}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.9rem,5vw,3.1rem);line-height:1.14;letter-spacing:-.035em;font-weight:normal;margin-bottom:1rem}h2{font-size:1.45rem;font-weight:normal;line-height:1.3}h3{font-size:1.12rem;line-height:1.4}p{margin-bottom:1.2rem}.eyebrow{font:600 .65rem/1.6 system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:12px}.intro-heading{text-align:center;max-width:660px;margin:5px auto 0}.intro-heading p{color:var(--muted);margin:0}.ornament{color:var(--rust);letter-spacing:.4em;font-size:.85rem;text-align:center;margin:15px auto}.scene-window{position:relative;overflow:hidden;aspect-ratio:1117 / 330;max-width:940px;margin:4px auto 18px;pointer-events:none}.scene-window img{position:absolute;width:100%;height:auto;top:-84.85%;left:0}.resume-card{background:#102f36;color:#fff7e8;padding:28px 32px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;border:1px solid #396065;box-shadow:0 10px 30px #1230390d;border-radius:3px}.resume-card .eyebrow{color:#cfbd94}.resume-card h2{font-size:1.75rem;margin:0 0 .5rem}.resume-card p{color:#d1dedb;font-size:.9rem;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;padding:.7rem 1.25rem;border-radius:7px;font:600 .82rem/1.4 system-ui,sans-serif;border:1px solid transparent}.primary{background:var(--teal);color:#fff9ed;border-color:var(--teal)}.gold{background:var(--gold);color:#203536}.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.text-button{border:none;background:transparent;text-decoration:underline;text-underline-offset:4px;padding:.6rem 0;font-size:.85rem}.quiet-row{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:10px 0 30px;color:var(--muted);font:.72rem/1.5 system-ui,sans-serif}.section-head{display:flex;align-items:baseline;gap:20px;justify-content:space-between;margin:32px 0 15px}.section-head h2{margin:0}.section-head a{font:.75rem system-ui,sans-serif}.chapter-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.chapter-link{display:flex;flex-direction:column;text-decoration:none;border-top:2px solid #b1b9ac;padding:12px 6px;min-height:110px}.chapter-link.active{border-color:var(--rust)}.chapter-number{font-size:1.3rem;color:var(--rust)}.chapter-link strong{font-size:.86rem;font-weight:normal;margin:8px 0}.chapter-link small{font:.65rem system-ui,sans-serif;color:var(--muted)}.gentle-note{border-left:2px solid #b6bbaa;padding:0 0 0 18px;color:var(--muted);font-size:.87rem;margin:30px 0}.bottom-nav{position:sticky;bottom:0;z-index:5;display:flex;justify-content:center;gap:8px;background:#fbf7edf5;backdrop-filter:blur(14px);border-top:1px solid var(--line);padding:8px max(14px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));font-family:system-ui,sans-serif}.bottom-nav>a,.bottom-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;flex:1;max-width:150px;min-height:54px;text-decoration:none;font-size:.62rem;line-height:1.4;white-space:normal;text-align:center;padding:4px;border:none;background:transparent;border-radius:8px;color:#576868}.bottom-nav [aria-current=page]{background:#e9eddf;color:#123f44}.bottom-nav span:first-child{font:1.25rem/1.2 Georgia,serif}.bottom-nav>button.review-nav{color:#fff7e8;background:#8a3d22;max-width:180px}.storage-message{max-width:1000px;margin:0 auto;padding:4px 28px 12px;font:.64rem/1.5 system-ui,sans-serif;color:var(--muted);min-height:28px}.storage-message.error{color:#8d2e1b;background:#fff1db;padding:12px 20px;border-top:1px solid #b4572a;position:sticky;bottom:80px;z-index:4}.storage-message button{font-size:.8rem;margin-left:10px}.reading{max-width:710px;margin:auto}.reading>p{font-size:1.05rem;line-height:1.8}.back-link{display:inline-block;min-height:44px;font:.78rem/2 system-ui,sans-serif;margin-bottom:20px}.place{color:var(--muted);font-style:italic}.page-rule{height:1px;background:var(--line);border:0;margin:28px 0}.suie-quote{margin:26px 0;padding:20px 24px;background:#e9eee4;border-left:3px solid var(--teal);border-radius:0 8px 8px 0}.suie-quote p{margin:0;font-style:italic}.suie-quote cite{font:600 .65rem/1.5 system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;display:block;margin-bottom:8px;font-style:normal}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.actions>*{flex:1}.action-panel{padding:22px 24px;border:1px solid var(--line);background:#fffaf0;margin:24px 0;border-radius:10px}.action-panel h2{font-size:1.25rem;margin-bottom:10px}.action-panel p{font-size:.9rem;color:var(--muted)}.hint{padding:18px 22px;border-left:3px solid var(--rust);background:#f5eddc;margin:20px 0}.hint .eyebrow{color:#884724}.hint p{margin-bottom:0}.small{font:.75rem/1.6 system-ui,sans-serif;color:var(--muted)}.proof{padding:24px;border:1px solid #c3ad7d;background:#f6e9cb;margin:24px 0;text-align:center}.proof strong{font-size:1.3rem;letter-spacing:.03em;display:block;overflow-wrap:anywhere}.proof .eyebrow{color:#67542e}.solution-list{padding-left:1.5rem}.solution-list li{padding-left:8px;margin-bottom:1.1rem}.select-label{font:600 .76rem/1.5 system-ui,sans-serif;display:block;margin-bottom:8px}select,input[type=search]{width:100%;padding:12px 14px;min-height:48px;border:1px solid #a5b3aa;border-radius:8px;background:#fffdf6;color:var(--ink)}.filters{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.enquiry-list{list-style:none;padding:0;margin:0}.enquiry-list li{border-bottom:1px solid var(--line)}.enquiry-list a{display:flex;align-items:center;gap:18px;min-height:88px;padding:16px 4px;text-decoration:none}.enquiry-number{font-size:1.1rem;border:1px solid #c3c8b8;border-radius:50%;width:46px;height:46px;display:grid;place-items:center;flex-shrink:0}.enquiry-list strong{display:block;font-size:1rem;font-weight:normal}.enquiry-list small{font:.7rem/1.5 system-ui,sans-serif;color:var(--muted);display:block}.list-arrow{margin-left:auto}.complete{color:#16604f}.notebook-tabs{display:flex;gap:12px;margin:20px 0}.notebook-tabs button{flex:1}.notebook-tabs button[aria-pressed=true]{background:var(--teal);color:#fff}.notes{width:100%;min-height:280px;resize:vertical;padding:20px;border:1px solid #aab3a8;border-radius:8px;background:#fffdf7;color:var(--ink);line-height:1.85;scroll-margin-bottom:40px}.note-help{margin:8px 0 24px}.memory-entry{border-bottom:1px solid var(--line);padding:20px 0}.memory-entry h3{margin-bottom:8px}.memory-entry p{margin-bottom:8px}.setting{padding:22px 0;border-bottom:1px solid var(--line)}.setting h2{font-size:1.2rem;margin-bottom:8px}.setting p{font-size:.9rem;color:var(--muted)}.setting input[type=range]{width:100%;min-height:44px;accent-color:var(--teal)}.setting summary{cursor:pointer;min-height:44px}.empty{padding:25px 0;color:var(--muted)}.pill{font:.65rem/1.5 system-ui,sans-serif;border:1px solid var(--line);border-radius:20px;padding:4px 10px;display:inline-block}.loading{padding:60px 20px;text-align:center}dialog{border:1px solid #b9bfac;border-radius:12px;background:var(--paper);color:var(--ink);padding:30px;max-width:min(530px,calc(100vw - 28px));max-height:calc(100dvh - 40px);overflow:auto;box-shadow:0 18px 90px #051f3355}dialog::backdrop{background:#061d2dc9}dialog h2{font-size:1.65rem;line-height:1.25;margin-right:26px}dialog .modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:24px}.close-modal{position:absolute;right:12px;top:12px;border:none;background:transparent;width:44px;height:44px;padding:0;font-size:1.4rem}.modal-note{font:.75rem/1.6 system-ui,sans-serif;color:var(--muted)}.ending-placeholder{padding:26px;background:#e9eee4;border:1px solid #bbc9b8}.ending-placeholder h2{margin-bottom:12px}noscript{display:block;padding:30px}
@media(min-width:1100px){body{border-top:5px solid #153a3e}.topbar{padding-top:18px;padding-bottom:18px}.brand{width:180px}.intro-heading{margin-top:10px}}
@media(max-width:600px){.topbar{padding:12px 18px;gap:12px}.brand{width:130px}.companion-label{font-size:.55rem;padding-left:12px;letter-spacing:.12em}.edition-note{font-size:.59rem}main{padding:26px 20px 24px}.intro-heading h1{font-size:2rem}.intro-heading p{font-size:.9rem}.scene-window{margin-left:-18px;margin-right:-18px;width:calc(100% + 36px)}.resume-card{padding:24px;grid-template-columns:1fr;gap:20px}.resume-card h2{font-size:1.5rem}.resume-card .button{width:100%}.quiet-row{align-items:start;font-size:.66rem}.quiet-row>span{max-width:38%}.chapter-strip{grid-template-columns:1fr;gap:0}.chapter-link{display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:12px;min-height:70px;padding:12px 0;border-top:1px solid var(--line)}.chapter-link.active{border-top-color:var(--rust)}.chapter-link strong{font-size:.94rem}.chapter-link small{font-size:.62rem}.section-head{margin-top:26px}.section-head h2{font-size:1.3rem}.bottom-nav{gap:2px;padding-top:7px;padding-left:max(8px,env(safe-area-inset-left));padding-right:max(8px,env(safe-area-inset-right))}.bottom-nav>a,.bottom-nav>button{font-size:.55rem;min-width:0;max-width:none;min-height:58px}.bottom-nav>button.review-nav{flex:1.25}.actions{flex-direction:column}.filters{grid-template-columns:1fr}.reading>p{font-size:1rem}.reading h1{font-size:2rem}.action-panel{padding:20px}.storage-message{padding-left:20px;padding-right:20px}.storage-message.error{bottom:80px}.notebook-tabs{gap:8px}.notebook-tabs button{font-size:.85rem}dialog{padding:26px 22px}.enquiry-list a{gap:12px}.enquiry-number{width:40px;height:40px}.note-help{font-size:.68rem}}
@media(max-width:350px){.companion-label{display:none}.bottom-nav>a,.bottom-nav>button{font-size:.52rem}.reading h1{font-size:1.85rem}}
@media(prefers-reduced-motion:no-preference){.button,button{transition:background-color .15s,color .15s}.scene-window{animation:appear .6s ease-out}@keyframes appear{from{opacity:.5}to{opacity:1}}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.bottom-nav,.topbar,.edition-note{display:none}main{padding:0}}
/* La navigation et le statut occupent leurs propres rangées : aucun texte dessous. */
body{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto auto;height:100dvh;overflow:hidden}
.topbar{width:100%}main{width:100%;min-height:0;height:100%;overflow-y:auto;overscroll-behavior:contain;scroll-padding:24px 0}
.storage-message{width:100%;margin:auto;padding-top:3px;padding-bottom:5px;min-height:24px}
.storage-message.error{position:static;max-height:100px;overflow-y:auto}
.bottom-nav{position:static;width:100%}
.scene-window{aspect-ratio:847 / 320}.scene-window img{width:132%;left:-16%;top:-91.25%}
.native-scene{position:relative;overflow:hidden;width:100%;margin:20px auto 28px}
.native-scene img{position:absolute;height:auto;max-width:none}
.enquiry-scene{margin:0 auto 24px;max-width:710px}
@media print{body{display:block;height:auto;overflow:visible}main{height:auto;overflow:visible}}