/* Test de Social-Traîtrise : satirique, progressif, sans stockage. */
#social-traitrise .section-head{align-items:end}
.social-test,.social-result{max-width:1040px;margin:0 auto}
.social-progress{display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;margin-bottom:22px;padding:12px 0;border-top:1px solid var(--beg-ink);border-bottom:1px solid var(--beg-ink)}
.social-progress strong{font:900 .82rem/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em}
.social-progress span{font-size:.82rem;color:var(--beg-muted);font-weight:800}
.social-progress div{grid-column:1/-1;height:8px;background:#ddd3c3;overflow:hidden}
.social-progress i{display:block;height:100%;background:var(--beg-red);transition:width .18s ease}
.social-test-intro{margin:0 0 18px;line-height:1.5}
.social-test-error{margin:0 0 18px;padding:10px 12px;border:2px solid var(--beg-red);font-weight:800}
.social-question-list{display:grid;gap:0;border-top:2px solid var(--beg-ink)}
.social-question{margin:0;padding:22px 0;border:0;border-bottom:1px solid var(--beg-ink);min-width:0}
.social-question legend{padding:0;max-width:900px;font-family:var(--sans);font-size:clamp(1.15rem,2.25vw,1.65rem);font-weight:800;line-height:1.2;color:var(--beg-ink)}
.social-question legend span{color:var(--beg-red)}
.social-answer-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:15px}
.social-answer-row label{display:flex;min-width:0}
.social-answer-row input{position:absolute;opacity:0;pointer-events:none}
.social-answer-row label span{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:9px;border:1px solid var(--beg-ink);text-align:center;font:800 .78rem/1.25 Arial,Helvetica,sans-serif;cursor:pointer;background:transparent;color:var(--beg-ink)}
.social-answer-row label span:hover{background:#efe6d7}
.social-answer-row input:focus-visible+span{outline:3px solid var(--beg-red);outline-offset:2px}
.social-answer-row input:checked+span{background:var(--beg-ink);color:var(--paper,#f7f3ea);box-shadow:3px 3px 0 var(--beg-red)}
.social-test-submit{display:flex;justify-content:flex-end;margin:20px 0 12px}

/* Progressive enhancement : une seule question, cinq crans, aucun framework. */
.social-slider-ready{max-width:820px}
.social-slider-ready .social-question-list{border-top:0;min-height:250px}
.social-slider-ready .social-question{padding:28px 0 18px;border:0}
.social-slider-ready .social-question[hidden]{display:none!important}
.social-slider-ready .social-answer-row{display:none}
.social-slider-ready .social-test-submit{display:none}
.social-slider-ready .social-question legend{font-family:var(--sans);font-size:clamp(1.45rem,3.25vw,2.25rem);font-weight:800;line-height:1.14;max-width:27ch;margin:0 auto;text-align:center;text-wrap:balance}
.social-slider-ready .social-question legend span{display:block;margin-bottom:9px;font:900 .72rem/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.social-slider-ui{max-width:680px;margin:34px auto 8px;padding:4px 8px 0}
.social-slider{--social-slider-color:#704e73;appearance:none;-webkit-appearance:none;display:block;position:relative;z-index:2;width:100%;height:12px;margin:0;background:var(--social-slider-color);border:1px solid var(--beg-ink);border-radius:999px;cursor:pointer;transition:background-color .16s ease}
.social-slider::-webkit-slider-runnable-track{height:12px;background:var(--social-slider-color);border-radius:999px}
.social-slider::-moz-range-track{height:12px;background:var(--social-slider-color);border:0;border-radius:999px}
.social-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:27px;height:27px;margin-top:-8px;border:3px solid var(--beg-ink);border-radius:50%;background:#fffaf0;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.social-slider::-moz-range-thumb{width:23px;height:23px;border:3px solid var(--beg-ink);border-radius:50%;background:#fffaf0;box-shadow:0 1px 0 rgba(0,0,0,.2)}
.social-slider:focus-visible{outline:3px solid var(--beg-red);outline-offset:7px}
.social-slider-dots{position:relative;z-index:3;display:flex;justify-content:space-between;pointer-events:none;margin:-9px 8px 12px}
.social-slider-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#fffaf0;border:1px solid rgba(23,19,16,.65)}
.social-slider-scale{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:start;font:800 .72rem/1.25 Arial,Helvetica,sans-serif;color:#4f4942}
.social-slider-scale span:last-child{text-align:right}
.social-slider-scale strong{min-width:150px;text-align:center;color:var(--beg-red)}
.social-slider-nav{display:flex;justify-content:space-between;gap:12px;margin:20px 0 12px;padding-top:18px;border-top:1px solid #cfc3b2}
.social-slider-nav .btn{min-width:150px}
.social-slider-nav .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}

.social-result{max-width:920px;border-top:5px double var(--beg-ink);border-bottom:5px double var(--beg-ink);padding:24px 0}
.social-result-hero{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:32px;align-items:center;justify-items:center;text-align:center;padding-bottom:22px;border-bottom:2px solid var(--beg-ink)}
.social-result-hero.has-crest{grid-template-columns:180px minmax(220px,.65fr) minmax(0,1.15fr);align-items:center}
.social-main-score strong{display:block;font-family:var(--display);font-size:clamp(4.8rem,11vw,9rem);line-height:.78;color:var(--beg-red);letter-spacing:-.04em}
.social-main-score span{display:block;margin:15px auto 0;max-width:34ch;font-size:.83rem;line-height:1.4;color:var(--beg-muted)}
.social-result-copy h3{margin:0 0 8px;font-family:var(--display);font-size:clamp(2rem,4.8vw,4rem);line-height:.92;color:var(--beg-ink)}
.social-result-copy p{max-width:46ch;margin:0 auto;font-size:1.05rem;line-height:1.55}
.social-crest-slot[hidden]{display:none!important}
.social-crest{display:grid;gap:8px;place-items:center;align-self:center;text-align:center}
.social-crest img{display:block;width:min(100%,170px);height:auto;max-height:190px;object-fit:contain}
.social-crest-short{font:900 .78rem/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:var(--beg-red)}
.social-axis-list{display:grid;gap:22px;padding:26px 0}
.social-axis{--axis-color:#8b1515}
.social-axis.axis-economy{--axis-color:#9d1c18}
.social-axis.axis-ecology{--axis-color:#3f7a4b}
.social-axis.axis-struggle{--axis-color:#6f4d8f}
.social-axis.axis-social{--axis-color:#b06f22}
.social-axis-head,.social-axis-labels,.social-axis-values{display:flex;justify-content:space-between;gap:16px;align-items:baseline}
.social-axis-head strong{font-family:var(--display);font-size:1.35rem}
.social-axis-head span{font:900 .76rem/1 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.04em;color:var(--axis-color)}
.social-axis-labels{margin-top:7px;font-size:.78rem;line-height:1.25;color:#555}
.social-axis-labels span:last-child,.social-axis-values span:last-child{text-align:right}
.social-axis-bar{display:flex;height:24px;margin-top:6px;border:2px solid var(--beg-ink);background:#e4dac9;overflow:hidden}
.social-axis-compatible{display:block;background:var(--axis-color)}
.social-axis-betrayal{display:block;background:#bbb2a6;border-left:2px solid var(--beg-ink)}
.social-axis-values{margin-top:4px;font:900 .76rem/1 Arial,Helvetica,sans-serif}
.social-personalize{max-width:620px;margin:4px auto 20px;padding:16px;border:1px solid var(--beg-ink);background:#f3ecdf}
.social-personalize label{display:grid;gap:7px;font:900 .86rem/1.2 Arial,Helvetica,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.social-personalize label span{font:.78rem/1.35 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;color:var(--beg-muted)}
.social-personalize input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--beg-ink);background:#fffaf0;color:var(--beg-ink);font:700 1rem/1.2 Arial,Helvetica,sans-serif}
.social-personalize input:focus-visible{outline:3px solid var(--beg-red);outline-offset:2px}
.social-result-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding-top:4px}
.social-result-note{text-align:center;max-width:72ch;margin:14px auto 0}

@media(max-width:760px){
  .social-answer-row{grid-template-columns:1fr}
  .social-answer-row label span{justify-content:flex-start;min-height:46px;text-align:left}
  .social-result-hero,.social-result-hero.has-crest{grid-template-columns:1fr;gap:20px;align-items:center;justify-items:center;text-align:center}
  .social-crest{justify-items:center;text-align:center;width:100%}
  .social-crest img{width:min(52vw,170px)}
  .social-main-score strong{font-size:clamp(5rem,24vw,7.6rem)}
  .social-axis-head{align-items:center;flex-direction:column;gap:4px;text-align:center}
  .social-axis-labels{font-size:.72rem}
  .social-slider-ready .social-question legend{font-size:clamp(1.35rem,6.6vw,1.9rem);max-width:24ch}
  .social-slider-ui{margin-top:30px;padding-inline:2px}
  .social-slider-scale{grid-template-columns:1fr 1fr;gap:7px 12px}
  .social-slider-scale strong{grid-column:1/-1;grid-row:1;min-width:0;margin-bottom:6px}
  .social-slider-scale span{grid-row:2}
  .social-slider-nav{display:grid;grid-template-columns:1fr 1fr}
  .social-slider-nav .btn{min-width:0;width:100%}
}

body.accessible.begemot-page .social-answer-row input:checked+span{background:#111!important;color:#fff!important}
body.accessible.begemot-page .social-axis-bar{border-color:#111!important}
body.accessible.begemot-page .social-slider{border-color:#111!important}
body.accessible.begemot-page .social-personalize{background:#fff!important;border-color:#111!important}