/* sans-js.css — the page as text (step 1.12): read by Google and the AIs, and shown to a visitor whose browser does not
   run the instrument (no JavaScript, a missing file, an error, an old browser). Served apart from site.css.
   Code organised in numbered sections (cahier §9.4). */

/* 01 WHEN THE TEXT SHOWS — only while html has no data-js. The boot script sets data-js="attente" at once (the page
   stays hidden, as before); main.js sets "pret" when the instrument runs, and the text stays in the page, hidden.
   If the instrument never starts, the boot script takes data-js away after 3 s at the latest: the text comes back. */
html[data-js] .texte{display:none}
html:not([data-js]),html:not([data-js]) body{height:auto}
html:not([data-js]) body{overflow:auto}
html:not([data-js]) body>:not(.texte){display:none!important}

/* 02 THE PAGE — sober, one column that scrolls, with the fonts and colours of the site */
.texte{max-width:38rem;margin:0 auto;padding:20px 16px 40px;padding:calc(env(safe-area-inset-top,0px) + 20px) 16px calc(env(safe-area-inset-bottom,0px) + 40px);font:400 var(--fs-17)/1.55 var(--font-text);color:var(--ink)}
.texte a{color:inherit;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--line)}
.texte h1{margin:28px 0 10px;font:400 var(--fs-36)/1.1 var(--font-display)}
.texte h2{margin:24px 0 6px;font:500 var(--fs-20)/1.25 var(--font-display)}
.texte p{margin:0 0 10px}
.texte dl{margin:0}
.texte dt{color:var(--muted);font-size:var(--fs-15)}
.texte dd{margin:0 0 8px}

/* 03 THE HEAD OF THE PAGE — the name, the role, the menu, FR/EN */
.tx-entete{padding-bottom:6px;border-bottom:1px solid var(--line)}
.tx-nom{margin:0;font:400 var(--fs-20)/1.2 var(--font-display)}
.tx-nom a{text-decoration:none}
.tx-role{color:var(--muted)}
.tx-menu,.tx-langue{margin:0;font:400 var(--fs-12)/1.4 var(--font-mono);letter-spacing:.12em;color:var(--muted)}
.tx-menu a,.tx-langue a{display:inline-block;padding:14px 4px;text-decoration:none}   /* 44 px to touch */
.tx-menu a[aria-current="page"],.tx-langue a[aria-current="true"]{color:var(--accent-text)}

/* 04 LISTS, LINES, LINKS */
.tx-liste{list-style:none;margin:0;padding:0}
.tx-liste>li{padding:14px 0;border-top:1px solid var(--line)}
.tx-liste h2{margin-top:4px}
.tx-surtitre,.tx-date{margin:0;font:400 var(--fs-12)/1.4 var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-text)}
.tx-statut{color:var(--status)}
.tx-chapeau{font-size:var(--fs-20);line-height:1.4}
.tx-meta{color:var(--muted);font-size:var(--fs-15)}
.tx-liens a{display:inline-block;margin-right:16px;padding:14px 0;font:400 var(--fs-12)/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase}
.tx-pied{margin-top:32px;padding-top:6px;border-top:1px solid var(--line);font-size:var(--fs-12);color:var(--muted)}