:root{--primary: #E0793C;--primary-hover: #C9652C;--on-primary: #FFFFFF;--secondary: #22252B;--secondary-hover: #343841;--bg: #F5F0E8;--surface: #FFFFFF;--text: #22252B;--text-secondary: #4A4F58;--text-strong: #14161A;--text-muted: #6B6F76;--text-faint: #C9C2B6;--fill: #EDE6DA;--border: #DED5C6;--white: #FFFFFF;--callout-bg: #FBF1E6;--callout-text: #8A4A16;--callout-border: #E8CDAF;--blue:var(--primary);--sky:#F0C49B;--ink:var(--secondary);--muted:var(--text-muted);--paper:var(--bg);--line:var(--border);--coral:var(--primary-hover);--serif:'Newsreader',Georgia,serif;--sans:'Work Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}.container{width:min(1160px,calc(100% - 40px));margin:auto}a{color:inherit;text-decoration:none}.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:5}.header-top{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px}.brand span{font-family:var(--serif);font-size:2.5rem;font-weight:800;letter-spacing:-.12em;color:var(--blue);line-height:.8}.brand small{font-size:.63rem;font-weight:700;line-height:1.25;text-transform:uppercase;letter-spacing:.08em}.header-tagline{margin:0;font-family:var(--serif);font-style:italic;font-size:1.05rem}.menu-btn{display:none;border:0;background:none;color:var(--ink)}.main-nav{border-top:1px solid var(--line)}.main-nav .container{height:51px;display:flex;align-items:center;gap:28px}.main-nav a{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.065em}.main-nav a:hover{color:var(--blue)}.main-nav .nav-oroscopo{margin-left:auto;color:var(--blue);display:flex;gap:7px;align-items:center}.nav-oroscopo svg{width:15px}.hero{min-height:570px;padding:76px 0;display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:64px}.eyebrow,.tag{font-size:.69rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);margin:0 0 13px}.hero h1,h2{font-family:var(--serif);letter-spacing:-.045em;line-height:1.01;margin:0}.hero h1{font-size:clamp(3rem,5.7vw,5.2rem)}.hero h1 em{font-weight:600;color:var(--blue)}.lead{font-size:1.08rem;color:var(--muted);max-width:485px;margin:26px 0 30px}.button{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;padding:14px 19px;border-radius:2px;font-weight:700;font-size:.88rem;transition:.2s}.button:hover{background:#C9652C;transform:translateY(-2px)}.button svg{width:17px}.hero-collage{height:410px;position:relative}.hero-main{height:100%;width:84%;object-fit:cover;display:block;margin-left:auto;box-shadow:18px 18px 0 var(--sky)}.hero-note{position:absolute;bottom:24px;left:0;background:#fff;padding:17px 20px;box-shadow:0 10px 28px #22252B22;display:grid;grid-template-columns:28px 1fr;gap:2px 10px;min-width:205px}.hero-note svg{grid-row:span 2;color:var(--coral);width:22px}.hero-note strong{font-size:.84rem}.hero-note span{font-size:.73rem;color:var(--muted)}.ticker{background:var(--ink);color:#fff}.ticker .container{display:flex;gap:28px;align-items:center;min-height:58px;font-size:.85rem}.ticker span{font-size:.67rem;letter-spacing:.14em;font-weight:700;color:var(--sky);white-space:nowrap}.ticker a{display:flex;gap:10px;align-items:center}.ticker svg{width:15px}.section{padding:108px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px}.section h2,.tool-block h2,.zodiac h2{font-size:clamp(2.25rem,4vw,3.55rem)}.text-link{font-size:.82rem;color:var(--blue);font-weight:700;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.text-link svg{width:15px}.featured-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:25px}.story-card{position:relative;overflow:hidden}.story-large{min-height:510px}.story-card>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:.4s}.story-card:hover>img{transform:scale(1.03)}.story-overlay{position:absolute;inset:auto 0 0;padding:88px 33px 30px;color:#fff;background:linear-gradient(transparent,rgba(20,22,26,.9))}.story-overlay .tag{color:var(--sky)}.story-overlay h3{font-family:var(--serif);font-size:1.8rem;line-height:1.14;margin:0;max-width:480px}.story-overlay>a{position:absolute;right:28px;bottom:31px;border:1px solid #ffffff99;padding:8px}.story-overlay svg{width:19px}.story-stack{display:grid;gap:25px}.mini-story{background:#fff;display:grid;grid-template-columns:1fr 150px;gap:14px;min-height:242px;padding:27px}.mini-story img{width:150px;height:100%;object-fit:cover}.mini-story h3{font-family:var(--serif);font-size:1.36rem;line-height:1.16;margin:0 0 25px}.editorial-copy,.category-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:72px;padding:82px 0;border-top:1px solid var(--line)}.editorial-copy h2,.category-intro h2,.seo-guide h2,.content-notes h2{font-size:clamp(2rem,3.4vw,3rem)}.editorial-copy p:not(.eyebrow),.category-intro p:not(.eyebrow){font-size:1.02rem;color:var(--muted);margin:0 0 18px}.tool-block{background:var(--blue);color:#fff;padding:90px 0;overflow:hidden}.tool-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center}.tool-block .eyebrow{color:var(--sky)}.tool-block h2{color:#fff}.tool-block p:not(.eyebrow){max-width:430px;color:#F0E4D4;margin:20px 0 28px}.button-light{background:#fff;color:var(--blue)}.tool-visual{height:275px;position:relative;display:flex;align-items:center;justify-content:center;gap:23px}.phone{height:195px;width:102px;border:5px solid white;border-radius:18px;display:grid;place-items:center}.phone svg{width:42px;stroke-width:1.3}.p-one{transform:rotate(-10deg);background:#22252B}.p-two{transform:rotate(10deg);background:#E8CDAF}.vs{font-family:var(--serif);font-size:1.4rem;font-weight:700}.price-bubble{position:absolute;right:45px;top:17px;background:var(--coral);border-radius:50%;height:93px;width:93px;display:grid;place-content:center;text-align:center;font-size:.7rem;transform:rotate(10deg)}.price-bubble strong{font-size:1.1rem}.pillar-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.pillar{background:#fff;min-height:275px;padding:24px 19px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s}.pillar:hover{background:var(--blue);color:#fff;transform:translateY(-5px)}.pillar:hover .pillar-num,.pillar:hover p,.pillar:hover>i{color:var(--sky)}.pillar-num{font-size:.7rem;color:var(--muted)}.pillar>i{margin:38px 0 18px;color:var(--blue);width:25px}.pillar h3{font-family:var(--serif);font-size:1.5rem;margin:0}.pillar p{font-size:.8rem;color:var(--muted);line-height:1.4;margin:7px 0}.pillar>span:last-child{font-size:.72rem;font-weight:700;margin-top:auto;display:flex;gap:4px;align-items:center}.pillar>span svg{width:13px}.seo-guide{padding:10px 0 108px}.seo-guide>h2{max-width:600px;margin-bottom:34px}.seo-guide-grid,.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.seo-guide-grid>div,.notes-grid>div{background:#fff;padding:27px;border-top:3px solid var(--sky)}.seo-guide h3,.content-notes h3{font-family:var(--serif);font-size:1.4rem;margin:0 0 10px}.seo-guide p,.content-notes p{font-size:.88rem;color:var(--muted);margin:0 0 17px}.zodiac{background:#EDE6DA;padding:46px 53px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:45px;margin-bottom:108px}.zodiac h2{font-size:2.9rem}.zodiac p:not(.eyebrow){color:var(--muted);font-size:.9rem}.zodiac-card{display:grid;grid-template-columns:80px 1fr 38px;align-items:center;gap:18px;background:#fff;padding:24px}.zodiac-card>span{font-family:var(--serif);font-size:4rem;color:var(--coral)}.zodiac-card h3{font-family:var(--serif);line-height:1.18;font-size:1.28rem;margin:0}.zodiac-card>a{background:var(--blue);color:#fff;width:36px;height:36px;display:grid;place-items:center}.zodiac-card svg{width:16px}.site-footer{background:var(--ink);color:#E6E0D6;padding:62px 0 20px}.footer-grid{display:grid;grid-template-columns:1.25fr .7fr .9fr 1.15fr;gap:46px}.brand-light span{color:var(--sky)}.footer-grid p{font-size:.83rem;max-width:265px;color:#BDB6A9}.footer-grid h3{color:#fff;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em;margin:5px 0 15px}.footer-grid a:not(.brand){display:block;font-size:.83rem;margin:9px 0}.footer-grid a:hover{color:var(--sky)}.newsletter form{display:flex;border-bottom:1px solid #5A5F68}.newsletter input{background:none;border:0;outline:0;padding:9px 0;color:#fff;width:100%;font:inherit;font-size:.8rem}.newsletter button{border:0;background:none;color:var(--sky);cursor:pointer}.newsletter button svg{width:19px}.footer-bottom{border-top:1px solid #3A3E46;margin-top:49px;padding-top:18px;display:flex;justify-content:space-between;font-size:.68rem;color:#9A958C}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.reveal-on-scroll.revealed{opacity:1;transform:none}.category-hero{padding:74px 0 60px;background:#EDE6DA}.category-hero p{max-width:600px;color:var(--muted);font-size:1.06rem}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.article-card{background:#fff}.article-card img{width:100%;height:210px;object-fit:cover;display:block}.article-card div{padding:21px}.article-card h2{font-size:1.45rem;line-height:1.15}.article-card p:not(.tag){font-size:.85rem;color:var(--muted)}.content-notes{padding:0 0 80px}.content-notes>h2{max-width:560px;margin-bottom:32px}.compare-page{padding:70px 0 100px}.compare-intro{max-width:700px;margin-bottom:42px}.compare-intro h1{font-family:var(--serif);font-size:clamp(2.8rem,5vw,4.5rem);line-height:1}.compare-box{background:#fff;padding:35px;box-shadow:0 12px 35px #22252B0E}.compare-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:18px;align-items:end}.compare-controls label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;display:grid;gap:8px}.compare-controls select{font:inherit;padding:12px;border:1px solid var(--line);background:#fff}.compare-controls button{border:0;cursor:pointer}.compare-result{margin-top:28px;display:none;grid-template-columns:1fr 1fr;gap:18px}.compare-result.visible{display:grid}.device{border:1px solid var(--line);padding:21px}.device.best{border:2px solid var(--blue);background:#FBF1E6}.device h2{font-size:1.5rem}.device ul{margin:17px 0 0;padding:0;list-style:none;font-size:.86rem}.device li{padding:8px 0;border-bottom:1px solid var(--line)}.device strong{float:right}.faq{padding:80px 0}.faq details{background:#fff;border-bottom:1px solid var(--line);padding:18px 22px}.faq summary{font-weight:700;cursor:pointer}.faq p{color:var(--muted);font-size:.9rem;max-width:760px}.not-found{padding:110px 0;text-align:center}.not-found h1{font-family:var(--serif);font-size:5rem;margin:0}@media(max-width:800px){.header-tagline{display:none}.menu-btn{display:block}.main-nav{display:none}.main-nav.open{display:block}.main-nav .container{height:auto;padding:13px 0;flex-wrap:wrap;gap:16px}.main-nav .nav-oroscopo{margin-left:0}.hero{grid-template-columns:1fr;gap:42px;padding:54px 0}.hero-collage{height:330px;width:90%;margin-left:auto}.featured-grid,.tool-layout,.zodiac,.editorial-copy,.category-intro{grid-template-columns:1fr}.editorial-copy,.category-intro{gap:22px;padding:60px 0}.story-large{min-height:410px}.pillar-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.category-hero{padding:55px 0}.article-grid{grid-template-columns:1fr 1fr}.compare-controls{grid-template-columns:1fr}.compare-result{grid-template-columns:1fr}.zodiac{margin-bottom:65px;padding:35px}.section{padding:75px 0}.seo-guide-grid,.notes-grid{grid-template-columns:1fr}.seo-guide{padding-bottom:75px}}@media(max-width:520px){.container{width:min(100% - 30px,1160px)}.header-top{height:72px}.brand span{font-size:2rem}.hero h1{font-size:3rem}.hero-collage{height:285px}.ticker .container{gap:12px;font-size:.75rem}.section-head{align-items:start;gap:15px}.section-head .text-link{display:none}.featured-grid,.article-grid{grid-template-columns:1fr}.mini-story{min-height:205px}.tool-block{padding:65px 0}.pillar-grid{grid-template-columns:1fr}.pillar{min-height:175px}.pillar>i{margin:20px 0 10px}.footer-grid{grid-template-columns:1fr;gap:27px}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}.zodiac-card{grid-template-columns:56px 1fr 32px;padding:17px}.zodiac-card>span{font-size:3rem}.zodiac-card h3{font-size:1.05rem}.compare-box{padding:20px}}
/* ===== [ui-strumenti] Sotto-menu Strumenti + UI quiz — DA light « kiosque » =====
   Tokens : on consomme le :root existant du front (--primary, --surface, --bg, --text…)
   avec fallback hex. On n'introduit PAS d'alias --primary-color : la détection de
   convention de 02b s'appuie dessus pour choisir son chemin de patch. */

/* --- Nav : sotto-menu Strumenti (CSS pur, sans JS) --- */
.nav-dropdown{position:relative;display:flex;align-items:center}
.nav-dropdown-btn{border:0;background:none;padding:0;margin:0;font:inherit;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.065em;color:inherit;cursor:pointer;display:flex;align-items:center;gap:6px}
.nav-dropdown-btn svg{width:14px;transition:transform .2s}
.nav-dropdown:hover .nav-dropdown-btn,.nav-dropdown:focus-within .nav-dropdown-btn{color:var(--primary,#E0793C)}
.nav-dropdown:hover .nav-dropdown-btn svg,.nav-dropdown:focus-within .nav-dropdown-btn svg{transform:rotate(180deg)}
.nav-dropdown-menu{position:absolute;top:100%;left:-16px;min-width:288px;background:var(--surface,#fff);border:1px solid var(--border,#DED5C6);box-shadow:0 14px 34px rgba(34,37,43,.14);padding:8px 0;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease;z-index:20}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:none}
.nav-dropdown-menu a{display:block;padding:11px 18px;font-size:.85rem;font-weight:600;text-transform:none;letter-spacing:0;line-height:1.25}
.nav-dropdown-menu a small{display:block;font-size:.73rem;font-weight:400;color:var(--text-muted,#6B6F76);margin-top:3px;line-height:1.35}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus{background:var(--fill,#EDE6DA);color:var(--primary,#E0793C)}
.nav-dropdown-menu a:hover small,.nav-dropdown-menu a:focus small{color:var(--text-secondary,#4A4F58)}

/* --- Footer : 5 colonnes (Marca / Esplora / Dossier / Strumenti / Info & legale) --- */
.footer-grid{grid-template-columns:1.2fr .68fr .86fr .86fr .86fr .86fr}
@media(max-width:1100px){.footer-grid{grid-template-columns:repeat(3,1fr)}}

/* --- Quiz interattivo --- */
.quiz-wrap{background:var(--surface,#fff);border:1px solid var(--border,#DED5C6);padding:32px}
.quiz-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px}
.quiz-count{font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#6B6F76);white-space:nowrap}
.quiz-bar{height:4px;background:var(--fill,#EDE6DA);margin-bottom:28px}
.quiz-bar span{display:block;height:100%;width:20%;background:var(--primary,#E0793C);transition:width .28s ease}
.quiz-step{margin:0 0 24px}
.quiz-step legend{font-family:var(--serif,Georgia,serif);font-size:clamp(1.45rem,2.6vw,2rem);line-height:1.1;letter-spacing:-.03em;padding:0;margin:0 0 6px}
.quiz-step .quiz-hint{font-size:.86rem;color:var(--text-muted,#6B6F76);margin:0 0 20px;max-width:60ch}
.quiz-options{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;border:0;padding:0;margin:0}
.quiz-option{display:block;cursor:pointer;position:relative}
.quiz-option input{position:absolute;width:1px;height:1px;opacity:0;margin:0}
.quiz-option-in{display:block;height:100%;border:1px solid var(--border,#DED5C6);background:var(--bg,#F5F0E8);padding:16px 18px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.quiz-option-in strong{display:block;font-size:.95rem;line-height:1.25}
.quiz-option-in small{display:block;font-size:.78rem;color:var(--text-muted,#6B6F76);margin-top:5px;line-height:1.4}
.quiz-option:hover .quiz-option-in{border-color:var(--primary,#E0793C)}
.quiz-option input:focus-visible+.quiz-option-in{outline:2px solid var(--primary,#E0793C);outline-offset:2px}
.quiz-option input:checked+.quiz-option-in{border-color:var(--primary,#E0793C);background:var(--callout-bg,#FBF1E6);box-shadow:inset 0 0 0 1px var(--primary,#E0793C)}
.quiz-nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;border-top:1px solid var(--border,#DED5C6);padding-top:20px}
.quiz-back{border:1px solid var(--border,#DED5C6);background:none;font:inherit;font-size:.85rem;font-weight:700;padding:13px 18px;cursor:pointer;color:var(--text-secondary,#4A4F58)}
.quiz-back:hover{border-color:var(--text,#22252B);color:var(--text,#22252B)}
.quiz-note{font-size:.78rem;color:var(--text-muted,#6B6F76);margin:0}
.quiz-error{background:var(--callout-bg,#FBF1E6);color:var(--callout-text,#8A4A16);border:1px solid var(--callout-border,#E8CDAF);padding:13px 16px;font-size:.86rem;margin:0 0 22px}

/* Résultat */
.quiz-result{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;margin-bottom:24px}
.quiz-card{background:var(--surface,#fff);border:1px solid var(--border,#DED5C6);padding:28px}
.quiz-card.is-main{border-top:4px solid var(--primary,#E0793C)}
.quiz-card h2{font-family:var(--serif,Georgia,serif);font-size:2.1rem;line-height:1.05;margin:6px 0 12px}
.quiz-card h3{font-family:var(--serif,Georgia,serif);font-size:1.25rem;margin:0 0 10px}
.quiz-card p{font-size:.92rem;color:var(--text-secondary,#4A4F58);margin:0 0 14px}
.quiz-card ul{margin:0 0 16px;padding-left:18px;font-size:.9rem}
.quiz-card li{margin:7px 0}
.quiz-why{background:var(--fill,#EDE6DA);border:0;padding:18px 20px;font-size:.85rem;margin:0 0 16px}
.quiz-why b{display:block;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#6B6F76);margin-bottom:8px;font-weight:700}
.quiz-second{font-size:.85rem;color:var(--text-muted,#6B6F76);margin:0}
.quiz-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:6px}

/* Catalogue des styles */
.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.style-grid article{background:var(--surface,#fff);border:1px solid var(--border,#DED5C6);border-top:3px solid var(--primary,#E0793C);padding:26px}
.style-grid h3{font-family:var(--serif,Georgia,serif);font-size:1.4rem;margin:0 0 9px}
.style-grid p{font-size:.87rem;color:var(--text-secondary,#4A4F58);margin:0 0 12px}
.style-grid ul{margin:0;padding-left:17px;font-size:.83rem;color:var(--text-muted,#6B6F76)}
.style-grid li{margin:5px 0}

@media(max-width:800px){
  .nav-dropdown{width:100%;display:block}
  .nav-dropdown-btn{pointer-events:none;font-size:.68rem;color:var(--text-muted,#6B6F76);letter-spacing:.14em;margin-bottom:4px}
  .nav-dropdown-btn svg{display:none}
  .nav-dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;border:0;box-shadow:none;background:none;padding:0;min-width:0}
  .nav-dropdown-menu a{padding:0;margin:9px 0;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.065em}
  .nav-dropdown-menu a small{display:none}
  .footer-grid{grid-template-columns:1fr 1fr}
  .quiz-wrap{padding:22px}
  .quiz-options{grid-template-columns:1fr}
  .quiz-result{grid-template-columns:1fr}
  .style-grid{grid-template-columns:1fr}
}
@media(max-width:520px){
  .footer-grid{grid-template-columns:1fr}
  .quiz-card h2{font-size:1.75rem}
}

/* Garde-fou : l’attribut hidden posé par le stepper doit masquer, quel que soit le reset. */
.quiz-step[hidden],.quiz-nav button[hidden]{display:none}

/* ===== [ui-comparatore] Comparateur : formulaire compact + tableau scannable =====
   Réutilise les classes .quiz-* (UI d'outil commune). N'ajoute que le tableau
   comparatif et le verdict. Tokens du :root du front, fallback hex. */

/* Formulaire compact : les 4 axes visibles d'un coup (un comparateur n'est pas un quiz) */
.cmp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.cmp-grid .quiz-step{margin:0}
.cmp-grid .quiz-step legend{font-size:1.15rem;margin-bottom:4px}
.cmp-grid .quiz-hint{font-size:.8rem;margin-bottom:14px}
.cmp-grid .quiz-options{grid-template-columns:1fr;gap:10px}
.cmp-grid .quiz-option-in{padding:12px 15px}
.cmp-grid .quiz-option-in strong{font-size:.9rem}
.cmp-grid .quiz-option-in small{font-size:.75rem;margin-top:3px}

/* Verdict */
.cmp-verdict{display:inline-flex;align-items:center;gap:9px;background:var(--secondary,#22252B);color:var(--white,#fff);padding:9px 15px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:4px}
.cmp-verdict.is-open{background:var(--callout-bg,#FBF1E6);color:var(--callout-text,#8A4A16);border:1px solid var(--callout-border,#E8CDAF)}
.cmp-verdict svg{width:15px}
.cmp-flag{background:var(--callout-bg,#FBF1E6);color:var(--callout-text,#8A4A16);border:1px solid var(--callout-border,#E8CDAF);padding:14px 17px;font-size:.86rem;margin:0 0 16px}

/* Tableau comparatif : en-tête collant, 1re colonne collante, zébrage horizontal */
.cmp-tools{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.cmp-toggle{display:inline-flex;align-items:center;gap:9px;font-size:.83rem;font-weight:600;cursor:pointer;color:var(--text-secondary,#4A4F58)}
.cmp-toggle input{width:16px;height:16px;accent-color:var(--primary,#E0793C);margin:0}
.cmp-table-wrap{overflow-x:auto;border:1px solid var(--border,#DED5C6);background:var(--surface,#fff)}
.cmp-table{border-collapse:collapse;width:100%;min-width:640px;font-size:.87rem}
.cmp-table th,.cmp-table td{text-align:left;padding:14px 16px;vertical-align:top;border-bottom:1px solid var(--border,#DED5C6)}
.cmp-table thead th{position:sticky;top:0;z-index:3;background:var(--secondary,#22252B);color:var(--white,#fff);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.cmp-table tbody tr:nth-child(even){background:var(--bg,#F5F0E8)}
.cmp-table tbody tr.cmp-group th{background:var(--fill,#EDE6DA);font-family:var(--serif,Georgia,serif);font-size:1rem;letter-spacing:-.01em;position:sticky;left:0}
.cmp-table th[scope=row]{position:sticky;left:0;background:inherit;font-weight:700;min-width:190px;color:var(--text,#22252B)}
.cmp-table tbody tr:nth-child(odd) th[scope=row]{background:var(--surface,#fff)}
.cmp-table tbody tr:nth-child(even) th[scope=row]{background:var(--bg,#F5F0E8)}
.cmp-table td{color:var(--text-secondary,#4A4F58)}
.cmp-table .cmp-same td{color:var(--text-muted,#6B6F76)}
.cmp-table .cmp-tag{display:inline-block;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#6B6F76);border:1px solid var(--border,#DED5C6);padding:2px 7px;margin-bottom:6px}
.cmp-table.only-diff tr.cmp-same{display:none}
.cmp-empty{padding:18px;font-size:.86rem;color:var(--text-muted,#6B6F76)}

@media(max-width:800px){
  .cmp-grid{grid-template-columns:1fr;gap:22px}
  .cmp-table{min-width:560px}
  .cmp-table th[scope=row]{min-width:150px}
}

/* ===== [ui-calcolatore] Calculateur : saisie compacte + résultat lisible =====
   Réutilise .quiz-wrap / .quiz-card / .quiz-nav. N'ajoute que les champs de saisie
   et le bloc de chiffres. Tokens du :root du front, fallback hex. */

.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.calc-field{display:block}
.calc-field>span{display:block;font-size:.78rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary,#4A4F58);margin-bottom:7px}
.calc-field input,.calc-field select{font:inherit;font-size:.95rem;width:100%;padding:13px 14px;border:1px solid var(--border,#DED5C6);background:var(--surface,#fff);color:var(--text,#22252B)}
.calc-field input:focus,.calc-field select:focus{outline:2px solid var(--primary,#E0793C);outline-offset:1px;border-color:var(--primary,#E0793C)}
.calc-field small{display:block;font-size:.76rem;color:var(--text-muted,#6B6F76);margin-top:6px;line-height:1.4}
.calc-field.is-wide{grid-column:1/-1}
.calc-unit{position:relative}
.calc-unit input{padding-right:74px}
.calc-unit em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:.82rem;color:var(--text-muted,#6B6F76);pointer-events:none}

/* Aide de conversion repliée (étiquette énergie → kWh/anno) */
.calc-helper{border:1px solid var(--border,#DED5C6);background:var(--bg,#F5F0E8);margin-top:10px}
.calc-helper>summary{cursor:pointer;padding:11px 14px;font-size:.8rem;font-weight:700;color:var(--text-secondary,#4A4F58);list-style:none}
.calc-helper>summary::-webkit-details-marker{display:none}
.calc-helper>summary::before{content:"+ ";color:var(--primary,#E0793C);font-weight:700}
.calc-helper[open]>summary::before{content:"− "}
.calc-helper-body{padding:0 14px 14px;display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end}
.calc-helper-body label{display:block;font-size:.74rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#6B6F76)}
.calc-helper-body input{font:inherit;font-size:.9rem;width:100%;padding:10px 12px;border:1px solid var(--border,#DED5C6);background:var(--surface,#fff);margin-top:6px}
.calc-helper-body button{font:inherit;font-size:.82rem;font-weight:700;padding:11px 15px;border:0;background:var(--secondary,#22252B);color:var(--white,#fff);cursor:pointer;white-space:nowrap}
.calc-helper-body button:hover{background:var(--secondary-hover,#343841)}
.calc-helper p{grid-column:1/-1;font-size:.78rem;color:var(--text-muted,#6B6F76);margin:0}

/* Bloc de résultat */
.calc-out{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border,#DED5C6);border:1px solid var(--border,#DED5C6);margin-bottom:18px}
.calc-out>div{background:var(--surface,#fff);padding:20px 22px}
.calc-out>div:first-child{grid-column:1/-1;background:var(--callout-bg,#FBF1E6)}
.calc-label{display:block;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted,#6B6F76);margin-bottom:6px}
.calc-num{font-family:var(--serif,Georgia,serif);font-size:2.4rem;line-height:1;letter-spacing:-.03em;color:var(--text-strong,#14161A);display:block}
.calc-out>div:first-child .calc-num{font-size:3.1rem;color:var(--primary-hover,#C9652C)}
.calc-num small{font-size:.9rem;font-family:var(--sans,Arial,sans-serif);color:var(--text-muted,#6B6F76);letter-spacing:0;margin-left:6px}
.calc-hyp{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.calc-hyp dt{font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted,#6B6F76);margin-bottom:5px}
.calc-hyp dd{margin:0 0 16px;font-size:.89rem;color:var(--text-secondary,#4A4F58)}
.calc-source{font-size:.82rem;color:var(--text-muted,#6B6F76)}
.calc-source a{color:var(--primary-hover,#C9652C);text-decoration:underline}

@media(max-width:800px){
  .calc-grid{grid-template-columns:1fr;gap:18px}
  .calc-out{grid-template-columns:1fr}
  .calc-hyp{grid-template-columns:1fr;gap:0}
  .calc-helper-body{grid-template-columns:1fr 1fr}
  .calc-helper-body button{grid-column:1/-1}
  .calc-out>div:first-child .calc-num{font-size:2.5rem}
}

/* ===== [ui-oroscopo] Oroscopo : sélecteur de signes, rubriques, classement =====
   Réutilise .quiz-wrap / .quiz-card. Tokens du :root du front, fallback hex. */

/* Sélecteur : 12 signes toujours visibles, jamais un menu déroulant */
.zod-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--border,#DED5C6);border:1px solid var(--border,#DED5C6)}
.zod-card{display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--surface,#fff);padding:15px 8px;text-align:center;transition:background .16s ease,color .16s ease}
.zod-card i{font-style:normal;font-size:1.6rem;line-height:1;color:var(--primary,#E0793C)}
.zod-card strong{font-size:.83rem;font-weight:700;line-height:1.1}
.zod-card small{font-size:.68rem;color:var(--text-muted,#6B6F76);line-height:1.2}
.zod-card:hover{background:var(--fill,#EDE6DA)}
.zod-card.is-active{background:var(--secondary,#22252B);color:var(--white,#fff)}
.zod-card.is-active small{color:var(--text-faint,#C9C2B6)}
.zod-card.is-active i{color:var(--primary,#E0793C)}

/* Onglets oggi / domani */
.oro-tabs{display:flex;gap:0;border:1px solid var(--border,#DED5C6);width:max-content;margin-bottom:22px}
.oro-tabs a{padding:10px 20px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary,#4A4F58)}
.oro-tabs a+a{border-left:1px solid var(--border,#DED5C6)}
.oro-tabs a.is-active{background:var(--secondary,#22252B);color:var(--white,#fff)}

/* En-tête du signe */
.oro-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:6px}
.oro-glyph{font-style:normal;font-size:3.4rem;line-height:1;color:var(--primary,#E0793C)}
.oro-head h2{margin:0;font-size:2.4rem;line-height:1}
.oro-head p{margin:4px 0 0;font-size:.85rem;color:var(--text-muted,#6B6F76)}

/* Indice du jour */
.oro-index{display:flex;align-items:center;gap:12px;background:var(--fill,#EDE6DA);padding:13px 17px;margin:0 0 20px;flex-wrap:wrap}
.oro-stars{font-style:normal;letter-spacing:.16em;font-size:1.05rem;color:var(--primary-hover,#C9652C);white-space:nowrap}
.oro-stars .off{color:var(--text-faint,#C9C2B6)}
.oro-index span{font-size:.79rem;color:var(--text-secondary,#4A4F58)}

/* Rubriques */
.oro-rubriche{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border,#DED5C6);border:1px solid var(--border,#DED5C6)}
.oro-rubriche>div{background:var(--surface,#fff);padding:20px 22px}
.oro-rubriche h3{font-family:var(--serif,Georgia,serif);font-size:1.15rem;margin:0 0 8px}
.oro-rubriche p{margin:0;font-size:.93rem;color:var(--text-secondary,#4A4F58);line-height:1.55}

/* Carte d'identité du signe */
.oro-id{display:grid;grid-template-columns:repeat(2,1fr);gap:0 22px;margin:0}
.oro-id dt{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted,#6B6F76);margin-bottom:4px}
.oro-id dd{margin:0 0 15px;font-size:.9rem;color:var(--text,#22252B)}

/* Classement du jour */
.oro-rank{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--border,#DED5C6);border:1px solid var(--border,#DED5C6);counter-reset:rank}
.oro-rank a{display:flex;align-items:center;gap:12px;background:var(--surface,#fff);padding:12px 16px;font-size:.9rem}
.oro-rank a:hover{background:var(--fill,#EDE6DA)}
.oro-rank a::before{counter-increment:rank;content:counter(rank);font-family:var(--serif,Georgia,serif);font-size:1.1rem;color:var(--text-faint,#C9C2B6);min-width:22px}
.oro-rank i{font-style:normal;font-size:1.15rem;color:var(--primary,#E0793C)}
.oro-rank strong{font-weight:700}
.oro-rank em{font-style:normal;margin-left:auto;font-size:.78rem;color:var(--text-muted,#6B6F76);white-space:nowrap}
.oro-rank a.is-active{background:var(--callout-bg,#FBF1E6)}

@media(max-width:800px){
  .zod-grid{grid-template-columns:repeat(3,1fr)}
  .oro-rubriche{grid-template-columns:1fr}
  .oro-rank{grid-template-columns:1fr}
  .oro-id{grid-template-columns:1fr;gap:0}
  .oro-head h2{font-size:1.9rem}
  .oro-glyph{font-size:2.6rem}
}
@media(max-width:420px){
  .zod-grid{grid-template-columns:repeat(2,1fr)}
}

/* ===== [ui-risorse] Pagine Risorse : schede + pannello laterale destro =====
   Miglioramento progressivo : senza JavaScript i pannelli sono normali sezioni
   impilate in fondo alla pagina (contenuto sempre presente e indicizzabile).
   Con JavaScript diventano cassetti laterali. Token del :root del front. */

.ris-breadcrumb{font-size:.78rem;color:var(--text-muted,#6B6F76);margin:0 0 18px}
.ris-breadcrumb a{color:var(--primary-hover,#C9652C)}
.ris-breadcrumb span{margin:0 7px;color:var(--text-faint,#C9C2B6)}

/* Grille des schede */
.ris-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ris-card{display:flex;flex-direction:column;background:var(--surface,#fff);border:1px solid var(--border,#DED5C6);border-top:3px solid var(--primary,#E0793C);padding:26px;text-align:left;transition:transform .18s ease,box-shadow .18s ease}
.ris-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(34,37,43,.10)}
.ris-card h3{font-family:var(--serif,Georgia,serif);font-size:1.42rem;line-height:1.12;margin:0 0 10px}
.ris-card p{font-size:.88rem;color:var(--text-secondary,#4A4F58);margin:0 0 18px;flex:1}
.ris-card .ris-count{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted,#6B6F76);margin-bottom:9px}
.ris-card .ris-open{font-size:.82rem;font-weight:700;color:var(--primary-hover,#C9652C);display:inline-flex;align-items:center;gap:7px}
.ris-card .ris-open svg{width:15px}

/* Pannello laterale */
.dw{background:var(--surface,#fff);border:1px solid var(--border,#DED5C6);padding:28px;margin-bottom:22px}
.dw-close{display:none}
.dw-head h2{font-family:var(--serif,Georgia,serif);font-size:1.85rem;line-height:1.1;margin:0 0 4px}
.dw-head p.dw-count{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--text-muted,#6B6F76);margin:0 0 18px}
.dw-body p{font-size:.93rem;color:var(--text-secondary,#4A4F58);line-height:1.6;margin:0 0 14px}
.dw-uso{background:var(--callout-bg,#FBF1E6);color:var(--callout-text,#8A4A16);border:1px solid var(--callout-border,#E8CDAF);padding:15px 17px;font-size:.88rem;margin:0 0 20px}
.dw-search{width:100%;font:inherit;font-size:.9rem;padding:11px 14px;border:1px solid var(--border,#DED5C6);background:var(--bg,#F5F0E8);margin-bottom:14px}
.dw-search:focus{outline:2px solid var(--primary,#E0793C);outline-offset:1px}
.dw-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border,#DED5C6);border:1px solid var(--border,#DED5C6)}
.dw-list li{background:var(--surface,#fff);padding:9px 13px;font-size:.86rem;color:var(--text,#22252B)}
.dw-list li[hidden]{display:none}
.dw-empty{font-size:.86rem;color:var(--text-muted,#6B6F76);padding:14px 0 0;margin:0}
.dw-foot{font-size:.78rem;color:var(--text-muted,#6B6F76);margin:16px 0 0}

/* Con JavaScript : cassetto laterale destro */
.has-drawers .dw{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);max-width:100%;margin:0;border:0;border-left:1px solid var(--border,#DED5C6);box-shadow:-18px 0 46px rgba(34,37,43,.16);overflow-y:auto;transform:translateX(102%);transition:transform .26s ease;z-index:60;padding:26px 28px 40px}
.has-drawers .dw.is-open{transform:none}
.has-drawers .dw-close{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border,#DED5C6);background:none;font:inherit;font-size:.8rem;font-weight:700;padding:9px 14px;cursor:pointer;color:var(--text-secondary,#4A4F58);margin-bottom:18px}
.has-drawers .dw-close:hover{border-color:var(--text,#22252B);color:var(--text,#22252B)}
.has-drawers .dw-close svg{width:14px}
.has-drawers .dw-list{grid-template-columns:repeat(2,1fr)}
.dw-backdrop{position:fixed;inset:0;background:rgba(20,22,26,.42);opacity:0;visibility:hidden;transition:opacity .22s ease;z-index:55}
.dw-backdrop.is-open{opacity:1;visibility:visible}
.has-drawers .ris-drawers-title{display:none}
body.dw-locked{overflow:hidden}

@media(max-width:1000px){
  .ris-grid{grid-template-columns:repeat(2,1fr)}
  .dw-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .ris-grid{grid-template-columns:1fr}
  .dw-list,.has-drawers .dw-list{grid-template-columns:1fr}
  .has-drawers .dw{width:100%;padding:20px 20px 36px}
  .dw{padding:22px}
}

/* ===== [ui-logo] Logo image dans le chrome (remplace le wordmark texte) ===== */
.brand .logo-img{height:32px;width:auto;display:block;flex:0 0 auto}
.brand small{max-width:120px}
.site-footer .brand .logo-img{height:30px}
@media(max-width:520px){.brand .logo-img{height:26px}.brand small{display:none}}

/* ===== [ui-pillar-img] Images des pages pilier ===== */
.pillar-hero{margin:0 0 -12px;padding:34px 0 0}
.pillar-hero img{width:100%;height:clamp(260px,38vw,440px);object-fit:cover;display:block}
.pillar-illu{margin:0 0 26px;grid-column:1/-1}
.pillar-illu img{width:100%;height:clamp(200px,26vw,320px);object-fit:cover;display:block}
.editorial-copy .pillar-illu{grid-column:1/-1;margin-top:8px}