/* mensuel.net — feuille de style unique (aucune police externe, aucune image bloquante) */
:root{--bg:#fbfaf7;--sf:#fff;--tx:#1b1f2a;--mu:#5b6170;--ln:#e4e1d8;--ac:#b4400a;--ac2:#fdf0e7;--in:#14213d;--we:#f4f2ec;--fe:#fde2d0;--ok:#1d6b45;--r:10px;--w:1120px;color-scheme:light}
@media (prefers-color-scheme:dark){:root{--bg:#12141a;--sf:#1a1d25;--tx:#ecebe6;--mu:#a3a7b3;--ln:#2c303b;--ac:#ff8a4c;--ac2:#2a1e17;--in:#ecebe6;--we:#1f222b;--fe:#4a2a17;--ok:#5fd29a;color-scheme:dark}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
a{color:var(--ac);text-underline-offset:2px}
a:hover{text-decoration-thickness:2px}
img,svg{max-width:100%;height:auto}
h1,h2,h3{line-height:1.2;color:var(--in);letter-spacing:-.01em}
h1{font-size:clamp(1.75rem,4vw,2.5rem);margin:.4em 0 .4em}
h2{font-size:clamp(1.3rem,2.6vw,1.65rem);margin:2em 0 .6em}
h3{font-size:1.1rem;margin:1.5em 0 .4em}
p,ul,ol{margin:0 0 1em}
.wrap{max-width:var(--w);margin:0 auto;padding:0 16px}
.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:8px;background:var(--sf);padding:8px;z-index:9}
/* En-tête */
.hd{background:var(--sf);border-bottom:1px solid var(--ln)}
.hd .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px 24px;padding-top:10px;padding-bottom:10px}
.logo{display:flex;align-items:center;gap:8px;font-weight:800;font-size:1.15rem;color:var(--in);text-decoration:none}
.logo b{color:var(--ac)}
.nav{display:flex;flex-wrap:wrap;gap:2px 4px;margin:0;padding:0;list-style:none;font-size:.95rem}
.nav a{display:block;padding:6px 9px;border-radius:6px;color:var(--tx);text-decoration:none}
.nav a:hover,.nav a[aria-current]{background:var(--ac2);color:var(--ac)}
/* Fil d'Ariane */
.bc{font-size:.85rem;color:var(--mu);margin:14px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap}
.bc li+li::before{content:"›";margin:0 6px}
.bc a{color:var(--mu)}
/* Contenu */
main{padding-bottom:48px}
.lead{font-size:1.1rem;color:var(--mu);max-width:70ch}
.prose{max-width:75ch}
.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:18px}
.card h2,.card h3{margin-top:0}
a.card{display:block;color:var(--tx);text-decoration:none;transition:border-color .15s}
a.card:hover{border-color:var(--ac)}
a.card strong{color:var(--in);display:block;margin-bottom:4px;font-size:1.05rem}
.kpi{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:16px 0}
.kpi div{background:var(--sf);border:1px solid var(--ln);border-left:4px solid var(--ac);border-radius:8px;padding:12px 14px}
.kpi span{display:block;font-size:.85rem;color:var(--mu)}
.kpi strong{font-size:1.45rem;color:var(--in);font-variant-numeric:tabular-nums}
.note{background:var(--ac2);border-radius:8px;padding:12px 16px;font-size:.95rem}
.muted{color:var(--mu);font-size:.9rem}
table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}
.tbl{overflow-x:auto;margin:0 0 1.2em}
.tbl table{min-width:420px;background:var(--sf)}
.tbl th,.tbl td{border:1px solid var(--ln);padding:8px 10px;text-align:left}
.tbl thead th{background:var(--we);font-weight:600}
.tbl td.n,.tbl th.n{text-align:right}
.links{columns:2 220px;padding-left:1.1em}
.links li{break-inside:avoid;margin-bottom:4px}
.chips{display:flex;flex-wrap:wrap;gap:6px;padding:0;list-style:none}
.chips a{display:inline-block;padding:4px 10px;border:1px solid var(--ln);border-radius:20px;background:var(--sf);text-decoration:none;font-size:.9rem}
.chips a:hover,.chips a[aria-current]{border-color:var(--ac)}
details{border:1px solid var(--ln);border-radius:8px;background:var(--sf);padding:0 14px;margin-bottom:8px}
summary{cursor:pointer;font-weight:600;padding:12px 0}
details p{margin-top:0}
/* Formulaires / outils */
.tool{background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);padding:18px;margin:16px 0}
.tool h2{margin:1.2em 0 .5em;font-size:1.15rem}.tool>h2:first-child{margin-top:0}
.fields{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
label{display:block;font-size:.9rem;font-weight:600;margin-bottom:4px}
input,select{width:100%;font:inherit;padding:9px 10px;border:1px solid var(--ln);border-radius:7px;background:var(--bg);color:var(--tx)}
input:focus,select:focus,button:focus-visible,a:focus-visible{outline:2px solid var(--ac);outline-offset:2px}
.btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-weight:600;padding:9px 16px;border-radius:7px;border:1px solid var(--ac);background:var(--ac);color:#fff;cursor:pointer;text-decoration:none}
.btn.alt{background:transparent;color:var(--ac)}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.out{margin-top:14px}
output{font-variant-numeric:tabular-nums}
/* Calendrier */
.cal{width:100%;table-layout:fixed;background:var(--sf);border:1px solid var(--ln);border-radius:var(--r);overflow:hidden}
.cal caption{font-weight:700;font-size:1.15rem;padding:10px;color:var(--in);text-transform:capitalize}
.cal th{font-size:.8rem;color:var(--mu);font-weight:600;padding:6px 2px;text-align:center;border-bottom:1px solid var(--ln)}
.cal td{height:64px;vertical-align:top;padding:6px;border:1px solid var(--ln);font-variant-numeric:tabular-nums}
.cal td.wk,.cal th.wk{width:36px;font-size:.72rem;color:var(--mu);text-align:center;background:var(--we)}
.cal td.o{color:transparent;background:var(--we)}
.cal td.we{background:var(--we)}
.cal td.f{background:var(--fe)}
.cal td small{display:block;font-size:.7rem;line-height:1.2;color:var(--ac);margin-top:2px}
.cal td.today{outline:3px solid var(--ac);outline-offset:-3px;font-weight:800}
.calbox{min-height:470px}
.calnav{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:8px 0}
.mini{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.mini .cal td{height:auto;padding:3px;text-align:center;font-size:.85rem}
.mini .cal caption{font-size:1rem;padding:6px}
.mini .cal caption a{color:var(--in)}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.85rem;color:var(--mu);margin:8px 0}
.legend i{display:inline-block;width:12px;height:12px;border-radius:3px;vertical-align:-1px;margin-right:4px;border:1px solid var(--ln)}
.plan td{height:96px}
.plan td span{display:block;border-bottom:1px dotted var(--ln);height:18px}
.pil th,.pil td{border:1px solid var(--ln);padding:4px;text-align:center;font-size:.8rem;min-width:22px}
.pil td:first-child{text-align:left;min-width:120px}
/* Pied de page */
.ft{border-top:1px solid var(--ln);background:var(--sf);padding:32px 0 24px;font-size:.92rem}
.ft .grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}
.ft h2{font-size:1rem;margin:0 0 8px}
.ft ul{list-style:none;padding:0;margin:0}
.ft li{margin-bottom:4px}
.ft a{color:var(--tx)}
.ft .muted{margin-top:20px}
@media (max-width:600px){.kpi strong{font-size:1.2rem}.cal td{height:48px;padding:3px;font-size:.85rem}.cal td small{display:none}.cal td.wk,.cal th.wk{width:24px}.calbox{min-height:380px}}
/* Impression : calendrier ou planning seul, A4 paysage */
@media print{
@page{size:A4 landscape;margin:10mm}
:root{--bg:#fff;--sf:#fff;--tx:#000;--ln:#999;--we:#f2f2f2;--fe:#e6e6e6}
.hd,.ft,.bc,.noprint,.btn,nav,details,.chips{display:none!important}
body{font-size:12pt}
.cal{border:1px solid #000}.cal td{height:22mm}
.mini .cal td{height:auto}
a{color:#000;text-decoration:none}
h2,h3{break-after:avoid}.cal,.mini>*{break-inside:avoid}
}
[data-today-text]{min-height:1.65em}