/* The picture keeps its field geometry. The decision sits outside the field. */
.astra-v2 .iq-example-label{font:10px/1.6 'JetBrains Mono',monospace;margin-top:22px;color:var(--green)}
.astra-v2 .a-play-layout{grid-template-columns:minmax(0,1fr) 320px;border:1px solid var(--green)}
.astra-v2 .a-coach-note.iq-decision{background:var(--cream);padding:30px;justify-content:flex-start}
.astra-v2 .iq-decision h3{font-size:42px;line-height:1.03;margin:24px 0 28px}
.astra-v2 .iq-answers{display:grid;gap:10px}
.astra-v2 .iq-answers button{display:flex;align-items:center;gap:12px;width:100%;min-height:68px;padding:12px 14px;border:1px solid var(--green);background:transparent;color:var(--green);text-align:left;transition:background .2s,color .2s,transform .2s}
.astra-v2 .iq-answers button:hover{background:var(--rd-cream-3);transform:translateX(3px)}
.astra-v2 .iq-position{font:34px/1 'Bebas Neue',sans-serif;min-width:32px}
.astra-v2 .iq-answers button>span:nth-child(2){font-size:12px;line-height:1.4}
.astra-v2 .iq-answers button>span:last-child{margin-left:auto;font-size:22px}
.astra-v2 .iq-answers [data-result=correct]{background:var(--green);color:var(--cream)}
.astra-v2 .iq-answers [data-result=retry]{border-style:dashed}
.astra-v2 .iq-feedback{min-height:108px;padding-top:24px;font-size:13px;line-height:1.65}
.astra-v2 .iq-feedback strong{display:block;font:28px/1.2 'Bebas Neue',sans-serif;margin-bottom:8px;color:var(--green)}
.astra-v2 .iq-reset{align-self:flex-start;padding:12px 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--green);font-size:12px;min-height:44px}
.astra-v2 .iq-reset[hidden]{display:none}
.astra-v2 .iq-decision .a-note-bottom{padding-top:26px;display:block;margin-top:auto}
.astra-v2 .iq-decision .a-button{width:100%;font-size:20px;gap:12px}
.astra-v2 .iq-decision .a-note-bottom p{font-size:11px;margin:14px 0 0}
.astra-v2 .iq-answered [data-tok="1B"] .toklab,.astra-v2 .iq-answered [data-tok="1B"] .disc{outline:2px solid var(--cream);outline-offset:5px;background:var(--green);color:var(--cream);border-radius:2px}
.astra-v2 .a-play-controls{min-height:72px}.astra-v2 .a-play-controls input{min-height:44px}
.astra-v2 .oneplay{height:clamp(520px,44vw,680px);min-height:520px}
.astra-v2 .pbp{font-size:10px;white-space:normal;max-width:calc(100% - 40px);line-height:1.5}
@media(max-width:1000px){.astra-v2 .a-play-layout{grid-template-columns:minmax(0,1fr) 280px}.astra-v2 .a-coach-note.iq-decision{padding:24px}.astra-v2 .iq-decision h3{font-size:36px}}
@media(max-width:760px){
  .astra-v2 .a-play-layout{display:block;margin-inline:-5.55%;border-inline:0}
  .astra-v2 .oneplay,.astra-v2 .play-pin{height:470px;min-height:470px}
  .astra-v2 .a-coach-note.iq-decision{padding:28px 5% 32px}
  .astra-v2 .iq-decision h3{font-size:40px;max-width:330px;margin:14px 0 22px}
  .astra-v2 .iq-decision h3 br{display:none}
  .astra-v2 .iq-answers{grid-template-columns:1fr 1fr;gap:12px}
  .astra-v2 .iq-answers button{min-height:88px;display:grid;grid-template-columns:1fr auto;gap:6px 8px}
  .astra-v2 .iq-answers button>span:nth-child(2){grid-column:1/-1;grid-row:2;font-size:11px}
  .astra-v2 .iq-answers button>span:last-child{grid-column:2;grid-row:1}
  .astra-v2 .iq-feedback{min-height:100px;padding-top:20px}
  .astra-v2 .iq-decision .a-note-bottom{padding-top:12px}
  .astra-v2 .a-play-controls{padding-inline:5%;gap:12px}
  .astra-v2 .a-play-controls button{min-width:116px;min-height:44px;font-size:11px}
  .astra-v2 .pbp{font-size:9px;max-width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){.astra-v2 .iq-answers button{transition:none;transform:none}}

/* On a phone the question leads the field, so choices stay close to the play. */
@media(max-width:760px){
  .astra-v2 .a-play-layout{display:grid;grid-template-columns:minmax(0,1fr);background:var(--cream)}
  .astra-v2 .a-coach-note.iq-decision{display:contents}
  .astra-v2 .iq-decision>.a-eyebrow{display:none}
  .astra-v2 .iq-decision h3{grid-row:1;margin:24px 5%;max-width:none;font-size:36px}
  .astra-v2 .a-stage-wrap{grid-row:2}
  .astra-v2 .oneplay,.astra-v2 .play-pin{height:410px;min-height:410px}
  .astra-v2 .iq-answers{grid-row:3;margin:20px 5% 0}
  .astra-v2 .iq-feedback{grid-row:4;padding:20px 5% 0;min-height:105px}
  .astra-v2 .iq-reset{grid-row:5;justify-self:start;margin:0 5%}
  .astra-v2 .iq-decision .a-note-bottom{grid-row:6;padding:16px 5% 28px;margin:0}
}

.astra-v2 .iq-find{display:inline-flex;align-items:center;min-height:44px;font-size:12px;text-underline-offset:4px;color:var(--green)}
@media(max-width:760px){.astra-v2 .a-nav{gap:10px}.astra-v2 .a-nav .a-brand{width:60px;flex:none}.astra-v2 .a-nav .a-brand img{width:60px}.astra-v2 .a-nav nav{display:flex;gap:15px}.astra-v2 .a-nav nav a{font-size:11px;white-space:nowrap;min-height:44px;display:flex;align-items:center}.astra-v2 .a-nav>.a-nav-cta{display:none}}
@media(max-width:360px){.astra-v2 .a-nav nav{gap:10px}.astra-v2 .a-nav nav a{font-size:10px}}
.astra-v2 .iq-answers [data-result=correct]:hover{background:var(--green);color:var(--cream)}
.astra-v2 .iq-answered [data-tok="1B"] .stand::after{content:'';position:absolute;width:64px;height:66px;left:50%;bottom:0;transform:translateX(-50%);border:2px solid var(--cream);border-radius:50%;pointer-events:none}
