/* Kit Frontalier : palette chaude, cartes arrondies. Encre #2b3a55, terracotta, moutarde, sauge. */
:root{color-scheme:only light;--bg:#fbf7f1;--card:#fff;--ink:#26303f;--muted:#5a6170;--line:#ebe3d7;--accent:#a8432a;--accent-2:#d9704f;--accent-weak:#fbeee7;--sun:#e8b04b;--sun-weak:#fdf3dc;--sage:#3f6b4e;--sage-weak:#e6f0e8;--ok:#2f6b45;--warn:#8f5200;--bad:#b3261e;--radius:18px;--shadow:0 1px 2px rgba(60,40,20,.05),0 6px 18px rgba(60,40,20,.06)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)}
a{color:var(--accent);text-underline-offset:.15em}a:hover{text-decoration:none}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--sun);outline-offset:2px}
header.site{background:var(--card);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between;padding:.9rem 1.2rem}
.brand{font-weight:750;color:var(--ink);text-decoration:none;font-size:1.15rem;letter-spacing:-.01em}.brand span{color:var(--accent-2)}
.brand::before{content:"";display:inline-block;width:.7em;height:.7em;border-radius:50%;background:var(--sun);margin-right:.45em;vertical-align:.02em}
nav.main{display:flex;flex-wrap:wrap;gap:.2rem .4rem}nav.main a{text-decoration:none;color:var(--muted);font-size:.95rem;padding:.25rem .7rem;border-radius:999px}nav.main a:hover{color:var(--accent);background:var(--accent-weak)}
.wrap{max-width:980px;margin:0 auto;padding:0 1.2rem}
main{padding:2rem 0 3.5rem}
h1{font-size:2rem;line-height:1.22;margin:.3rem 0 .7rem;letter-spacing:-.015em}h2{font-size:1.38rem;margin:2.4rem 0 .7rem}h3{font-size:1.12rem;margin:1.5rem 0 .4rem}
.lead{font-size:1.1rem;color:var(--muted);margin-top:0}
.hello{color:var(--sage);font-weight:600;margin:.4rem 0 1rem}
.ill{display:block;height:auto;max-width:100%}
.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem 2.5rem;align-items:center;background:linear-gradient(180deg,#fff 0%,var(--sun-weak) 100%);border:1px solid var(--line);border-radius:28px;padding:2rem 2.2rem;margin-bottom:1rem}
.hero h1{font-size:2.2rem}.hero-ill{width:100%;max-width:380px;justify-self:end}
.page-head{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;margin-bottom:.4rem}
.page-head-txt{flex:1 1 auto;min-width:0}.head-ill{flex:0 0 190px;width:190px}
h2.section{margin-top:2.6rem}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:1.4rem 1.5rem;margin:1.2rem 0;box-shadow:var(--shadow)}
.grid{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid>.card{margin:0}
.tool-card{display:block;text-decoration:none;color:inherit;transition:transform .15s ease,border-color .15s ease}.tool-card:hover{border-color:var(--accent-2);transform:translateY(-2px)}
.tool-card h3{margin-top:.4rem;color:var(--accent)}.card-ill{width:120px;margin:0 0 .2rem}
.guide-list{list-style:none;padding:0;display:grid;gap:.5rem}.guide-list li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:.7rem 1rem}
.guide-list li::before{content:"→";color:var(--accent-2);margin-right:.5rem;font-weight:700}
.disclaimer{background:var(--sun-weak);border:1px solid #efd9a6;border-radius:var(--radius);padding:1rem 1.2rem;font-size:.93rem;margin:1.6rem 0}
.notice{background:var(--accent-weak);border-radius:var(--radius);padding:.9rem 1.1rem;font-size:.95rem}
label{display:block;font-weight:600;font-size:.93rem;margin:.7rem 0 .3rem}
input,select{font:inherit;padding:.55rem .75rem;border:1px solid #d8cfc2;border-radius:12px;background:#fff;width:100%;max-width:100%}
.row{display:flex;flex-wrap:wrap;gap:.9rem}.row>div{flex:1 1 180px;min-width:0}
.check{display:flex;gap:.5rem;align-items:flex-start;font-weight:400}.check input{width:auto;margin-top:.35rem}
button{font:inherit;padding:.6rem 1.2rem;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer}
button:hover{background:#8f3822}button.secondary{background:#fff;color:var(--accent)}button.secondary:hover{background:var(--accent-weak)}
button.link{background:none;border:none;color:var(--bad);padding:0 .3rem}
.actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem;align-items:center}
.result{font-size:1.05rem}.big{font-size:2.3rem;font-weight:750;line-height:1.1;margin:.3rem 0}
.status-ok{color:var(--ok)}.status-alerte{color:var(--warn)}.status-depasse{color:var(--bad)}
.bar{height:14px;border-radius:999px;background:#f1e9dd;overflow:hidden;margin:.7rem 0}.bar>i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--sage),var(--sun))}
.table-wrap{overflow-x:auto}
table{border-collapse:collapse;width:100%;font-size:.95rem;background:#fff}
th,td{border-bottom:1px solid var(--line);padding:.5rem .55rem;text-align:left;vertical-align:top}
th{font-size:.85rem;color:var(--muted);font-weight:600}
td.num{text-align:right;font-variant-numeric:tabular-nums}
.yes{color:var(--ok);font-weight:600}.no{color:#7d8390}.maybe{color:var(--warn);font-weight:600}.diff{background:var(--sun-weak)}
.empty{display:flex;gap:.9rem;align-items:center;padding:.6rem .2rem;color:var(--muted)}.empty p{margin:0}.empty-ico{flex:0 0 48px;width:48px;height:48px}
.sources{font-size:.92rem}.sources li{margin:.3rem 0}
.small{font-size:.9rem;color:var(--muted)}
footer.site{border-top:1px solid var(--line);background:var(--card);padding:1.5rem 0;font-size:.9rem;color:var(--muted)}
footer.site a{color:var(--muted)}
.months{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:.5rem;margin-top:.8rem}
.months div{background:var(--sage-weak);border-radius:12px;padding:.35rem;text-align:center;font-size:.85rem}.months b{display:block;font-size:1.1rem}
.regle,.choix,.limites{border-radius:16px;padding:.9rem 1.15rem;margin:1.2rem 0;border:1px solid transparent}
.regle{background:var(--sage-weak);border-color:#cfe0d4}
.choix{background:var(--sun-weak);border-color:#efd9a6}
.limites{background:#f3efe9;border-color:#e2dacd}
.regle>.tag,.choix>.tag,.limites>.tag{display:flex;align-items:center;gap:.45rem;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem}
.tag .ico{width:1.35rem;height:1.35rem;flex:0 0 auto}
.regle>.tag{color:var(--ok)}.choix>.tag{color:var(--warn)}.limites>.tag{color:var(--muted)}
.src{font-size:.84rem;color:var(--muted);white-space:normal}.src a{color:var(--muted)}
@media (max-width:700px){
 body{font-size:16px}h1,.hero h1{font-size:1.6rem}
 .hero{grid-template-columns:1fr;padding:1.4rem 1.2rem;border-radius:22px}.hero-ill{justify-self:center;max-width:300px}
 .page-head{flex-direction:column-reverse;align-items:flex-start;gap:.3rem}.head-ill{width:140px;flex-basis:auto}
 .card{padding:1.1rem 1.1rem}
}
@media print{header.site,footer.site,.actions,.no-print,.ill{display:none}body{background:#fff}.card{border:none;box-shadow:none}}