/* The Guide to Artificial Intelligence — feuille de style (guidetoartificialintelligence.com).
   Palette tirée de la couverture du livre : nuit (#0B1426), bleu électrique, or. Titres Space Grotesk, texte Source Sans 3 (19 px).
   Polices auto-hébergées (SIL OFL, assets/fonts/). Le panneau Affichage (a11y.css) se charge après et réutilise ces variables. */

@font-face{font-family:"Space Grotesk";src:url("../fonts/space-grotesk-latin-wght-normal.woff2") format("woff2");font-weight:300 700;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/source-sans-3-latin-wght-normal.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("../fonts/source-sans-3-latin-wght-italic.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}

:root{
  --night:#0B1426;--night-2:#13233F;--night-3:#1C3158;
  --blue:#1F5FBF;--blue-dk:#174A96;--sky:#5AA2F0;--sky-soft:#E8F1FD;
  --gold:#E2B04A;--gold-dk:#7A5A12;--gold-soft:#FBF3E1;
  --ink:#141A2A;--ink-2:#2B3348;--muted:#4F586C;--paper:#FFFFFF;--white:#FFFFFF;--stone:#F3F5FA;--stone-2:#E8ECF4;
  --line:#DCE1EC;--line-2:#B9C1D3;--shade:#D5DBE7;
  /* noms utilisés par a11y.css (outil partagé avec lapetitenation.ca, PNN et Holistic Hybrid) */
  --forest-2:var(--ink);--maple:var(--blue);--birch:var(--stone);--ember:var(--blue);--red-dk:var(--blue);--forest-bg:var(--night);
  --sans:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Space Grotesk","Source Sans 3",system-ui,sans-serif;--serif:var(--display);
  --mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --wrap:1200px;--narrow:780px;--r:10px;--focus:var(--blue);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;background:var(--paper);color:var(--ink);font:400 1.1875rem/1.65 var(--sans)}
img{max-width:100%;height:auto;display:block}
a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--blue-dk);text-decoration-thickness:2px}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;line-height:1.12;letter-spacing:-.015em;margin:0 0 .5em;color:var(--ink)}
h1{font-size:clamp(2.1rem,4.6vw,3.6rem)}
h2{font-size:clamp(1.5rem,2.6vw,2.1rem);margin-top:1.4em}
h3{font-size:1.22rem}
p{margin:0 0 1em}
ul,ol{margin:0 0 1em;padding:0 0 0 1.3em}
code{font:400 .92em var(--mono);background:var(--stone);padding:.1em .35em;border-radius:5px}
::selection{background:var(--sky);color:var(--night)}
.sr-only,.sr{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px}
.wrap.narrow,.narrow{max-width:var(--narrow)}
.i{width:1.1em;height:1.1em;flex:none;vertical-align:-.15em}
.i.big{width:34px;height:34px;color:var(--blue)}
.skip{position:absolute;left:12px;top:-60px;z-index:2000;background:var(--night);color:#fff;padding:10px 16px;border-radius:var(--r);font-weight:700}
.skip:focus{top:12px;color:#fff}
.eyebrow{font:700 .8rem/1.3 var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--gold-dk);margin:0 0 14px}
.lead{font-size:clamp(1.15rem,1.7vw,1.35rem);line-height:1.55;color:var(--ink-2);max-width:62ch}
.fine{font-size:.95rem;color:var(--muted)}
.note{background:var(--stone);border-left:4px solid var(--sky);padding:12px 16px;border-radius:0 var(--r) var(--r) 0;color:var(--ink-2);font-size:1.02rem}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}

/* ------------------------------------------------------------------ boutons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 20px;border:2px solid var(--blue);border-radius:999px;background:var(--blue);color:#fff;font:700 1.02rem/1.1 var(--sans);text-decoration:none;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
.btn:hover{color:#fff;background:var(--blue-dk);border-color:var(--blue-dk);text-decoration:none}
.btn.ghost{background:transparent;color:var(--blue);border-color:var(--blue)}
.btn.ghost:hover{background:var(--blue);color:#fff}
.btn.light{background:var(--gold);border-color:var(--gold);color:var(--night)}
.btn.light:hover{background:#fff;border-color:#fff;color:var(--night)}
button.btn{font-family:var(--sans)}

/* ------------------------------------------------------------------ en-tête */
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.site-header.scrolled{box-shadow:0 8px 24px -18px rgba(11,20,38,.5)}
.hdr{display:flex;align-items:center;gap:16px;min-height:74px}
.brand{display:flex;align-items:center;gap:11px;color:var(--ink);text-decoration:none;flex:none}
.brand:hover{color:var(--ink);text-decoration:none}
.logo{width:42px;height:42px;flex:none}
.brand-name{font:700 1.2rem/1.05 var(--display);display:flex;flex-direction:column}
.brand-name small{font:500 .78rem/1.25 var(--sans);color:var(--muted);margin-top:3px;letter-spacing:.01em}
.nav{display:flex;align-items:center;gap:8px;margin-left:auto}
.nav-list{display:flex;list-style:none;gap:2px;margin:0;padding:0}
.navlink{display:block;padding:10px 10px;white-space:nowrap;color:var(--ink);font-weight:600;font-size:1.06rem;text-decoration:none;border-radius:var(--r);position:relative}
.navlink::after{content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.navlink:hover{color:var(--ink)}
.navlink:hover::after,.navlink[aria-current=page]::after{transform:scaleX(1)}
.nav-tools{display:flex;align-items:center;gap:10px;margin-left:6px}
.lang{display:inline-grid;place-items:center;width:44px;height:44px;border:1.5px solid var(--line-2);border-radius:999px;color:var(--ink);font:700 .92rem var(--sans);text-decoration:none}
.lang:hover{border-color:var(--ink);color:var(--ink)}
.nav-cta{min-height:44px;padding:8px 16px;white-space:nowrap}
.menu-toggle{display:none}
.no-js .menu-toggle{display:none!important}
@media (max-width:1180px){
  .js .menu-toggle{display:inline-grid;place-items:center;width:46px;height:46px;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);cursor:pointer;margin-left:auto}
  .bars,.bars::before,.bars::after{display:block;width:20px;height:2px;background:var(--ink);position:relative;transition:transform .2s}
  .bars::before,.bars::after{content:"";position:absolute;left:0}
  .bars::before{top:-6px}.bars::after{top:6px}
  .menu-toggle[aria-expanded=true] .bars{background:transparent}
  .menu-toggle[aria-expanded=true] .bars::before{transform:translateY(6px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] .bars::after{transform:translateY(-6px) rotate(-45deg)}
  .js .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;background:var(--paper);border-bottom:1px solid var(--line);padding:10px 20px 20px;max-height:calc(100vh - 74px);overflow:auto;box-shadow:0 20px 30px -20px rgba(11,20,38,.4)}
  .js .nav.open{display:flex}
  .js .nav-list{flex-direction:column}
  .js .navlink{padding:13px 4px;border-bottom:1px solid var(--line)}
  .js .navlink::after{display:none}
  .js .nav-tools{margin:14px 0 0;justify-content:space-between}
  .no-js .hdr{flex-wrap:wrap}.no-js .nav{flex-wrap:wrap;margin-left:0}.no-js .nav-list{flex-wrap:wrap}
}

/* ------------------------------------------------------------------ fil d'Ariane, en-têtes de page */
.crumbs{font-size:.95rem;margin:0 0 18px;color:rgba(255,255,255,.8)}
.crumbs a{color:#fff}
.page-hero,.hero{position:relative;background:radial-gradient(1200px 500px at 85% -10%,rgba(90,162,240,.28),transparent 60%),radial-gradient(800px 400px at 0% 120%,rgba(226,176,74,.16),transparent 60%),var(--night);color:#fff;overflow:hidden}
.page-hero::before,.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(1.2px 1.2px at 12% 22%,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 33% 68%,rgba(255,255,255,.5),transparent),radial-gradient(1.4px 1.4px at 58% 18%,rgba(255,255,255,.6),transparent),radial-gradient(1px 1px at 77% 48%,rgba(255,255,255,.55),transparent),radial-gradient(1.2px 1.2px at 91% 82%,rgba(255,255,255,.5),transparent),radial-gradient(1px 1px at 46% 90%,rgba(255,255,255,.45),transparent);pointer-events:none}
.page-hero .wrap,.hero .wrap{position:relative}
.page-hero{padding:46px 0 52px}
.page-hero h1,.hero h1{color:#fff}
.page-hero .lead,.hero .lead{color:#D8E2F3}
.page-hero .eyebrow,.hero .eyebrow{color:var(--gold)}
.hero{padding:70px 0 80px}
.hero-in{display:grid;grid-template-columns:1.25fr .9fr;gap:48px;align-items:center}
.hero h1{font-size:clamp(2.3rem,5vw,4rem)}
.hero .btn.ghost{color:#fff;border-color:#fff}
.hero .btn.ghost:hover{background:#fff;color:var(--night)}
.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:26px;backdrop-filter:blur(4px)}
.qa-demo .q{font:700 1.25rem/1.3 var(--display);color:#fff;margin-bottom:12px}
.qa-demo .q::before{content:"Q";display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--night);font-size:.95rem;margin-right:10px;vertical-align:2px}
.qa-demo .a{color:#D8E2F3;border-left:3px solid var(--sky);padding-left:14px}
.qa-demo .f{color:var(--gold);font-weight:600;margin:0}
@media (max-width:900px){.hero-in{grid-template-columns:1fr}.hero{padding:50px 0 56px}}

/* ------------------------------------------------------------------ blocs */
.block{padding:64px 0}
.block.alt{background:var(--stone)}
.block.dark{background:var(--night);color:#D8E2F3}
.block.dark h2{color:#fff}
.block h2:first-child,.section-head h2{margin-top:0}
.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}
.section-head a{font-weight:700;display:inline-flex;gap:6px;align-items:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
@media (max-width:860px){.split{grid-template-columns:1fr}}
.content{padding-top:40px;padding-bottom:64px}
.how{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:x}
.how li{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:24px}
.step-n{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--night);color:var(--gold);font:700 1.1rem var(--display);margin-bottom:12px}
@media (max-width:860px){.how{grid-template-columns:1fr}}
.paths{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tools-grid{grid-template-columns:repeat(2,1fr)}
.path-card a{display:flex;flex-direction:column;gap:8px;height:100%;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--white);color:var(--ink);text-decoration:none;transition:border-color .15s,box-shadow .15s,transform .15s}
.path-card a:hover{border-color:var(--blue);box-shadow:0 14px 30px -20px rgba(11,20,38,.45);transform:translateY(-2px)}
.path-card h2,.path-card h3{margin:6px 0 0;font-size:1.3rem}
.path-card p{color:var(--ink-2);margin:0}
.path-card .go{margin-top:auto;color:var(--blue);font-weight:700;display:inline-flex;gap:6px;align-items:center}
@media (max-width:860px){.paths,.tools-grid{grid-template-columns:1fr}}
.topics{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:16px}
.topics a{display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:14px;background:var(--white);border:1px solid var(--line);color:var(--ink);text-decoration:none;height:100%}
.topics a:hover{border-color:var(--blue)}
.topics strong{font:700 1.15rem var(--display)}
.topics span{color:var(--ink-2);font-size:1rem}
.topics small{color:var(--muted);margin-top:auto}
.mini-tl{list-style:none;padding:0;margin:0;border-left:2px solid var(--night-3)}
.mini-tl li{position:relative;padding:0 0 16px 22px}
.mini-tl li::before{content:"";position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--gold)}
.mini-tl .when{display:block;color:var(--gold);font-weight:700;font-size:.92rem}
.mini-tl span{color:#fff}
.book-split{grid-template-columns:260px 1fr;align-items:center}
.cover-link img,.cover{border-radius:6px;box-shadow:0 22px 40px -20px rgba(11,20,38,.6)}
@media (max-width:640px){.book-split{grid-template-columns:1fr}.cover-link img{max-width:220px}}

/* ------------------------------------------------------------------ cartes */
.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:20px;margin:0 0 24px}
.cards>li{display:flex}
.card{display:flex;flex-direction:column;gap:8px;width:100%;background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.card:hover{border-color:var(--line-2)}
.card h3{font-size:1.18rem;margin:0}
.card h3 a{color:var(--ink);text-decoration:none}
.card h3 a:hover{color:var(--blue);text-decoration:underline}
.card p{margin:0;color:var(--ink-2);font-size:1.02rem}
.card-meta{display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center;font-size:.92rem;color:var(--muted)}
.card-foot{margin-top:auto!important;font-size:.92rem!important;color:var(--muted)!important}
.steps{counter-reset:s}
.pill{display:inline-flex;align-items:center;min-height:30px;padding:3px 12px;border-radius:999px;background:var(--sky-soft);color:var(--blue-dk);font-weight:700;font-size:.86rem;text-decoration:none;letter-spacing:.01em}
.pill:hover{background:var(--blue);color:#fff;text-decoration:none}
.page-hero .pill{background:rgba(255,255,255,.12);color:#fff}
.page-hero .pill:hover{background:var(--gold);color:var(--night)}
.p-book{background:var(--gold-soft);color:var(--gold-dk)}
.tag{display:inline-flex;align-items:center;min-height:30px;padding:3px 10px;border-radius:999px;border:1px solid var(--line-2);font-size:.86rem;color:var(--muted)}
.lang-mark{font-size:.8rem;color:var(--muted);font-weight:600}
.rows{list-style:none;padding:0;margin:0}
.row{display:grid;grid-template-columns:150px 1fr;gap:4px 16px;padding:12px 0;border-bottom:1px solid var(--line)}
.row time{color:var(--muted);font-size:.95rem}
.row a{font-weight:600}
.row .pill{grid-column:2;justify-self:start}
@media (max-width:600px){.row{grid-template-columns:1fr}.row .pill{grid-column:1}}

/* ------------------------------------------------------------------ colonne latérale */
.with-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,4vw,56px);align-items:start}
.main-col{min-width:0}
.side{display:flex;flex-direction:column;gap:16px;min-width:0}
.side .box{margin-bottom:0}
.side-cta{width:100%;margin-top:14px}
.with-side .main-col>h2:first-child{margin-top:0}
@media (max-width:960px){.with-side{grid-template-columns:1fr}}
.side .box{background:var(--stone);border-radius:16px;padding:18px 20px;margin-bottom:16px}
.side h2{font-size:1.05rem;margin:0 0 10px}
.side-list,.side-years{list-style:none;padding:0;margin:0}
.side-list li a{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink);text-decoration:none}
.side-list li:last-child a{border-bottom:0}
.side-list a:hover,.side-list a[aria-current]{color:var(--blue);font-weight:700}
.side-list.side-plain li a{display:block;font-weight:600;line-height:1.35;padding:9px 0}
.side-list small,.side-years small{color:var(--muted)}
.side-years{display:grid;grid-template-columns:repeat(auto-fill,minmax(5.5em,1fr));gap:8px}
.side-years a{display:flex;justify-content:space-between;padding:6px 10px;border-radius:8px;background:var(--white);border:1px solid var(--line);text-decoration:none;color:var(--ink)}
.side-years a[aria-current]{border-color:var(--blue);color:var(--blue)}
.side-search{display:flex;gap:8px;margin-bottom:16px}
.side-search input{flex:1;min-width:0}
.big-search{margin-bottom:10px}
input[type=text],input[type=email],input[type=search],select,textarea{font:400 1.05rem/1.4 var(--sans);color:var(--ink);background:var(--white);border:1.5px solid var(--line-2);border-radius:10px;padding:10px 12px;min-height:46px;width:100%}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{border-color:var(--blue);outline:3px solid rgba(31,95,191,.25);outline-offset:0}
.post-rows .post-row{padding:12px 0;border-bottom:1px solid var(--line)}
.post-rows h3{margin:4px 0;font-size:1.12rem}

/* ------------------------------------------------------------------ article */
.art-hero h1{font-size:clamp(1.9rem,4vw,3rem)}
.art-meta{color:#C9D6EC;margin:0;font-size:1rem}
.art-meta a{color:#fff}
.article{padding-top:0}
.prose>p:first-of-type::first-letter{float:left;font:700 3.6em/.82 var(--display);color:var(--blue);margin:.06em .1em 0 0}
html.a11y-font .prose>p:first-of-type::first-letter,html.a11y-space .prose>p:first-of-type::first-letter{float:none;font:inherit;color:inherit;margin:0}
.answer{background:var(--sky-soft);border-left:5px solid var(--blue);border-radius:0 16px 16px 0;padding:20px 24px;margin:8px 0 28px}
.answer-h{font:700 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-dk);margin:0 0 10px}
.answer p{font-size:1.2rem;line-height:1.55;color:var(--ink)}
.answer .follow{font-size:1.02rem;margin:0}
.answer .follow span{font-weight:700;color:var(--muted)}
.toc{background:var(--stone);border-radius:14px;padding:18px 22px;margin:0 0 30px}
.toc-h{font:700 .8rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--blue-dk);margin:0 0 10px}
.toc a{color:var(--ink);font-weight:600;text-decoration:none}
.toc a:hover{color:var(--blue);text-decoration:underline}
.toc ol{margin:0}
.toc li{padding:3px 0}
.prose h2{scroll-margin-top:90px}
.prose li{margin-bottom:.4em}
.prose blockquote{margin:1.2em 0;padding:4px 0 4px 18px;border-left:4px solid var(--gold);color:var(--ink-2);font-style:italic}
.prompt{margin:1.4em 0;background:var(--night);color:#E9EEF8;border-radius:14px;padding:52px 18px 16px;position:relative}
.prompt figcaption{position:absolute;top:20px;left:18px;font:700 .78rem/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.prompt code,pre.code code,.out code{background:none;padding:0;color:inherit;font:inherit}
.prompt pre{margin:0;white-space:pre-wrap;font:400 1rem/1.55 var(--mono);overflow-wrap:anywhere}
.prompt .copy{position:absolute;top:10px;right:12px;min-height:36px;padding:4px 14px;border-radius:999px;border:1.5px solid rgba(255,255,255,.5);background:transparent;color:#fff;font:700 .9rem var(--sans);cursor:pointer}
.prompt .copy:hover{background:#fff;color:var(--night)}
pre.code{background:var(--stone);border-radius:12px;padding:14px;overflow:auto;font:400 .95rem/1.5 var(--mono)}
div.try{background:var(--gold-soft);border:1px solid #EBD5A3;border-radius:14px;padding:16px 20px;margin:1.4em 0}
div.try p{margin:0}
.tscroll{overflow-x:auto;margin:1.2em 0}
table{border-collapse:collapse;width:100%;font-size:1rem}
th,td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
th{background:var(--stone);font-weight:700}
.sources{margin-top:40px;padding-top:20px;border-top:2px solid var(--line)}
.sources h2{font-size:1.25rem;margin-top:0}
.sources li{margin-bottom:.5em;font-size:1rem;overflow-wrap:anywhere}
.art-foot{margin-top:28px;display:grid;gap:18px}
.foot-row{display:grid;gap:8px}
.pf-label{font-size:1rem;margin:0;color:var(--muted);font-family:var(--sans);text-transform:uppercase;letter-spacing:.1em}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.related{margin:0}
.related small{color:var(--muted)}
.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}
.post-nav a{display:flex;flex-direction:column;gap:3px;padding:12px 16px;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--ink)}
.post-nav a:hover{border-color:var(--blue)}
.post-nav small{color:var(--muted);font-weight:700}
.pn-next{text-align:right}
@media (max-width:600px){.post-nav{grid-template-columns:1fr}.pn-next{text-align:left}}

/* ------------------------------------------------------------------ chronologie */
.tl-filters{display:flex;flex-wrap:wrap;gap:14px;align-items:end;background:var(--stone);border-radius:16px;padding:16px 18px;margin-bottom:18px}
.tl-filters label{display:flex;flex-direction:column;gap:4px;font-weight:700;font-size:.95rem;min-width:180px}
.tl-count{margin:0 0 10px auto;color:var(--muted)}
.tl-year h2{position:sticky;top:76px;background:var(--paper);padding:6px 0;z-index:2}
.tl{list-style:none;padding:0;margin:0;border-left:2px solid var(--line)}
.tl li{display:grid;grid-template-columns:170px 1fr;gap:6px 18px;padding:12px 0 12px 22px;position:relative}
.tl li::before{content:"";position:absolute;left:-7px;top:19px;width:12px;height:12px;border-radius:50%;background:var(--blue);border:2px solid var(--paper)}
.tl .when{color:var(--muted);font-weight:600}
.tl p{margin:0}
.tl-t{font-weight:700}
.tl .lab{display:inline-block;font-size:.82rem;font-weight:700;color:var(--gold-dk);background:var(--gold-soft);border-radius:999px;padding:1px 10px;margin-right:6px}
.tl-src{font-size:.95rem}
@media (max-width:640px){.tl li{grid-template-columns:1fr}}

/* ------------------------------------------------------------------ outils */
.tool{max-width:900px}
.tool-form fieldset{border:1px solid var(--line);border-radius:16px;padding:16px 20px 18px;margin:0 0 16px}
.tool-form legend{font:700 1.12rem var(--display);padding:0 6px}
.tool-form legend label{font:inherit}
.tool-form .hint{margin:0 0 8px;color:var(--muted);font-size:1rem}
.tool-form .sub{display:block;margin-top:10px;font-weight:600}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.two label{display:flex;flex-direction:column;gap:4px;font-weight:600}
@media (max-width:600px){.two{grid-template-columns:1fr}}
.check{display:flex;gap:10px;align-items:flex-start;margin-top:10px;font-size:1.02rem;cursor:pointer}
.check input{width:22px;height:22px;margin-top:3px;flex:none;accent-color:var(--blue)}
.tool-out .out{white-space:pre-wrap;background:var(--night);color:#E9EEF8;border-radius:14px;padding:18px;font:400 1rem/1.6 var(--mono);min-height:120px;overflow-wrap:anywhere}
.checks{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));gap:8px}
.checks li{display:flex;gap:8px;align-items:center;padding:8px 12px;border-radius:10px;background:var(--stone)}
.checks .ok{color:#1E6B3A;font-weight:700}
.checks .no{color:#9A2E12;font-weight:700}
.gl-filter{background:var(--stone);border-radius:16px;padding:16px 18px;margin-bottom:14px}
.gl-filter label{font-weight:700;display:block;margin-bottom:6px}
.glossary{margin:0}
.term{padding:16px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.term dt{font:700 1.2rem var(--display);margin-bottom:4px}
.term dd{margin:0}
.term dd p{margin:0 0 .4em}
.term .ex{color:var(--ink-2);font-style:italic}
.term .since{font-size:.92rem;color:var(--muted)}
.checklist{list-style:none;padding:0;counter-reset:c}
.checklist li{border:1px solid var(--line);border-radius:14px;padding:14px 18px;margin-bottom:10px}
.check.big strong{display:block;font-size:1.15rem}
.cl-count{font-weight:600}
.tool-ver{margin:0 0 18px}
.tool-ver summary{cursor:pointer;min-height:32px}
.tool-ver p{margin:6px 0 0}
.btn.small{min-height:40px;padding:6px 14px;font-size:.95rem}

/* générateur de prompts */
.tool-wide{max-width:var(--wrap)}
.tabs{display:flex;gap:4px;border-bottom:2px solid var(--line);margin-bottom:22px}
.tabs [role=tab]{flex:0 1 auto;font:700 1.02rem/1.25 var(--sans);color:var(--ink-2);background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;padding:12px 16px;min-height:46px;cursor:pointer}
.tabs [role=tab]:hover{color:var(--blue)}
@media (max-width:600px){.tabs [role=tab]{flex:1 1 0;padding:10px 6px;font-size:.95rem;text-align:center}}
@media (max-width:420px){.tabs{flex-wrap:wrap;border-bottom:0}.tabs [role=tab]{flex:1 1 100%;text-align:left;border-bottom:1px solid var(--line);margin:0}.tabs [role=tab][aria-selected=true]{border-bottom:3px solid var(--blue)}}
.tabs [role=tab][aria-selected=true]{color:var(--blue);border-bottom-color:var(--blue)}
.modes{border:0;padding:0;margin:0 0 10px}
.modes legend{font:700 1.25rem var(--display);margin-bottom:12px;padding:0}
.mode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:10px}
.mode{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:start;padding:14px 16px;border:1.5px solid var(--line);border-radius:14px;background:var(--white);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.mode:hover{border-color:var(--blue)}
.mode input{position:absolute;opacity:0;width:1px;height:1px}
.mode .i{grid-row:span 2;width:26px;height:26px;color:var(--blue);margin-top:2px}
.mode-t{font-weight:700;color:var(--ink)}
.mode-d{font-size:.93rem;color:var(--muted);line-height:1.35}
.mode:has(input:checked){border-color:var(--blue);box-shadow:0 0 0 2px var(--blue) inset;background:var(--sky-soft)}
.mode:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:2px}
.jump{margin:6px 0 14px}
@media (min-width:1000px){.jump{display:none}}
.bld-grid{display:grid;gap:28px}
@media (min-width:1000px){.bld-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}.bld-side{position:sticky;top:88px;align-self:start;max-height:calc(100vh - 100px);overflow:auto;padding-right:4px}}
.bld-preset label,.fld>label{display:block;font-weight:700;margin-bottom:6px}
.bld-preset{margin:0 0 18px}
.fld{margin:0 0 16px}
.fld .hint,.fld-group .hint{margin:-2px 0 8px;color:var(--muted);font-size:.97rem}
.fld .req{font-weight:400;color:var(--muted);font-size:.92rem}
.tool-form .fld-group{border:1px solid var(--line);border-radius:14px;padding:12px 16px 14px;margin:0 0 16px}
.tool-form .fld-group legend{font:700 1.02rem var(--sans);padding:0 6px}
.fld-group .check{margin-top:6px}
.bld-side h2{margin:0 0 10px;font-size:1.35rem}
.bld .out{white-space:pre-wrap;background:var(--night);color:#E9EEF8;border-radius:14px;padding:18px;font:400 .98rem/1.6 var(--mono);min-height:140px;margin:0;overflow-wrap:anywhere}
.bld .out.is-empty{color:#AEBBD3;font-family:var(--sans)}
.bld-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 4px}
.bld-actions .btn:disabled,.bld-save .btn:disabled,#sv-export:disabled{opacity:.5;cursor:not-allowed}
.bld-save{border-top:1px solid var(--line);margin-top:14px;padding-top:12px}
.bld-save label{display:block;font-weight:600;margin-bottom:6px}
.bld-save .row{display:flex;gap:8px;flex-wrap:wrap}
.bld-save .row input{flex:1 1 180px;min-width:0}
.bld-check{border-top:1px solid var(--line);margin-top:10px;padding-top:12px}
.bld-check h3{margin:0 0 6px;font-size:1.1rem}
.meter-row{display:flex;align-items:center;gap:10px;margin:0 0 8px;font-weight:600}
.meter-row meter{width:160px;height:14px}
.tips{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.tips li{display:flex;gap:8px;align-items:flex-start;padding:8px 12px;border-radius:10px;background:var(--stone);font-size:.97rem}
.tips li.ok{background:transparent;color:var(--muted);padding:2px 12px}
.tips .mk{font-weight:700;color:var(--blue);flex:none;width:1em}
.tips li.ok .mk{color:#1E6B3A}
.notes{padding-left:1.2em}
.bld-about{margin-top:48px;border-top:1px solid var(--line);padding-top:24px;max-width:var(--narrow)}
.kinds{padding-left:1.2em}
.kinds li{margin-bottom:8px}
.sv-list{list-style:none;padding:0;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}
.sv-item{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--white)}
.sv-item h3{margin:0 0 2px;font-size:1.1rem;overflow-wrap:anywhere}
.sv-item .fine{margin:0 0 8px}
.sv-actions{margin:0}
.sv-none{color:var(--muted)}
.sv-io{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.file-btn{cursor:pointer}
#sv-import:focus-visible+*,.file-btn:focus-within{outline:3px solid var(--focus)}

/* bibliothèque de prompts */
.pl-filters{background:var(--stone);border-radius:16px;padding:16px 18px;margin-bottom:18px}
.pl-q label{display:block;font-weight:700;margin-bottom:6px}
.pl-filters .fine{margin:10px 0 0}
.pl-list{list-style:none;padding:0;margin:0}
.pl-item{border-bottom:1px solid var(--line);padding:18px 0}
.pl-item h2{font-size:1.15rem;margin:0 0 2px}
.pl-item .fine{margin:0 0 10px}
.pl-item .out{white-space:pre-wrap;background:var(--night);color:#E9EEF8;border-radius:12px;padding:14px 16px;font:400 .95rem/1.55 var(--mono);margin:0;overflow-wrap:anywhere;max-height:22em;overflow:auto}
.pl-actions{margin:10px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.pl-none{color:var(--muted);padding:16px 0}

/* glossaire : index et liens */
.az ul{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-wrap:wrap;gap:4px}
.az a{display:inline-flex;align-items:center;justify-content:center;min-width:36px;min-height:36px;border-radius:8px;border:1px solid var(--line);font-weight:700;text-decoration:none}
.az a:hover{border-color:var(--blue)}
.term .anchor{font-size:.9rem;color:var(--muted);text-decoration:none;margin-left:4px}
.term .anchor:hover,.term .anchor:focus{color:var(--blue)}
.term .rel{font-size:.95rem}
.term:target{background:var(--sky-soft);border-radius:10px;padding-left:12px;padding-right:12px}

/* ------------------------------------------------------------------ bibliothèque, livre, à propos */
.library{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,320px),1fr));gap:20px}
.lib-item{display:flex;gap:16px;border:1px solid var(--line);border-radius:16px;padding:22px;background:var(--white)}
.lib-item h2{font-size:1.25rem;margin:0 0 6px}
.price{font-weight:700;color:var(--ink-2)}
.book-top{display:grid;grid-template-columns:300px 1fr;gap:44px;align-items:start}
.book-top h2{margin-top:0}
@media (max-width:820px){.book-top{grid-template-columns:1fr}.book-top .cover{max-width:240px}}
.chapters li{margin-bottom:.25em}
.buy{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.facts{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px;margin:36px 0}
.facts div{background:var(--stone);border-radius:14px;padding:14px 18px}
.facts dt{font-weight:700;color:var(--muted);font-size:.92rem;text-transform:uppercase;letter-spacing:.08em}
.facts dd{margin:4px 0 0}
.reviews{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:18px}
.review{margin:0;border:1px solid var(--line);border-radius:16px;padding:20px 22px;background:var(--white)}
.review blockquote{margin:0 0 10px;font-size:1.08rem}
.review figcaption{font-size:.95rem;color:var(--muted)}
.callout{background:var(--gold-soft);border-radius:14px;padding:16px 20px;margin-top:30px}
.about-top{display:grid;grid-template-columns:320px 1fr;gap:44px;align-items:start}
.about-top h2{margin-top:0}
.portrait{border-radius:16px}
@media (max-width:820px){.about-top{grid-template-columns:1fr}.portrait{max-width:300px}}
.why{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:18px}
.why li{border:1px solid var(--line);border-radius:16px;padding:20px 22px}
.ticks{list-style:none;padding:0}
.ticks li{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}
.ticks .i{color:var(--blue);margin-top:4px}
.site-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px}
.site-map h2{margin-top:0;font-size:1.3rem}

/* ------------------------------------------------------------------ infolettre */
.nl-band{background:linear-gradient(120deg,var(--blue-dk),var(--night-2));color:#E5EDFA;padding:48px 0}
.nl-in{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}
.nl-band h2{color:#fff;margin-top:0}
.nl-band label,.nl-band .fine{color:#E5EDFA}
.nl-band .btn{background:var(--gold);border-color:var(--gold);color:var(--night)}
.nl-band .btn:hover{background:#fff;border-color:#fff}
@media (max-width:860px){.nl-in{grid-template-columns:1fr}}
.nl-form>label{display:block;font-weight:700;margin-bottom:6px}
.nl-row{display:flex;gap:10px;flex-wrap:wrap}
.nl-row input{flex:1 1 220px}
.nl-consent{display:flex;gap:10px;align-items:flex-start;margin:12px 0 6px;font-size:1rem}
.nl-consent input{width:22px;height:22px;margin-top:2px;flex:none}
.hp{position:absolute!important;left:-10000px;width:1px;height:1px;overflow:hidden}
.nl-ts:empty{display:none}
.nl-ts{margin:8px 0}
.nl-msg{margin:6px 0 0;font-weight:600;min-height:1.2em}
.nl-msg.bad{color:#9A2E12}
.nl-band .nl-msg.bad{color:#FFD2C2}
.nl-msg.big{font-size:1.15rem}
.nl-band .fine a{color:#fff}
.nl-box{background:var(--stone);border-radius:18px;padding:26px}
.nl-box h2{margin-top:0}

/* ------------------------------------------------------------------ pied de page */
.site-footer{background:var(--night);color:#C9D6EC;padding:52px 0 26px;font-size:1.02rem}
.site-footer a{color:#fff}
.site-footer .brand-name{color:#fff}
.ft-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.ft-col h2{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px}
.ft-col ul{list-style:none;padding:0;margin:0}
.ft-col li{padding:4px 0}
.ft-social a{display:inline-flex;gap:8px;align-items:center}
.ft-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:18px;font-size:.95rem}
.ft-bottom p{margin:0 0 6px}
@media (max-width:860px){.ft-top{grid-template-columns:1fr}}
.to-top{position:fixed;right:18px;bottom:18px;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--night);color:#fff;box-shadow:0 8px 20px -8px rgba(0,0,0,.5);z-index:50}
.to-top:hover{color:var(--gold)}

/* page racine et 404 */
.chooser{background:var(--night);color:#fff;min-height:100vh;display:grid;place-items:center}
.chooser-in{text-align:center;padding:40px 20px}
.chooser-in .logo{width:72px;height:72px;margin:0 auto 18px}
.chooser h1,.chooser h2{color:#fff}
.chooser .btn.ghost{color:#fff;border-color:#fff}

@media print{.site-header,.site-footer,.nl-band,.to-top,.post-nav,.side,.actions{display:none!important}.page-hero,.hero{background:none;color:#000}.page-hero h1{color:#000}body{font-size:12pt}}

/* aperçu du Guide gratuit */
.guide-preview{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start;background:var(--stone);border-radius:18px;padding:28px;margin:0 0 30px}
.guide-preview img{border-radius:8px;box-shadow:0 18px 36px -18px rgba(11,20,38,.6)}
.guide-preview h2{margin-top:0}
.guide-chaps{columns:2;column-gap:28px;margin:0}
.guide-chaps li{break-inside:avoid;margin-bottom:.35em}
@media (max-width:760px){.guide-preview{grid-template-columns:1fr}.guide-preview img{max-width:220px}.guide-chaps{columns:1}}

/* fiche de l'événement (articles de la chronologie) */
.brief{border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:0 0 28px;background:var(--white)}
.brief h2{font-size:1.05rem;margin:0 0 10px;text-transform:uppercase;letter-spacing:.1em;font-family:var(--sans);color:var(--muted)}
.brief dl{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,200px),1fr));gap:10px 22px;margin:0 0 12px}
.brief dt{font-weight:700;font-size:.9rem;color:var(--muted)}
.brief dd{margin:2px 0 0;font-weight:600}
.brief p{margin:0;font-weight:700}
.brief a{display:inline-flex;gap:6px;align-items:center}
.tl li{scroll-margin-top:90px}
.tl li:target{background:var(--sky-soft);border-radius:10px}
.tl-jump ul{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:8px}
.tl-jump a{display:inline-flex;align-items:center;min-height:40px;padding:4px 14px;border-radius:999px;border:1px solid var(--line-2);text-decoration:none;font-weight:600;color:var(--ink)}
.tl-jump a:hover{border-color:var(--blue);color:var(--blue)}
.tl-year{scroll-margin-top:84px}
.skills{margin-top:56px}
.skills>h2{margin:0 0 10px}
.skills>p{max-width:72ch}
.skills .lib-item h3{font-size:1.2rem;margin:0 0 8px;line-height:1.3}
.skills .lib-item p{margin:0 0 8px}
.skills .lib-item .btn{margin-top:6px}
.skills .lib-item.featured{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}