/* ==========================================================
   Page projet : Kinthrel
   ========================================================== */
.page-projet{background:var(--night)}

/* Continuité avec la carte agrandie */
.card-cover{position:fixed;inset:0;z-index:100;background:#16131C center/cover no-repeat;display:flex;align-items:center;justify-content:center;transition:opacity .9s ease}
.card-cover img{width:min(46%,520px);filter:drop-shadow(0 8px 24px rgba(0,0,0,.5))}
.card-cover.is-gone{opacity:0;pointer-events:none}

/* Barre studio */
.kbar{position:absolute;top:0;left:0;right:0;z-index:5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;background:linear-gradient(180deg,rgba(14,14,14,.55),rgba(14,14,14,0))}
.kbar__back{color:#E6E2EC;text-decoration:none;justify-self:start;border:1px solid rgba(244,242,238,.3);padding:8px 12px}
.kbar__back:hover{background:var(--bone);color:var(--ink)}
.kbar__logo img{height:26px;width:auto}
.kbar__tools{justify-self:end;display:flex;align-items:center;gap:14px;color:#BDB8B0}
.kbar__btn{background:none;border:1px solid rgba(244,242,238,.3);color:#E6E2EC;padding:0 10px;min-height:32px;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.kbar .lang a{color:#BDB8B0;text-decoration:none}
@media (max-width:640px){.kbar{grid-template-columns:auto 1fr}.kbar__logo{display:none}}

/* Pied de page : retour aux cartes */
.kfooter{background:var(--ink);border-top:1px solid rgba(244,242,238,.1)}
.kfooter__back{display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 24px 48px;text-decoration:none;color:#8C877F}
.kfooter__deck{display:flex;flex-direction:column;align-items:center;gap:14px;color:var(--bone)}
.kfooter__deck img{width:min(300px,70vw);height:auto;transition:transform .4s var(--ease)}
.kfooter__back:hover img{transform:scale(1.03)}
.kfooter__meta{display:flex;justify-content:space-between;gap:12px;padding:16px 24px;border-top:1px solid rgba(244,242,238,.08);color:#6E6A63}

@media (max-width:640px){
  .kbar{padding:12px 16px;gap:8px}
  .kbar__tools{gap:8px}
  .kbar__btn{padding:0 8px;min-height:30px}
  .kfooter__meta{flex-direction:column;align-items:center;text-align:center}
}

/* ==========================================================
   Journal de bord (bas de la page Kinthrel + page journal.html)
   ========================================================== */
.journal{background:var(--night-2);border-top:1px solid rgba(244,242,238,.1)}
.journal__inner{padding-top:72px;padding-bottom:80px}
.journal__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;padding-bottom:28px}
.journal__head>div{display:flex;flex-direction:column;gap:10px}
.journal__all{color:var(--bone);text-decoration:none;border:1px solid rgba(244,242,238,.3);padding:9px 12px;transition:background .2s,color .2s}
.journal__all:hover{background:var(--bone);color:var(--ink)}
.journal__cols{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start}
.jcol{flex:1 1 240px;min-width:0;display:flex;flex-direction:column;gap:12px}
.jcol--patch{flex:1.7 1 380px}
.jcol__title{margin:0;display:flex;align-items:center;gap:8px;color:var(--muted-dark);padding-bottom:10px;border-bottom:1px solid var(--line-dark)}
.jcol__title span{color:#6E6A78}
.jlive{width:7px;height:7px;border-radius:50%;background:var(--red);animation:jpulse 1.8s infinite}
@keyframes jpulse{0%{box-shadow:0 0 0 0 rgba(218,41,28,.6)}70%{box-shadow:0 0 0 8px rgba(218,41,28,0)}100%{box-shadow:0 0 0 0 rgba(218,41,28,0)}}
.jlist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.jitem{padding:12px 0 14px;border-bottom:1px solid rgba(244,242,238,.07)}
.jitem:last-child{border-bottom:0}
.jitem b{display:block;font-weight:500;font-size:16px;letter-spacing:-.01em}
.jitem .rich p:first-child,.jitem .rich ul:first-child{margin-top:4px}

.jpatch{border:1px solid var(--line-dark);background:var(--night-3);transition:border-color .2s}
.jpatch+.jpatch{margin-top:8px}
.jpatch:hover{border-color:rgba(244,242,238,.32)}
.jpatch.is-major{border-color:rgba(218,41,28,.55);box-shadow:inset 3px 0 0 var(--red)}
.jpatch__head{list-style:none;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:14px 16px;align-items:center}
.jpatch__head::-webkit-details-marker{display:none}
.jpatch__meta{display:flex;flex-wrap:wrap;gap:10px;align-items:center;color:var(--muted-dark)}
.jbadge{color:#fff;background:var(--red);padding:2px 6px;font-size:9.5px}
.jpatch__title{grid-column:1;font-weight:500;font-size:17px;letter-spacing:-.01em;line-height:1.3}
.jpatch__plus{grid-column:2;grid-row:1/3;width:30px;height:30px;border:1px solid rgba(244,242,238,.25);display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:15px;color:var(--muted-dark);transition:background .2s,color .2s}
.jpatch__plus::before{content:"+"}
.jpatch[open] .jpatch__plus::before{content:"−"}
.jpatch[open] .jpatch__plus{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.jpatch__body{padding:2px 16px 18px;border-top:1px solid rgba(244,242,238,.07);animation:jopen .35s var(--ease)}
@keyframes jopen{from{opacity:0;transform:translateY(-4px)}}
.rich{font-size:14px;line-height:1.6;color:var(--text-dark)}
.rich p{margin:12px 0 0}
.rich ul{margin:10px 0 0;padding-left:18px}
.rich li{margin:3px 0}
.rich li::marker{color:var(--red)}
.rich h4{margin:18px 0 0;font-family:var(--mono);font-weight:400;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#FF8A7E}
.jempty{margin:0;color:#6E6A78;font-size:14px;padding:12px 0}

/* Page complète */
.page-journal{background:var(--night)}
.jtop{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line-dark)}
.jtop .kbar__logo{justify-self:center}
.jtop .kbar__tools{justify-self:end}
.jpage__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;padding-top:72px;padding-bottom:40px}
.jpage__head>div{display:flex;flex-direction:column;gap:14px}
.jpage__logo{width:min(220px,60vw);height:auto}
.journal--page{background:none;border:0}
.jfull{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:40px;align-items:start;padding-bottom:96px}
.jside{display:flex;flex-direction:column;gap:36px;position:sticky;top:24px}
.jfull .jcol{flex:none}
.journal--page .jpatch+.jpatch{margin-top:12px}
.journal--page .jpatch__title{font-size:20px}

@media (max-width:760px){
  .journal__inner{padding-top:56px;padding-bottom:56px}
  .journal__cols{gap:36px}
  .jcol--patch{order:-1;flex-basis:100%}
  .jfull{grid-template-columns:1fr;gap:40px}
  .jside{position:static;order:-1}
  .jtop{grid-template-columns:auto 1fr;padding:12px 16px}
  .jtop .kbar__logo{display:none}
  .jpage__head{padding-top:48px;padding-bottom:28px}
}
.rich strong{color:var(--bone);font-weight:500}
.rich em{font-style:italic;color:#E6E2EC}
.jmore{display:inline-block;margin-top:12px;color:var(--bone);text-decoration:none;border-bottom:1px solid var(--red);padding-bottom:2px}
.jmore:hover{color:#FF8A7E}
.jitem[id],.jpatch[id]{scroll-margin-top:24px}