/* Le Tilleul · édition visuelle du 4 novembre 2026.
   La couche commune préserve les mises en page des œuvres et le mode dépouillé. */
:root{--t-forest:#163e35;--t-copper:#965039;--t-paper:#f5f2e9;--t-line:#c9ccbd;--t-sans:Inter,"Helvetica Neue",Arial,sans-serif;--t-serif:"Iowan Old Style",Baskerville,"Palatino Linotype",Georgia,serif}
html[data-tilleul-edition]{scroll-padding-top:7rem}
html[data-tilleul-edition]:not([data-site-depouille="true"]) body{background:var(--paper,var(--t-paper));background-image:none;color:var(--ink,#203c34);font-family:var(--t-serif);font-size:clamp(17px,1.2vw,20px);line-height:1.7;-webkit-font-smoothing:antialiased}
html[data-tilleul-edition] :where(h1,h2,h3){font-family:var(--t-serif);font-weight:400;letter-spacing:-.035em;text-wrap:balance}
html[data-tilleul-edition] h1{font-size:clamp(3.4rem,7.5vw,7.5rem);line-height:1.04}
html[data-tilleul-edition] h2{line-height:1.13}
html[data-tilleul-edition] :where(p,li,dd){text-wrap:pretty}
html[data-tilleul-edition] :where(.kicker,.eyebrow,.badge,.meta,.folio,.card-label){font-family:var(--t-sans);font-weight:500;letter-spacing:.12em}
html[data-tilleul-edition] :where(a,button,summary,input,select,textarea):focus-visible{outline:3px solid var(--t-copper);outline-offset:5px}
html[data-tilleul-edition] a{text-underline-offset:.23em;text-decoration-thickness:1px}
html[data-tilleul-edition] :where(button,input,select,textarea){font-family:var(--t-sans);font-size:.9rem;line-height:1.45}
html[data-tilleul-edition] :where(button,select,input:not([type=checkbox]):not([type=radio])){min-height:44px}
html[data-tilleul-edition] button{border-radius:2px;transition:background .18s,color .18s,transform .18s}
html[data-tilleul-edition] button:not(:disabled):hover{transform:translateY(-1px)}
html[data-tilleul-edition] img{filter:none}
html[data-tilleul-edition] :where(.card,.cycle-card,.home-card,.cabinet article,.longform-book){box-shadow:none;border-color:var(--rule,var(--t-line));border-radius:0}
html[data-tilleul-edition] :where(.card,.cycle-card,.longform-book){padding:clamp(1.3rem,3vw,2.5rem)}
html[data-tilleul-edition] :where(.works-hero,.contact-header,.media-hero,.collection-head){padding-top:clamp(3rem,7vw,7rem);padding-bottom:clamp(2rem,5vw,5rem)}
html[data-tilleul-edition] :where(.works-hero,.media-hero,.contact-header){border-bottom:1px solid var(--rule,var(--t-line))}
html[data-tilleul-edition] :where(.works-hero,.media-hero,.contact-header){min-height:0;height:auto;background-image:none}
html[data-tilleul-edition] :where(.works-hero-intro,.lead){font-size:clamp(1.15rem,2vw,1.5rem);max-width:48ch;line-height:1.55}
html[data-tilleul-edition] :where(.tile,.photo-card,.contact-sheet figure){background:none;box-shadow:none}
html[data-tilleul-edition] :where(figcaption,.provenance){font-size:.8rem;line-height:1.65}
html[data-tilleul-edition] :where(pre,.poem-text,.verse){letter-spacing:0;line-height:1.8}
html[data-tilleul-edition] :where(.compass-rail,.corpus-compass,.experience-nav){display:none!important}
/* Navigation commune : une seule rangée principale, les autres parcours dans Explorer. */
.t-header{position:sticky!important;top:0;z-index:1000;display:flex!important;justify-content:space-between!important;align-items:center!important;gap:1.5rem!important;max-width:none!important;margin:0!important;padding:1rem clamp(1rem,4vw,4rem)!important;background:var(--t-forest)!important;color:#f9f6ed!important;border:0!important;text-align:left!important;font-family:var(--t-sans)!important;letter-spacing:0!important;text-transform:none!important;line-height:1.25!important;isolation:isolate}
.t-header a,.t-header summary{color:inherit!important;text-decoration:none!important;border:0!important}
.t-brand{display:flex!important;align-items:center;gap:1rem;min-height:44px;white-space:nowrap}
.t-seal{display:grid;place-items:center;width:2.5rem;height:2.5rem;border:1px solid #7d9b85;border-radius:50%;font:italic 1.7rem var(--t-serif)}
.t-name{display:grid;gap:.18rem;font:1.3rem var(--t-serif);letter-spacing:-.02em}
.t-name small{font:9px var(--t-sans);letter-spacing:.17em;text-transform:uppercase;color:#c4d3c5}
.t-header .t-nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:clamp(.8rem,2vw,2rem)!important;padding:0!important;border:0!important;background:none!important;font:12px var(--t-sans)!important;letter-spacing:.04em!important;text-transform:none!important;flex-wrap:nowrap!important}
.t-header .t-nav>a,.t-explore>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;white-space:nowrap}
.t-header .t-nav>a:hover,.t-header .t-nav>a[aria-current=page]{box-shadow:0 1px #d9ba8e}
.t-explore{position:relative!important;margin:0!important;padding:0!important;border:0!important;font:inherit!important;background:none!important}
.t-explore>summary{list-style:none;font:inherit!important;font-weight:400!important}
.t-explore>summary::-webkit-details-marker{display:none}.t-explore>summary::after{content:"＋";margin-left:.6rem;color:#d9ba8e}.t-explore[open]>summary::after{content:"−"}
.t-explore-panel{position:absolute;right:0;top:calc(100% + 1rem);width:min(32rem,calc(100vw - 2rem));padding:1.6rem;background:var(--t-forest);border:1px solid #607e6d;box-shadow:0 20px 40px #102e3229;display:grid;grid-template-columns:1fr 1fr;gap:.35rem 1.5rem}
.t-explore-panel a{padding:.65rem 0;font-size:.9rem;line-height:1.4;white-space:normal}
.t-explore-panel a small{display:block;color:#c4d3c5;font-size:.7rem;margin-top:.2rem}.t-explore-panel a:hover{text-decoration:underline!important}
.t-progress{position:absolute;left:0;bottom:0;height:2px;width:100%;background:#d7ad76;transform:scaleX(0);transform-origin:left;pointer-events:none}
.t-backtop{position:fixed;right:1rem;bottom:5.5rem;z-index:30;background:var(--t-forest);color:#fff8e9!important;border:1px solid #688271;padding:.55rem .85rem;font:13px var(--t-sans);text-decoration:none}
.t-backtop[hidden]{display:none}.t-page-marker{font:10px var(--t-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--t-copper)}
.t-header{min-height:0!important;height:auto!important;width:100%;flex-shrink:0}
html[data-tilleul-edition] body{padding-top:0!important}
.t-explore-panel{max-height:80svh;overflow:auto}
.t-reading-slot{grid-column:1/-1;border-top:1px solid #607e6d!important;border-bottom:0!important;padding:.8rem 0 0!important;margin-top:.5rem!important;background:transparent!important;color:#fff8ed!important}
.t-reading-slot>summary{font:12px/1.6 var(--t-sans)!important;cursor:pointer}
.t-reading-slot .reading-regime,.t-reading-slot .site-reading-tools{position:static!important;inset:auto!important;transform:none!important;max-width:100%!important;width:100%!important;margin:.8rem 0!important;padding:1rem!important;background:var(--paper,var(--t-paper))!important;color:var(--ink,#203c34)!important;display:block!important;border:1px solid #8c9f8c!important;box-shadow:none!important;z-index:auto!important}
.t-reading-slot .site-reading-tools button{color:var(--ink,#203c34)!important;background:var(--paper,var(--t-paper))!important}
.t-reading-slot .weekly-palette{position:static!important;width:100%!important;margin-top:.5rem!important}
.t-reading-slot .weekly-palette summary{color:var(--ink,#203c34)!important}
.t-reading-slot .weekly-palette-panel{position:static!important;max-height:45svh;overflow:auto}
.t-home .hero p:empty{display:none}
.t-registry-callout a{color:var(--green,var(--t-forest))}
/* Accueil : une couverture, puis les trois gestes du site. */
.t-home>header:not(.t-header){display:none}
.t-home>nav[aria-label=Parcours]{max-width:none;margin:0;padding:.7rem 4vw;gap:.5rem 1.7rem;font:11px var(--t-sans);letter-spacing:.05em;background:var(--t-paper)}
.t-home>nav[aria-label=Parcours] a{min-height:30px;display:flex;align-items:center;text-decoration:none}
.t-home main{max-width:1600px;border-top:0}
.t-home .hero{display:grid;grid-template-columns:1fr 1.08fr;gap:0;min-height:0;background:var(--t-paper);color:var(--t-forest);padding:clamp(1.25rem,4vw,4rem);padding-top:clamp(1rem,2vw,2rem);align-items:stretch}
.t-home .hero>img{grid-column:2;grid-row:1;width:100%;height:100%;min-height:40rem;max-height:53rem;opacity:1;object-fit:cover;object-position:55% center;border-radius:0}
.t-home .hero>div{position:static;grid-column:1;grid-row:1;background:none;padding:clamp(1rem,3vw,3rem) clamp(1rem,4vw,4rem) 1rem 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.t-home .hero h1{font-size:clamp(5rem,9vw,9.5rem);letter-spacing:-.065em;line-height:.9;max-width:5ch;margin:1.5rem 0 2rem}
.t-home .hero p:not(.eyebrow):not(.meta){font-size:clamp(1.1rem,1.6vw,1.4rem);max-width:23ch}
.t-home .hero .eyebrow{color:var(--t-copper)!important;font-size:10px;letter-spacing:.19em}
.t-home .hero .meta{font-size:11px;line-height:1.6;letter-spacing:0;color:#4b6054;max-width:40ch}
.t-home .hero button{background:var(--t-forest);color:#fffaf0;border-color:var(--t-forest);font-size:12px;padding:.8rem 1.2rem;margin:.5rem .5rem 0 0}
.t-home .hero #hero-open,.t-home .hero #hero-share{background:transparent;color:var(--t-forest);border-color:#9caa98}
.t-home .draw-method{margin-top:1rem;padding:.6rem 0;border-color:var(--t-line)}.t-home .draw-method summary{font:11px/1.5 var(--t-sans)}.t-home .draw-method p{font:12px/1.6 var(--t-sans)!important;max-width:45ch!important}
.t-home .entry-doors{margin:0 4vw 3rem;border:0;background:var(--t-line);gap:1px;padding:1px 0}
.t-home .entry-doors a{padding:1.5rem 1.7rem;min-height:11rem;background:var(--t-paper);transition:background .2s}
.t-home .entry-doors a:hover{background:#e7e8dc}.t-home .entry-doors strong{font:clamp(1.6rem,2.4vw,2.5rem)/1.2 var(--t-serif);font-weight:400}.t-home .entry-doors span{font:10px var(--t-sans);letter-spacing:.1em;color:var(--t-copper)}
.t-home main>section:not(.hero){padding:clamp(3rem,7vw,7rem) 4vw;display:block;border-bottom:1px solid var(--t-line)}
.t-home .band{background:#e9ebe0}.t-home .cards{gap:1.5rem}.t-home .card{background:transparent;border:0;border-top:1px solid #9dab99;padding:1.5rem 0}.t-home .card h3{font-size:1.8rem}.t-home .card p{font-size:1rem}
.t-home .grid{gap:2rem 1.3rem}.t-home .tile img{height:270px;background:#e7e5dc;object-fit:contain}.t-home .tile figcaption{padding-top:.65rem;color:#3d5448}
.t-registry-callout{padding:1.5rem 0;border-top:1px solid #a3b19c;margin-top:2rem}.t-registry-callout a{font-size:1.4rem}.t-registry-callout p{font:13px/1.6 var(--t-sans)}
/* Les appareils et les éditions particulières conservent leur singularité. */
@media(min-width:900px){html[data-tilleul-edition] :where(.works-hero,.media-hero){gap:4rem}.t-home #hero-caption:empty{display:none}}
@media(max-width:760px){.t-header{padding:.7rem 1rem!important;gap:1rem!important}.t-name{font-size:1.1rem}.t-name small{font-size:8px}.t-seal{width:2rem;height:2rem}.t-header .t-nav{gap:1rem!important}.t-header .t-nav>a[data-secondary]{display:none}.t-explore-panel{position:fixed;top:4.5rem;right:1rem;max-height:75svh;overflow:auto}.t-home>nav[aria-label=Parcours]{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap;gap:1.4rem}.t-home .hero{grid-template-columns:1fr;padding:1.25rem}.t-home .hero>img{grid-column:1;grid-row:2;min-height:0;height:56svh;max-height:38rem}.t-home .hero>div{grid-column:1;grid-row:1;padding:.8rem 0 2rem}.t-home .hero h1{font-size:clamp(5rem,20vw,8rem);max-width:none;margin:1rem 0}.t-home .hero p:not(.eyebrow):not(.meta){max-width:35ch}.t-home .entry-doors{grid-template-columns:1fr;margin:0 1.25rem 2rem}.t-home .entry-doors a{min-height:7rem;padding:1rem}.t-home .tile img{height:190px}.t-home .hero .draw-method{max-width:100%}html[data-tilleul-edition] h1{overflow-wrap:anywhere}.t-backtop{bottom:6rem}}
@media(prefers-reduced-motion:reduce){html[data-tilleul-edition]{scroll-behavior:auto}html[data-tilleul-edition] *,html[data-tilleul-edition] *::before,html[data-tilleul-edition] *::after{animation:none!important;transition:none!important}}
@media print{.t-header,.t-backtop{display:none!important}.t-home .hero{display:block}.t-home .hero>img{height:12cm;min-height:0}.t-home .hero>div{position:static}.t-home .hero h1{font-size:4rem}html[data-tilleul-edition] body{background:white;color:black}}

/* Commandes lisibles, états visibles, cadres réservés aux vrais groupes. */
html[data-tilleul-edition] .t-command:not([data-action-kind="image"]):not(.knob):not([hidden]){position:relative;min-height:46px;padding:.65rem 1rem;border:1px solid #7a8d7d;border-radius:6px;font:500 .92rem/1.4 var(--t-sans);letter-spacing:0;text-transform:none;white-space:normal;vertical-align:middle;touch-action:manipulation}
html[data-tilleul-edition] .t-command:not([data-action-kind="image"]):not(.knob):not(:disabled):hover{transform:none;box-shadow:0 2px 0 #143c3520}
html[data-tilleul-edition] .t-command[data-action-kind="destructive"]{background:transparent;color:#87462f;border:1px solid #ad7157}
html[data-tilleul-edition] .t-command[data-action-kind="restore"]{background:#edf1e7;color:#234b3b;border:1px solid #63816b}
html[data-tilleul-edition] .t-command[aria-pressed="true"]:not([data-action-kind="image"]):not(.knob){box-shadow:inset 0 0 0 2px #9eae96;border-bottom-width:3px}
html[data-tilleul-edition] .t-command:disabled{cursor:not-allowed;opacity:.65;box-shadow:none}
html[data-tilleul-edition] .t-command[data-action-kind="image"]{border-radius:0;box-shadow:none;background:transparent;transform:none!important}
html[data-tilleul-edition] :where(.cards,.cycle-grid,.cabinet){gap:1.5rem}
html[data-tilleul-edition] :where(.card,.cycle-card,.cabinet article){border-radius:0;border-color:#bdc6b6;box-shadow:none}
.ink-tools{padding:1rem 0;border-top:1px solid #a7b69e;border-bottom:1px solid #a7b69e;gap:.65rem}
.ink-tools .ink-explanation{flex-basis:100%;max-width:72ch;margin:.5rem 0;font:14px/1.65 var(--t-sans)}
#ink-status{display:block;flex-basis:100%;font:500 14px/1.6 var(--t-sans);padding:.5rem .7rem;background:#e4ebdc;color:#234b3b}
#view-caption p{font:16px/1.65 var(--t-serif);letter-spacing:0;max-width:70ch}
.t-page-help{margin:1rem clamp(1rem,4vw,4rem) 2rem;padding:.75rem 0;max-width:76rem;border:0;border-bottom:1px solid #bcc6b3;color:var(--ink,#234b3b);background:transparent;font:14px/1.6 var(--t-sans);text-transform:none;letter-spacing:0}
.t-page-help>summary{font:500 14px/1.6 var(--t-sans);cursor:pointer;min-height:44px;display:flex;align-items:center;gap:.6rem;color:inherit}
.t-page-help>summary::before{content:"?";border:1px solid currentColor;border-radius:50%;height:1.35rem;width:1.35rem;display:inline-grid;place-items:center;font:12px var(--t-sans)}
.t-page-help>summary::after{content:"＋";margin-left:auto}.t-page-help[open]>summary::after{content:"−"}
.t-page-help>p{font:14px/1.7 var(--t-sans);max-width:78ch}
.t-page-help dl{display:grid;grid-template-columns:minmax(10rem,1fr) minmax(0,2.5fr);margin:1rem 0;max-height:26rem;overflow:auto;border-top:1px solid #bcc6b3}
.t-page-help dt,.t-page-help dd{margin:0;padding:.85rem .5rem;border-bottom:1px solid #bcc6b3;font:14px/1.6 var(--t-sans);color:inherit}.t-page-help dt{font-weight:600}
.t-surprise-choice{display:flex;align-items:center;gap:.6rem;padding:1rem 0;font:14px/1.5 var(--t-sans)}.t-surprise-choice input{width:22px;height:22px;min-height:22px;accent-color:#244e3f}
/* Un ressort dessiné, sans image distante et sans changement de zone cliquable. */
.t-command.t-springing{animation:t-buckle .85s ease-out!important;overflow:visible!important}
.t-command.t-springing::after{content:"";position:absolute;right:-1rem;top:-3.8rem;width:5rem;height:5rem;pointer-events:none;z-index:3;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cpath d='M12 86L30 76C66 69 77 55 59 52C37 48 19 68 40 69C67 69 91 46 68 42C45 37 26 57 46 58C74 58 89 34 67 32C43 29 36 47 53 45C76 42 78 23 63 23L78 12M70 9L82 15M84 24L92 20' fill='none' stroke='%23965039' stroke-width='4' stroke-linecap='round'/%3E%3C/svg%3E");animation:t-coil .85s ease-out}
@keyframes t-buckle{0%,100%{transform:none}18%{transform:scale(.92,1.07) rotate(-2deg);border-radius:18px 3px 15px 5px}42%{transform:scale(1.04,.95) rotate(1deg)}65%{transform:scale(.98,1.02) rotate(-.7deg)}}
@keyframes t-coil{0%{opacity:0;transform:translateY(35px) scaleY(.2) rotate(-25deg)}20%{opacity:1;transform:translateY(-5px) scaleY(1.15) rotate(8deg)}55%{opacity:1;transform:translateY(0) scaleY(.9) rotate(-10deg)}100%{opacity:0;transform:translateY(15px) scaleY(.7) rotate(18deg)}}
@media(max-width:650px){.t-page-help dl{grid-template-columns:1fr}.t-page-help dt{border-bottom:0;padding-bottom:.2rem}.t-page-help dd{padding-top:.2rem}.ink-tools .t-command{flex:1 1 12rem}.t-page-help{margin-top:.5rem;margin-bottom:1rem}}
@media(prefers-reduced-motion:reduce){.t-command.t-springing{animation:none!important}.t-command.t-springing::after{display:none}}
@media print{.t-page-help{display:none}}
.t-photo-reading{border:0;border-top:1px solid #c4cdbb;padding:.6rem 0;margin-top:.65rem;background:transparent;color:var(--ink,#234b3b)}
.t-photo-reading>summary{font:500 12px/1.5 var(--t-sans);cursor:pointer;min-height:36px}
.t-photo-reading p{font:13px/1.6 var(--t-sans);letter-spacing:0;text-transform:none;max-width:65ch}
figure:has(>.t-photo-reading){height:auto;max-height:none}
html[data-tilleul-edition] .t-command:not([data-action-kind="image"]):not(.knob){min-width:44px}
html[data-tilleul-edition] :where(.contact-viewer-actions,.contact-viewer-navigation) .t-command{padding:.3rem!important}