/* Cartes de l'éditeur Ghost rendues dans le dessin V05.5. Règles propres au thème (lisiere.css est importée, ne pas l'éditer). */
.kg-width-wide{max-width:none;margin-inline:calc(-6% - 12px)}
.kg-width-full{width:100vw;margin-left:calc(50% - 50vw)}
.prose figure.kg-image-card{margin:35px 0}
.prose figure.kg-image-card img{width:100%;height:auto}
.prose figure.kg-card-hascaption figcaption,.prose .kg-gallery-card figcaption{font:italic 15px/1.5 var(--reading);color:#655d49;margin:11px 4px 2px}
.prose .kg-gallery-container{display:flex;flex-direction:column;gap:14px}
.prose .kg-gallery-row{display:flex;gap:14px}
.prose .kg-gallery-image{flex:1;padding:8px;background:#f6efdc;box-shadow:3px 6px 2px #5d624b25;transform:rotate(-1.2deg)}
.prose .kg-gallery-image:nth-child(2n){transform:rotate(1deg)}
.prose .kg-gallery-image img{aspect-ratio:4/3;object-fit:cover}
.prose .kg-embed-card,.prose .kg-bookmark-card,.prose .kg-video-card,.prose .kg-audio-card,.prose .kg-file-card{margin:35px 0}
.prose .kg-bookmark-container{display:flex;gap:18px;border:1px solid #9a927740;padding:18px;background:#f4ecd680;color:inherit;text-decoration:none}
.prose .kg-bookmark-title{font-family:var(--serif);font-size:20px}
.prose .kg-bookmark-description{font-size:15px;margin-top:6px}
.prose .kg-bookmark-thumbnail img{max-width:140px}
.prose .kg-toggle-card{border-top:1px solid #9a927760;border-bottom:1px solid #9a927760;padding:12px 0;margin:30px 0}
.prose .kg-toggle-heading-text{font-family:var(--serif);font-size:22px}
.prose .kg-button-card{margin:30px 0}
.prose ul,.prose ol{padding-left:26px;margin:20px 0}
.prose li+li{margin-top:8px}
.prose a{text-decoration:underline;text-underline-offset:4px;text-decoration-style:dotted}
.prose hr{border:0;border-top:1px dashed #9a9277;margin:40px 0}
.prose pre{white-space:pre-wrap;font:14px/1.6 var(--mono);padding:18px;background:#e9e3cf}
.prose code{font:.9em var(--mono)}
.prose h3{font-size:25px;margin:32px 0 14px}
.prose img{max-width:100%}
/* Annotation : toute carte Encadré (callout) dans un billet */
.prose .kg-callout-card{position:relative;display:block;background:#f4e9c9 url('../textures/paper-scan.jpg');background-size:480px;background-blend-mode:soft-light;border-left:2px solid #965b45;margin:35px 0 35px 15px;padding:24px 25px;transform:rotate(-.6deg);box-shadow:2px 4px 3px #81765d25;color:#6e4533}
.prose .kg-callout-card:before{content:'↳';position:absolute;top:8px;left:-27px;color:#965b45;font:30px var(--reading)}
.prose .kg-callout-emoji{display:none}
.prose .kg-callout-text{font-size:18px;line-height:1.55}
.prose .kg-callout-text b:first-child,.prose .kg-callout-text strong:first-child{display:block;color:#84533e;line-height:1.6;font:12px var(--mono);margin-bottom:15px}
.prose .kg-callout-text s{text-decoration-thickness:2px}
.prose .kg-callout-text a{display:inline-block;margin-top:16px;font-size:16px;text-decoration:underline}
@media(max-width:700px){.prose .kg-callout-card{padding:20px;margin:30px 0 30px 12px}.prose .kg-callout-card:before{left:-23px}.kg-width-wide{margin-inline:0}}
/* Photo avec scotch (garde, Qui suis-je) : mêmes valeurs que .cover-photo:before de la maquette */
.photo.scotch{position:relative}.photo.scotch:before{content:'';position:absolute;width:90px;height:28px;top:-10px;left:30%;background:#beaf8460;transform:rotate(-5deg)}
/* Post-it : une carte Encadré de la page « recherches-en-cours » */
.stack .kg-callout-card{background:none;border:0;margin:0;padding:0;transform:none;box-shadow:none;color:inherit;display:block}
.stack .kg-callout-card+.kg-callout-card{margin-top:28px;padding-top:24px;border-top:1px dashed #b5a26a}
.stack .kg-callout-emoji{display:none}
.stack .kg-callout-text{font-family:var(--reading);font-size:18px;line-height:1.5}
.stack .kg-callout-text b:first-child,.stack .kg-callout-text strong:first-child{display:block;font:italic 400 27px/1.25 var(--serif);margin-bottom:16px}
.stack .kg-callout-card.is-hidden{display:none}
/* Marge « Prolonger l'exploration » : masquée si vide ; en repli mobile, après les commentaires */
.related:not(:has(.story)){display:none}
@media(max-width:950px){.article-layout{display:flex;flex-direction:column}.article-layout .related{order:2}}
/* Correspondance : feuille de lettre contenant la prose */
.letter-sheet.prose p{font-family:var(--reading);font-size:23px;margin-bottom:24px;line-height:1.6}
.letter-sheet.prose .underlink{margin-top:30px}
/* Qui suis-je : le dernier paragraphe du corps porte les liens d'action (billets découpés) */
.about .prose p:last-child:has(> a:first-child){margin-top:30px;font-size:0;display:flex;flex-wrap:wrap;gap:14px}
@media(max-width:700px){.about .prose p:last-child a{flex:1 1 100%;text-align:center}}
/* Les lettres : corps de la page dans la feuille (mise en forme V2 plus bas) */
.letter-body p{font-family:var(--reading);font-size:23px;margin-bottom:24px;line-height:1.6}
.letter-body .kg-button-card{margin:6px 0 35px;text-align:left}
.letter-body.membre .kg-button-card{display:none}
/* Pages éditoriales : intro puis prose */
.editorial>.intro{margin-bottom:25px}
.editorial .prose h2{font-size:30px;margin:40px 0 20px}
.editorial .prose h3{font-size:25px;margin:32px 0 14px}
/* Formulaires membres (Portal pose les classes loading / success / error sur le formulaire) */
.membres-status p{display:none;font:15px/1.6 var(--sans);margin:20px 0}
form.membres.success{display:none}
form.membres.success+.membres-status [data-members-success]{display:block}
form.membres.error+.membres-status [data-members-error]{display:block}
form.membres.loading button{opacity:.6;cursor:wait}
#panneau-bienvenue:focus,#panneau-lien-invalide:focus{outline:0}
/* M'écrire : le corps de la page (hors formulaire) reste discret */
.form-page .prose{margin-top:30px;font-size:17px}
.form-page .prose p{font-family:var(--sans)}
/* Bouton de pagination : largeur du contenu, centré (lien au lieu du bouton de la maquette) */
.entries>#load-more{width:max-content}
/* Annotation : le texte barré et le lien de renvoi occupent chacun leur ligne */
.prose .kg-callout-text s{display:inline-block;margin-bottom:12px}
.prose .kg-callout-text a{display:block;width:max-content}
.prose .kg-callout-text br{display:none}
/* Pages éditoriales : un paragraphe qui commence par un lien est un paragraphe d'actions (premier lien en billet, suivants soulignés) */
.editorial .prose p:has(> a:first-child){display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin:30px 0;font-size:0}
.editorial .prose p:has(> a:first-child) a{font-size:14px;text-decoration:underline;text-underline-offset:5px;text-decoration-style:solid}
/* Coins droits du cahier légèrement arrondis, repris de l'exploration V03 (demande du 10 septembre 2026) ; les feuilles empilées (box-shadow) suivent l'arrondi */
.notebook{border-radius:2px 12px 12px 2px}
/* Trait de marge : ligne verticale fine à droite des spirales, sur toute la hauteur du cahier (demande du 10 septembre 2026) */
.notebook:before{content:'';position:absolute;top:0;bottom:0;left:40px;width:1px;background:#8c493455;pointer-events:none}
@media(max-width:700px){.notebook:before{left:22px}}
/* Garde : l'introduction se place sous le titre, à côté de la photo (demande du 10 septembre 2026) ; en mobile elle repasse sous la photo */
.cover{grid-template-rows:auto auto;align-items:start}
.cover-intro{grid-column:1;grid-row:2;padding-top:10px}
.cover-photo{grid-column:2;grid-row:1/3;align-self:start}
@media(max-width:700px){.cover-intro{grid-column:1/-1;grid-row:auto;padding-top:18px}.cover-photo{grid-row:auto}}
/* M'écrire sans JavaScript : le service renvoie vers #envoye ou #erreur, affichés par :target */
.form-cible{display:none;font:17px/1.6 var(--sans);margin:20px 0}
.form-cible:target{display:block}
/* Texte d'accueil des pages membres : contenu de la page Ghost « inscription » ou « connexion » */
.intro-membres{margin:-10px 0 30px}
.intro-membres p{font-family:var(--reading);font-size:19px;line-height:1.6;margin:0 0 16px}
/* Traversées : page de garde (chapeau) */
.chapeau-kicker{font:12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--rust);margin:0 0 12px}
.chapeau-corps{max-width:850px;margin:auto}
.chapeau-corps .reading{margin:25px 0 35px;max-width:var(--lecture)}
.sommaire-bloc{border-top:1px solid var(--filet);margin-top:30px;padding-top:28px;max-width:var(--lecture)}
.sommaire-bloc h2{font:600 29px/1.15 var(--serif);margin:0 0 12px}
.sommaire{list-style:none;margin:0;padding:0}
.sommaire li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;padding:16px 0;border-bottom:1px dashed var(--filet-pointille)}
.sommaire-no{font:600 30px/1 var(--serif);color:var(--rust)}
.sommaire-texte>a{font:600 22px/1.2 var(--serif);color:var(--ink);text-decoration:none}
.sommaire-texte>a:hover{text-decoration:underline}
.sommaire-texte small{font:11px var(--mono);color:#59604e}
.sommaire-intro{display:block;font:17px/1.5 var(--reading);color:#3a4a3f;margin:4px 0 6px}
.sommaire-meta{display:flex;flex-wrap:wrap;gap:3px 14px;font:11px/1.6 var(--mono);color:#59604e}
.sommaire-meta span:empty{display:none}
.sommaire-suite{font:13px/1.6 var(--mono);color:var(--rust);margin:18px 0 0;max-width:var(--lecture)}
.chapeau-corps .comments{max-width:var(--lecture)}

/* Traversées : chapitre */
.back-traversee+.back{display:none}
.related[data-traversee]~.related{display:none}
.related[data-traversee]:not(:has(.story)){display:none}
.chapitre-no{color:var(--rust)}
.traversee-marge{margin:38px 0 0;font-family:var(--reading)}
.traversee-marge h2{font:600 24px/1.15 var(--serif);margin:0 0 15px}
.traversee-marge h2 a{color:inherit}
.traversee-marge ol{margin:0;padding:0 0 0 22px;font:15px/1.4 var(--reading)}
.traversee-marge li{margin:0 0 10px;padding-left:2px}
.traversee-marge li::marker{font:12px var(--mono);color:#815a40}
.traversee-marge li.ici{font-weight:700;color:var(--rust)}
.traversee-marge a{color:var(--ink);text-decoration:none;border-bottom:1px solid #293e3140}
.traversee-marge a:hover{border-bottom-color:var(--ink)}
.traversee-suite{font:11px/1.6 var(--mono);color:var(--rust);margin:14px 0 0}
.traversee-marge+.related{margin-top:34px;padding-top:26px;border-top:1px solid var(--filet)}
.traversee-voisins{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:var(--lecture);border-top:1px solid var(--filet);margin:10px 0 40px;padding-top:22px}
.traversee-voisins:not(:has(a)){display:none}
.traversee-voisins a{display:block;color:var(--ink);text-decoration:none}
.traversee-voisins span{display:block;font:12px/1.6 var(--mono);color:#59604e}
.traversee-voisins strong{display:block;font:600 21px/1.2 var(--serif);margin-top:3px}
.traversee-voisins a:hover strong{text-decoration:underline}
.traversee-voisins .suiv{text-align:right}
@media(max-width:700px){.traversee-voisins{gap:14px}.traversee-voisins strong{font-size:17px}}
@media(max-width:950px){.traversee-marge{margin:40px 0 0;padding:25px 0 0;border-top:1px solid #9b776253}}
.traversee-hors-acces{max-width:850px;margin:auto}
.traversee-hors-acces:empty{display:none}

/* Traversées : mention sur les papiers du carnet */
.card-traversee{display:block;font:11px/1.5 var(--mono);letter-spacing:.04em;color:var(--rust);margin:-4px 0 10px}

/* Traversées : page de liste et section de l'Index */
.traversees-liste{max-width:850px;margin:auto}
.traversee-ligne{display:block;padding:24px 0;border-bottom:1px dashed var(--filet-pointille);color:var(--ink);text-decoration:none}
.traversee-ligne strong{display:block;font:600 29px/1.15 var(--serif);margin:6px 0}
.traversee-ligne:hover strong{text-decoration:underline}
.traversee-etat{font:12px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--rust)}
.traversee-intro{display:block;font:18px/1.5 var(--reading);color:#3a4a3f}
/* Zones repliables de l'Index (lisières, notions, questions) : même bascule que la discussion */
.zone{border:0;margin:0 0 20px;padding:0}
.zone>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline}
.zone>summary::-webkit-details-marker{display:none}
.zone>summary .section-title{margin:45px 0 28px}
.zone:not([open])>summary .section-title{margin-bottom:12px}
.zone-bascule{font:12px/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--surligne);padding:2px 4px 1px;position:relative;top:-6px}
.zone>summary:hover .zone-bascule{background:var(--surligne-survol)}
.zone-bascule:after{content:attr(data-ouvrir)}
.zone[open]>summary .zone-bascule:after{content:attr(data-replier)}
.index-question .index-heading>a.question-lien{font:23px/1.3 var(--reading);color:inherit;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
.index-question .index-heading>a.question-lien:hover{text-decoration-style:solid}
#index-traversees{margin-bottom:40px}
#index-traversees .underlink{display:inline-block;margin-top:14px}
/* ===== Cosmétique V2 (22 septembre 2026) ===== */
/* 1. Une seule ligne de départ pour tout le site : en-tête, contenu, pied de page. Le trait de marge longe le texte. */
.notebook{--ligne:calc(9% + 30px);--trait:40px;--lecture:680px;--filet:#858d7055;--filet-pointille:#8b806659;--surligne:linear-gradient(transparent 58%,#d8c17c 58%);--surligne-survol:linear-gradient(transparent 28%,#d8c17c 28%)}
main,.site-header,.notebook footer,.notebook .quiet-footer{padding-left:var(--ligne)}
.site-header .account-link{margin-left:auto}
.notebook:before{left:calc(var(--ligne) - var(--trait))}
.reading-header,.editorial,.form-page,.letter-sheet,.chapeau-corps,.traversees-liste,.missing,.comments{margin-left:0;margin-right:auto}
.editorial{max-width:var(--lecture)}
@media(max-width:700px){.notebook{--ligne:38px;--trait:12px}}
/* 2. La discussion : repliée par défaut ; dépliée, un papier de la couleur de la feuille, posé dessus avec une légère ombre */
.comments,.article-layout .comments,.chapeau-corps .comments{position:relative;max-width:var(--lecture);margin:55px 0 0;padding:0;border:0;border-top:1px solid var(--filet);background:none;box-shadow:none}
.comments>summary{list-style:none;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;padding:20px 0}
.comments>summary::-webkit-details-marker{display:none}
.comments>summary>span:first-child{font:600 24px/1.15 var(--serif);color:var(--ink)}
.comments-compte:empty{display:none}
.comments-compte{font:12px/1.6 var(--mono);color:#815a40}
.comments-bascule{margin-left:auto;font:12px/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;color:var(--ink);background:var(--surligne);padding:2px 4px 1px}
.comments>summary:hover .comments-bascule{background:var(--surligne-survol)}
.comments-bascule:after{content:attr(data-ouvrir)}
.comments[open]>summary .comments-bascule:after{content:attr(data-replier)}
.comments-corps{padding:26px 28px 30px;margin:4px 0 10px;background-color:#faf5e7;background-image:linear-gradient(#fffaf0b0,#fffaf0b0),url('../textures/paper-scan.jpg');background-size:auto,520px;border:1px solid #d9d0b4;box-shadow:2px 3px 6px #504d3022}
.comments h2{display:none}
.cercle-ligne{flex:0 0 100%;font:12px/1.6 var(--mono);letter-spacing:0;text-transform:none;color:#59604e;margin:-8px 0 0}
.cercle-ligne a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.comments-corps{padding:20px 12px 24px;margin-left:-8px;margin-right:-8px}.comments>summary>span:first-child{font-size:22px}}
/* 3. La marge de droite : titre de la traversée seul ; « Prolonger » en petits papiers discrets, trait de lisière sur la tranche */
.traversee-marge h2{font:500 22px/1.15 var(--serif);margin:0 0 14px}
.traversee-marge h2 a{border:0}
.related .story,.article-layout .related .story{position:relative;display:block;padding:10px 12px 11px 11px;margin:0 0 12px;border:0;border-left:4px solid var(--tag,#d8c17c);background:color-mix(in srgb,#fffaf0 20%,transparent);box-shadow:1px 2px 3px rgba(80,77,48,.04);transition:background .2s,box-shadow .2s,transform .2s}
.related .story:hover,.related .story:focus-visible{background:color-mix(in srgb,#fffaf0 50%,transparent);box-shadow:1px 2px 3px rgba(80,77,48,.1);transform:rotate(-.5deg)}
.related .story:nth-of-type(odd):hover,.related .story:nth-of-type(odd):focus-visible{transform:rotate(.6deg)}
.related .story-copy{display:flex;flex-flow:row wrap;column-gap:8px;align-items:baseline}
.related .story h3,.article-layout .related .story h3{order:1;flex:0 0 100%;font-size:16px;line-height:1.2;margin:0 0 5px}
.related .card-page-no{order:2;position:static;font:10.5px/1.5 var(--mono);color:#79563e}
.related .card-meta{order:3;padding:0;margin:0;font-size:10.5px;gap:0 8px}
.related .card-meta>span:first-child{display:none}
.related .card-traversee{order:4;flex:0 0 100%;margin:1px 0 0;font-size:10.5px}
.related .reserved-note{order:5;flex:0 0 100%;margin:1px 0 0;font-size:10.5px;line-height:1.5}
.article-layout .related>h2{margin-bottom:14px}
@media(prefers-reduced-motion:reduce){.related .story{transition:none}.related .story:hover,.related .story:focus-visible{transform:none}}
/* 5. Papiers du carnet et de la garde : teintés par leur lisière (25 %), plus par leur position dans la liste.
   Sans lisière (ou navigateur sans color-mix) : papier crème neutre. Les inclinaisons par position sont conservées. */
#home-selection .story:nth-child(n),#post-list .story:nth-child(n){background-color:#f4ecd6;--sheet-tint:#f8efd4a3}
@supports (background:color-mix(in srgb,red 50%,blue)){
#home-selection .story:not([data-sans-lisiere]):nth-child(n),#post-list .story:not([data-sans-lisiere]):nth-child(n){background-color:color-mix(in srgb,var(--tag) 25%,#f4ecd6);--sheet-tint:color-mix(in srgb,color-mix(in srgb,var(--tag) 25%,#f8efd4) 64%,transparent)}
}
.related .story[data-sans-lisiere]{border-left-color:#cfc6a8}
/* ===== Boutons et liens (V2, 22 septembre 2026) =====
   Un seul style de bouton, aligné sur la forme des boutons de Ghost (commentaires, portail) : encre, coins 6 px, sans ombre,
   lettrage machine à écrire. Il sert au bouton nommé .ticket, aux cartes Bouton de l'éditeur (.kg-btn) et aux paragraphes
   d'actions des pages. Trois niveaux de lien dans un texte : discret (souligné pointillé), fort = lien mis en gras dans l'éditeur
   (machine à écrire surlignée, .lien-fort), bouton = carte Bouton. */
.ticket,.kg-btn,.notebook .kg-card .kg-btn,.notebook a.kg-btn.kg-btn-accent,.about .prose p:last-child a,.editorial .prose p:has(> a:first-child) a{display:inline-block;height:auto;line-height:1.4;font-weight:400;padding:11px 19px;background:var(--ink);color:#f5eedb;border:0;border-radius:6px;box-shadow:none;clip-path:none;font:11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background 100ms}
.ticket:hover,.kg-btn:hover,.notebook .kg-card .kg-btn:hover,.about .prose p:last-child a:hover,.editorial .prose p:has(> a:first-child) a:hover{background:#78513b;color:#f5eedb;text-decoration:none}
.ticket.light{background:#d8d6bd;color:var(--ink)}
.lien-fort,.prose a:not(.kg-btn)>strong,.prose strong>a:not(.kg-btn){display:inline;background:var(--surligne);color:var(--ink);font:12px/1.6 var(--mono);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;padding:2px 4px 1px;font-weight:400}
.prose a:not(.kg-btn):has(> strong){text-decoration:none}
.lien-fort:hover,.prose a:not(.kg-btn):hover>strong,.prose strong>a:not(.kg-btn):hover{background:var(--surligne-survol)}
.search-field button{font:11px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer;padding:0 4px}
.notion summary{list-style:none}.notion summary::-webkit-details-marker{display:none}
.notion summary:after{content:"+";font:22px var(--mono);color:#815a40}.notion[open] summary:after{content:"−"}
/* Pied de page : M'écrire à gauche, Informations légales au centre, Revenir en haut à droite */
.quiet-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px}
.quiet-footer>a:last-child{margin-left:0;justify-self:end}
.quiet-footer>.centre{justify-self:center}
@media(max-width:700px){.quiet-footer{grid-template-columns:1fr;gap:10px}.quiet-footer>a:last-child,.quiet-footer>.centre{justify-self:start}}
/* Les lettres : une seule police pour tout le texte, un filet entre la présentation et le bouton */
.letter-body p{font:23px/1.6 var(--reading);margin-bottom:24px}
@media(max-width:700px){.letter-body p{font-size:21px}}
.letter-body .kg-button-card{margin:0 0 32px;padding-top:28px;border-top:1px solid #8b806659}
.letter-body .kg-button-card+p{padding-top:0}
/* Le cercle proche : une page, deux volets, une bascule */
.bascule{font:15px/1.6 var(--sans);margin:22px 0 0}
/* Mon compte : le mot sur soi */
.champ-mot{display:block;font:15px/1.6 var(--sans);margin:26px 0 6px}
.champ-mot input{display:block;width:100%;max-width:420px;margin-top:6px;padding:10px 12px;font:17px var(--reading);background:#fffaf0;border:1px solid #9a927777;border-radius:4px}
#mot-status,#preference-status{font:12px/1.6 var(--mono);color:#59604e;min-height:1.2em;margin:4px 0 0}
#compte p:has(> .lien-fort){margin:26px 0 18px}
.suite-carnet{margin:30px 0 0}
.gate-connexion{margin:22px 0 0}
/* Liens de retour en tête de page (← Le carnet, ← Les traversées, ← titre du chapeau, ← Les lettres) : lien fort */
.back{background:var(--surligne);letter-spacing:.05em;text-transform:uppercase;padding:2px 4px 1px;margin-left:-4px;text-decoration:none}
.back:hover{background:var(--surligne-survol);text-decoration:none}
.lettre-retour,.rdv,.index-suite{margin:26px 0 0}