/* Nono et moi · base : maquette vCGPT (GPT, 28/09/2026) */
/* DM Sans latin-ext */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/dm-sans-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* DM Sans latin */
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url('/assets/fonts/dm-sans-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;
}
/* Fraunces latin-ext */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Fraunces latin */
@font-face {
  font-family: 'Fraunces';
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
  src: url('/assets/fonts/fraunces-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;
}
/* 01. Tokens, modes et fondations */

:root{color-scheme:light;--main:#315b51;--main-dark:#23453d;--accent:#a44e35;--ink:#26332e;--muted:#53615a;--paper:#faf8f3;--surface:#fffefa;--soft:#f0ede5;--border:#d6d9ce;--proven:#245f4b;--nuance:#775314;--none:#923c36;--focus:#9c461b;--shadow:0 8px 32px #26332e12}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.65 'DM Sans',sans-serif}h1,h2,h3,.brand-text{font-family:Fraunces,Georgia,serif;font-weight:600;line-height:1.18;letter-spacing:-.025em}h1{font-size:clamp(2.2rem,5vw,4.25rem);margin:.35em 0}h2{font-size:clamp(1.7rem,3vw,2.5rem);margin:0 0 .55em}h3{font-size:1.35rem;margin:.2em 0 .5em}p{margin:.55em 0 1.1em}a{color:var(--main-dark);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}button{font:inherit;cursor:pointer}svg{flex:none}img{max-width:100%;height:auto}.wrap{width:min(100% - 36px,1160px);margin-inline:auto}.prose{max-width:72ch}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.77rem;font-weight:700;color:var(--accent)}.lede{font-size:1.16rem;color:var(--muted);max-width:65ch}.muted{color:var(--muted)}.small{font-size:.88rem}.section{padding:clamp(42px,7vw,90px) 0}.section-alt{background:var(--soft)}.stack>*+*{margin-top:22px}.grid{display:grid;gap:20px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
/* 02. Navigation et logo */
.skip{position:absolute;left:12px;top:-80px;background:var(--surface);padding:10px;z-index:10}.skip:focus{top:8px}.site-header{background:var(--surface);border-bottom:1px solid var(--border)}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;color:var(--main-dark);line-height:1}.brand-text{font-size:1.55rem}.brand svg{width:43px;height:43px}.nav{display:flex;align-items:center;gap:clamp(12px,2vw,30px)}.nav a{font-size:.91rem;font-weight:700;text-decoration:none}.nav a:hover{text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:8px 14px;border-radius:10px;min-height:44px}.crumbs{font-size:.82rem;color:var(--muted);padding:24px 0}.crumbs a{color:var(--muted)}.crumbs span{margin:0 8px}
/* 03. Boutons, cartes et éléments communs */
.btn{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:10px 19px;border-radius:9px;border:1.5px solid var(--main);text-decoration:none;font-weight:700;font-size:.92rem;background:var(--main);color:#fff}.btn:hover{background:var(--main-dark);color:#fff}.btn-outline{background:transparent;color:var(--main-dark)}.btn-outline:hover{background:var(--soft);color:var(--main-dark)}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:clamp(20px,3vw,30px)}.card p:last-child{margin-bottom:0}.card a.card-link{font-weight:700;text-decoration:none}.card a.card-link:hover{text-decoration:underline}.card-icon{width:58px;height:58px;border-radius:15px;display:grid;place-items:center;background:#dfe9df;color:var(--main-dark);font-family:Fraunces,serif;font-size:1.8rem}.hero{padding:clamp(50px,7vw,105px) 0;background:radial-gradient(circle at 78% 18%,#f2ddc7 0,transparent 35%),var(--paper)}.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:7vw}.hero-art{background:#e7e9df;border-radius:48% 48% 17% 17%;min-height:340px;display:grid;place-items:center;position:relative;overflow:hidden}.hero-art:after{content:'';position:absolute;width:78%;height:34%;bottom:12%;background:#fffefa;border-radius:55% 55% 13% 13%;box-shadow:0 22px 0 #d4d8ca}.hero-art:before{content:'';position:absolute;width:62%;height:24%;bottom:30%;background:#f4eddf;border-radius:50%;z-index:1}.hero-art span{position:absolute;top:24%;left:25%;font:500 7rem Fraunces;color:#648273;transform:rotate(-12deg)}.step{position:relative}.step-no{font:600 2rem Fraunces;color:var(--accent)}
/* 04. Article, sommaire, messages et preuve */
.article-layout{display:grid;grid-template-columns:minmax(0,72ch) minmax(190px,1fr);gap:clamp(32px,6vw,90px);align-items:start}.article-body h2{margin-top:2.2em;scroll-margin-top:24px}.article-body h3{margin-top:1.5em}.toc{position:sticky;top:20px;border:1px solid var(--border);border-radius:14px;padding:18px;background:var(--surface)}.toc summary{font-weight:700;cursor:pointer;min-height:44px;display:flex;align-items:center}.toc a{display:block;font-size:.86rem;padding:7px 0;text-decoration:none}.quick{border-left:5px solid var(--main);background:#eaf1e9;padding:24px;border-radius:0 12px 12px 0;margin:32px 0}.quick h2{font-size:1.35rem;margin:0 0 8px!important}.callout{border-radius:13px;padding:20px 23px;margin:28px 0;background:var(--soft);border-left:4px solid var(--main)}.callout.home{background:#f4ebe0;border-color:var(--accent)}.callout.alert{background:#f8ece7;border-color:var(--none)}.callout h3{font-size:1.14rem;margin:0 0 8px}.badge{display:inline-block;padding:4px 10px;border-radius:99px;font-size:.8rem;font-weight:700;background:#e2f0e6;color:var(--proven)}.badge.nuance{background:#f5eacb;color:var(--nuance)}.badge.none{background:#f6dedb;color:var(--none)}.evidence{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:23px;margin:28px 0}.test{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;margin:30px 0}.test-photo{height:210px;background:linear-gradient(140deg,#dce1d4,#f5e7d4);display:grid;place-items:center;color:var(--main-dark);text-align:center;padding:20px}.test-content{padding:24px}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.fact{background:var(--soft);padding:12px;border-radius:8px}.affiliate{background:#f5eee4;border:1px solid #decdb5;border-radius:10px;padding:15px 18px;font-size:.9rem;margin:28px 0}.product-list{display:grid;gap:14px}.product{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.product dl{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;margin:12px 0;font-size:.9rem}.product dt{font-weight:700}.product dd{margin:0}.product .btn{white-space:nowrap}.sources{font-size:.85rem;overflow-wrap:anywhere}.sources li{margin-bottom:10px}.author{display:flex;gap:18px;align-items:flex-start}.avatar{width:68px;height:68px;border-radius:50%;background:#dde7d9;display:grid;place-items:center;color:var(--main-dark)}.faq details{border-bottom:1px solid var(--border);padding:9px 0}.faq summary{cursor:pointer;font-weight:700;padding:12px 0;min-height:44px}.next{background:var(--soft)}
/* 05. Parcours et pied de page */
.path{counter-reset:path}.path-item{counter-increment:path;display:grid;grid-template-columns:64px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid var(--border)}.path-item:before{content:counter(path,decimal-leading-zero);font:600 2rem Fraunces;color:var(--accent)}.site-footer{background:#26483f;color:#f8f5ec;padding:55px 0 25px}.site-footer a{color:#fff}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:36px}.footer-grid nav a{display:block;padding:4px 0;font-size:.92rem}.legal{border-top:1px solid #ffffff44;margin-top:35px;padding-top:18px;font-size:.8rem;color:#e2e9e1}
/* 06. Écrans étroits, impression, préférences */
@media(max-width:800px){.header-inner{min-height:70px;flex-wrap:wrap}.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:0 0 14px}.nav[data-open=true]{display:flex}.nav a{min-height:46px;display:flex;align-items:center;border-top:1px solid var(--border)}.hero-grid,.article-layout{grid-template-columns:1fr}.hero-art{min-height:220px}.hero-art span{font-size:5rem}.toc{position:static}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}@media(max-width:600px){.grid-2,.grid-3{grid-template-columns:1fr}.brand-text{font-size:1.35rem}.hero-art{min-height:190px}.product{grid-template-columns:1fr}.product .btn{justify-self:start}.fact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.author{align-items:center}.section{padding:45px 0}}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--main:#91bdab;--main-dark:#c9e5d8;--accent:#edab88;--ink:#eaf0e9;--muted:#c6d1c8;--paper:#17231f;--surface:#22312b;--soft:#2a3b33;--border:#53675b;--proven:#b7e8c9;--nuance:#f5d995;--none:#f3b5ab;--focus:#ffcf85}.hero{background:radial-gradient(circle at 78% 18%,#473628 0,transparent 35%),var(--paper)}.hero-art{background:#394c40}.hero-art:after{background:#eee5d5;box-shadow:0 22px 0 #607361}.hero-art:before{background:#b8aa91}.hero-art span{color:#b7d8c3}.card-icon,.avatar{background:#344f40;color:var(--ink)}.quick{background:#284537}.callout.home,.affiliate{background:#483a2e;border-color:#816853}.callout.alert{background:#49312e}.test-photo{background:linear-gradient(140deg,#344d3c,#67513e);color:var(--ink)}.badge{background:#274533}.badge.nuance{background:#4c4126}.badge.none{background:#4d302f}.btn{background:#91bdab;color:#13271e}.btn:hover{background:#c9e5d8;color:#13271e}.btn-outline{background:transparent;color:var(--main-dark)}.site-footer{background:#10201a}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media print{body{background:#fff;color:#111;font-size:12pt}.site-header,.site-footer,.toc,.crumbs,.btn,.affiliate,.next,.menu-toggle{display:none!important}.wrap,.prose{width:100%;max-width:none}.article-layout{display:block}.section{padding:8px 0}.card,.callout{break-inside:avoid}a{color:#111}}

/* 07. Rythme éditorial : des objets distincts, moins de cartes uniformes */
.hero-art{isolation:isolate;box-shadow:inset 0 0 0 1px #315b5112}.hero-art-caption{z-index:2;left:auto!important;right:10%;top:14%!important;transform:none!important;font:italic 500 1.05rem/1.25 Fraunces,serif!important;letter-spacing:-.02em;color:var(--main-dark)!important;text-align:right}.hero-art:before{transform:rotate(-5deg)}.hero-art:after{transform:rotate(2deg)}
.start-steps{gap:0;margin:28px 0 34px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.start-steps .step{border:0;border-radius:0;background:transparent;padding:30px 34px 30px 0;box-shadow:none}.start-steps .step:not(:last-child){border-right:1px solid var(--border);margin-right:30px}.start-steps .step-no{display:inline-block;color:var(--main);line-height:1;border-bottom:2px solid var(--accent);padding-bottom:9px;margin-bottom:22px}.start-steps h3{font-size:1.5rem}.start-steps p{color:var(--muted)}
.topic-grid{gap:0 34px}.topic-grid .card{background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;padding:27px 30px 27px 0;min-height:170px;position:relative}.topic-grid .card:after{content:'↗';position:absolute;right:4px;top:26px;color:var(--accent);font-size:1.45rem}.topic-grid .card h3{padding-right:24px}.topic-grid .card p{max-width:42ch;color:var(--muted)}.topic-grid .card-link{font-size:.9rem}.topic-grid .card-link span{display:none}
.reading-grid .card{background:linear-gradient(120deg,var(--surface),var(--paper));border-radius:7px 27px 7px 7px;border-top:3px solid var(--main);padding:29px 32px}.reading-grid .card:nth-child(2){border-top-color:var(--accent)}
.hub-links{gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-top:34px}.hub-links .card{background:transparent;border:0;border-radius:0;padding:30px 25px 28px 0}.hub-links .card:not(:last-child){border-right:1px solid var(--border);margin-right:24px}.hub-links .card h3{font-size:1.5rem}.hub-compare{background:linear-gradient(180deg,var(--soft),var(--paper))}
/* Réponse et annotations : lecture de magazine, jamais bandeaux promotionnels */
.quick{position:relative;background:var(--soft);border:0;border-radius:5px 27px 27px 5px;padding:29px 32px 27px;box-shadow:inset 4px 0 var(--main)}.quick-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--main-dark);margin-bottom:10px}.quick h2{font-size:1.5rem!important}.quick p{margin-bottom:0}.callout{position:relative;border:0;border-radius:4px 18px 18px 4px;background:var(--soft);padding:24px 28px 24px 68px;box-shadow:inset 3px 0 var(--main)}.callout-mark{position:absolute;left:25px;top:19px;font:600 1.4rem Fraunces,serif;color:var(--main-dark)}.callout.home{background:transparent;box-shadow:inset 3px 0 var(--accent);padding-top:18px;padding-bottom:18px}.callout.home .callout-mark{color:var(--accent)}.callout.home h3{color:var(--accent)}.callout.remember{background:#e8eee5}.callout.alert{background:#f7ece7;box-shadow:inset 3px 0 var(--none)}.callout.alert .callout-mark{font:700 1.1rem 'DM Sans',sans-serif;border:1.5px solid var(--none);color:var(--none);border-radius:50%;width:27px;height:27px;text-align:center;line-height:24px;top:24px;left:23px}
.evidence{border-radius:4px 20px 20px 4px;border-left:3px solid var(--nuance);padding:24px 28px}.evidence-kicker{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:.68rem;font-weight:700;color:var(--muted);margin-bottom:13px}.evidence h3{margin-top:13px}.myth{background:repeating-linear-gradient(-45deg,transparent,transparent 12px,#a44e3508 12px,#a44e3508 13px),var(--surface);border:0;border-left:3px solid var(--none);border-radius:4px 17px 17px 4px}
/* Comparaison : fiches aérées avec critères en lignes, action secondaire */
.product-list{gap:0;border-top:1px solid var(--border)}.product.card{border:0;border-bottom:1px solid var(--border);border-radius:0;background:transparent;box-shadow:none;padding:28px 0;grid-template-columns:minmax(0,1fr) auto;gap:30px}.product h3{margin-top:8px}.product dl{max-width:62ch;grid-template-columns:100px 1fr;gap:7px 18px;margin:19px 0 0}.product dt{color:var(--main-dark)}.product dd{color:var(--muted)}.product .btn{border-color:var(--border);background:var(--surface);font-weight:600}.product .btn:hover{border-color:var(--main);background:var(--soft)}.affiliate{border:0;border-left:3px solid var(--accent);border-radius:0;background:transparent;padding:8px 0 8px 18px;color:var(--muted)}
/* La fiche de terrain et l'auteur évoquent un carnet personnel */
.test{border-radius:7px 25px 7px 7px}.test-photo{position:relative;height:225px;background:linear-gradient(145deg,#e2e9df 0 45%,#c6d3c2 45% 57%,#f3e8d8 57%);font:italic 500 1.2rem Fraunces,serif;color:#28483e}.test-photo:before{content:'';position:absolute;width:42%;height:36%;left:8%;bottom:16%;border-radius:58% 50% 8% 8%;background:#fffdfa;box-shadow:0 15px 0 #b8c9b4;transform:rotate(-4deg)}.test-photo:after{content:'Photo à venir';position:absolute;bottom:15px;right:18px;font:600 .65rem 'DM Sans',sans-serif;text-transform:uppercase;letter-spacing:.1em;color:#315b51}.test-content{padding:28px}.fact{background:transparent;border-top:1px solid var(--border);border-radius:0;padding:12px 0}.author{border-radius:26px 5px 26px 5px;background:var(--soft);border:0}.author .avatar{border:2px solid var(--surface)}
@media(max-width:800px){.start-steps .step{padding-right:16px}.start-steps .step:not(:last-child){margin-right:16px}.hub-links .card:not(:last-child){margin-right:12px}}@media(max-width:600px){.start-steps,.hub-links{display:block}.start-steps .step,.hub-links .card{padding:20px 0 19px}.start-steps .step:not(:last-child),.hub-links .card:not(:last-child){border-right:0;border-bottom:1px solid var(--border);margin-right:0}.start-steps .step-no{float:left;margin:4px 17px 25px 0;padding:0 0 5px}.start-steps h3{margin-top:0}.topic-grid .card{min-height:0}.quick{padding:23px 21px}.callout{padding:20px 19px 20px 58px}.callout-mark{left:19px}.callout.alert .callout-mark{left:17px}.product.card{grid-template-columns:1fr;gap:14px}.product dl{grid-template-columns:84px 1fr}.hero-art-caption{right:8%}.test-photo{font-size:1rem}}
@media(prefers-color-scheme:dark){.callout.remember{background:#30463a}.callout.alert{background:#49312e}.test-photo{background:linear-gradient(145deg,#314638 0 45%,#475a49 45% 57%,#685644 57%);color:#eef2e8}.test-photo:before{background:#dedac9;box-shadow:0 15px 0 #77927b}.test-photo:after{color:#f1eee3}.hero-art-caption{color:#eaf0e9!important}.reading-grid .card{background:var(--surface)}}
@media print{.start-steps,.hub-links{display:block}.start-steps .step,.hub-links .card{border-right:0!important;break-inside:avoid}.test-photo{display:none}}

/* 08. Accueil photographique : direction éditoriale V3 */
.home-v3 .home-hero{min-height:620px;position:relative;display:flex;align-items:center;overflow:hidden;background:#e9e1d2}.home-hero-photo,.home-hero-wash{position:absolute;inset:0;width:100%;height:100%}.home-hero-photo{object-fit:cover;object-position:center 54%}.home-hero-wash{background:linear-gradient(90deg,#faf8f3 0%,#faf8f3ed 27%,#faf8f3b8 42%,#faf8f300 70%)}.home-hero-inner{position:relative;z-index:1;padding-top:96px;padding-bottom:96px}.home-hero-copy{max-width:590px}.home-hero-copy h1{max-width:12ch;font-size:clamp(2.9rem,5.6vw,5.15rem);letter-spacing:-.04em}.home-hero-copy .lede{font-size:1.13rem;color:var(--ink);max-width:48ch}.home-hero-copy>p:not(.lede){max-width:49ch}.home-hero-copy .btn{margin-top:7px;gap:14px}.hero-side-note,.margin-note{font:italic 500 1.1rem/1.35 Fraunces,Georgia,serif;color:var(--main-dark)}.hero-side-note{position:absolute;right:3%;top:25%;text-align:right;transform:rotate(-7deg);text-shadow:0 1px 9px #fff}.home-section-heading{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.home-section-heading h2{margin-bottom:0}.margin-note{max-width:180px;text-align:right;margin:0 10px 9px 0;transform:rotate(-4deg)}.home-steps{background:var(--paper)}.steps-photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:30px}.photo-step{padding:0 24px 0 0}.photo-step+ .photo-step{padding-left:24px;border-left:1px solid var(--border)}.photo-step .step-no{display:block;font:600 2.3rem/1 Fraunces,Georgia,serif;color:var(--main-dark);margin:2px 0 23px;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:9px;text-decoration-thickness:2px}.photo-step h3{font-size:1.48rem}.photo-step p{min-height:96px;color:var(--muted);font-size:.93rem;line-height:1.55;margin-bottom:18px}.scene-photo{background-image:url('/assets/img/gestes-chambre.webp');background-size:200% 200%;background-repeat:no-repeat;background-color:#e0ded2}.scene-hygro{background-position:left top}.scene-bed{background-position:right top}.scene-linen{background-position:left bottom}.scene-vacuum{background-position:right bottom}.photo-step .scene-photo{height:clamp(180px,20vw,276px);border-radius:3px;box-shadow:0 6px 20px #26332e10}.home-steps .btn{margin-top:6px}.home-topics{background:linear-gradient(180deg,#f1eee6,#eae7de)}.topics-magazine{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;background:var(--surface);border-radius:7px;padding:12px 18px}.magazine-topic{display:grid;grid-template-columns:138px minmax(0,1fr);gap:18px;padding:14px 0;border-bottom:1px solid var(--border);min-height:168px}.magazine-topic:nth-last-child(-n+2){border-bottom:0}.magazine-topic .scene-photo{height:142px;border-radius:3px}.magazine-topic h3{font-size:1.18rem;line-height:1.25;margin:.3em 0}.magazine-topic h3 a,.feature-story h3 a{text-decoration:none;color:var(--ink)}.magazine-topic h3 a:hover,.feature-story h3 a:hover{text-decoration:underline}.magazine-topic p{font-size:.82rem;line-height:1.5;color:var(--muted);margin-bottom:8px}.magazine-topic .eyebrow,.feature-story .eyebrow{font-size:.66rem}.text-link{font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap}.text-link:hover{text-decoration:underline}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.feature-story{display:grid;grid-template-columns:43% 1fr;overflow:hidden;background:var(--surface);border:1px solid var(--border);border-radius:5px 17px 5px 5px;min-height:222px}.feature-visual{min-height:220px}.feature-visual img{width:100%;height:100%;object-fit:cover;object-position:70% center;display:block}.feature-story .scene-photo{background-size:200% 200%}.feature-copy{padding:22px 23px}.feature-copy h3{font-size:1.28rem}.feature-copy p{font-size:.84rem;color:var(--muted);line-height:1.5}.photo-disclosure{margin-top:22px}
@media(max-width:900px){.home-v3 .home-hero{min-height:560px}.home-hero-copy{max-width:530px}.hero-side-note{display:none}.magazine-topic{grid-template-columns:105px 1fr}.magazine-topic .scene-photo{height:125px}.topics-magazine{column-gap:20px}.feature-story{grid-template-columns:38% 1fr}}@media(max-width:700px){.home-v3 .home-hero{display:block;min-height:0;background:var(--paper)}.home-hero-photo{position:relative;display:block;height:260px;object-position:74% 57%}.home-hero-wash{display:none}.home-hero-inner{padding-top:32px;padding-bottom:45px}.home-hero-copy h1{font-size:clamp(2.55rem,10vw,3.65rem)}.home-hero-copy .lede{font-size:1.06rem}.home-section-heading{align-items:start;margin-bottom:20px}.margin-note{display:none}.steps-photo-grid{grid-template-columns:1fr;gap:22px}.photo-step,.photo-step+ .photo-step{display:grid;grid-template-columns:1fr 116px;gap:0 14px;padding:0 0 20px;border-left:0;border-bottom:1px solid var(--border)}.photo-step .step-no,.photo-step h3,.photo-step p{grid-column:1}.photo-step .step-no{margin-bottom:11px;font-size:1.9rem}.photo-step h3{font-size:1.35rem}.photo-step p{min-height:0;font-size:.9rem;margin:0}.photo-step .scene-photo{grid-column:2;grid-row:1/4;width:116px;height:128px}.topics-magazine{grid-template-columns:1fr;padding:8px 15px;column-gap:0}.magazine-topic{grid-template-columns:100px 1fr;min-height:0;gap:13px;padding:12px 0}.magazine-topic:nth-last-child(2){border-bottom:1px solid var(--border)}.magazine-topic .scene-photo{height:112px}.features-grid{grid-template-columns:1fr}.feature-story{min-height:160px}.feature-visual{min-height:170px}.feature-copy{padding:18px}.feature-copy h3{font-size:1.13rem}.feature-copy p{font-size:.8rem}}
@media(max-width:410px){.home-hero-photo{height:230px}.home-hero-inner{padding-top:29px}.photo-step,.photo-step+ .photo-step{grid-template-columns:1fr 96px}.photo-step .scene-photo{width:96px;height:112px}.magazine-topic{grid-template-columns:85px 1fr}.magazine-topic .scene-photo{height:100px}.magazine-topic p{font-size:.77rem}.feature-story{grid-template-columns:35% 1fr}.feature-copy{padding:15px}.feature-copy p{margin-bottom:7px}}
@media(prefers-color-scheme:dark){.home-v3 .home-hero{background:var(--paper)}.home-hero-wash{background:linear-gradient(90deg,#17231f 0%,#17231ff0 25%,#17231fd1 42%,#17231f00 72%)}.home-topics{background:linear-gradient(180deg,#26352d,#1b2822)}.hero-side-note{color:#fff;text-shadow:0 1px 6px #192b22}.photo-step .scene-photo{box-shadow:none}}
@media print{.home-hero-photo,.home-hero-wash,.scene-photo,.feature-visual{display:none!important}.home-v3 .home-hero{min-height:0}.home-hero-inner{padding:5px 0}.steps-photo-grid,.topics-magazine,.features-grid{display:block}.photo-step,.magazine-topic,.feature-story{break-inside:avoid}}

/* 09. Images d'ambiance secondaires : mêmes scènes, jamais présentées comme des tests */
.editorial-banner{position:relative;height:260px;margin:35px 0 45px;border-radius:5px 35px 5px 5px;overflow:hidden;background-repeat:no-repeat;background-color:var(--soft)}.editorial-banner-bed,.editorial-banner-linen{background-image:url('/assets/img/gestes-chambre.webp');background-size:200% 200%}.editorial-banner-bed{background-position:right top}.editorial-banner-linen{background-position:left bottom}.editorial-banner-home{background-image:url('/assets/img/chambre-lumiere.webp');background-size:cover;background-position:center 65%;height:245px}.editorial-banner span{position:absolute;left:0;bottom:0;max-width:75%;background:var(--surface);padding:13px 21px 6px 0;font:italic 500 1.3rem/1.25 Fraunces,Georgia,serif;color:var(--main-dark)}.article-banner{height:250px;margin:30px 0 48px;background-position:right 13%}.article-body .editorial-banner{margin-top:25px}@media(max-width:600px){.editorial-banner{height:170px;margin:26px 0 30px}.editorial-banner span{font-size:1rem}.article-banner{height:165px}}
/* 10. Densité ajustée : contenu visible plus tôt, image après le message sur mobile */
.home-v3 .home-hero{min-height:510px}.home-hero-inner{padding-top:64px;padding-bottom:62px}.home-hero-copy h1{font-size:clamp(2.8rem,5vw,4.65rem)}.home-v3 .section{padding-top:54px;padding-bottom:56px}.home-section-heading{margin-bottom:20px}.home-steps .photo-step p{min-height:78px;margin-bottom:12px}.home-steps .photo-step .scene-photo{height:clamp(160px,16vw,215px)}.home-steps .step-no{margin-bottom:15px}.home-topics .magazine-topic{min-height:145px}.home-topics .magazine-topic .scene-photo{height:118px}.home-latest .feature-story{min-height:190px}.home-latest .feature-visual{min-height:190px}.home-latest .feature-copy{padding:18px 20px}
@media(max-width:700px){.home-v3 .home-hero{display:flex;flex-direction:column;min-height:0}.home-v3 .home-hero-inner{order:1;padding-top:25px;padding-bottom:24px}.home-v3 .home-hero-photo{order:2;position:relative;width:100%;height:128px;object-position:70% 58%;border-radius:0}.home-v3 .home-hero-wash{display:none}.home-v3 .home-hero-copy h1{font-size:clamp(2.35rem,8.8vw,3.35rem);margin:.28em 0}.home-v3 .home-hero-copy .lede{font-size:1rem;margin-bottom:.55em}.home-v3 .home-hero-copy>p:not(.lede){font-size:.92rem;line-height:1.5;margin-bottom:.65em}.home-v3 .home-hero-copy .btn{margin-top:0}.home-v3 .section{padding-top:35px;padding-bottom:39px}.home-v3 .home-section-heading{margin-bottom:13px}.home-v3 .home-section-heading h2{font-size:1.65rem}.home-v3 .steps-photo-grid{gap:13px;margin-bottom:20px}.home-v3 .photo-step,.home-v3 .photo-step+.photo-step{padding-bottom:13px}.home-v3 .photo-step p{min-height:0;margin:0}.home-v3 .photo-step .scene-photo{height:110px}.home-v3 .photo-step .step-no{margin-bottom:7px}.home-v3 .photo-step h3{margin-bottom:5px}.home-v3 .magazine-topic{min-height:0}.home-v3 .feature-visual{min-height:150px}.home-v3 .feature-story{min-height:150px}}
@media(max-width:410px){.home-v3 .home-hero-photo{height:108px}.home-v3 .home-hero-inner{padding-top:19px;padding-bottom:20px}.home-v3 .home-hero-copy h1{font-size:2.35rem}.home-v3 .photo-step .scene-photo{height:102px}}

/* ==========================================================================
   Ajouts Nono et moi (site PHP, 28/09/2026)
   ========================================================================== */
/* Tableaux dans les articles : défilement horizontal plutôt que débordement */
.table-wrap{overflow-x:auto;margin:28px 0;border:1px solid var(--border);border-radius:12px;background:var(--surface)}
.article-body table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.article-body th,.article-body td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top;background:none;border-left:0;border-radius:0}
.article-body thead th{font-weight:700;background:var(--soft)}
.article-body tbody tr:last-child td{border-bottom:0}
/* Appels de source [1] */
.article-body a.ref{font-size:.75em;vertical-align:super;line-height:0;text-decoration:none;margin-left:1px}
/* Ligne auteur / date sous le titre */
.article-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:.9rem;color:var(--muted);margin:14px 0 8px}
.article-meta a{color:inherit}
/* Mention « lien rémunéré » sous chaque bouton marchand (règle Amazon) */
.lien-remunere{display:block;font-size:.75rem;color:var(--muted);margin-top:6px;text-align:center}
/* Liste des derniers articles et des rubriques sur l'accueil */
.article-list{display:grid;gap:0;margin:0;padding:0;list-style:none}
.article-list li{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start;padding:18px 0;border-bottom:1px solid var(--border)}
.article-list .scene-photo{height:72px;border-radius:4px}
.article-list h3{font-size:1.12rem;margin:2px 0 6px}
.article-list h3 a{text-decoration:none;color:inherit}
.article-list h3 a:hover{text-decoration:underline}
.article-list p{margin:0;font-size:.95rem;color:var(--muted)}
.rubriques-home{display:grid;gap:28px}
@media(min-width:760px){.rubriques-home{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rubrique-bloc h3{margin:6px 0 10px}
.rubrique-bloc ul{margin:0 0 10px;padding-left:1.1em}
.rubrique-bloc li{margin-bottom:6px}
/* FAQ : titres de questions en h3 dans summary */
.faq summary h3{display:inline;font-size:1rem;margin:0;font-family:inherit}
/* Page 404 */
.erreur-404{padding:80px 0;text-align:center}
@media(max-width:520px){.article-list li{grid-template-columns:72px minmax(0,1fr);gap:14px}.article-list .scene-photo{height:56px}}
/* Les enfants de la grille acceptent de rétrécir : un tableau large défile dans son cadre au lieu d élargir la page */
.article-layout>*{min-width:0}
/* Mobile : le sommaire passe avant l'article, l'avatar garde sa forme */
@media(max-width:800px){.article-layout>aside{order:-1}}
.author .avatar{flex:none;aspect-ratio:1}
/* Bannières d'ambiance complémentaires (même image que la maquette, autres quarts) */
.editorial-banner-hygro,.editorial-banner-vacuum{background-image:url('/assets/img/gestes-chambre.webp');background-size:200% 200%}
.editorial-banner-hygro{background-position:left top}
.editorial-banner-vacuum{background-position:right bottom}
.feature-visual.scene-photo{height:auto;min-height:220px;border-radius:0;box-shadow:none}
@media(max-width:760px){.features-grid{grid-template-columns:1fr}.topics-magazine{grid-template-columns:1fr}.magazine-topic:nth-last-child(2){border-bottom:1px solid var(--border)}}
/* Les 4 scènes partagent une image : léger zoom pour ne jamais montrer la jointure blanche entre elles */
.editorial-banner-bed,.editorial-banner-linen,.editorial-banner-hygro,.editorial-banner-vacuum{background-size:212% 204%}
/* Nature de l'article sous le titre : Testé chez nous / Mon avis / Info et sources */
.nature{display:inline-block;padding:2px 10px;border-radius:99px;font-size:.78rem;font-weight:700;background:var(--soft);color:var(--main-dark)}
.nature-test{background:#e2f0e6;color:var(--proven)}
.nature-avis{background:#f4ebe0;color:var(--accent)}
/* Encadré en tête de comparatif (Code de la consommation, D111-7) */
.cadre-comparatif{border:1px solid var(--border);border-radius:12px;background:var(--surface);padding:16px 20px;margin:24px 0;font-size:.92rem}
.cadre-comparatif ul{margin:6px 0 0;padding-left:1.1em}
.cadre-comparatif li{margin-bottom:4px}
.product .rang{display:inline-block;font-family:Fraunces,Georgia,serif;font-weight:600;color:var(--accent);margin-right:6px}
@media(max-width:600px){.product dl{grid-template-columns:1fr;gap:2px 0}.product dt{margin-top:8px}}

.banner-propre{background-size:cover;background-position:center}
/* Haut de page resserré : le fil d'Ariane ne cumule plus sa marge avec celle de la section du titre */
.crumbs{padding:16px 0 0}
.crumbs+.section{padding-top:clamp(14px,2.4vw,28px)}
.crumbs+.section h1{margin-top:.2em}
/* Logo image (en-tête, pied) et icône de la carte auteur */
.brand img{height:54px;width:auto;display:block}
.site-footer .brand img{height:60px}
.avatar{overflow:hidden;background:none}
.avatar img{width:100%;height:100%;display:block}
@media(max-width:600px){.brand img{height:46px}}
.home-hero picture{display:contents}