/* v7 / the personal chapter. Same materials and typography as the reader. */
.af-quiz.v7-quiz{--q-tint:210,194,182;position:relative;min-height:100svh!important;overflow:visible!important;background:#080808;color:#f7f7f4;font-family:'Equinox Sans',Helvetica,Arial,sans-serif;font-weight:400}
.v7-quiz *, .v7-quiz *::before, .v7-quiz *::after{box-sizing:border-box}
.v7-quiz .af-quiz-body{max-width:1440px;margin:0 auto;padding:112px clamp(24px,5vw,76px) 64px!important}
.v7-quiz button,.v7-quiz a{touch-action:manipulation;-webkit-tap-highlight-color:rgba(255,255,255,.09)}
.v7-quiz button{font-family:inherit;border-radius:0;cursor:pointer}
.v7-quiz :is(button,a):focus-visible{outline:2px solid #fff;outline-offset:5px}
.v7-quiz .v7-quiz-eyebrow,.v7-quiz .af-quiz-head [aria-live],.v7-quiz-small,.v7-quiz-material-index,.v7-quiz-dimension-number,.v7-quiz-art-caption{font-family:'Messina Mono',Menlo,monospace;font-size:11px;font-weight:400;line-height:1.5;letter-spacing:.08em;text-transform:uppercase}
.v7-quiz .v7-quiz-return{color:#d0cecb;display:inline-flex;align-items:center;min-height:44px;font-size:13px;text-decoration:underline;text-underline-offset:5px;margin-bottom:28px}
.v7-quiz .v7-quiz-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:36px 8%;align-items:center!important;margin:0!important}
.v7-quiz-intro-copy{display:flex;flex-direction:column;align-items:flex-start;gap:26px;grid-column:1;grid-row:1}
.v7-quiz-intro-copy .v7-quiz-eyebrow{color:#c7c3c2}
.v7-quiz-intro-copy h2{font-weight:300;line-height:.99;letter-spacing:-.045em;font-size:clamp(60px,7.2vw,104px);text-wrap:balance}
.v7-quiz-intro-deck{font-size:18px;line-height:1.5;max-width:34ch;text-wrap:pretty;color:#d0cecb}
.v7-quiz-start-actions{display:flex;align-items:center;gap:24px;width:100%;margin-top:10px}
.v7-quiz-primary{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;min-width:150px;min-height:50px;padding:13px 20px;border:1px solid #f5f4f0;background:#f5f4f0;color:#080808;font-size:15px;font-weight:400;line-height:1.3;transition:background-color 100ms ease-out,opacity 100ms ease-out,transform 100ms ease-out}
.v7-quiz-primary:active:not(:disabled){transform:scale(.985);background:rgb(var(--q-tint))}
.v7-quiz-primary:disabled{opacity:.3;cursor:default}
.v7-quiz-text-button{display:inline-flex;align-items:center;min-height:44px;padding:8px 0;border:0;background:transparent;color:inherit;font-size:14px;font-weight:400;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;transition:opacity 100ms ease-out}
.v7-quiz-text-button:active{opacity:.65}
.v7-quiz-small{color:#a7a5a1;letter-spacing:.04em;font-size:10px}
.v7-quiz-intro-art{position:relative;grid-column:2;grid-row:1;align-self:stretch;min-height:440px;overflow:hidden;background:#161715}
.v7-quiz-intro-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 52%;filter:brightness(.65);opacity:.88}
.v7-quiz-intro-art .v7-quiz-artifact{position:absolute;inset:12% 3% 14%;width:94%;height:74%;mix-blend-mode:screen}
.v7-quiz-art-caption{position:absolute;left:26px;bottom:24px;color:#fff;font-size:12px;line-height:1.8}
.v7-quiz-privacy{grid-column:1/-1;max-width:70ch;color:#9b9b98;font-size:13px;line-height:1.6;margin:0}
.v7-quiz-start-actions .v7-quiz-primary{min-width:240px;min-height:60px;font-size:17px;padding:16px 24px}
.v7-quiz .r2-quiz-answer-guidance{font-size:14px;font-weight:400;line-height:1.5;color:#c7c3c2;max-width:36ch;margin-top:-8px}
.r2-quiz-radios,.r2-quiz-option-exit{flex-shrink:0}
.r2-quiz-option-exit{padding:8px 8px 18px}
.v7-quiz .r2-quiz-decline{gap:18px;color:#d0cecb;min-height:44px;font-size:14px}
.v7-quiz .r2-quiz-optout-note{font-size:12px;font-weight:400;line-height:1.5;color:#b2b2ac;max-width:47ch;margin:0}
.v7-quiz-layout{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(0,1.05fr);gap:clamp(40px,7vw,112px);align-items:start}
.v7-quiz-material{position:sticky;top:104px;min-height:560px;align-self:start;overflow:hidden;background:#111}
.v7-quiz-material>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.72}
.v7-quiz-material-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,8,8,.24),rgba(8,8,8,.4) 58%,#080808 100%)}
.v7-quiz-material .v7-quiz-artifact{position:absolute;left:4%;top:7%;width:92%;height:69%}
.v7-quiz-artifact>svg{display:block;width:100%;height:100%;overflow:visible}
.v7-quiz-material-copy{position:absolute;left:26px;right:26px;bottom:28px;display:flex;flex-direction:column;gap:10px}
.v7-quiz-material-index{color:rgb(var(--q-tint))}
.v7-quiz-material-name{font-size:38px;font-weight:300;line-height:1.06;letter-spacing:-.025em}
.v7-quiz-material-definition{font-size:15px;line-height:1.45;max-width:28ch;color:#c6c6c2}
.v7-quiz .af-quiz-q{display:flex;flex-direction:column;gap:0!important;width:100%;min-width:0;margin:0!important}
.v7-quiz .af-quiz-head{display:flex;justify-content:space-between;align-items:center;gap:12px!important;margin:0 0 14px}
.v7-quiz .af-quiz-head .v7-quiz-eyebrow{color:#a8a8a3;font-size:11px}
.v7-quiz .af-quiz-head [aria-live]{font-size:12px;letter-spacing:.03em}
.v7-quiz-progress{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;list-style:none;margin:0 0 32px;padding:0;height:6px}
.v7-quiz-progress li{display:block;height:3px;background:#ffffff24;position:relative}
.v7-quiz-progress li:nth-child(2n+3){margin-left:5px}
.v7-quiz-progress li[data-status="answered"]{background:#deded9}
.v7-quiz-progress li[data-status="skipped"]{background:transparent;border:1px solid #777;height:3px}
.v7-quiz-progress li[data-status="current"]{background:rgb(var(--q-tint));height:6px;margin-top:-1.5px}
.v7-quiz #quiz-question{font-size:clamp(28px,3.05vw,43px);line-height:1.18;font-weight:300;letter-spacing:-.022em;text-wrap:pretty;outline:none;margin:0 0 32px}
.v7-quiz .af-quiz-options{display:flex;flex-direction:column;gap:0!important;border-top:1px solid #ffffff35}
.v7-quiz .af-quiz-option{position:relative;isolation:isolate;display:grid;grid-template-columns:24px minmax(0,1fr) 18px;align-items:center;gap:13px;width:100%;padding:15px 8px!important;min-height:56px!important;border:0;border-bottom:1px solid #ffffff29;background:transparent;color:#e5e5df;font-size:16px;font-weight:400;line-height:1.4!important;text-align:left;letter-spacing:0;text-transform:none;transition:background-color 100ms ease-out,color 100ms ease-out}
.v7-quiz .af-quiz-option:active{background:#ffffff0d}
.v7-quiz .af-quiz-option[aria-checked="true"]{background:rgba(var(--q-tint),.085);color:#fff;border-bottom-color:rgba(var(--q-tint),.75)}
.v7-quiz-option-number{font-family:'Messina Mono',Menlo,monospace;font-size:10px;letter-spacing:.05em;color:#93938f}
.v7-quiz-option-check{display:block;width:16px;height:16px;border:1px solid #777;border-radius:50%;position:relative;transition:border-color 100ms ease-out}
.v7-quiz-option-check::after{content:'';position:absolute;inset:4px;border-radius:50%;background:#fff;transform:scale(0);transition:transform 100ms ease-out}
.v7-quiz .af-quiz-option[aria-checked="true"] .v7-quiz-option-check{border-color:#fff}
.v7-quiz .af-quiz-option[aria-checked="true"] .v7-quiz-option-check::after{transform:scale(1)}
.v7-quiz .af-quiz-q .af-quiz-nav{display:grid!important;grid-template-columns:auto 1fr!important;gap:12px 24px!important;align-items:baseline!important;/* Back and Next share one text baseline, not one box centre (the precision pass, 2026-10-09: 2.5px apart) */padding-top:24px;margin:0;border:0}
.v7-quiz-next{min-width:138px;justify-self:end}
.v7-quiz .af-quiz-foot{display:flex;justify-content:space-between;gap:8px 20px!important;flex-wrap:wrap;margin-top:34px;padding-top:16px;border-top:1px solid #ffffff20;color:#aaa9a4;font-size:12px;line-height:1.5}
.v7-quiz .af-quiz-foot a{display:inline-flex;align-items:center;gap:10px;min-height:36px!important;padding:0;font-family:inherit;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;transition:color 100ms ease-out}
.v7-quiz .af-quiz-foot>span{align-self:center;color:#777873;font-size:11px}
.af-quiz.v7-quiz[data-quiz-screen="question"]~footer{display:none!important}
@media(hover:hover){.v7-quiz .af-quiz-option:hover{background:#ffffff08}.v7-quiz .af-quiz-option[aria-checked="true"]:hover{background:rgba(var(--q-tint),.11)}.v7-quiz-text-button:hover,.v7-quiz .af-quiz-foot a:hover{color:#fff}}
@media(max-width:767px){
  .v7-quiz .af-quiz-body{padding:82px 24px 32px!important}
  .v7-quiz .v7-quiz-intro{grid-template-columns:1fr;gap:26px}
  .v7-quiz-return{font-size:12px;margin-bottom:18px;min-height:36px}
  .v7-quiz-intro-copy{grid-row:1;gap:20px}
  .v7-quiz-intro-copy h2{font-size:clamp(52px,14vw,82px)}
  .v7-quiz-intro-deck{font-size:16px;max-width:none}
  .v7-quiz-intro-art{grid-column:1;grid-row:2;min-height:190px;height:190px}
  .v7-quiz-intro-art .v7-quiz-artifact{width:200px;height:200px;inset:-5px 0 auto auto}
  .v7-quiz-intro-photo{object-position:50% 37%;filter:brightness(.6)}
  .v7-quiz-art-caption{left:20px;bottom:20px;font-size:10px}
  .v7-quiz-start-actions{margin-top:0}
  .v7-quiz-start-actions .v7-quiz-primary{flex:1;min-width:0;min-height:58px;font-size:16px}
  .v7-quiz-small{font-size:10px;letter-spacing:.02em}
  .r2-quiz-option-exit{padding:8px 4px 14px}
  .v7-quiz-privacy{font-size:12px;line-height:1.6}
  .v7-quiz-layout{display:flex;flex-direction:column;gap:24px}
  .v7-quiz-material{position:relative;top:auto;width:100%;height:110px;min-height:110px;overflow:hidden;background:#080808}
  .v7-quiz-material>img{width:58%;object-position:50% 40%!important;opacity:.5}
  .v7-quiz-material-shade{background:linear-gradient(90deg,rgba(8,8,8,.2),#080808 64%)}
  .v7-quiz-material .v7-quiz-artifact{left:auto;right:0;top:0;width:112px;height:112px}
  .v7-quiz-material-copy{left:14px;right:116px;bottom:20px;gap:7px}
  .v7-quiz-material-index{font-size:9px}
  .v7-quiz-material-name{font-size:28px;line-height:1;letter-spacing:-.02em}
  .v7-quiz-material-definition{display:none}
  .v7-quiz .af-quiz-head{margin-bottom:12px}
  .v7-quiz .af-quiz-head [aria-live]{font-size:11px}
  .v7-quiz-progress{margin-bottom:25px;gap:3px}
  .v7-quiz #quiz-question{font-size:27px;line-height:1.2;letter-spacing:-.02em;margin-bottom:24px}
  .v7-quiz .af-quiz-option{padding:13px 4px!important;gap:10px;grid-template-columns:20px minmax(0,1fr) 16px;min-height:49px!important;font-size:15px}
  .v7-quiz .af-quiz-q .af-quiz-nav{gap:12px 18px!important;padding-top:18px}
  .v7-quiz-back{grid-column:1;grid-row:1}
  .v7-quiz-next{grid-column:2;grid-row:1;justify-self:end;min-width:144px;min-height:48px}
  .v7-quiz .af-quiz-foot{margin-top:24px;padding-top:12px;flex-direction:row!important}
  .v7-quiz .af-quiz-foot>span{font-size:10px}
}
@media(max-width:767px) and (max-height:740px){.v7-quiz .af-quiz-body{padding-top:78px!important}.v7-quiz-layout{gap:18px}.v7-quiz-material{height:78px;min-height:78px}.v7-quiz-material .v7-quiz-artifact{height:82px;width:82px}.v7-quiz-material-copy{bottom:13px}.v7-quiz-material-name{font-size:25px}.v7-quiz-material-index{font-size:8px}.v7-quiz-progress{margin-bottom:20px}.v7-quiz #quiz-question{font-size:25px;margin-bottom:20px}.v7-quiz .af-quiz-option{padding:11px 4px!important;min-height:46px!important}}
@media(prefers-reduced-motion:reduce){.v7-quiz *, .v7-quiz *::before,.v7-quiz *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Override the inherited three-control embedded footer without changing its
   fixed viewport contract: answer options and the quiet opt-out scroll together. */
html[data-v7-embedded=true] .v7-quiz .af-quiz-q .af-quiz-nav{grid-template-columns:auto 1fr!important;padding-top:12px}
/* Short windows on laptops (Saturday's stress test, 2026-10-10, brief §5.4). The fold check found Back and Next under the fold on the twelve
   questions in a 1280×720 window (a 13-inch with its browser bars), at 1366×650 (the common Windows laptop with its taskbar) and at 125 % zoom.
   The same move as the short phones' rule above: with the window's height, the question screen's top air, the gaps and the answers' rows
   tighten, in two steps (under 820 tall, then under 700, where the question's size also steps down); nothing changes at 900 tall, and the
   framed mode keeps its own rules (embedded.css). The photograph's sticky top follows the column's top so the two keep one top edge. */
@media(min-width:768px) and (max-height:820px){
  html:not([data-v7-embedded=true]) .v7-quiz[data-quiz-screen=question] .af-quiz-body{padding-top:88px!important}
  html:not([data-v7-embedded=true]) .v7-quiz[data-quiz-screen=question] .v7-quiz-material{top:88px}
  html:not([data-v7-embedded=true]) .v7-quiz-progress{margin-bottom:24px}
  html:not([data-v7-embedded=true]) .v7-quiz #quiz-question{margin-bottom:24px}
  html:not([data-v7-embedded=true]) .v7-quiz .af-quiz-option{padding:13px 8px!important;min-height:52px!important}
  html:not([data-v7-embedded=true]) .v7-quiz .af-quiz-q .af-quiz-nav{padding-top:16px}
}
@media(min-width:768px) and (max-height:700px){
  html:not([data-v7-embedded=true]) .v7-quiz[data-quiz-screen=question] .af-quiz-body{padding-top:76px!important}
  html:not([data-v7-embedded=true]) .v7-quiz[data-quiz-screen=question] .v7-quiz-material{top:76px;min-height:480px}
  html:not([data-v7-embedded=true]) .v7-quiz-progress{margin-bottom:16px}
  html:not([data-v7-embedded=true]) .v7-quiz #quiz-question{font-size:clamp(26px,2.6vw,36px);margin-bottom:16px}
  html:not([data-v7-embedded=true]) .v7-quiz .af-quiz-option{padding:11px 8px!important;min-height:48px!important}
  html:not([data-v7-embedded=true]) .v7-quiz .af-quiz-q .af-quiz-nav{padding-top:12px}
}