/* Hallmark · macrostructure: 06 Conversational FAQ · genre: editorial · theme: Studio · anchor hue: mineral green
 * nav: N9 edge-aligned (one Comparer link) · footer: Ft1 mast-headed · H9: small original educational SVG, static
 * Bodoni Moda roman 700 + IBM Plex Sans 400/600 · local source review; public browser QA belongs to root
 * Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V5 (source-only) · contrast: pass (40–41, computed minimum 7.68:1)
 * Root public homepage QA: 320/375/414/768/1280/1920px tested without horizontal overflow; punctuation polish awaits recheck.
 * Honest copy, original SVGs, semantic tokens and routing reviewed; article checks and final gates remain ongoing.
 * No invented testing, rankings, reviews, catalogue, medical claim, checkout or newsletter.
 */
/*
Theme Name: Eau Gazeuse Guide
Description: Comparatifs documentaires et guides sur les eaux gazeuses et les machines à gazéifier.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: eau-gazeuse-guide
License: GPL-2.0-or-later
*/
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/bodoni-moda-700-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Bodoni Moda';font-style:normal;font-weight:700;font-display:swap;src:url('assets/fonts/bodoni-moda-700-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:400;font-display:swap;src:url('assets/fonts/ibm-plex-sans-400.woff2') format('woff2')}
@font-face{font-family:'IBM Plex Sans';font-style:normal;font-weight:600;font-display:swap;src:url('assets/fonts/ibm-plex-sans-600.woff2') format('woff2')}
*,*::before,*::after{box-sizing:border-box}
html,body{overflow-x:clip}
html{scroll-padding-block-start:var(--space-lg)}
body{margin:0;background:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-weight:400;font-size:var(--text-base);line-height:1.65;font-synthesis:none}
img,svg,video{max-width:100%;height:auto}img{display:block}
a{color:var(--color-accent);text-underline-offset:var(--rule-underline-offset)}
:where(a,summary,button,input,textarea,select):focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}
a:active,summary:active{opacity:.75}
a[aria-disabled=true],summary[aria-disabled=true],button:disabled{color:var(--color-muted);cursor:not-allowed;opacity:.6}
:where(h1,h2,h3,h4,h5,h6){font-family:var(--font-display);font-size:var(--text-xl);font-style:normal;font-weight:700;line-height:1.15;letter-spacing:-.02em;overflow-wrap:anywhere;min-width:0}
:where(h1,h2,h3,h4,h5,h6) em{font-style:normal}
h1{font-size:var(--text-display)}h3{font-size:var(--text-lg)}
.wrap{width:min(calc(100% - var(--space-lg)),70rem);margin-inline:auto;min-width:0}
.site-header{padding-block:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}
.brand{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-ink);line-height:1;white-space:nowrap;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.text-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2xs);min-height:44px;line-height:1;white-space:nowrap;text-decoration:none}
.button{padding:var(--space-xs) var(--space-md);background:var(--color-paper);color:var(--color-accent);border:var(--rule-hair) solid var(--color-accent);border-radius:var(--radius-button);transition:transform var(--dur-micro) var(--ease-out)}
.button:active{transform:translateY(1px);opacity:1}
.button[aria-disabled=true]{transform:none;border-color:var(--color-rule)}
.arrow-icon{width:1.15em;height:1.15em;flex-shrink:0}
.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);align-items:center;padding-block:var(--space-xl) var(--space-2xl)}
.hero h1{max-width:14ch;margin-block:0 var(--space-md);line-height:1.1}
.hero .lede{max-width:65ch;margin-block:0 var(--space-md);color:var(--color-muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}
.hero-note{max-width:65ch;color:var(--color-muted);font-size:var(--text-sm);margin-block:var(--space-md) 0}
.hero-figure{margin:0;min-width:0;max-width:9rem;justify-self:end}
.hero-figure figcaption{font-size:var(--text-sm);color:var(--color-muted);margin-block-start:var(--space-xs)}
.section{padding-block:var(--space-xl)}
.section-head{max-width:65ch;margin-block-end:var(--space-lg)}
.section-head h2{margin-block:0 var(--space-xs)}
.section-head p{margin:0;color:var(--color-muted)}
.faq{border-block-start:var(--rule-hair) solid var(--color-rule)}
.faq details{border-block-end:var(--rule-hair) solid var(--color-rule);padding-block:var(--space-sm)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);cursor:pointer;min-height:44px;padding-block:var(--space-xs);list-style:none}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:'+';font-family:var(--font-body);font-weight:600;font-size:var(--text-lg);color:var(--color-accent);flex-shrink:0}
.faq details[open] summary::after{content:'−'}
.faq h3{font-size:var(--text-lg);margin:0;max-width:55ch;line-height:1.25}
.faq-answer{max-width:65ch;padding-block:var(--space-xs) var(--space-md)}
.faq-answer p{margin-block:0 var(--space-md)}
.faq details[open] .faq-answer{animation:faq-answer-in var(--dur-short) var(--ease-out)}
@keyframes faq-answer-in{from{opacity:.4}to{opacity:1}}
.band{background:var(--color-paper-2);color:var(--color-ink)}
.guide-index{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}
.guide-card{min-width:0;border-block-start:var(--rule-hair) solid var(--color-rule);padding-block:var(--space-md) var(--space-sm)}
.guide-category{font-size:var(--text-sm);color:var(--color-muted);margin:0}
.guide-title{margin-block:var(--space-xs);font-size:var(--text-lg)}
.guide-title a{display:inline-flex;align-items:center;min-height:44px;color:var(--color-ink);text-decoration:none;white-space:normal;overflow-wrap:anywhere}
.guide-excerpt{max-width:65ch;color:var(--color-muted);margin-block:0 var(--space-xs)}
.guide-illustration{width:5rem;margin-block:0 var(--space-xs)}
.guide-card .text-link{font-size:var(--text-sm);font-weight:600;justify-content:start}
.method-note{max-width:65ch;padding-block:var(--space-xl) var(--space-lg)}
.method-note h2{margin-block:0 var(--space-xs)}
.method-note p{color:var(--color-muted);margin-block:0 var(--space-sm)}
.site-footer{margin-block-start:var(--space-xl);border-block-start:var(--rule-hair) solid var(--color-rule);padding-block:var(--space-lg)}
.footer-inner{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);align-items:start}
.footer-brand{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-ink);margin:0;line-height:1.1}
.footer-note{max-width:65ch;font-size:var(--text-sm);color:var(--color-muted);margin-block:var(--space-xs) 0}
.footer-nav{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}
.footer-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap;color:var(--color-ink);line-height:1;text-decoration:none}
.breadcrumbs{padding-block:var(--space-lg);color:var(--color-muted);font-size:var(--text-sm)}
.breadcrumbs ol{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2xs);list-style:none;padding:0;margin:0}
.breadcrumbs li+li::before{content:'/';margin-inline-end:var(--space-2xs)}
.breadcrumbs a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.breadcrumbs [aria-current]{overflow-wrap:anywhere}
.entry-header{max-width:65ch;padding-block:0 var(--space-lg)}
.entry-header h1{margin-block:0 var(--space-sm)}
.entry-meta{color:var(--color-muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums;margin:0}
.entry-deck{max-width:65ch;color:var(--color-muted);margin-block:var(--space-sm) 0}
.reading-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-lg);align-items:start}
.prose{max-width:65ch;min-width:0;overflow-wrap:anywhere}
.prose :where(p,ul,ol,figure,blockquote,table){margin-block:0 var(--space-md)}
.prose :where(h2,h3,h4){margin-block:var(--space-xl) var(--space-sm);scroll-margin-block-start:var(--space-lg)}
.prose>:first-child{margin-block-start:0}
.prose :where(ul,ol){padding-inline-start:var(--space-md)}
.prose li+li{margin-block-start:var(--space-2xs)}
.prose strong{font-weight:600}
.prose blockquote{margin-inline:0;padding:var(--space-md);background:var(--color-paper-2);color:var(--color-ink)}
.prose figure{margin-inline:0}
.prose table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.prose :where(th,td){text-align:start;vertical-align:top;padding:var(--space-xs);border-block-end:var(--rule-hair) solid var(--color-rule)}
.prose th{overflow-wrap:normal}
.prose caption{text-align:start;color:var(--color-muted);font-weight:600;margin-block-end:var(--space-sm)}
.contents{border-block:var(--rule-hair) solid var(--color-rule);padding-block:var(--space-xs);min-width:0;font-size:var(--text-sm)}
.contents summary{display:flex;align-items:center;gap:var(--space-xs);min-height:44px;cursor:pointer;font-weight:600;line-height:1}
.contents summary::after{content:'+';margin-inline-start:auto;color:var(--color-accent)}
.contents details[open] summary::after{content:'−'}
.contents ol{padding-inline-start:var(--space-md);margin-block:var(--space-xs)}
.contents a{display:block;min-height:44px;padding-block:var(--space-xs);color:var(--color-ink);overflow-wrap:anywhere}
.contents[hidden]{display:none}
.entry-image{max-width:65ch;margin:0 0 var(--space-lg)}
.related{margin-block-start:var(--space-2xl);padding-block-start:var(--space-lg);border-block-start:var(--rule-hair) solid var(--color-rule)}
.related h2{margin-block:0 var(--space-lg)}
.page-content,.not-found{max-width:65ch;padding-block:var(--space-xl)}
.not-found h1{margin-block-start:0}
.skip-link{position:absolute;inset-block-start:var(--space-xs);inset-inline-start:var(--space-xs);padding:var(--space-xs);background:var(--color-paper);color:var(--color-ink);z-index:var(--z-skip);transform:translateY(-200%)}
.skip-link:focus{transform:none}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:clip;clip-path:inset(50%);white-space:nowrap}
.water-visual{display:block;width:100%;height:auto}
.water-visual .paper{fill:var(--color-paper-2)}
.water-visual .ink-line{fill:none;stroke:var(--color-ink);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.water-visual .accent-line{fill:none;stroke:var(--color-accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.water-visual .muted-line{fill:none;stroke:var(--color-rule);stroke-width:1.3;stroke-linecap:round}
@media(hover:hover){a:not([aria-disabled=true]):hover,.contents summary:not([aria-disabled=true]):hover{text-decoration:underline}.button:not([aria-disabled=true]):hover{transform:translateY(-1px);text-decoration:none}.button:not([aria-disabled=true]):hover:active{transform:translateY(1px)}.faq summary:not([aria-disabled=true]):hover h3{text-decoration:underline}}
@media(max-width:39.999rem){.prose caption{display:block;width:100%}.prose table[data-stacked],.prose table[data-stacked] tbody{display:block;width:100%}.prose table[data-stacked] thead{position:absolute;width:1px;height:1px;overflow:clip;clip-path:inset(50%)}.prose table[data-stacked] tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-xs);padding-block:var(--space-md);border-block-end:var(--rule-hair) solid var(--color-rule)}.prose table[data-stacked] tbody :where(th,td){display:block;border:0;padding:0}.prose tbody td[data-label]::before{content:attr(data-label) ' : ';display:block;color:var(--color-muted);font-size:var(--text-sm);font-weight:600}}
@media(min-width:48rem){.hero{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:var(--space-xl);padding-block:var(--space-xl) var(--space-2xl)}.hero-figure{max-width:16rem;justify-self:center}.guide-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg) var(--space-xl)}.footer-inner{grid-template-columns:minmax(0,1fr) auto;gap:var(--space-xl)}.footer-nav{align-self:center}}
@media(min-width:64rem){.reading-layout.has-contents{grid-template-columns:minmax(0,1fr) minmax(0,15rem);gap:var(--space-2xl)}.reading-layout .prose{grid-column:1;grid-row:1}.reading-layout .contents{grid-column:2;grid-row:1;position:sticky;top:var(--space-lg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:not([aria-disabled=true]):hover,.button:not([aria-disabled=true]):hover:active,.button:active{transform:none}}