/* Les Éclats de sagesse — site public éditorial. Base : prototype V2 (collection-cartes-premium-v2/styles.css).
   Repris à l'identique : palette, polices, hero, cadres de carte, filtres, encart, pied de page, arrondis V2.
   Voir README.md pour le détail repris / adapté / nouveau. */
:root{--bg:#071b18;--panel:#0b2621;--panel2:#12352b;--gold:#d6b678;--gold2:#e8d39f;--gold3:#987b4c;--ivory:#f2eddd;--muted:#b8c5b7;--line:rgba(221,194,135,.18);--body:system-ui,-apple-system,'Segoe UI',sans-serif;--serif:Georgia,'Times New Roman',serif;--shadow:0 24px 72px rgba(0,0,0,.4);--radius-grand:18px;--radius-panel:15px;--radius-card:13px;--radius-card-inset:9px;--radius-control:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--bg);color:var(--ivory);font:14px/1.5 var(--body)}
h1,h2,h3,h4,p,ul,ol,blockquote,figure{margin-top:0}em{font-weight:400}img{display:block;max-width:100%;height:auto}
a{color:var(--gold2);text-decoration:none}a:hover{color:#fff}
a:focus-visible,button:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #f4d48a;outline-offset:4px}
button,select{font:inherit}button{cursor:pointer}
::selection{background:rgba(214,182,120,.35)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:12px;top:-60px;z-index:50;background:var(--gold2);color:#183227;padding:10px 16px;border-radius:var(--radius-control)}.skip-link:focus{top:12px;color:#183227}
.grain{position:fixed;inset:0;pointer-events:none;z-index:30;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.69' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.14'/%3E%3C/svg%3E")}
.site-shell{position:relative;overflow:hidden}
.site-shell:before{content:"";position:absolute;width:1000px;height:950px;left:-530px;top:-470px;background:radial-gradient(circle,rgba(26,90,65,.18),transparent 70%);pointer-events:none}

/* En-tête */
.topbar{height:90px;max-width:1700px;padding:0 64px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(205,175,108,.12);position:relative;z-index:5}
.brand{display:flex;align-items:center;gap:14px;color:var(--ivory)}.brand:hover{color:var(--ivory)}
.brand-logo{width:46px;height:46px;border-radius:11px;box-shadow:0 0 0 1px rgba(214,182,120,.35)}
.brand-wordmark{white-space:nowrap}.brand-wordmark strong{display:block;font:16px/1.1 var(--serif);letter-spacing:2.1px}
.brand-wordmark em{font-size:11px;color:var(--gold);font-style:normal}
.brand-wordmark span{display:block;font-size:8px;letter-spacing:3.2px;color:#b5a989;margin-top:6px}
.nav-toggle{display:none;align-items:center;gap:10px;min-height:44px;padding:0 14px;background:transparent;color:var(--gold2);border:1px solid rgba(206,181,123,.4);border-radius:var(--radius-control);font-size:12px;letter-spacing:1.5px}
.main-nav ul{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0}
.main-nav a{display:block;padding:11px 14px;border-radius:var(--radius-control);border:1px solid transparent;color:#c6b893;font-size:11px;letter-spacing:2px;text-transform:uppercase}
.main-nav a:hover,.main-nav a[aria-current]{color:#f1d99f;border-color:rgba(211,178,107,.35);background:rgba(181,135,64,.09)}

/* Hero (V2) */
.hero{position:relative;max-width:1700px;margin:auto;min-height:525px;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:65px;align-items:center;padding:70px 85px 82px 92px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 38% 10%,rgba(30,92,63,.19),transparent 45%),linear-gradient(115deg,transparent 62%,rgba(61,94,61,.08));isolation:isolate}
.hero:before{content:"";position:absolute;left:46%;top:0;height:100%;width:1px;background:linear-gradient(transparent,rgba(204,175,108,.11),transparent);transform:rotate(21deg);z-index:-1}
.hero:after{content:"";position:absolute;left:-40px;top:-160px;width:700px;height:750px;background:radial-gradient(circle,transparent 20%,rgba(144,131,84,.055) 20.2%,transparent 20.5%,transparent 34%,rgba(144,131,84,.04) 34.2%,transparent 34.6%,transparent 50%,rgba(144,131,84,.035) 50.2%,transparent 50.4%);z-index:-1}
.hero-ornament{position:absolute;color:rgba(187,158,90,.12);pointer-events:none}.hero-ornament-a{font-size:280px;left:20%;top:0}.hero-ornament-b{font-size:54px;left:5%;bottom:20px}
.hero-content{max-width:850px}
.eyebrow,.section-overline{display:flex;align-items:center;gap:13px;color:#d9bb80;font-size:10px;letter-spacing:3.4px;font-weight:600;margin-bottom:19px}
.eyebrow-line{width:31px;height:1px;background:#ae9462}
.hero h1{font:clamp(64px,6.25vw,108px)/.98 var(--serif);letter-spacing:-3.4px;font-weight:400;margin:0 0 25px;text-wrap:balance;text-shadow:0 7px 31px rgba(0,0,0,.15)}
.hero h1 em{display:block;color:var(--gold2);font-style:italic}
.hero-description{color:#bfc8bb;font-size:17px;line-height:1.8;font-weight:300;letter-spacing:.2px;margin-bottom:33px;max-width:60ch}
.hero-actions{display:flex;align-items:center;gap:22px 30px;flex-wrap:wrap}
.btn-gold{display:inline-flex;align-items:center;gap:18px;min-height:48px;padding:0 24px;border-radius:var(--radius-control);border:1px solid #c2a06b;background:linear-gradient(110deg,#ead2a0,#b99c66);color:#183227;font-weight:700;font-size:13px;letter-spacing:.4px}
.btn-gold:hover{color:#183227;filter:brightness(1.07)}
.hero-link{display:inline-flex;align-items:center;gap:35px;padding:13px 0;border-bottom:1px solid var(--gold3);color:var(--gold2);letter-spacing:.4px;font-size:13px;font-weight:500}
.hero-link span{font-size:18px;transition:transform .2s}.hero-link:hover span{transform:translate(3px,-3px)}

/* Panneau (V2 « progress-panel », adapté : carte à la une) */
.panel{background:linear-gradient(145deg,rgba(34,68,53,.82),rgba(7,29,27,.92) 70%);border:1px solid rgba(216,185,124,.35);border-radius:var(--radius-grand);padding:25px 25px 21px;box-shadow:var(--shadow),inset 0 0 0 5px rgba(5,25,19,.45);position:relative}
.panel:after{content:"";position:absolute;inset:7px;border:1px solid rgba(216,185,124,.13);border-radius:12px;pointer-events:none}
.panel-heading{display:flex;justify-content:space-between;align-items:center;color:#c9b78d;font-size:10px;letter-spacing:2.1px;margin-bottom:20px}
.panel-sparkle{font-size:20px;color:#e8c98b}
.panel-feature{display:flex;gap:18px;align-items:center}
.panel-feature .card-frame{width:112px;flex-shrink:0}
.panel-feature h2{font:22px/1.15 var(--serif);font-weight:400;margin:0 0 6px;color:#f1deac}
.panel-feature p{margin:0;font-size:12px;color:#c0cab9}
.panel-stats{display:flex;justify-content:space-between;gap:10px;border-top:1px solid rgba(211,194,146,.23);margin-top:22px;padding-top:18px;font-size:10px;color:#c6c5ad;letter-spacing:.4px}
.panel-stats strong{display:block;font:24px var(--serif);color:#f4dcaf;font-weight:400;letter-spacing:0}

/* Sections */
.section{max-width:1700px;margin:0 auto;padding:67px 64px 20px}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:33px}
.section-overline{margin-bottom:10px;color:#c6a875;display:block;font-size:9px;letter-spacing:2.7px}
.section h2,.section-title{font:46px/1.1 var(--serif);font-weight:400;letter-spacing:-1px;margin:0 0 11px}
.section h2 em{color:#e2c58e}
.section-sub{color:#b3c0b3;font-size:13px;margin:0}
.count-pill{white-space:nowrap;font-size:10px;letter-spacing:2px;color:#b4baab;align-self:center}
.count-pill span{font:25px var(--serif);letter-spacing:0;color:#f0d6a3;margin-right:7px}

/* Introduction éditoriale */
.intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:64px;align-items:start;padding-bottom:50px;border-bottom:1px solid var(--line)}
.intro h2{margin:0}
#t-intro .intro-title-ending{white-space:nowrap}
@media(min-width:1161px){
  #t-intro .intro-title-line{display:block;white-space:nowrap}
}
.intro-text{columns:2;column-gap:44px;color:#bfc8bb;font-size:15px;line-height:1.85}
.intro-text p{break-inside:avoid-column;margin-bottom:1.1em}
.intro-text p:first-child:first-letter{font:italic 54px/.9 var(--serif);color:var(--gold2);float:left;padding:6px 10px 0 0}

/* Familles */
.family-grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:12px;list-style:none;margin:0;padding:0}
.family-tile{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;padding:22px 8px 18px;text-align:center;background:linear-gradient(160deg,rgba(23,60,47,.8),rgba(7,29,27,.9));border:1px solid rgba(196,163,97,.35);border-radius:var(--radius-panel);color:var(--ivory);transition:transform .25s,border-color .25s}
.family-tile:hover{transform:translateY(-4px);border-color:#e6cb91;color:var(--ivory)}
.family-symbol{font:34px/1 var(--serif);color:var(--gold)}
.family-name{font:17px/1.2 var(--serif);color:#f1deac}
.family-count{font-size:10px;letter-spacing:1.6px;color:#b4baab;text-transform:uppercase}
.family-desc{font-size:11px;line-height:1.5;color:#b3c0b3;margin:2px 0 0}

/* Galerie + filtres (V2) */
.filter-area{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:26px}
.state-tabs{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.state-tab{display:flex;gap:10px;align-items:center;white-space:nowrap;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);min-height:44px;padding:11px 14px;color:#c1c9bc;font-size:12px;transition:.2s}
.state-tab span{color:#a6b4a8;font-size:10px}
.state-tab:hover{background:#1b3a30;color:#fff}
.state-tab.active,.state-tab[aria-pressed="true"]{color:#f1d99f;border-color:rgba(211,178,107,.45);background:rgba(181,135,64,.11)}
.state-tab[aria-pressed="true"] span{color:#f1d99f}
.family-filter{display:flex;align-items:center;gap:12px;white-space:nowrap;position:relative;color:#b8b49a;font-size:10px;letter-spacing:1.6px}
.family-filter select{appearance:none;background:#113026;border:1px solid rgba(194,173,123,.35);border-radius:var(--radius-control);color:#eee1c3;min-width:207px;min-height:44px;padding:12px 36px 12px 13px;font-size:12px;letter-spacing:0;cursor:pointer}
.family-filter option{background:#153229}
.select-caret{position:absolute;right:14px;color:#c9ad74;font-size:20px;pointer-events:none;top:50%;transform:translateY(-50%)}
.card-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px;list-style:none;margin:0;padding:0}
.card-grid>li[hidden]{display:none}
.collection-card{display:block;min-width:0;position:relative;color:inherit;transition:transform .25s}
.collection-card:hover{transform:translateY(-5px);color:inherit}
.card-frame{position:relative;isolation:isolate;aspect-ratio:450/650;background:#173c2f;border-radius:var(--radius-card);border:1px solid rgba(196,163,97,.5);padding:5px;box-shadow:0 15px 22px rgba(0,0,0,.23);transition:box-shadow .25s,border-color .25s}
.card-frame:after{content:"";position:absolute;inset:10px;border:1px solid rgba(235,194,112,.12);border-radius:6px;pointer-events:none}
.card-visual{height:100%;width:100%;position:relative;overflow:hidden;border-radius:var(--radius-card-inset);box-shadow:inset 0 0 0 1px rgba(237,202,135,.4)}
.card-visual img{width:100%;height:100%;object-fit:contain;background:#0a2520}
.collection-card:hover .card-frame{border-color:#e6cb91;box-shadow:0 18px 35px rgba(0,0,0,.31),0 0 0 1px rgba(222,180,95,.13)}
.card-id-chip{position:absolute;top:12px;left:12px;z-index:3;background:rgba(4,20,18,.75);padding:4px 6px;color:#e1c390;font-size:9px;letter-spacing:1.2px;border:1px solid rgba(222,182,97,.35);border-radius:6px;backdrop-filter:blur(5px)}
.card-meta{padding:13px 2px 0;min-height:64px}
.card-meta-top{display:flex;align-items:center;justify-content:space-between;gap:4px}
.card-family{font-size:9px;letter-spacing:1.5px;color:#bcc4b3;text-transform:uppercase;max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.card-rarity{font-size:9px;color:#c8ad78}.card-rarity.epic{color:#c4a3d5}.card-rarity.rare{color:#bdd7c8}
.card-meta h3{font:15px/1.25 var(--serif);font-weight:400;margin:8px 0 2px;color:#e7dbc3}
.card-author{font-size:11px;color:#aebdae;margin:0}
/* Emplacement d'image (carte dont l'export public n'est pas encore fourni) : jamais une carte « officielle » */
.is-placeholder{height:100%;width:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:14%;text-align:center;background:radial-gradient(circle at 50% 30%,rgba(214,182,120,.13),transparent 55%),linear-gradient(155deg,#21463a,#071e1b 75%)}
.is-placeholder:before{content:"";position:absolute;inset:8px;border:1px solid rgba(241,211,153,.5);border-radius:5px;pointer-events:none}
.ph-symbol{font:clamp(34px,4vw,60px)/1 var(--serif);color:var(--gold)}
.ph-title{font:clamp(12px,1.3vw,18px)/1.15 var(--serif);color:#fae6bd}
.ph-note{font-size:8px;letter-spacing:1.6px;color:#c6ac77;text-transform:uppercase}
.empty-state{text-align:center;padding:70px 10px;color:#adb9a8;border-radius:var(--radius-panel)}.empty-state[hidden]{display:none}
.empty-state button{border:1px solid #b99c66;background:#1a392b;color:#f5daa4;padding:12px 18px;border-radius:var(--radius-control);min-height:44px}

/* Pensées mises en valeur */
.spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.spotlight figure{margin:0;padding:30px 32px}.spotlight figure+figure{border-left:1px solid var(--line)}
.spotlight blockquote{margin:0 0 16px;font:italic 21px/1.45 var(--serif);color:#f1e4c3;text-wrap:pretty}
.spotlight figcaption{font-size:12px;color:#b8c5b7;letter-spacing:.3px}
.spotlight figcaption a{display:inline-block;margin-top:8px;font-size:11px;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold)}

/* Encart (V2 « featured-note ») */
.featured-note{min-height:65px;display:flex;gap:17px;align-items:center;padding:16px 22px 16px 17px;background:linear-gradient(90deg,rgba(128,103,52,.18),rgba(56,71,47,.1));border:1px solid rgba(178,143,79,.25);border-left:2px solid var(--gold);border-radius:var(--radius-panel)}
.featured-glyph{font-size:27px;color:#dbbd80;padding:0 5px}
.featured-note p{margin:0;flex:1;color:#bfc9b6;font-size:13px}.featured-note p strong{color:#f0d49b}
.featured-note a{color:#e9c788;font-size:12px;letter-spacing:.3px;white-space:nowrap;padding:12px 0}.featured-note a:hover{text-decoration:underline}
.section-tail{padding-bottom:85px}

/* Pied de page */
.footer{max-width:1700px;margin:auto;padding:46px 64px 34px;border-top:1px solid var(--line);color:#b9bba6;font-size:12px}
.footer-cols{display:grid;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:40px;margin-bottom:36px}
.footer h2{font:10px var(--body);letter-spacing:2.2px;color:#c6a875;margin:0 0 14px;text-transform:uppercase}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.footer li a{display:inline-block;padding:6px 0;color:#c1c9bc}.footer li a:hover{color:var(--gold2)}
.footer-brand p{max-width:34ch;color:#b3c0b3;line-height:1.7;margin:14px 0 0}
.footer-base{display:flex;flex-wrap:wrap;gap:11px;align-items:center;padding-top:22px;border-top:1px solid var(--line);font-size:10px;letter-spacing:1.5px}
.footer-base .sep{color:#867451}.footer-base .note{margin-left:auto;letter-spacing:.5px;color:#a3b7ab}

/* ===== Page individuelle ===== */
.breadcrumb{max-width:1700px;margin:0 auto;padding:26px 64px 0}
.breadcrumb ol{display:flex;flex-wrap:wrap;gap:4px 10px;list-style:none;margin:0;padding:0;font-size:12px;color:#b3c0b3}
.breadcrumb li+li:before{content:"›";margin-right:10px;color:#867451}
.breadcrumb a{color:#c6b893;padding:6px 0;display:inline-block}.breadcrumb a:hover{color:#fff}
.breadcrumb [aria-current]{color:var(--gold2)}
.thought-hero{position:relative;max-width:1700px;margin:auto;display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:72px;align-items:center;padding:44px 92px 70px;border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 30% 20%,rgba(30,92,63,.2),transparent 50%);isolation:isolate}
.thought-hero:after{content:"✦";position:absolute;right:6%;top:6%;font-size:240px;line-height:1;color:rgba(187,158,90,.07);z-index:-1;pointer-events:none}
.thought-visual{margin:0;justify-self:center;width:100%;max-width:340px}
.thought-visual .card-frame{box-shadow:0 30px 60px rgba(0,0,0,.45),0 0 0 1px rgba(222,180,95,.1);border-color:rgba(230,203,145,.7)}
.thought-visual .card-visual img{object-fit:contain}
.thought-visual figcaption{margin-top:16px;text-align:center;font-size:11px;letter-spacing:1.4px;color:#b3c0b3}
.thought-head h1{font:clamp(44px,5vw,82px)/1.02 var(--serif);letter-spacing:-2px;font-weight:400;margin:0 0 22px;text-wrap:balance}
.thought-head h1 em{color:var(--gold2)}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 28px;padding:0;list-style:none}
.chip{display:inline-block;color:#e2c88f;border:1px solid rgba(212,174,103,.37);padding:7px 12px;background:rgba(203,158,80,.07);font-size:11px;letter-spacing:.8px;border-radius:var(--radius-control)}
a.chip:hover{background:rgba(203,158,80,.16);color:#fff}
.chip.epic{color:#d8c0e6;border-color:rgba(196,163,213,.45)}
.main-quote{margin:0 0 20px;padding:0;position:relative}
.main-quote p{font:italic clamp(26px,2.6vw,40px)/1.3 var(--serif);color:#f8e4bc;margin:0 0 18px;text-wrap:balance}
.main-quote blockquote{margin:0}
.main-quote figcaption{font-size:13px;letter-spacing:.4px;color:#bfc8bb}
.main-quote figcaption strong{color:var(--gold2);font-weight:500}
.quote-note{font-size:12px;color:#b3c0b3;max-width:58ch;line-height:1.7;margin:0 0 28px;padding-top:16px;border-top:1px solid var(--line)}
.quote-note b{color:#d9bb80;font-weight:600}
.thought-layout{max-width:1700px;margin:0 auto;padding:64px 92px 40px;display:grid;grid-template-columns:230px minmax(0,1fr);gap:72px;align-items:start}
.toc{position:sticky;top:24px;font-size:12px}
.toc h2{font:10px var(--body);letter-spacing:2.4px;color:#c6a875;text-transform:uppercase;margin:0 0 14px}
.toc ol{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.toc a{display:block;padding:8px 0 8px 16px;margin-left:-1px;border-left:1px solid transparent;color:#b8c5b7;line-height:1.35}
.toc a:hover{color:#fff;border-left-color:var(--gold)}
.prose{max-width:760px}
.prose section{padding-bottom:46px;margin-bottom:46px;border-bottom:1px solid var(--line)}
.prose section:last-child{border-bottom:0;margin-bottom:0}
.prose h2{font:clamp(28px,2.6vw,38px)/1.15 var(--serif);font-weight:400;letter-spacing:-.5px;margin:0 0 20px;color:#f8e4bc}
.prose h2 .num{display:block;font:10px var(--body);letter-spacing:3px;color:#c6a875;margin-bottom:10px}
.prose h3{font:italic 21px/1.3 var(--serif);font-weight:400;color:var(--gold2);margin:28px 0 10px}
.prose p{font:17px/1.85 var(--serif);color:#d3d9cc;margin:0 0 1.15em;text-wrap:pretty}
.prose p strong{color:#f1deac;font-weight:400}
.prose ul{padding-left:1.2em;color:#d3d9cc;font:17px/1.8 var(--serif)}
.prose li{margin-bottom:.5em}
.lead{font-size:20px!important;color:#e8e2cf!important}
.verify{display:inline-block;vertical-align:1px;margin-left:6px;padding:2px 8px;border:1px dashed rgba(233,199,136,.6);border-radius:6px;font:600 10px var(--body);letter-spacing:1.2px;color:#f0d49b;text-transform:uppercase;white-space:nowrap}
.callout{margin:26px 0;padding:22px 26px;background:linear-gradient(90deg,rgba(128,103,52,.18),rgba(56,71,47,.1));border:1px solid rgba(178,143,79,.25);border-left:2px solid var(--gold);border-radius:var(--radius-panel)}
.callout p{margin:0;font-size:18px;color:#f1e4c3}
.callout .label{display:block;font:600 10px var(--body);letter-spacing:2.4px;color:#d9bb80;text-transform:uppercase;margin-bottom:10px}
.author-card{display:grid;grid-template-columns:auto 1fr;gap:6px 20px;margin:0 0 26px;padding:0;list-style:none;border-top:1px solid var(--line)}
.author-card li{display:contents}.author-card span{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}
.author-card span:first-child{color:#b6c4b6}.author-card span:last-child{color:#f1deac;text-align:right}
.sources{font-size:14px}
.sources dl{margin:0}
.sources dt{font:10px var(--body);letter-spacing:2px;color:#c6a875;text-transform:uppercase;margin-top:18px}
.sources dd{margin:6px 0 0;font:16px/1.65 var(--serif);color:#d3d9cc}
.sources a{word-break:break-word;text-decoration:underline;text-decoration-color:rgba(214,182,120,.4);text-underline-offset:3px}
.sources .en{font-style:italic;color:#e8e2cf}
.more{max-width:1700px;margin:0 auto;padding:30px 64px 20px}
.more+.more{padding-top:50px}
.more .section-head{margin-bottom:26px}
.more h2{font:36px/1.1 var(--serif);font-weight:400;letter-spacing:-.5px;margin:0 0 8px}
.card-grid.row6{grid-template-columns:repeat(6,minmax(0,1fr))}
.card-grid.row4{grid-template-columns:repeat(4,minmax(0,1fr));max-width:1100px}
.more-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}

/* Responsive (paliers V2 : 1470 / 1160 / 850 / 600 / 390) */
@media(max-width:1470px){.card-grid,.card-grid.row6{grid-template-columns:repeat(5,minmax(0,1fr))}.hero{gap:36px;padding:62px 64px}.hero h1{font-size:clamp(60px,6vw,95px)}.family-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.family-grid li:nth-child(n+6){grid-column:span 1}.thought-hero{padding-left:64px;padding-right:64px;gap:56px}.thought-layout{padding-left:64px;padding-right:64px;gap:56px}}
@media(max-width:1160px){.topbar,.breadcrumb,.more{padding-left:42px;padding-right:42px}.hero{grid-template-columns:minmax(0,1fr) 310px;padding:57px 42px;gap:28px}.hero h1{font-size:clamp(52px,6.2vw,82px)}.section{padding:50px 42px 20px}.card-grid,.card-grid.row6{grid-template-columns:repeat(4,minmax(0,1fr))}.filter-area{align-items:flex-start;flex-wrap:wrap}.family-filter{margin-left:auto}.footer{padding-left:42px;padding-right:42px}.intro{grid-template-columns:1fr;gap:28px}.family-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.thought-hero{padding:40px 42px 56px;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:40px}.thought-layout{grid-template-columns:1fr;padding:48px 42px 20px;gap:30px}.toc{position:static;border:1px solid var(--line);border-radius:var(--radius-panel);padding:20px 24px}.toc ol{columns:2;column-gap:30px;border-left:0}.toc a{border-left:0;padding:6px 0}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.topbar{height:76px;padding:0 26px;position:relative}.nav-toggle{display:inline-flex}.js .main-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#0b2621;border-bottom:1px solid var(--line);padding:12px 26px 20px;box-shadow:var(--shadow);z-index:20}.js .main-nav.open{display:block}.main-nav ul{flex-direction:column;align-items:stretch}.main-nav a{padding:14px}.no-js .topbar{flex-wrap:wrap;height:auto;padding:14px 26px}.hero{display:block;padding:63px 26px 52px;min-height:auto}.hero h1{font-size:clamp(62px,9vw,88px)}.hero-description{font-size:15px}.panel{max-width:470px;margin-top:39px}.section{padding:48px 26px 20px}.breadcrumb,.more{padding-left:26px;padding-right:26px}.card-grid,.card-grid.row6{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 17px}.card-grid.row4{grid-template-columns:repeat(2,minmax(0,1fr))}.section h2,.section-title{font-size:42px}.intro-text{columns:1}.spotlight{grid-template-columns:1fr}.spotlight figure+figure{border-left:0;border-top:1px solid var(--line)}.footer{padding-left:26px;padding-right:26px}.thought-hero{display:block;padding:32px 26px 48px}.thought-visual{margin:0 auto 36px;max-width:300px}.thought-layout{padding:40px 26px 10px}.toc ol{columns:1}}
@media(max-width:600px){.topbar{padding:0 19px;height:70px}.brand-logo{width:38px;height:38px}.brand-wordmark strong{font-size:12px;letter-spacing:1.4px}.brand-wordmark span{font-size:7px;letter-spacing:2.3px}.js .main-nav{padding:12px 19px 20px}.hero{padding:49px 21px 45px}.hero h1{font-size:clamp(53px,12vw,77px);letter-spacing:-1.8px}.hero-description{font-size:14px}.eyebrow{font-size:9px;letter-spacing:2px}.panel{margin-top:34px}.section{padding:43px 17px 20px}.section-head{align-items:start;margin-bottom:24px}.section h2,.section-title{font-size:34px}.count-pill{margin-top:24px;font-size:9px}.count-pill span{font-size:20px}.filter-area{gap:16px}.state-tabs{display:grid;grid-template-columns:repeat(2,1fr);width:100%;gap:7px}.state-tab{justify-content:center;padding:10px 7px;font-size:11px}.family-filter{width:100%;justify-content:space-between}.family-filter select{flex:1;min-width:0;max-width:280px}.card-grid,.card-grid.row6{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 13px}.card-meta{min-height:58px;padding-top:9px}.card-family,.card-rarity{font-size:8px}.card-meta h3{font-size:13px;margin-top:5px}.family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.family-desc{display:none}.featured-note{flex-wrap:wrap;padding:14px}.featured-note p{flex:1 1 calc(100% - 50px)}.featured-note a{margin-left:40px}.spotlight figure{padding:24px 6px}.spotlight blockquote{font-size:19px}.footer{padding:36px 19px 28px}.footer-cols{grid-template-columns:1fr;gap:28px}.footer-base .note{width:100%;margin:0}.breadcrumb,.more{padding-left:17px;padding-right:17px}.thought-hero{padding:26px 19px 40px}.thought-head h1{font-size:clamp(40px,11vw,56px);letter-spacing:-1px}.main-quote p{font-size:24px}.thought-layout{padding:32px 19px 6px}.prose p,.prose ul{font-size:16px}.lead{font-size:18px!important}.prose h2{font-size:28px}.callout{padding:18px}.callout p{font-size:16px}.author-card span:last-child{text-align:left}.author-card{grid-template-columns:1fr}.author-card span:first-child{border-bottom:0;padding-bottom:0}.card-grid.row4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.hero h1{font-size:51px}.hero-description{font-size:13px}.section h2,.section-title{font-size:31px}.state-tab{font-size:10px;gap:6px}.card-grid,.card-grid.row6{gap:20px 10px}.card-id-chip{top:9px;left:9px;padding:3px 5px;font-size:8px}.panel-feature .card-frame{width:92px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}


/* =====================================================================
   V2.1 — Finitions : variables de lecture claire/sombre, gouttières communes, tailles de texte,
   carte sans double cadre, hero mobile compact, sommaire dépliable, cartes « page à venir ».
   Ce bloc surcharge volontairement les règles V2.0 ci-dessus. Breakpoints : 1470 / 1160 / 850 / 600 / 390.
   ===================================================================== */
:root{
  --page-max:1700px;--gutter:64px;
  /* Zone de lecture (sommaire + sections éditoriales) — LECTURE SOMBRE (défaut) */
  --read-bg:transparent;--read-text:#dde2d6;--read-muted:#b8c5b7;--read-head:#f8e4bc;--read-sub:#e8d39f;--read-strong:#f1deac;
  --read-line:rgba(221,194,135,.2);--read-link:#e8d39f;--read-focus:#f4d48a;
  --read-callout-bg:linear-gradient(90deg,rgba(128,103,52,.18),rgba(56,71,47,.1));--read-callout-line:rgba(178,143,79,.35);
  --read-verify:#f0d49b;--read-verify-line:rgba(233,199,136,.6)
}
/* LECTURE CLAIRE : papier ivoire, texte anthracite, titres vert forêt, or foncé (contrastes ≥ 5:1) */
html[data-reading="light"]{
  --read-bg:#f4efe0;--read-text:#242723;--read-muted:#454c44;--read-head:#1c4636;--read-sub:#7a5818;--read-strong:#14382a;
  --read-line:rgba(70,56,24,.22);--read-link:#765016;--read-focus:#7a5818;
  --read-callout-bg:linear-gradient(90deg,rgba(182,130,53,.15),rgba(182,130,53,.05));--read-callout-line:#a07828;
  --read-verify:#6b4a0e;--read-verify-line:rgba(107,74,14,.6)
}
html{scroll-padding-top:20px}
.topbar,.breadcrumb,.more{max-width:var(--page-max);padding-left:var(--gutter);padding-right:var(--gutter)}
.section,.footer{padding-left:var(--gutter);padding-right:var(--gutter)}
.thought-hero{padding-left:var(--gutter);padding-right:var(--gutter)}

/* Typographie : tailles relevées */
.main-nav a{font-size:12.5px}
.brand-wordmark span{font-size:9px}
.eyebrow{font-size:11px}
.section-overline{font-size:11px}.section-sub{font-size:15px}.count-pill{font-size:12px}
.intro-text{font-size:17px}
.family-count{font-size:12px}.family-name{font-size:18px}.family-desc{font-size:13px}
.state-tab{font-size:14px}.state-tab span{font-size:12px}.family-filter{font-size:12px}.family-filter select{font-size:14px}
.card-id-chip{font-size:10px}.card-family,.card-rarity{font-size:11px}.card-meta h3{font-size:17px}.card-author{font-size:13px}
.ph-note{font-size:9px}
.panel-heading{font-size:11px}.panel-feature p{font-size:14px}.panel-stats{font-size:12px}
.spotlight figcaption{font-size:14px}.spotlight figcaption a{font-size:12.5px}
.featured-note p{font-size:15px}.featured-note a{font-size:14px}
.footer{font-size:14px}.footer h2{font-size:12px}.footer-base{font-size:12px}
.card-soon{margin:6px 0 0;font-size:11px;letter-spacing:1.2px;text-transform:uppercase;color:#cdb37e}
.collection-card.is-soon:hover{transform:none;color:inherit}
.collection-card.is-soon:hover .card-frame{border-color:rgba(196,163,97,.5);box-shadow:0 15px 22px rgba(0,0,0,.23)}
.collection-card.is-soon .card-visual{opacity:.92}

/* Cartes illustrées : pas de cadre CSS (l'image porte déjà son cadre doré, coins transparents) */
.card-frame{aspect-ratio:400/610}
.card-frame.has-art{aspect-ratio:auto;background:none;border:0;padding:0;box-shadow:none;border-radius:0;overflow:visible;transition:filter .25s}
.card-frame.has-art:after{display:none}
.card-frame.has-art .card-visual{overflow:visible;box-shadow:none;border-radius:0;background:none;height:auto}
.card-frame.has-art .card-visual img{height:auto;object-fit:contain;background:none;filter:drop-shadow(0 12px 14px rgba(0,0,0,.4));transition:filter .25s}
.card-frame.has-art .card-id-chip{display:none}
.collection-card:hover .card-frame.has-art{box-shadow:none}
.collection-card:hover .card-frame.has-art img{filter:drop-shadow(0 16px 20px rgba(0,0,0,.5)) drop-shadow(0 0 8px rgba(222,180,95,.25))}
.panel-feature .card-frame.has-art{width:112px}
.card-art{width:100%;max-width:300px}
.card-art img{width:100%;height:auto;filter:drop-shadow(0 28px 34px rgba(0,0,0,.55)) drop-shadow(0 0 10px rgba(222,180,95,.12))}
.thought-visual{justify-self:start;max-width:300px}
.thought-visual figcaption{font-size:13px;text-align:left;margin-top:18px;color:#b3c0b3}
.thought-hero{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:80px}
.chip{font-size:12.5px}
.quote-note{font-size:14px;line-height:1.7}

/* Fil d'Ariane */
.breadcrumb{padding-top:22px}
.breadcrumb ol{font-size:14px;gap:0}
.breadcrumb li{display:flex;align-items:center}
.breadcrumb li+li:before{content:"›";margin:0 12px;color:#b59d68;font-size:17px;line-height:1}
.breadcrumb a,.breadcrumb [aria-current]{display:inline-block;padding:9px 0;line-height:1.3}
.breadcrumb a{color:#d8ddd0;text-decoration:underline;text-decoration-color:rgba(214,182,120,.4);text-underline-offset:4px}
.breadcrumb a:hover{color:#fff;text-decoration-color:var(--gold2)}
.breadcrumb [aria-current]{color:var(--gold2);font-weight:600}

/* Zone de lecture */
.reading{background:var(--read-bg);color:var(--read-text);border-bottom:1px solid var(--line);transition:background-color .25s,color .25s}
.reading a:focus-visible,.reading button:focus-visible,.reading summary:focus-visible{outline-color:var(--read-focus)}
.thought-layout{max-width:var(--page-max);margin:0 auto;padding:44px var(--gutter) 30px;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-areas:". bar" "toc prose";column-gap:72px;row-gap:34px;align-items:start}
.reading-bar{grid-area:bar;max-width:760px;display:flex;align-items:center;justify-content:space-between;gap:12px 20px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--read-line)}
.reading-hint{margin:0;font-size:14px;color:var(--read-muted)}
.reading-toggle{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;background:transparent;color:var(--read-sub);border:1px solid var(--read-sub);border-radius:var(--radius-control);font-size:14px;letter-spacing:.4px;transition:background-color .2s,color .2s}
.reading-toggle:hover{background:rgba(214,182,120,.14);color:var(--read-head)}
html[data-reading="light"] .reading-toggle:hover{background:rgba(122,88,24,.1)}
.reading-icon{font-size:18px;line-height:1}
.no-js .reading-toggle,.no-js .reading-hint{display:none}
.toc{grid-area:toc;position:sticky;top:24px;font-size:15px}
.toc summary{list-style:none;pointer-events:none;font:600 12px var(--body);letter-spacing:2.4px;color:var(--read-sub);text-transform:uppercase;margin:0 0 14px}
.toc summary::-webkit-details-marker{display:none}
.toc ol{border-left:1px solid var(--read-line)}
.toc a{font-size:15px;line-height:1.4;padding:9px 0 9px 16px;color:var(--read-muted)}
.toc a:hover{color:var(--read-head);border-left-color:var(--read-sub)}
.prose{grid-area:prose;max-width:760px}
.prose section{border-color:var(--read-line)}
.prose h2{color:var(--read-head)}
.prose h2 .num{color:var(--read-sub);font-size:12px}
.prose h3{color:var(--read-sub);font-size:22px}
.prose p,.prose ul,.prose li{color:var(--read-text)}
.prose p,.prose ul{font-size:19px;line-height:1.8}
.prose p strong{color:var(--read-strong)}
.lead{font-size:21px!important;color:var(--read-head)!important}
.verify{color:var(--read-verify);border-color:var(--read-verify-line);font-size:11px}
.callout{background:var(--read-callout-bg);border-color:var(--read-callout-line);border-left-color:var(--read-sub)}
.callout p{color:var(--read-head);font-size:20px}.callout .label{color:var(--read-sub);font-size:12px}
.author-card,.author-card span{border-color:var(--read-line)}
.author-card span{font-size:14.5px}.author-card span:first-child{color:var(--read-muted)}.author-card span:last-child{color:var(--read-strong)}
.sources dt{color:var(--read-sub);font-size:12px}.sources dd{color:var(--read-text);font-size:17px}.sources .en{color:var(--read-head)}
.sources a{color:var(--read-link);text-decoration-color:var(--read-sub)}
.prose em{font-style:italic}


/* Liens contextuels en lecture claire : brun doré lisible sur papier ivoire.
   Les liens visités gardent le même contraste ; le thème sombre est inchangé. */
html[data-reading="light"] .prose a,
html[data-reading="light"] .prose a:visited{color:var(--read-link);text-decoration:underline;text-decoration-thickness:.08em;text-underline-offset:.16em}
html[data-reading="light"] .prose a:hover,
html[data-reading="light"] .prose a:focus-visible{color:#4f340b;text-decoration-thickness:.12em}
html[data-reading="light"] .prose a:focus-visible{outline:2px solid var(--read-focus);outline-offset:4px}

/* Tablette large et en dessous */
@media(max-width:1470px){:root{--gutter:56px}.thought-hero{gap:56px}}
@media(max-width:1160px){
  :root{--gutter:42px}
  .thought-hero{grid-template-columns:minmax(220px,260px) minmax(0,1fr);gap:44px;padding-top:34px}
  .card-art{max-width:260px}
  .thought-layout{grid-template-columns:1fr;grid-template-areas:"bar" "toc" "prose";padding:36px var(--gutter) 20px;row-gap:24px}
  .reading-bar{max-width:none}
  .toc{position:static;padding:0;border:1px solid var(--read-line);border-radius:var(--radius-panel)}
  .toc summary{pointer-events:auto;cursor:pointer;display:flex;justify-content:space-between;align-items:center;min-height:52px;margin:0;padding:0 20px}
  .toc summary:after{content:"▾";font-size:16px;transition:transform .2s}
  .toc details[open] summary:after{transform:rotate(180deg)}
  .toc ol{columns:2;column-gap:30px;border-left:0;padding:0 20px 14px}
  .toc a{padding:8px 0;border-left:0}
  .prose{max-width:none}
  .prose section{max-width:760px}
}
@media(max-width:850px){
  :root{--gutter:26px}
  .main-nav a{font-size:14px}
  /* Hero compact : la carte reste visible à côté du titre, la citation suit juste dessous */
  .thought-hero{display:grid;grid-template-columns:minmax(112px,30%) minmax(0,1fr);grid-template-areas:"visual eyebrow" "visual title" "visual chips" "quote quote" "note note" "cta cta";column-gap:22px;row-gap:0;align-items:start;padding-top:22px;padding-bottom:40px}
  .thought-hero:after{display:none}
  .thought-head{display:contents}
  .thought-visual{grid-area:visual;margin:0;max-width:none;width:100%}
  .card-art{max-width:none}
  .thought-visual figcaption{display:none}
  .thought-head .eyebrow{grid-area:eyebrow;margin:2px 0 8px;font-size:11px;letter-spacing:1.8px}
  .thought-head .eyebrow-line{display:none}
  .thought-head h1{grid-area:title;font-size:clamp(34px,7.4vw,60px);line-height:1.04;letter-spacing:-1px;margin:0 0 14px}
  .thought-head .chips{grid-area:chips;margin:0}
  .main-quote{grid-area:quote;margin:30px 0 0}
  .main-quote p{font-size:clamp(24px,4.2vw,32px)}
  .quote-note{grid-area:note;margin:0 0 22px}
  .thought-head .hero-link{grid-area:cta;justify-self:start}
  .toc ol{columns:1}
  .more{padding-left:var(--gutter);padding-right:var(--gutter)}
}
@media(max-width:600px){
  :root{--gutter:19px}
  .breadcrumb ol{font-size:14px}
  .breadcrumb li+li:before{margin:0 8px}
  .thought-hero{grid-template-columns:minmax(104px,32%) minmax(0,1fr);column-gap:18px}
  .thought-head h1{font-size:clamp(30px,8.6vw,40px)}
  .chip{font-size:12px;padding:6px 10px}
  .main-quote p{font-size:24px}
  .prose p,.prose ul{font-size:17.5px;line-height:1.75}
  .lead{font-size:19px!important}
  .prose h2{font-size:28px}.prose h3{font-size:20px}
  .callout p{font-size:18px}
  .sources dd{font-size:16.5px}
  .reading-bar{flex-direction:column;align-items:stretch}
  .reading-toggle{justify-content:center}
  .reading-hint{text-align:center}
  .card-family,.card-rarity{font-size:10.5px}.card-meta h3{font-size:15px}.card-author{font-size:12.5px}
  .state-tab{font-size:13px}
  .footer{font-size:14px}
  .panel-feature .card-frame.has-art{width:96px}
}
@media(max-width:390px){.thought-hero{grid-template-columns:minmax(96px,31%) minmax(0,1fr);column-gap:14px}.thought-head h1{font-size:30px}.card-family,.card-rarity{font-size:10px}.state-tab{font-size:12.5px}}
@media(min-width:1161px){.toc details>summary{cursor:default}}

/* Pied de page : les neuf familles sur deux rangées de colonnes (5 + 4), à toutes les largeurs */
.footer nav[aria-label="Les familles"] ul{grid-template-columns:repeat(2,max-content);grid-template-rows:repeat(5,auto);grid-auto-flow:column;column-gap:36px}

/* Mobile en paysage : familles, pensées et Agora des Mots sur la même ligne */
@media(orientation:landscape) and (max-height:520px){
  .footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 32px}
  .footer-brand{grid-column:1/-1}
  .footer-brand p{max-width:60ch}
}

/* Mobile portrait : « Les pensées » à droite des familles (deux colonnes), Agora des Mots dessous */
@media(max-width:600px) and (orientation:portrait){
  .footer-cols{grid-template-columns:max-content minmax(0,1fr);gap:26px 22px}
  .footer-brand,.footer-cols>nav:last-child{grid-column:1/-1}
  .footer nav[aria-label="Les familles"] ul{column-gap:22px}
  .footer li a{font-size:14px;line-height:1.35}
}

/* Tablette paysage (851–1160 px) : les quatre blocs du pied de page sur une seule ligne */
@media(min-width:851px) and (max-width:1160px){
  .footer-cols{grid-template-columns:minmax(0,1.1fr) max-content minmax(0,1fr) minmax(0,1fr);gap:32px 28px}
  .footer-brand p{max-width:26ch}
  .footer nav[aria-label="Les familles"] ul{column-gap:24px}
}

/* Lecture claire : le paragraphe d'introduction se détache par la graisse (en sombre, la couleur dorée suffit) */
html[data-reading="light"] .lead{font-weight:700;color:var(--read-strong)!important}

/* Correctif pied de page 851–1160 px : le nom de marque ne déborde plus sur la colonne des familles */
@media(min-width:851px) and (max-width:1160px){
  .footer-cols{grid-template-columns:minmax(220px,1fr) max-content minmax(0,1fr) minmax(0,1fr)}
  .footer-brand .brand{flex-wrap:nowrap}
  .footer .brand-wordmark{white-space:normal;min-width:0}
  .footer .brand-wordmark strong{font-size:14px;letter-spacing:1.4px}
}
@media(min-width:851px) and (max-width:979px){
  .footer-cols{grid-template-columns:max-content repeat(2,minmax(0,1fr));gap:28px 32px}
  .footer-brand{grid-column:1/-1}
  .footer-brand p{max-width:60ch}
}

/* 851–979 px : trois colonnes de largeur égale, régulièrement espacées */
@media(min-width:851px) and (max-width:979px){
  .footer-cols{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:24px}
  .footer nav[aria-label="Les familles"] ul{column-gap:20px}
}

/* =====================================================================
   D1.2 — Module « carte premium HD » (hero) et FAQ (zone de lecture)
   ===================================================================== */
.thought-hero{row-gap:0}
.thought-visual{grid-column:1;grid-row:1;align-self:end}
.unlock{grid-column:1;grid-row:2;align-self:start;width:100%;max-width:300px;margin-top:24px;padding:18px 18px 18px;position:relative;background:linear-gradient(145deg,rgba(34,68,53,.82),rgba(7,29,27,.92) 70%);border:1px solid rgba(216,185,124,.35);border-radius:var(--radius-panel);box-shadow:inset 0 0 0 4px rgba(5,25,19,.45)}
.thought-head{grid-column:2;grid-row:1/3;align-self:center}
.unlock-kicker{margin:0 0 8px;font:600 11px var(--body);letter-spacing:2.2px;color:#d9bb80;text-transform:uppercase}
.unlock h2{margin:0 0 6px;font:21px/1.2 var(--serif);font-weight:400;color:#f1deac}
.unlock p.unlock-motto{margin:0 0 12px;font:italic 14px/1.4 var(--serif);color:var(--gold2)}
.unlock p{margin:0 0 16px;font-size:14px;line-height:1.6;color:#d0d8ca}
.unlock .btn-gold{width:100%;justify-content:center;min-height:46px;padding:0 14px;font-size:13px;text-align:center}
.btn-gold[disabled]{opacity:.6;cursor:not-allowed;filter:none}
.unlock p.unlock-note{margin:10px 0 0;font-size:12.5px;color:#b8c5b7;text-align:center}

.faq{border-top:1px solid var(--read-line)}
.faq-item{border-bottom:1px solid var(--read-line)}
.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:60px;padding:14px 4px;cursor:pointer;list-style:none;color:var(--read-head);font:20px/1.35 var(--serif)}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary h3{margin:0;font:inherit;color:inherit}
.faq-item summary:hover{color:var(--read-sub)}
.faq-item summary:after{content:"+";flex:none;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--read-sub);border-radius:50%;color:var(--read-sub);font:22px/1 var(--body)}
.faq-item[open] summary:after{content:"\2212"}
.faq-item summary:focus-visible{outline:2px solid var(--read-focus);outline-offset:2px;border-radius:6px}
.faq-a{max-width:680px;padding:0 4px 22px}
.faq-a p{margin:0}
.faq-item[open] .faq-a{animation:faq-in .25s ease-out}
@keyframes faq-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.faq-item[open] .faq-a{animation:none}}

@media(max-width:850px){
  .thought-hero{grid-template-areas:"visual eyebrow" "visual title" "visual chips" "quote quote" "note note" "cta cta" "unlock unlock"}
  .thought-visual{grid-area:visual;align-self:start}
  .thought-head{grid-column:auto;grid-row:auto}
  .unlock{grid-area:unlock;max-width:none;margin-top:6px}
  .unlock h2{font-size:22px}
}
@media(max-width:600px){.faq-item summary{font-size:18px;min-height:56px}}

/* Retour en haut de page (pied de page, toutes les pages) */
.footer-top{display:flex;justify-content:flex-end;margin-top:22px}
.to-top{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px 0 8px;border:1px solid rgba(206,181,123,.4);border-radius:var(--radius-control);color:var(--gold2);font-size:13px;letter-spacing:1.4px;text-transform:uppercase}
.to-top span{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;border:1px solid var(--gold3);font-size:17px;line-height:1;transition:transform .2s}
.to-top:hover{background:rgba(181,135,64,.12);color:#fff}.to-top:hover span{transform:translateY(-2px)}
@media(max-width:600px){.footer-top{justify-content:center}}

/* Mobile portrait : la carte passe en haut, centrée et plus grande ; titre, badges et citation en dessous */
@media(max-width:600px) and (orientation:portrait){
  .thought-hero{grid-template-columns:minmax(0,1fr);grid-template-areas:"visual" "eyebrow" "title" "chips" "quote" "note" "cta" "unlock";padding-top:20px}
  .thought-visual{justify-self:center;width:min(66%,260px);margin:0 0 26px}
  .thought-head .eyebrow{margin:0 0 10px}
  .thought-head h1{font-size:clamp(38px,11vw,48px);margin:0 0 16px}
  .main-quote{margin-top:26px}
}

/* Desktop / tablette paysage : le texte du hero remonte à sa place d'origine ; le module premium devient un bandeau rectangulaire sous le hero */
@media(min-width:851px){
  .thought-visual{grid-column:1;grid-row:1;align-self:center}
  .thought-head{grid-column:2;grid-row:1;align-self:center}
  .unlock{grid-column:1/-1;grid-row:2;max-width:none;margin-top:48px;padding:22px 30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);column-gap:48px;align-items:start}
  .unlock>*{grid-column:1}
  .unlock p{margin:0}
  .unlock p.unlock-motto{margin:0 0 10px}
  .unlock h2{font-size:24px}
  .unlock>p:not(.unlock-kicker):not(.unlock-motto):not(.unlock-note){max-width:62ch}
  .unlock .btn-gold{grid-column:2;grid-row:1/4;align-self:center}
  .unlock p.unlock-note{grid-column:2;grid-row:4;margin-top:10px}
}


/* P4e — choix des jeux : styles limités à la modale et à ses déclencheurs. */
.featured-note .games-open-link{appearance:none;background:none;border:0;color:#e9c788;font-size:14px;letter-spacing:.3px;white-space:nowrap;padding:12px 0}
.featured-note .games-open-link:hover{text-decoration:underline}
.games-modal{width:min(850px,calc(100vw - 32px));max-width:850px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid rgba(214,182,120,.55);border-radius:20px;background:#09251e;color:#f2eddd;box-shadow:0 28px 100px rgba(0,0,0,.65);overflow:auto;overscroll-behavior:contain;font:15px/1.6 var(--body)}
.games-modal::backdrop{background:rgba(2,14,12,.82);backdrop-filter:blur(4px)}
.games-modal[open]{animation:games-appear .18s ease-out}
.games-modal__surface{padding:clamp(20px,4vw,38px);background:radial-gradient(ellipse at top left,rgba(112,112,55,.13),transparent 65%)}
.games-modal__close{position:sticky;top:0;z-index:1;display:block;width:44px;min-height:44px;margin:-10px -10px -26px auto;border:1px solid rgba(214,182,120,.35);border-radius:50%;background:#12382c;color:#e8d39f;font-size:28px;line-height:1}
.games-modal__close:hover{background:#20513d}
.games-modal__kicker{margin:0 48px 12px 0;color:#d6b678;font-size:10px;letter-spacing:2px}
.games-modal h2{margin:0 40px 12px 0;font:clamp(28px,5vw,39px)/1.15 var(--serif);color:#e8d39f;overflow-wrap:anywhere}
.games-modal #games-description{margin:0 0 26px;color:#c6d0c0;max-width:62ch}
.games-modal__choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.games-choice{min-width:0;display:flex;flex-direction:column;margin:0;padding:14px;border:1px solid rgba(214,182,120,.25);border-radius:15px;background:linear-gradient(140deg,#153c2e,#0a251e);box-shadow:0 8px 24px rgba(0,0,0,.14)}
.games-choice__media{aspect-ratio:4/3;overflow:hidden;border-radius:9px;background:#071b18;border:1px solid rgba(214,182,120,.16)}
.games-choice__media img{width:100%;height:100%;object-fit:contain}
.games-choice__media [hidden]{display:none}
.games-choice__fallback{height:100%;margin:0;display:grid;place-content:center;text-align:center;padding:18px;color:#c6d0c0}
.games-modal .games-choice h3{font:24px/1.25 var(--serif);color:#e8d39f;margin:18px 0 10px}
.games-choice>p{color:#d0d8cb;line-height:1.7;margin:0 0 20px}
.games-modal .games-choice .btn-gold{margin-top:auto;justify-content:center;min-height:48px;padding:12px 14px;gap:0;white-space:normal;text-align:center;font-size:13px}
.games-modal__note{margin:24px 0 0;color:#b8c5b7;font-size:12px;line-height:1.7}
.games-noscript{max-width:850px;margin:24px auto;padding:20px;color:var(--muted)}
@keyframes games-appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){.featured-note .games-open-link{margin-left:40px}.games-modal{width:calc(100vw - 24px);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.games-modal__choices{grid-template-columns:minmax(0,1fr);gap:18px}.games-modal__surface{padding:20px}.games-modal h2{font-size:29px}.games-modal .games-choice h3{font-size:24px}}
@media(prefers-reduced-motion:reduce){.games-modal[open]{animation:none}}


/* P4e.1 — état informatif, sans apparence ni comportement de bouton. */
.hd-unlock-notice{min-width:0;flex:1}
.hd-unlock-notice h3{margin:0 0 8px;font:21px/1.3 var(--serif);color:var(--gold2)}
.featured-note .hd-unlock-notice p{margin:0 0 10px}
.hd-unlock-status{display:block;margin-top:12px;color:var(--gold2);font-size:12px;letter-spacing:.2px}
.unlock.hd-unlock-unavailable{display:block}
.unlock.hd-unlock-unavailable h2{margin-bottom:12px}
.unlock.hd-unlock-unavailable p{max-width:65ch}