:root{color-scheme:light;--paper:#f8fbfb;--ink:#143e3a;--accent:#257260;--line:#c8dcd6;--stage:#e3f0ed;font-family:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-size:18px;line-height:1.62}a{color:var(--accent);text-underline-offset:.18em}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:.5rem;z-index:2}.shell{max-width:1000px;margin:auto;padding:0 24px}.bar{border-bottom:1px solid var(--line)}.bar .shell{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px;padding-bottom:20px}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:700;text-decoration:none}.brand img{width:38px;height:38px;border-radius:9px}.lang{font-size:.9rem}.hero{padding:clamp(42px,8vw,100px) 0 44px}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:700;color:var(--accent)}h1{font-size:clamp(2.4rem,6vw,4.5rem);line-height:1.08;letter-spacing:-.045em;max-width:15ch;margin:.2em 0}.lead{font-size:clamp(1.08rem,2vw,1.35rem);max-width:62ch}.button{display:inline-block;background:var(--accent);color:white;border-radius:12px;padding:12px 20px;font-weight:700;text-decoration:none}.intro{background:var(--stage);border-radius:18px;padding:clamp(20px,4vw,36px);margin-bottom:42px}.intro p{margin:0}.guide h2{font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.2;margin:2.2em 0 .55em}.guide p,.guide ul{max-width:70ch}.guide li{margin:.5em 0}.schedule{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.schedule th,.schedule td{text-align:left;border-bottom:1px solid var(--line);padding:12px 15px;vertical-align:top}.schedule th{background:var(--stage);font-size:.88rem}.callout{border-left:5px solid var(--accent);background:var(--stage);padding:16px 22px;margin:2rem 0}.next{background:var(--ink);color:white;border-radius:18px;padding:clamp(24px,5vw,44px);margin:3rem 0}.next h2{margin:0 0 .4em}.next p{max-width:60ch}.next a{color:white}.next .button{background:white;color:var(--ink)}footer{border-top:1px solid var(--line);padding:30px 0 50px;font-size:.86rem}.footer-links{display:flex;gap:20px;flex-wrap:wrap}@media(max-width:600px){body{font-size:16px}.bar .shell{align-items:flex-start}.schedule{display:block;overflow-x:auto}.schedule th,.schedule td{min-width:120px}.hero{padding-top:48px}}
@media(max-width:600px){.schedule{display:table;border:0;background:transparent}.schedule thead{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden}.schedule tbody{display:grid;gap:12px}.schedule tr{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden}.schedule td{display:block;min-width:0;border:0;padding:10px 14px}.schedule td:first-child{grid-column:1/-1;background:var(--stage);font-weight:700}.schedule td:last-child{grid-column:1/-1;border-top:1px solid var(--line)}.schedule td:not(:first-child)::before{display:block;color:var(--accent);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}html[lang="fr-FR"] .schedule td:nth-child(2)::before{content:"Pièce"}html[lang="fr-FR"] .schedule td:nth-child(3)::before{content:"Responsable"}html[lang="fr-FR"] .schedule td:nth-child(4)::before{content:"Échéance"}html[lang="en-US"] .schedule td:nth-child(2)::before{content:"Room"}html[lang="en-US"] .schedule td:nth-child(3)::before{content:"Person"}html[lang="en-US"] .schedule td:nth-child(4)::before{content:"Due"}}