/* ITIWE · cadre commun des pages secondaires (lectures, articles).
   Même grammaire que la page d'attente. En-tête et pied écrits dans chaque page, sans JS. */
.cadre-skip{position:absolute;left:-9999px;top:0;z-index:100;background:#1B1B1B;color:#F4EFE6;padding:12px 18px;font:500 13px/1 'JetBrains Mono',ui-monospace,monospace;text-decoration:none}
.cadre-skip:focus{left:0}
.cadre-top{position:sticky;top:0;z-index:50;background:#F4EFE6;border-bottom:1px solid #D8D0BF}
.cadre-in{max-width:1220px;margin:0 auto;padding:0 clamp(24px,6vw,104px);display:flex;align-items:center;justify-content:space-between;gap:24px}
.cadre-top .cadre-in{height:72px}
.cadre-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1B1B1B}
.cadre-brand svg{display:block;width:21px;height:auto}
.cadre-brand span{font:italic 500 23px/1 'Newsreader',Georgia,serif;letter-spacing:-.01em}
.cadre-brand:hover{color:#1B1B1B}
.cadre-top nav{display:flex;align-items:center;gap:20px}
.cadre-top nav a{font:500 11px/1 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#55524C;padding:6px 0;border-bottom:1px solid transparent}
.cadre-top nav a:hover{color:#1F3A5F}
.cadre-top nav a[aria-current="page"]{color:#1B1B1B;border-bottom-color:#1F3A5F}
.cadre-foot{border-top:1px solid #D8D0BF;background:#EDE6D8;margin-top:clamp(64px,8vw,112px)}
.cadre-foot .cadre-in{flex-wrap:wrap;align-items:baseline;justify-content:flex-start;gap:10px 28px;padding-top:26px;padding-bottom:38px}
.cadre-foot a,.cadre-foot span{font:500 11px/1.4 'JetBrains Mono',ui-monospace,monospace;letter-spacing:.13em;text-transform:uppercase}
.cadre-foot a{color:#55524C;text-decoration:none;border-bottom:1px solid #D8D0BF}
.cadre-foot a:hover{color:#1F3A5F;border-bottom-color:#1F3A5F}
.cadre-foot .cadre-copy{color:#6E6A63;margin-left:auto}
@media(max-width:480px){.cadre-top nav a{font-size:10px;letter-spacing:.1em}.cadre-top nav{gap:14px}.cadre-foot .cadre-copy{margin-left:0;flex-basis:100%}}