/* Infographies : roue « Pourquoi dormir ? » et cercle de l’hygiène de sommeil */
.som-hero .plead{max-width:none}
.som-duo{display:grid;gap:clamp(40px,6vw,72px)}
.som-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.35fr);column-gap:clamp(24px,4vw,56px);row-gap:16px;align-items:center}
.som-roue{display:contents}
.som-row h2{grid-column:1;grid-row:1;margin:0;text-align:center}
.som-row .roue{grid-column:1;grid-row:2}
.som-row .more-wrap{grid-column:2;grid-row:2}
#more-1 .more-fig img{height:95px;width:auto;max-width:100%;margin-inline:auto}
.som-row .more-wrap{max-width:none}
.som-duo h2{text-align:center}
@media (max-width:820px){.som-row{grid-template-columns:1fr}.som-row .more-wrap{grid-column:1;grid-row:3}}

.info{display:grid;gap:18px;justify-items:center}
.info-txt{max-width:56ch;min-height:6.2em;text-align:center}
.info-title{font:700 var(--fs-lg)/1.15 var(--display);margin:0 0 6px}
.info-desc{margin:0 auto;color:var(--muted)}
.info-txt.swap .info-title,.info-txt.swap .info-desc{animation:info-in .25s ease both}
@keyframes info-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.info-item{cursor:pointer;outline:none}

/* Les deux cercles : même taille, même effet de survol */
.roue{display:block;width:100%;max-width:440px;height:auto;margin-inline:auto;overflow:visible;-webkit-tap-highlight-color:transparent}
.roue .info-item{transform-box:view-box;transform-origin:200px 200px;transition:transform .25s cubic-bezier(.2,.8,.3,1.2),filter .25s}
.roue .info-item.on{transform:translate(calc(var(--dx) * 10px),calc(var(--dy) * 10px)) scale(1.07);filter:drop-shadow(0 8px 10px rgba(14,26,40,.35))}
.roue .info-item:focus-visible path{stroke:var(--ink);stroke-width:3}
.roue-centre{fill:#8c7b62}

/* Cercle de la poule (icônes et dégradés du fichier Figma) */
.roue-poule .w{stroke:none}
.roue-poule .centre{fill:#fff;stroke:var(--rule);stroke-width:2}
.roue-poule .badge{fill:#1b2333;stroke:#fff;stroke-width:1.5}
.roue-poule .badge-n{fill:#fff;font:700 13px/1 var(--display,sans-serif);pointer-events:none}
.roue-poule image{pointer-events:none}
.roue-poule .arc{fill:none;stroke:var(--muted);stroke-width:1.5;stroke-linecap:round}
.roue-poule .arc-txt{fill:var(--muted);font:700 12px/1 var(--display,sans-serif)}

@media (prefers-reduced-motion:reduce){.roue .info-item{transition:none}.info-txt.swap .info-title,.info-txt.swap .info-desc{animation:none}}

/* Recommandations : icônes de section, listes */
.tile h3.ico-h{display:flex;align-items:center;gap:10px}
.ico-h svg{flex:none;color:var(--accent)}
.pod-list .book{display:block;padding:8px 0;line-height:1.3}

/* Recommandations : les listes commencent toutes au même endroit */

/* Cartes détaillées du cercle des habitudes */
.more-wrap{width:100%;max-width:60ch;display:grid}
.more-wrap>.info-more{grid-area:1 / 1}
.info-more{background:var(--card);border-radius:var(--r,12px);border-top:8px solid var(--accent);padding:14px 20px 16px;display:grid;gap:8px;align-content:start;text-align:left}
.more-wrap>.info-more[hidden]{display:grid!important;visibility:hidden}
.more-title{font:700 var(--fs-lg)/1.15 var(--display);margin:0;text-align:center}
.more-ico-top{display:block;margin:0 auto -4px;width:56px;height:56px}
.more-sub{margin:4px 0 0;font-size:var(--fs-xs);font-weight:700;color:var(--muted)}
.more-studies{list-style:none;margin:0;padding:0;display:grid;gap:10px;font-size:var(--fs-sm);line-height:1.45}
.more-studies li{padding-left:12px;border-left:3px solid var(--rule)}
.more-studies b{display:block;font-size:var(--fs-xs)}
.more-studies a{color:inherit}
.more-lead{margin:0 0 2px;font-weight:700;font-size:var(--fs-sm);line-height:1.45}
.more-list{list-style:none;margin:0;padding:0;display:grid;gap:6px;font-size:var(--fs-sm);line-height:1.5}
.more-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}
.more-fig{margin:0;display:grid;gap:6px}
.more-fig img{display:block;width:100%;height:auto;max-height:160px;object-fit:contain}
html[data-theme="dark"] .more-fig img.chart,html[data-theme="dark"] .cafe-fig img{filter:invert(1) hue-rotate(180deg)}
html[data-theme="dark"] .more-fig img.icons{background:#f5f8f9;border-radius:var(--r-sm,8px)}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) .more-fig img.chart,html:not([data-theme="light"]) .cafe-fig img{filter:invert(1) hue-rotate(180deg)}html:not([data-theme="light"]) .more-fig img.icons{background:#f5f8f9;border-radius:var(--r-sm,8px)}}
.more-fig figcaption{font-size:var(--fs-xs);font-weight:700;color:var(--muted);line-height:1.3}
.more-ico{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.more-ico li{display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;font-size:var(--fs-sm);line-height:1.45}
.more-ico .ico{display:flex;gap:4px;justify-content:center}

/* Café : schéma de la demi-vie */
.info-more .cafe-fig{display:flex;align-items:flex-end;justify-content:center;gap:6px;padding:4px 0}
.cafe-step{display:grid;justify-items:center;color:#6a58b8;font-size:var(--fs-xs);margin-bottom:8px}
.cafe-step b{color:var(--ink)}
.cafe-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.cafe-list li{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;font-size:var(--fs-sm);line-height:1.45}
.cafe-note{margin:0;color:var(--muted);font-size:var(--fs-sm);line-height:1.5}
.more-default{justify-items:center;text-align:center;align-content:center}
.more-ico-top.big{width:96px;height:96px;margin:0 auto}
.more-intro{margin:0;font:700 var(--fs-lg)/1.3 var(--display);max-width:22ch}
.study-tag{display:inline-block;margin:0 0 2px;padding:1px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 16%,transparent);font-size:12px;font-weight:700}
.more-studies li:has(.study-tag){border-left-color:var(--accent)}
.more-charts{margin-top:2px}

.more-ico-pair{display:flex;justify-content:center;gap:12px;margin:0 auto -4px}.more-ico-pair img{display:block;width:56px;height:56px}
.rec-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 14px}
.rec-tabs button{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border-radius:999px;border:2px solid var(--rule);background:transparent;color:inherit;font-family:inherit;font-weight:700;font-size:var(--fs-sm);line-height:1;cursor:pointer}
.rec-tabs button:hover{border-color:var(--ink)}
.rec-tabs button[aria-selected="true"]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent)}
.rec-tabs button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}
.rec-tabs svg{flex:none}
.rec-panel .pod-list{margin:0}
.rec-panels{display:grid}.rec-panels>.rec-panel{grid-area:1 / 1}
.rec-panels>.rec-panel[hidden]{display:block!important;visibility:hidden}
.res-list{margin:0}.res-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;align-items:center}
.res-list li+li{border-top:1px solid var(--rule)}
.res-list .book small{line-height:1.45}
.som-cols{display:block}
#ressources{width:fit-content;max-width:100%;margin-inline:auto}
#ressources h2{text-align:center}
#ressources .rec-tabs{justify-content:center}
#ressources .rec-panel:not(#rec-pod){contain:inline-size}
@media (max-width:820px){.more-wrap>.info-more[hidden]{display:none!important}}