:root{--teal:#0a4750;--deep:#07353c;--red:#e84b3b;--ink:#16383c;--muted:#536a6b;--line:#d9e4e2;--paper:#f4f7f5;--white:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);line-height:1.6}*{box-sizing:border-box}body{margin:0}main a,.footer a,.skip{color:var(--teal);text-underline-offset:4px}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #de9328;outline-offset:4px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:20px;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}.header{background:white;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.logo img{width:190px;height:auto;display:block}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:.94rem;font-weight:650;text-decoration:none}.nav a[aria-current]{border-bottom:2px solid var(--red)}.hero{position:relative;isolation:isolate;color:white;background:var(--deep);overflow:hidden}.hero picture,.hero picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,43,48,.94),rgba(4,43,48,.7) 45%,rgba(4,43,48,.12))}.hero .wrap{padding-top:65px;padding-bottom:78px;min-height:480px}.hero h1{font-size:clamp(2.25rem,4.5vw,3.75rem);line-height:1.08;letter-spacing:-.045em;max-width:760px;margin:20px 0 24px}.hero .intro{max-width:620px;font-size:1.13rem;color:#e0eded}.eyebrow{font-size:.77rem;text-transform:uppercase;letter-spacing:.15em;font-weight:750}.crumbs{font-size:.86rem}.crumbs a{color:inherit}.pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #d3e2df;border-radius:30px;padding:5px 13px;font-size:.78rem;font-weight:700}.pill.live{background:#e6f1eb;color:#1b6144}.pill.soon{color:#627171;background:#f0f3f2}.button{border:0;border-radius:8px;padding:13px 20px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;font-weight:700;background:var(--red);color:white}.button.secondary{background:white;border:1px solid var(--line);color:var(--teal)}.button:disabled{cursor:not-allowed;opacity:.5}.hero .button{margin-top:15px}.section{padding:64px 0}.section.soft{background:var(--paper)}main h2{font-size:clamp(1.65rem,3vw,2.25rem);letter-spacing:-.03em;line-height:1.2;margin:10px 0 18px}main h3{line-height:1.3;margin:15px 0 12px}.section-lead{max-width:720px;color:var(--muted);margin:0 0 30px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.card{border:1px solid var(--line);background:white;padding:28px;border-radius:14px;display:flex;flex-direction:column;align-items:flex-start}.card.featured{border-top:4px solid var(--teal)}.card p{color:var(--muted);margin:0 0 24px}.card .button,.card .later{margin-top:auto}.card .index{font-size:.8rem;letter-spacing:.12em;color:var(--muted)}.later{font-size:.88rem;color:var(--muted)}.assurances{display:flex;flex-wrap:wrap;gap:12px 30px;padding:22px 0;font-size:.88rem}.assurances span:before{content:'✓';color:#2c7554;margin-right:8px}.calc-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:32px;align-items:start}.panel{border:1px solid var(--line);border-radius:14px;padding:30px;background:white;min-width:0}.panel h2{font-size:1.45rem;margin-top:0}fieldset{border:0;padding:0;margin:0 0 28px;min-width:0}legend{font-size:1.1rem;font-weight:750;margin-bottom:15px}.number-step{color:#8a9d9c;font-size:.8rem;margin-right:10px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-weight:650;font-size:.92rem}input[type=number],select{width:100%;border:1px solid #aabfbb;border-radius:7px;padding:11px 12px;margin-top:7px;background:white;color:var(--ink);min-height:48px}input[type=checkbox]{accent-color:var(--teal);width:19px;height:19px;vertical-align:middle;margin-right:9px}.field-help{display:block;font-size:.8rem;color:var(--muted);font-weight:400;margin-top:5px}.presets{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.presets button{background:var(--paper);border:1px solid var(--line);border-radius:6px;min-height:44px;padding:7px 12px;color:var(--teal);cursor:pointer}.usage{display:grid;grid-template-columns:minmax(0,1fr) 115px;gap:15px;align-items:center;border-top:1px solid var(--line);padding:13px 0}.usage label{font-weight:600}.usage .amount label{font-size:.75rem;color:var(--muted)}.usage .amount input{margin:0}.note{padding:17px 20px;border-left:3px solid var(--teal);background:#edf5f2;font-size:.9rem;border-radius:0 8px 8px 0}.warning{background:#fff5df;border-color:#bf8627}.results{position:sticky;top:20px;background:var(--deep);color:white;border-color:var(--deep)}.results .muted{color:#c3d9d8}.big{font-size:3.25rem;font-weight:780;letter-spacing:-.05em;line-height:1.1;margin:14px 0}.result-label{font-size:.87rem;color:#d0e2df}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.result-grid strong{display:block;font-size:1.5rem;line-height:1.3}.results dl{margin:22px 0}.results dl div{display:flex;gap:16px;justify-content:space-between;border-bottom:1px solid #31575c;padding:9px 0;font-size:.9rem}.results dt{color:#d0e2df}.results dd{margin:0;white-space:nowrap}.results .note{background:#164c55;border-color:#6baca9}.results h3{font-size:1.05rem}.results .button{width:100%;margin-top:16px}.error{color:#a2241d;font-weight:650}.form-actions{display:flex;flex-wrap:wrap;gap:10px}.body-copy{max-width:860px}.body-copy p,.body-copy li{color:var(--muted)}.body-copy details{border-top:1px solid var(--line);padding:18px 0}.body-copy summary{font-weight:700;cursor:pointer}.source-list{font-size:.9rem}.footer{background:var(--deep);color:#d6e6e3;padding:40px 0;font-size:.88rem}.footer a{color:inherit}.footer strong{color:white;font-size:1.2rem}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.print-only{display:none}[hidden]{display:none!important}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.calc-layout{grid-template-columns:1fr}.results{position:static}.hero .wrap{min-height:430px}.nav{gap:14px}}@media(max-width:600px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:76px;flex-wrap:wrap;padding:14px 0;gap:14px}.logo img{width:158px}.nav{width:100%;justify-content:space-between;gap:10px}.nav a{font-size:.85rem}.hero .wrap{padding-top:35px;padding-bottom:42px;min-height:440px}.hero:after{background:rgba(4,43,48,.78)}.hero h1{max-width:100%;font-size:2.5rem}.hero .intro{font-size:1rem}.section{padding:42px 0}.cards,.fields{grid-template-columns:1fr}.panel{padding:22px}.usage{grid-template-columns:minmax(0,1fr) 95px}.big{font-size:3rem}.assurances{gap:10px}.form-actions .button{width:100%}}@media print{.header,.footer,.hero picture,.hero:after,.no-print,.presets,.form-actions,#water-form,.assurances{display:none!important}.hero{background:white;color:black}.hero .wrap{min-height:0;padding:0}.hero h1{font-size:26pt;margin:10px 0}.hero .intro,.crumbs{display:none}.section{padding:10px 0;background:white!important}.calc-layout{display:block}.results{position:static;color:black;background:white;border:1px solid #777}.results .muted,.result-label,.results dt{color:#333}.results .note{background:white;color:black}.results dd,.results dt{font-size:10pt}.print-only{display:block}.wrap{width:100%}.results dl div{border-color:#aaa}a{color:black}h2,h3{break-after:avoid}.panel{break-inside:avoid}.big{font-size:30pt}.body-copy details{display:none}}

/* Garder le style des outils lorsque le menu canonique charge les bases Tailwind. */
.hero h1{font-weight:750}main h2,main h3{font-weight:700}
header{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}

/* Le pied de page utilise exclusivement les styles canoniques de l’accueil. */
body>footer{line-height:1.5}

/* Espacement commun des calculateurs. */
main .panel > .note{margin-block:20px}main .panel > .form-actions{margin-top:24px}main .note + .form-actions,main .note + .button,main .note + button{margin-top:24px}main .form-actions{gap:12px}main .form-actions + .note{margin-top:24px}main .note + .fields,main .note + form{margin-top:24px}main .panel > p + .fields{margin-top:20px}
/* Repères communs : même structure et mêmes repères visuels sur chaque outil. */
.tool-guide.body-copy{max-width:1180px}.tool-guide>.eyebrow{color:var(--teal);margin-bottom:12px}.tool-guide>.section-lead{max-width:760px}.guide-nav{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}.guide-nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:white;color:var(--teal);font-size:.88rem;font-weight:650;text-decoration:none}.guide-nav a:hover{background:#e7f1ee;border-color:#81a6a0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.guide-card{min-width:0;padding:30px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 5px 20px rgb(7 53 60 / 4%);scroll-margin-top:100px}.guide-card.guide-method,.guide-card.guide-faq{grid-column:1/-1}.guide-card.guide-method{border-top:4px solid var(--teal)}.guide-card.guide-limits{background:#fff9ec;border-color:#e7d3a4}.guide-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;background:#e8f2ef;color:var(--teal);font-size:.85rem;font-weight:750;margin-bottom:16px}.guide-limits .guide-number{background:#f6e8c5;color:#785319}.guide-card h3{font-size:1.35rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 20px;font-weight:750}.guide-card .guide-subtitle{font-size:1rem;color:var(--ink);font-weight:700;line-height:1.4;margin:22px 0 12px}.guide-card h3+.guide-subtitle{margin-top:0}.guide-card p{margin:14px 0;line-height:1.75}.guide-card p:last-child{margin-bottom:0}.guide-card ul,.guide-card ol{padding-left:1.25rem;margin:16px 0}.guide-card ul{list-style:disc}.guide-card ol{list-style:decimal}.guide-card li{padding-left:5px;margin:12px 0;line-height:1.7}.guide-card a{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:3px}.guide-card .source-list{padding-left:0;list-style:none}.guide-card .source-list li{padding:16px;border:1px solid var(--line);border-radius:10px;background:var(--paper);margin:12px 0}.guide-card details{border:1px solid var(--line);border-radius:10px;padding:0;margin:12px 0;background:white;overflow:hidden}.guide-card summary{padding:18px 20px;line-height:1.5;min-height:56px;color:var(--teal)}.guide-card details[open] summary{border-bottom:1px solid var(--line);background:#f4f8f6}.guide-card details>p,.guide-card details>div{margin:18px 20px}.guide-card details table{max-width:100%}.guide-card table{width:100%}.guide-next{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}.guide-next p{display:flex;flex-wrap:wrap;gap:12px;line-height:1.8}.guide-next a{font-weight:650}.guide-card .table-wrap,.guide-card .food-table-wrap{overflow-x:auto}
@media(max-width:700px){.guide-grid{grid-template-columns:1fr;gap:18px}.guide-card{padding:22px}.guide-card h3{font-size:1.22rem}.guide-nav{gap:8px}.guide-nav a{font-size:.8rem;padding:9px 12px}.guide-card summary{padding:16px}.guide-card details>p,.guide-card details>div{margin:16px}.guide-card.guide-method,.guide-card.guide-faq{grid-column:auto}}
@media print{.guide-nav{display:none}.guide-grid{display:block}.guide-card{box-shadow:none;margin:15px 0;border-color:#999;background:white!important}.guide-card p,.guide-card li{color:#222}.guide-number{background:white;border:1px solid #999}.guide-next{display:none}}

/* Respiration des notes explicatives avant les champs et panneaux suivants. */
main .note{margin-block:20px}

/* Tableau de comparaison des averses : alignement identique des titres et valeurs. */
.guide-method table:has(#rain-comparison){table-layout:fixed;border:1px solid var(--line);margin:22px 0}.guide-method table:has(#rain-comparison) th,.guide-method table:has(#rain-comparison) td{text-align:left;vertical-align:middle;padding:14px 16px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.guide-method table:has(#rain-comparison) th{background:#e8f2ef;color:var(--teal);font-weight:700;line-height:1.5}.guide-method #rain-comparison td{white-space:nowrap}.guide-method #rain-comparison tr:nth-child(even){background:#f7faf8}@media(max-width:600px){.guide-method table:has(#rain-comparison) th,.guide-method table:has(#rain-comparison) td{padding:12px 8px;font-size:.82rem}}