/* ══════════════════════════════════════════════
   CONTENT.CSS — pages éditoriales (Journal + Guides)
   Hérite de la DA du site : fond sombre, or, Fraunces/Space Grotesk/Space Mono.
   Partagé par tous les index + articles.
══════════════════════════════════════════════ */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
img{display:block;max-width:100%;}
button,a{font-family:inherit;text-decoration:none;color:inherit;border:none;background:none;cursor:pointer;}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;}}
:root{
  --bg:#0a0a09;--bg2:#0d0d0b;--surface:#121110;--surface2:#191715;
  --text:#ede8de;--muted:#6d6760;
  --gold:#c8a97e;--gold-dim:rgba(200,169,126,.08);--gold-mid:rgba(200,169,126,.28);
  --border:rgba(237,232,222,.06);--border2:rgba(237,232,222,.11);
  --nav-bg:rgba(10,10,9,.94);
  --serif:'Fraunces',Georgia,serif;
  --sans:'Space Grotesk',sans-serif;
  --mono:'Space Mono',monospace;
}
body{background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden;}
*:focus-visible{outline:1px solid var(--gold);outline-offset:2px;}

/* NAV (même pattern que les pages about/contact) */
.page-nav{position:fixed;top:0;left:0;right:0;z-index:900;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.4rem,4vw,4rem);background:var(--nav-bg);border-bottom:1px solid var(--border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);}
.page-nav-back{display:flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .2s;}
.page-nav-back:hover{color:var(--text);}
.page-nav-back svg{width:16px;height:16px;stroke:var(--muted);transition:stroke .2s;}
.page-nav-back:hover svg{stroke:var(--gold);}
.page-nav-links{display:flex;align-items:center;gap:1.6rem;}
.page-nav-links a{font-family:var(--mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);transition:color .2s;}
.page-nav-links a:hover,.page-nav-links a[aria-current]{color:var(--gold);}
@media(max-width:560px){.page-nav-links a.opt{display:none;}}

/* HERO de section / d'article */
.c-hero{padding:calc(56px + clamp(3.5rem,8vw,6rem)) clamp(1.4rem,6%,5rem) clamp(2.5rem,5vw,4rem);background:var(--bg2);border-bottom:1px solid var(--border);}
.c-hero-inner{max-width:760px;margin:0 auto;}
.c-ey{font-family:var(--mono);font-size:.73rem;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);margin-bottom:1.6rem;display:flex;align-items:center;gap:.8rem;}
.c-ey::before{content:'';width:16px;height:1px;background:currentColor;}
.c-h1{font-family:var(--serif);font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.04;letter-spacing:-.02em;margin-bottom:1.4rem;}
.c-h1 em{font-style:italic;color:inherit;}
.c-lead{font-size:.92rem;line-height:1.95;font-weight:300;color:rgba(237,232,223,.5);max-width:600px;}
.c-meta{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:1.6rem;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);}
.c-meta span{display:flex;align-items:center;gap:.5rem;}

/* LISTE D'ARTICLES (index) */
.post-list{max-width:760px;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.4rem,6%,5rem) clamp(3rem,6vw,5rem);}
.post-card{display:flex;gap:1.4rem;align-items:baseline;padding:1.6rem 0;border-bottom:1px solid var(--border);transition:border-color .25s;}
.post-card:first-child{border-top:1px solid var(--border);}
.post-card:hover{border-bottom-color:var(--gold-mid);}
.post-num{font-family:var(--mono);font-size:.67rem;letter-spacing:.18em;color:var(--gold);opacity:.5;flex-shrink:0;}
.post-t{font-family:var(--serif);font-size:clamp(1.15rem,2.2vw,1.5rem);line-height:1.25;margin-bottom:.45rem;transition:color .2s;}
.post-card:hover .post-t{color:var(--gold);}
.post-x{font-size:.8rem;font-weight:300;line-height:1.75;color:rgba(237,232,223,.38);max-width:540px;}
.post-tag{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.7rem;display:block;}
.post-arr{margin-left:auto;color:var(--muted);font-family:var(--mono);flex-shrink:0;transition:color .2s,transform .25s;}
.post-card:hover .post-arr{color:var(--gold);transform:translateX(4px);}

/* CORPS D'ARTICLE */
.art{max-width:680px;margin:0 auto;padding:clamp(2.2rem,5vw,3.5rem) clamp(1.4rem,6%,3rem) clamp(3rem,6vw,4.5rem);}
.art-chapo{font-family:var(--serif);font-style:italic;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.75;color:rgba(237,232,223,.65);border-left:2px solid var(--gold);padding-left:1.4rem;margin-bottom:2.6rem;}
.prose h2{font-family:var(--serif);font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.25;letter-spacing:-.01em;margin:2.8rem 0 1.1rem;}
.prose h3{font-family:var(--sans);font-size:1rem;font-weight:500;color:var(--gold);margin:2rem 0 .8rem;}
.prose p{font-size:.9rem;font-weight:300;line-height:2;color:rgba(237,232,223,.55);margin-bottom:1.2rem;}
.prose p strong{color:rgba(237,232,223,.85);font-weight:400;}
.prose ul,.prose ol{margin:0 0 1.2rem 1.2rem;}
.prose li{font-size:.9rem;font-weight:300;line-height:1.9;color:rgba(237,232,223,.55);margin-bottom:.4rem;}
.prose a{color:var(--gold);border-bottom:1px solid var(--gold-mid);transition:border-color .2s;}
.prose a:hover{border-bottom-color:var(--gold);}
.prose blockquote{font-family:var(--serif);font-style:italic;font-size:1.1rem;line-height:1.7;color:rgba(237,232,223,.6);border-left:2px solid var(--gold);padding-left:1.4rem;margin:2rem 0;}
.prose figure{margin:2.2rem 0;}
.prose figure img{width:100%;filter:grayscale(.1) brightness(.92);}
.prose figcaption{font-family:var(--mono);font-size:.64rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:.7rem;}

/* PLACEHOLDER À RÉDIGER (à supprimer une fois le texte écrit) */
.todo{border:1px dashed var(--gold-mid);background:var(--gold-dim);padding:1rem 1.2rem;margin-bottom:1.2rem;font-family:var(--mono);font-size:.72rem;line-height:1.8;color:var(--gold);}
.todo::before{content:'✎ À rédiger — ';opacity:.7;}

/* BLOC AUTEUR */
.art-author{display:flex;gap:1.3rem;align-items:center;margin-top:3rem;padding:1.6rem;border:1px solid var(--border);background:var(--surface);}
.art-author img{width:64px;height:64px;object-fit:cover;border-radius:50%;filter:grayscale(.3);}
.art-author-n{font-family:var(--serif);font-size:1.05rem;margin-bottom:.25rem;}
.art-author-b{font-size:.76rem;font-weight:300;line-height:1.7;color:rgba(237,232,223,.4);}
.art-author-b a{color:var(--gold);}

/* LIENS INTERNES / LIRE AUSSI */
.art-related{max-width:680px;margin:0 auto;padding:0 clamp(1.4rem,6%,3rem) clamp(3rem,6vw,4.5rem);}
.art-related-t{font-family:var(--mono);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem;display:flex;align-items:center;gap:.8rem;}
.art-related-t::before{content:'';width:16px;height:1px;background:var(--gold);}
.rel-card{display:block;padding:1.1rem 1.3rem;border:1px solid var(--border);margin-bottom:.7rem;transition:border-color .2s,background .2s;}
.rel-card:hover{border-color:var(--gold-mid);background:var(--gold-dim);}
.rel-card-k{font-family:var(--mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.35rem;}
.rel-card-t{font-family:var(--serif);font-size:1rem;line-height:1.35;}

/* CTA BOUTIQUE */
.c-cta{text-align:center;padding:clamp(2.5rem,6vw,4rem) 2rem;border-top:1px solid var(--border);background:var(--bg2);}
.c-cta p{font-family:var(--mono);font-size:.73rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:1.6rem;}
.cta-btn{display:inline-flex;align-items:center;gap:.7rem;padding:.7rem 2rem;border:1px solid var(--border2);font-family:var(--mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);transition:color .2s,border-color .2s;margin:0 .5rem .7rem;}
.cta-btn:hover{color:var(--text);border-color:var(--gold-mid);}
.cta-btn.primary{background:var(--gold);color:var(--bg);border-color:var(--gold);}
.cta-btn.primary:hover{opacity:.88;}

/* FOOTER */
.page-footer{padding:2rem clamp(1.4rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.67rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-top:1px solid var(--border);}
.page-footer a{color:var(--gold);opacity:.6;transition:opacity .2s;}
.page-footer a:hover{opacity:1;}
@media(max-width:500px){.page-footer{flex-direction:column;gap:1rem;text-align:center;}}

/* REVEAL */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease;}
.reveal.visible{opacity:1;transform:none;}