/* OR.EM : la 4 énergies de pensée, 3 énergies d'action. Une colonne de lecture, questionnaire par pages, puis fiche-rapport. */
:root{
  --bg:#f4f5f8; --surface:#ffffff; --ink:#1b1d2a; --muted:#5a6074; --line:#dde0e9;
  --raison:#4b50b8; --methode:#1d8a76; --lien:#d9553c; --vision:#e19d12; --curseur:#3c4a5e;
  --accent:#3b3f99; --soft:#eceefa; --onaccent:#ffffff; --focus:#e19d12;
  --display:"Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --body:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#121420; --surface:#1b1e2c; --ink:#eaecf4; --muted:#a3a9bb; --line:#2f3346;
  --raison:#8a8ff0; --methode:#4fc1aa; --lien:#f2836d; --vision:#f2c14e; --curseur:#a9b8cc;
  --accent:#8a8ff0; --soft:#262a40; --onaccent:#121420; --focus:#f2c14e; color-scheme:dark }}
:root[data-theme="dark"]{
  --bg:#121420; --surface:#1b1e2c; --ink:#eaecf4; --muted:#a3a9bb; --line:#2f3346;
  --raison:#8a8ff0; --methode:#4fc1aa; --lien:#f2836d; --vision:#f2c14e; --curseur:#a9b8cc;
  --accent:#8a8ff0; --soft:#262a40; --onaccent:#121420; --focus:#f2c14e; color-scheme:dark }
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.55;padding-inline:16px;padding-block:28px 64px}
.wrap{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:24px}
h1,h2,h3{font-family:var(--display);line-height:1.15;text-wrap:balance;margin:0}
h1{font-size:clamp(28px,6vw,42px);font-weight:700}
h2{font-size:24px;font-weight:700}
h3{font-size:18px;font-weight:700}
p{margin:0}
.lede{color:var(--muted);max-width:62ch}
.eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700}
.prism{display:flex;gap:4px}
.prism span{width:26px;height:8px;border-radius:2px}
.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:14px;min-width:0}
label.field{display:flex;flex-direction:column;gap:6px;font-weight:700}
input[type=text]{font:inherit;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);max-width:360px;width:100%}
.btns{display:flex;flex-wrap:wrap;gap:10px}
button{font:inherit;font-weight:700;border-radius:8px;padding:11px 18px;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--onaccent)}
button.ghost{background:transparent;color:var(--accent)}
button:disabled{opacity:.45;cursor:not-allowed}
button:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
ul.plain,ol.plain{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:4px}
.progress{height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.progress i{display:block;height:100%;width:0;background:var(--accent);transition:width .25s}
.item{display:flex;flex-direction:column;gap:10px;padding-block:14px;border-top:1px solid var(--line)}
.item:first-child{border-top:0;padding-top:0}
.item p{font-weight:700}
.scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.scale label{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px;line-height:1.25;color:var(--muted);text-align:center;cursor:pointer;padding:8px 2px;border:1px solid var(--line);border-radius:8px}
.scale input{accent-color:var(--accent);width:18px;height:18px;margin:0}
.scale label:has(input:checked){border-color:var(--accent);background:var(--soft);color:var(--ink)}
.scale label:has(input:focus-visible){outline:3px solid var(--focus);outline-offset:1px}
.legend-scale{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}
.note{font-size:14px;color:var(--muted)}
.head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-end;border-bottom:2px solid var(--ink);padding-bottom:14px}
.archetype{font-family:var(--display);font-size:clamp(22px,4.5vw,30px);font-weight:700;color:var(--accent)}
.devise{font-style:italic;color:var(--muted)}
.overview{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:center}
@media (max-width:560px){.overview{grid-template-columns:minmax(0,1fr)}}
.pie{width:180px;aspect-ratio:1;max-width:100%;border-radius:50%;margin:0 auto;position:relative}
.pie::after{content:"";position:absolute;inset:30%;border-radius:50%;background:var(--surface)}
.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}
.legend div{display:flex;gap:8px;align-items:baseline;min-width:0}
.legend b{font-variant-numeric:tabular-nums;font-size:20px;font-family:var(--display)}
.dot{width:12px;height:12px;border-radius:3px;flex:none;align-self:center}
.chip{align-self:flex-start;padding:3px 10px;border-radius:99px;background:var(--soft);font-size:13px;font-weight:700}
.beh{display:flex;flex-direction:column;gap:6px;padding-top:6px}
.track{position:relative;height:30px;border-radius:6px;background:linear-gradient(90deg,var(--soft) 0 33%,transparent 33% 67%,var(--soft) 67%);border:1px solid var(--line)}
.track .mark{position:absolute;top:-5px;bottom:-5px;width:6px;margin-left:-3px;border-radius:3px;background:var(--curseur)}
.track small{position:absolute;top:6px;font-size:11px;color:var(--muted)}
.poles{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}
.card{border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:8px;min-width:0;background:var(--surface)}
.card.att{border-top:5px solid var(--c)}
.card dl{margin:0;display:flex;flex-direction:column;gap:6px}
.card dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700}
.card dd{margin:0}
.warn{border-left:4px solid var(--lien);padding-left:12px}
.sec{display:flex;flex-direction:column;gap:14px;min-width:0}
.days{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none}
.days li{border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:2px;font-size:14px}
.days li b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.days li.bilan{background:var(--soft)}
.status{font-size:14px;color:var(--methode);min-height:1.4em}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* Impression : la fiche seule, sans boutons ni fond */
@media print{
  body{background:#fff;color:#000;padding:0}
  #intro,#quiz,.btns,.status{display:none!important}
  .panel,.card{break-inside:avoid;border-color:#bbb}
  .days li{break-inside:avoid}
}