:root{color-scheme:light dark;--sable:#efe4cb;--papier:#fbf6ea;--encre:#2e2519;--doux:#4b3d2a;--gris:#76654d;--trait:#d9c7a1;
--ocre:#9c5414;--tilleul:#56652c;--tpale:#e7e9cf;--brique:#9e3f27;--ardoise:#2f3833;--craie:#eeede2;--bois:#8a5a2b;--note:#fff8dd;
--grain1:rgba(120,88,40,.11);--grain2:rgba(255,255,255,.35);
--titre:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua","URW Palladio L",Georgia,serif;
--texte:Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
--ui:"Gill Sans","Gill Sans MT","Trebuchet MS","Segoe UI",Ubuntu,sans-serif;
--main:"Segoe Print","Bradley Hand","Chalkboard SE","Marker Felt",cursive}
@media (prefers-color-scheme:dark){:root{--sable:#1c1712;--papier:#251f18;--encre:#efe4cf;--doux:#dccdb3;--gris:#b09e80;--trait:#3d3328;
--ocre:#e3a35c;--tilleul:#b8c582;--tpale:#283020;--brique:#e58a6e;--note:#2c261b;--grain1:rgba(0,0,0,.3);--grain2:rgba(255,255,255,.03)}}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;color:var(--encre);font:18px/1.65 var(--texte);overflow-wrap:break-word;
background-color:var(--sable);background-image:radial-gradient(var(--grain1) .9px,transparent 1.3px),radial-gradient(var(--grain2) .8px,transparent 1.2px);
background-size:9px 9px,13px 11px;background-position:0 0,4px 6px}
main{flex:1 0 auto;padding:34px 0 70px}svg{max-width:100%}[hidden]{display:none!important}img{max-width:100%}
a{color:var(--ocre);text-decoration-thickness:1px;text-underline-offset:.18em}a:hover{color:var(--brique)}
:focus-visible{outline:3px solid var(--tilleul);outline-offset:2px}
.evite{position:absolute;left:-9999px;top:8px;z-index:5;background:var(--encre);color:var(--papier);padding:8px 14px;font:700 .9rem/1 var(--ui)}.evite:focus{left:16px}
.cache{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wrap{width:min(1080px,calc(100% - 32px));margin-inline:auto}
.tete{background:var(--papier);border-bottom:4px double var(--encre)}
.tete .wrap{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 28px;padding:16px 0 10px}
.nom{display:flex;align-items:center;gap:12px;color:var(--encre);text-decoration:none}.nom:hover{color:var(--encre)}
.nom img{width:52px;height:52px;flex:none}
.nom b{display:block;font:italic 700 2.15rem/1 var(--titre);letter-spacing:-.01em}
.nom small{display:block;margin-top:5px;font:italic 1rem/1.2 var(--titre);color:var(--gris)}
.menu{display:flex;flex-wrap:wrap;gap:2px 0;font:600 .9rem/1 var(--ui)}
.menu a{color:var(--doux);text-decoration:none;padding:8px 9px 7px;border-bottom:2px solid transparent}
.menu a:hover{color:var(--brique)}.menu a[aria-current]{color:var(--brique);border-bottom-color:var(--brique)}
h1,h2,h3{font-family:var(--titre);line-height:1.15;margin:0 0 .45em;color:var(--encre)}
h1{font-size:clamp(2rem,4.8vw,3.05rem);font-weight:700;letter-spacing:-.01em}
h2{font-size:clamp(1.45rem,3vw,1.85rem);font-weight:700;margin-top:1.7em}
h3{font-size:1.2rem;font-weight:700}
p{margin:0 0 1em}ul,ol{padding-left:1.25em}li{margin:0 0 .4em}
.prose h2::after{content:"";display:block;width:52px;height:3px;margin-top:8px;background:var(--ocre);border-radius:2px}
.surtitre{font:700 .78rem/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--tilleul);margin:0 0 10px}
.chapo{font-size:1.16rem;line-height:1.6;color:var(--doux);max-width:60ch}
.une{display:grid;grid-template-columns:1.05fr .95fr;gap:46px;align-items:center;margin-bottom:18px}.une>*,.page>*,.deux>*{min-width:0}
.photo{margin:14px 6px;background:#fffdf6;padding:10px 10px 4px;box-shadow:0 1px 2px rgba(40,25,5,.25),0 14px 26px -18px rgba(40,25,5,.6);transform:rotate(-1.1deg);position:relative}
.photo.d{transform:rotate(.9deg)}
.photo::before{content:"";position:absolute;top:-11px;left:50%;width:92px;height:22px;margin-left:-46px;background:rgba(236,222,160,.78);transform:rotate(2.5deg)}
.photo svg{display:block;width:100%;height:auto}
.photo figcaption{font:1rem/1.35 var(--main);color:#4b3d2a;padding:8px 4px 6px}
.schema{margin:24px 0;background:var(--papier);border:1px solid var(--trait);padding:12px 12px 10px}
.schema svg{display:block;width:100%;height:auto}.schema figcaption{margin-top:8px;font-size:.93rem;line-height:1.5;color:var(--gris);font-style:italic}
.schema.etroit{width:230px;float:right;margin:4px 0 14px 24px}
.deux{display:grid;grid-template-columns:1.4fr .6fr;gap:44px;align-items:start}
.sommaire{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:0 32px}
.sommaire li{margin:0;padding:12px 0 10px;border-top:1px solid var(--trait)}
.sommaire a{font:700 1.18rem/1.3 var(--titre)}.sommaire span{display:block;color:var(--doux);font-size:.97rem;margin-top:2px}
.ardoise{background:var(--ardoise);color:var(--craie);border:10px solid var(--bois);border-radius:3px;padding:16px 20px 8px;font:1rem/1.5 var(--main);margin-top:24px;box-shadow:0 10px 20px -14px rgba(0,0,0,.7)}
.ardoise h2{color:var(--craie);font:700 1.3rem/1.2 var(--main);margin:0 0 10px}
.ardoise ul{list-style:none;margin:0 0 12px;padding:0}.ardoise li{margin:0;padding:5px 0;border-bottom:1px dashed rgba(238,237,226,.25)}
.ardoise p{font-size:.95rem;opacity:.9}
.usages{list-style:none;counter-reset:u;margin:16px 0;padding:0}
.usages li{counter-increment:u;display:grid;grid-template-columns:2.2rem 1fr;gap:10px;margin:0 0 14px}
.usages li::before{content:counter(u);font:italic 700 1.9rem/1 var(--titre);color:var(--ocre)}
.page{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:52px;align-items:start;margin-top:12px}
.prose{max-width:68ch}.prose h2{scroll-margin-top:16px}
.marge{position:sticky;top:18px;border-top:3px solid var(--encre);padding-top:12px;font-size:.94rem}
.marge-titre{font:700 .74rem/1.4 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:var(--gris);margin:0 0 6px}
.marge ol{list-style:none;margin:0;padding:0}.marge li{margin:0;border-bottom:1px dotted var(--trait)}
.marge a{display:block;padding:6px 0;color:var(--doux);text-decoration:none}.marge a:hover{color:var(--brique)}
.marge .note{margin-top:20px;font-size:.92rem}
.note{background:var(--note);border:1px solid var(--trait);padding:14px 18px;box-shadow:0 8px 16px -14px rgba(40,25,5,.55);transform:rotate(.35deg)}
.note>:last-child{margin-bottom:0}
ul.liste{padding-left:1.1em}ul.liste li{margin-bottom:.7em}
.tab{overflow-x:auto;margin:14px 0 24px;clear:both}
table{border-collapse:collapse;width:100%;background:var(--papier);font-size:.96rem}
th,td{padding:9px 12px;text-align:left;vertical-align:top;border-bottom:1px dotted var(--gris)}
thead th{font:700 .76rem/1.3 var(--ui);letter-spacing:.07em;text-transform:uppercase;color:var(--gris);border-bottom:2px solid var(--encre)}
tbody tr:last-child td{border-bottom:0}td:first-child{white-space:nowrap}tr.vu td{background:var(--tpale);font-weight:700}
.saisons{margin:14px 0 24px}.saisons div{display:grid;grid-template-columns:9.5rem 1fr;gap:4px 20px;padding:12px 0;border-top:1px dotted var(--gris)}
.saisons dt{font:700 .95rem/1.5 var(--ui);color:var(--tilleul)}.saisons dd{margin:0}
.outil{margin:24px 0;background:var(--papier);border:2px solid var(--encre)}
.outil>h3{margin:0;padding:10px 16px;background:var(--encre);color:var(--papier);font:700 1.02rem/1.25 var(--ui);letter-spacing:.02em}
.dedans{padding:16px 18px 18px}
.champs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(190px,100%),1fr));gap:12px 16px}
.champ{display:grid;gap:5px;align-content:start}.champ label{font:700 .85rem/1.3 var(--ui)}.champ small{font-size:.82rem;color:var(--gris);line-height:1.4}
select,input{width:100%;min-width:0;font:600 1rem/1.2 var(--ui);color:var(--encre);background:var(--sable);border:1px solid var(--gris);border-radius:3px;padding:9px 10px}
.reponse{margin-top:16px;padding-top:14px;border-top:2px dotted var(--trait)}.reponse>:last-child{margin-bottom:0}
.gros{font:700 clamp(1.5rem,4vw,2.1rem)/1.15 var(--titre);color:var(--brique);margin:0 0 6px}
.chiffres{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:10px;margin:12px 0}
.chiffres div{background:var(--sable);border:1px solid var(--trait);padding:8px 12px}
.chiffres dt{font:700 .7rem/1.3 var(--ui);letter-spacing:.09em;text-transform:uppercase;color:var(--gris)}.chiffres dd{margin:3px 0 0;font-weight:700}
.tableau{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 6px}
.camp{background:var(--ardoise);color:var(--craie);border:8px solid var(--bois);border-radius:3px;padding:12px 12px 16px;text-align:center}
.camp input{background:transparent;color:var(--craie);border:0;border-bottom:1px dashed rgba(238,237,226,.45);border-radius:0;font:1.1rem/1.2 var(--main);text-align:center;padding:4px}
.score{font:700 clamp(3.4rem,13vw,5.2rem)/1 var(--main);margin:10px 0 8px;font-variant-numeric:tabular-nums}
.pts-titre{font:.86rem/1.3 var(--ui);opacity:.85;margin:0 0 8px}
.pts{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
.pts button{min-width:44px;min-height:44px;font:700 1.05rem/1 var(--ui);background:var(--craie);color:var(--ardoise);border:0;border-radius:3px;cursor:pointer}
.pts button:hover:not(:disabled){background:#f3d38a}.pts button:disabled{opacity:.28;cursor:default}
.etat{min-height:3.2em;margin:12px 0 4px;font-weight:700}
.actions,.boutons{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}
.btn{display:inline-block;padding:11px 16px;border:2px solid var(--encre);background:transparent;color:var(--encre);font:700 .9rem/1.1 var(--ui);text-decoration:none;cursor:pointer;border-radius:2px}
.btn:hover:not(:disabled){background:var(--encre);color:var(--papier)}.btn:disabled{opacity:.4;cursor:default}
.btn.plein{background:var(--encre);color:var(--papier)}.btn.plein:hover{background:var(--brique);border-color:var(--brique);color:#fff}
.histo{margin:14px 0 0;padding:0;list-style:none;font:.95rem/1.5 var(--ui);color:var(--doux)}.histo li{margin:0;padding:3px 0;border-bottom:1px dotted var(--trait)}
.cherche{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:20px 0 10px}.cherche label{font:700 .95rem/1.2 var(--ui)}.cherche input{flex:1 1 240px;width:auto}
.petit{font-size:.86rem;color:var(--gris)}
.mots{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:0 34px;margin:10px 0 0}
.mots div{padding:12px 0;border-top:1px solid var(--trait)}
.mots dt{font:700 1.2rem/1.25 var(--titre);color:var(--brique)}.mots dd{margin:4px 0 0;color:var(--doux)}
.journal{max-width:780px}
.jour{display:grid;grid-template-columns:9.5rem 1fr;gap:4px 26px;padding:18px 0 8px;border-top:1px solid var(--trait)}
.jour time{font:700 .8rem/1.5 var(--ui);letter-spacing:.04em;color:var(--tilleul);padding-top:5px}
.jour h2,.jour h3{font-size:1.32rem;margin:0 0 6px}.jour p{margin:0 0 .75em}
.deux .jour{grid-template-columns:1fr;gap:2px}
.pied{background:#2e2519;color:#e8dbc0;font-size:.95rem}
.pied .wrap{display:grid;grid-template-columns:1.4fr 1fr;gap:20px 52px;padding:30px 0 42px}
.pied-nom{font:italic 700 1.6rem/1 var(--titre);color:#fbf6ea;margin-bottom:12px}
.pied p{max-width:62ch;margin:0 0 .8em}.pied .petit{color:#bfae8d}
.pied a{color:#f0c48a}.pied a:hover{color:#fff}
.pied ul{list-style:none;margin:0;padding:0;columns:2 150px;gap:20px}.pied li{margin:0 0 .4em}
@media (prefers-color-scheme:dark){.pied{background:#110d09}}
@media (max-width:900px){.une,.deux,.page{grid-template-columns:1fr;gap:26px}.marge{position:static}.pied .wrap{grid-template-columns:1fr}}
@media (max-width:600px){body{font-size:16.5px}main{padding:22px 0 56px}.nom b{font-size:1.8rem}.nom img{width:44px;height:44px}.menu a{padding:8px 7px 6px}
.chapo{font-size:1.07rem}.jour,.saisons div{grid-template-columns:1fr}.dedans{padding:14px 12px}.camp{border-width:6px;padding:10px 6px 12px}
.tableau{gap:8px}.pts button{min-width:40px}.photo{margin:14px 2px}.schema.etroit{float:none;margin:20px auto}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{.menu,.pied,.evite,.outil,.cherche{display:none!important}body{background:#fff;color:#000}.photo{transform:none;box-shadow:none}}