/* =========================================================
   PAGE 24A · MINI-DEBATE · RENDER-MATCHED REBUILD
   Visual reference: approved neon cybercity render
========================================================= */

#page24aMiniDebate{
  --cyan:#50EAF1;
  --cyan-soft:#9FF8F4;
  --purple:#A766FF;
  --purple-soft:#D5A5FF;
  --ink:#F8F7FF;
  --muted:#C9C1D9;
  --panel:rgba(9,19,54,.78);
  --panel2:rgba(25,18,72,.82);

  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  overflow:hidden;
  color:var(--ink);
  background:transparent!important;
  font-family:"Inter","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
}

/* Shared Mission 02 viewport city background remains visible.
   These overlays only add the purple/cyan arena treatment. */
#page24aMiniDebate::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,12,34,.34),transparent 17%,transparent 83%,rgba(4,12,34,.34)),
    radial-gradient(circle at 18% 48%,rgba(57,221,244,.08),transparent 22%),
    radial-gradient(circle at 72% 28%,rgba(163,83,255,.10),transparent 28%);
}
#page24aMiniDebate::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,transparent 0 54px,rgba(108,125,255,.022) 54px 55px),
    repeating-linear-gradient(90deg,transparent 0 74px,rgba(88,215,255,.018) 74px 75px);
}

#page24aMiniDebate .p24a-stage{
  position:absolute;
  inset:0;
  z-index:5;
  width:100%;
  height:100%;
  box-sizing:border-box;
  padding:16px 54px 16px;
  display:grid;
  grid-template-rows:84px minmax(0,1fr) 78px;
  gap:8px;
}

/* HEADER */
#page24aMiniDebate .p24a-header{
  display:grid;
  grid-template-columns:minmax(520px,1fr) auto 260px;
  gap:18px;
  align-items:center;
  border-bottom:1px solid rgba(179,119,255,.30);
}
#page24aMiniDebate .p24a-title{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
#page24aMiniDebate .p24a-title span{
  color:#C58EFF;
  font-size:19px;
  font-weight:900;
  letter-spacing:1.7px;
}
#page24aMiniDebate .p24a-title strong{
  margin-top:1px;
  font-size:31px;
  line-height:1.02;
  font-weight:950;
}
#page24aMiniDebate .p24a-title small{
  margin-top:4px;
  color:#D4C5E8;
  font-size:15px;
  font-weight:750;
}

#page24aMiniDebate .p24a-path{
  display:flex;
  align-items:center;
  gap:5px;
}
#page24aMiniDebate .p24a-path span{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:50%;
  color:#6E6782;
  border:1px solid rgba(154,116,201,.25);
  background:rgba(8,14,43,.52);
  font-size:13px;font-weight:900;
}
#page24aMiniDebate .p24a-path .done{
  color:#9CFCF7;
  border-color:#28D9E6;
  background:rgba(18,93,118,.55);
}
#page24aMiniDebate .p24a-path .current{
  color:#FFF;
  border-color:#E1B1FF;
  background:#7840D6;
  box-shadow:0 0 17px rgba(176,95,255,.62);
}
#page24aMiniDebate .p24a-path i{
  font-style:normal;
  color:#785696;
  font-size:12px;
}
#page24aMiniDebate .p24a-badge{
  justify-self:end;
  min-width:245px;
  box-sizing:border-box;
  padding:9px 13px;
  text-align:center;
  border:1px solid rgba(177,111,255,.42);
  border-radius:11px;
  background:rgba(16,15,52,.72);
  box-shadow:inset 0 0 18px rgba(156,91,255,.04);
}
#page24aMiniDebate .p24a-badge span{
  display:block;
  color:#CE9BFF;
  font-size:13px;
  font-weight:950;
  letter-spacing:1px;
}
#page24aMiniDebate .p24a-badge strong{
  display:block;
  margin-top:4px;
  font-size:14px;
  line-height:1.18;
}

/* MAIN */
#page24aMiniDebate .p24a-main{
  min-height:0;
  display:grid;
  grid-template-columns:292px minmax(0,1fr);
  gap:16px;
}

/* SIDEBAR */
#page24aMiniDebate .p24a-sidebar{
  min-height:0;
  box-sizing:border-box;
  padding:11px 18px 13px;
  display:flex;
  flex-direction:column;
  border:1px solid rgba(68,216,235,.24);
  border-radius:17px;
  background:
    linear-gradient(180deg,rgba(6,17,51,.78),rgba(5,18,47,.68));
  box-shadow:inset 0 0 30px rgba(79,122,255,.04);
}
#page24aMiniDebate .p24a-nova-wrap{
  height:124px;
  display:grid;
  place-items:center;
  margin-bottom:4px;
}
#page24aMiniDebate .p24a-nova{
  width:126px;
  max-height:126px;
  object-fit:contain;
  filter:
    drop-shadow(0 0 10px rgba(73,224,244,.55))
    drop-shadow(0 0 24px rgba(92,91,255,.25));
  animation:p24aNovaFloat 4s ease-in-out infinite;
}
@keyframes p24aNovaFloat{
  0%,100%{transform:translateY(3px)}
  50%{transform:translateY(-6px)}
}

#page24aMiniDebate .p24a-side-copy>span{
  color:#CE8FFF;
  font-size:18px;
  font-weight:950;
  letter-spacing:1px;
}
#page24aMiniDebate .p24a-side-copy>strong{
  display:block;
  margin-top:17px;
  font-size:21px;
  line-height:1.38;
  font-weight:950;
}
#page24aMiniDebate .p24a-side-copy p{
  margin:12px 0 0;
  font-size:16px;
  line-height:1.42;
  font-weight:700;
  color:#ECE9F7;
}
#page24aMiniDebate .p24a-side-copy p.cn{
  color:#D7CDE3;
  font-size:15px;
}

#page24aMiniDebate .p24a-rule-card{
  margin-top:auto;
  box-sizing:border-box;
  padding:11px 12px 12px;
  border:1px solid rgba(68,227,235,.34);
  border-radius:10px;
  background:rgba(4,34,55,.50);
}
#page24aMiniDebate .p24a-rule-card span{
  color:#6FF2F1;
  font-size:13px;
  font-weight:950;
  letter-spacing:.8px;
}
#page24aMiniDebate .p24a-rule-card strong{
  display:block;
  margin-top:4px;
  font-size:14px;
  line-height:1.20;
  font-weight:950;
}
#page24aMiniDebate .p24a-rule-card small{
  display:block;
  margin-top:4px;
  color:#D4D2E0;
  font-size:12px;
  line-height:1.24;
  font-weight:700;
}
#page24aMiniDebate .p24a-rule-divider{
  height:1px;
  margin:10px 0 9px;
  background:rgba(84,217,228,.22);
}

/* ARENA */
#page24aMiniDebate .p24a-arena{
  min-width:0;
  min-height:0;
  box-sizing:border-box;
  display:grid;
  grid-template-rows:
    58px
    170px
    112px
    108px
    86px
    104px;
  gap:7px;
}

/* QUESTION */
#page24aMiniDebate .p24a-question{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
}
#page24aMiniDebate .p24a-question span{
  color:#C995FF;
  font-size:13px;
  font-weight:950;
  letter-spacing:1.3px;
}
#page24aMiniDebate .p24a-question strong{
  margin-top:2px;
  font-size:26px;
  line-height:1.03;
  font-weight:950;
}
#page24aMiniDebate .p24a-question small{
  margin-top:3px;
  color:#D8C9E4;
  font-size:14px;
  font-weight:750;
}

/* TEAM CARDS */
#page24aMiniDebate .p24a-teams{
  display:grid;
  grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}
#page24aMiniDebate .p24a-team{
  position:relative;
  box-sizing:border-box;
  padding:16px 18px 14px;
  text-align:left;
  cursor:pointer;
  color:#FFF;
  border:1px solid rgba(171,94,255,.50);
  border-radius:12px;
  background:
    linear-gradient(135deg,rgba(80,38,152,.70),rgba(27,23,82,.78));
  font-family:inherit;
  transition:.18s ease;
  overflow:hidden;
}
#page24aMiniDebate .p24a-team::before{
  content:"";
  position:absolute;
  inset:-40% 45% auto -15%;
  height:140px;
  background:radial-gradient(circle,rgba(189,115,255,.18),transparent 68%);
  pointer-events:none;
}
#page24aMiniDebate .p24a-team>span{
  position:relative;
  z-index:2;
  color:#D9B7FF;
  font-size:15px;
  font-weight:950;
  letter-spacing:.8px;
}
#page24aMiniDebate .p24a-team>strong{
  position:relative;
  z-index:2;
  display:block;
  margin-top:5px;
  font-size:23px;
  line-height:1.06;
  font-weight:950;
}
#page24aMiniDebate .p24a-team p{
  position:relative;
  z-index:2;
  margin:9px 0 0;
  font-size:15px;
  line-height:1.28;
  font-weight:760;
}
#page24aMiniDebate .p24a-team small{
  position:relative;
  z-index:2;
  display:block;
  margin-top:4px;
  color:#DCCFE8;
  font-size:13px;
  font-weight:700;
}
#page24aMiniDebate .p24a-team>b{
  position:absolute;
  right:14px;
  bottom:12px;
  z-index:3;
  color:#72F0F0;
  font-size:13px;
  font-weight:950;
  letter-spacing:.3px;
}
#page24aMiniDebate .p24a-team:hover{
  transform:translateY(-2px);
  border-color:#C783FF;
  box-shadow:0 0 18px rgba(171,91,255,.22);
}
#page24aMiniDebate .p24a-team.selected{
  border-color:#76F8F1;
  box-shadow:
    0 0 0 1px rgba(118,248,241,.25),
    0 0 22px rgba(82,231,236,.40),
    inset 0 0 26px rgba(135,87,235,.19);
}
#page24aMiniDebate .p24a-team.selected>b{
  min-height:28px;
  display:inline-flex;
  align-items:center;
  padding:2px 10px;
  border-radius:14px;
  color:#062032;
  background:#8BFAF4;
  box-shadow:0 0 14px rgba(139,250,244,.35);
}

/* VS */
#page24aMiniDebate .p24a-vs{
  display:grid;
  place-items:center;
}
#page24aMiniDebate .p24a-vs-ring{
  width:100px;
  height:100px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  border:1px solid rgba(193,119,255,.34);
  background:
    radial-gradient(circle,rgba(74,43,119,.55),rgba(10,18,52,.55) 64%,transparent 67%);
  box-shadow:
    0 0 0 8px rgba(118,69,179,.04),
    inset 0 0 18px rgba(174,98,255,.09);
}
#page24aMiniDebate .p24a-vs-ring strong{
  color:#E8C8FF;
  font-size:28px;
  line-height:1;
  font-weight:950;
  text-shadow:0 0 12px rgba(189,105,255,.45);
}
#page24aMiniDebate .p24a-vs-ring small{
  margin-top:9px;
  color:#C8BCD4;
  font-size:10px;
  line-height:1.05;
  font-weight:850;
  text-align:center;
}

/* BUILD YOUR CASE */
#page24aMiniDebate .p24a-build{
  box-sizing:border-box;
  padding:7px 8px 8px;
  border-top:1px solid rgba(181,114,255,.18);
}
#page24aMiniDebate .p24a-build-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:6px;
}
#page24aMiniDebate .p24a-build-head span{
  color:#CA92FF;
  font-size:14px;
  font-weight:950;
  letter-spacing:.8px;
}
#page24aMiniDebate .p24a-build-head strong{
  color:#9EF7F2;
  font-size:12px;
  font-weight:850;
}
#page24aMiniDebate .p24a-build-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:8px;
}
#page24aMiniDebate .p24a-build-grid article{
  min-width:0;
  box-sizing:border-box;
  padding:9px 10px;
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:9px;
  align-items:center;
  border:1px solid rgba(128,104,192,.24);
  border-radius:9px;
  background:rgba(7,16,49,.66);
}
#page24aMiniDebate .p24a-tool-icon{
  width:38px;height:38px;
  display:grid;place-items:center;
  border-radius:50%;
  border:1px solid rgba(161,104,255,.40);
  color:#D8A8FF;
  background:rgba(59,36,112,.45);
}
#page24aMiniDebate .p24a-tool-icon svg{
  width:27px;height:27px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
#page24aMiniDebate .p24a-build-grid b{
  display:block;
  color:#D29CFF;
  font-size:13px;
  font-weight:950;
}
#page24aMiniDebate .p24a-build-grid span{
  display:block;
  margin-top:3px;
  font-size:13px;
  line-height:1.18;
  font-weight:750;
}
#page24aMiniDebate .p24a-build-grid small{
  display:block;
  margin-top:2px;
  color:#C8BDCF;
  font-size:11px;
}

/* TIMER + DEBATE FLOW */
#page24aMiniDebate .p24a-control-row{
  display:grid;
  grid-template-columns:390px minmax(0,1fr);
  gap:10px;
}
#page24aMiniDebate .p24a-timer{
  box-sizing:border-box;
  padding:5px 10px;
  display:grid;
  grid-template-columns:minmax(0,1fr) 84px;
  gap:9px;
  align-items:center;
  border:1px solid rgba(76,231,240,.46);
  border-radius:11px;
  background:
    radial-gradient(circle at 30% 50%,rgba(36,210,225,.12),transparent 40%),
    rgba(4,31,55,.70);
  box-shadow:
    0 0 16px rgba(63,217,232,.08),
    inset 0 0 18px rgba(65,223,236,.05);
}
#page24aMiniDebate .p24a-timer-ring{
  position:relative;
  width:205px;height:86px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:44px;
  border:1px solid rgba(70,235,242,.70);
  background:
    linear-gradient(135deg,rgba(25,97,121,.55),rgba(72,39,130,.52));
  box-shadow:
    0 0 14px rgba(69,229,237,.26),
    inset 0 0 18px rgba(186,126,255,.08);
}
#page24aMiniDebate .p24a-timer-ring::before{
  content:"";
  position:absolute;
  inset:6px;
  border-radius:40px;
  border:1px dashed rgba(143,240,244,.20);
}
#page24aMiniDebate .p24a-timer-ring span,
#page24aMiniDebate .p24a-timer-ring strong,
#page24aMiniDebate .p24a-timer-ring small{
  position:relative;z-index:2;
}
#page24aMiniDebate .p24a-timer-ring span{
  color:#8CF4F2;
  font-size:11px;
  font-weight:950;
  letter-spacing:1px;
}
#page24aMiniDebate .p24a-timer-ring strong{
  margin-top:2px;
  font-size:35px;
  line-height:1;
  font-weight:950;
  text-shadow:0 0 12px rgba(99,239,245,.40);
}
#page24aMiniDebate .p24a-timer-ring small{
  margin-top:3px;
  color:#BED4DC;
  font-size:9px;
  font-weight:850;
  letter-spacing:.8px;
}
#page24aMiniDebate .p24a-timer-controls{
  display:grid;
  grid-template-rows:1fr 1fr;
  gap:6px;
}
#page24aMiniDebate .p24a-timer-controls button{
  height:38px;
  border:1px solid rgba(89,230,235,.40);
  border-radius:7px;
  color:#FFF;
  background:
    linear-gradient(135deg,rgba(26,104,119,.74),rgba(72,45,127,.72));
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
#page24aMiniDebate .p24a-sequence{
  box-sizing:border-box;
  padding:7px 11px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  border:1px solid rgba(120,89,186,.20);
  border-radius:9px;
  background:rgba(5,15,45,.58);
}
#page24aMiniDebate .p24a-sequence>div{
  display:flex;
  align-items:center;
  gap:7px;
}
#page24aMiniDebate .p24a-sequence>div span{
  display:flex;
  flex-direction:column;
  color:#EEE9F4;
  font-size:11px;
  line-height:1.05;
  font-weight:850;
}
#page24aMiniDebate .p24a-sequence>div span b{
  font-size:12px;
  color:#FFF;
}
#page24aMiniDebate .p24a-sequence>em{
  color:#B363FF;
  font-style:normal;
  font-size:25px;
}
#page24aMiniDebate .seq-icon{
  width:30px;height:30px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(74,227,235,.28);
  background:rgba(13,74,91,.35);
  position:relative;
}
#page24aMiniDebate .seq-icon.choose::before{
  content:"";
  width:12px;height:12px;
  border:1.5px solid #63EFF0;border-radius:50%;
  box-shadow:8px 6px 0 -1px rgba(0,0,0,0);
}
#page24aMiniDebate .seq-icon.build::before{
  content:"";
  width:12px;height:15px;
  border:1.5px solid #5AEAF0;
  border-radius:7px 7px 4px 4px;
  box-shadow:0 0 8px rgba(90,234,240,.28);
}
#page24aMiniDebate .seq-icon.defend{
  border-color:rgba(180,109,255,.36);
  background:rgba(84,41,135,.34);
}
#page24aMiniDebate .seq-icon.defend::before{
  content:"";
  width:13px;height:9px;
  border:1.5px solid #D194FF;
  border-radius:3px;
}
#page24aMiniDebate .seq-icon.challenge::before{
  content:"";
  width:14px;height:14px;
  border:1.5px solid #68EAF0;
  border-radius:50%;
  box-shadow:0 0 0 4px rgba(104,234,240,.08);
}

/* POST-DEBATE */
#page24aMiniDebate .p24a-final-vote{
  box-sizing:border-box;
  padding:10px 13px;
  display:grid;
  grid-template-columns:minmax(290px,1fr) 340px 190px;
  gap:12px;
  align-items:center;
  border:1px solid rgba(177,104,255,.36);
  border-radius:10px;
  background:
    linear-gradient(135deg,rgba(71,34,119,.74),rgba(40,28,90,.72));
}
#page24aMiniDebate .p24a-final-vote>div:first-child{
  display:flex;flex-direction:column;
}
#page24aMiniDebate .p24a-final-vote span{
  color:#C991FF;
  font-size:12px;
  font-weight:950;
  letter-spacing:.8px;
}
#page24aMiniDebate .p24a-final-vote strong{
  font-size:16px;
  line-height:1.10;
  font-weight:900;
}
#page24aMiniDebate .p24a-final-vote small{
  margin-top:2px;
  color:#D3C6E0;
  font-size:12px;
}
#page24aMiniDebate .p24a-vote-buttons{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}
#page24aMiniDebate .p24a-vote-buttons button{
  height:42px;
  border:1px solid rgba(184,119,255,.40);
  border-radius:7px;
  color:#FFF;
  background:rgba(71,38,118,.70);
  font-family:inherit;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
#page24aMiniDebate .p24a-vote-buttons button.selected{
  border-color:#C991FF;
  background:#7A3ED1;
  box-shadow:0 0 12px rgba(168,80,255,.22);
}
#page24aMiniDebate #page24aVoteStatus{
  justify-self:end;
  color:#79F5F0;
  font-size:12px;
  text-align:right;
}

/* RECORD */
#page24aMiniDebate .p24a-record{
  box-sizing:border-box;
  padding:8px 10px;
  display:grid;
  grid-template-rows:28px 44px 14px;
  gap:4px;
  border:1px solid rgba(67,205,219,.20);
  border-radius:9px;
  background:rgba(4,20,46,.72);
}
#page24aMiniDebate .p24a-record-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
#page24aMiniDebate .p24a-record-head>div{
  display:flex;
  align-items:center;
  gap:12px;
}
#page24aMiniDebate .p24a-record-head span{
  color:#6CEDEA;
  font-size:12px;
  font-weight:950;
  letter-spacing:.8px;
}
#page24aMiniDebate .p24a-record-head strong{
  font-size:13px;
  font-weight:950;
}
#page24aMiniDebate .p24a-record-head>small{
  color:#AFA7BE;
  font-size:11px;
  font-weight:700;
}
#page24aMiniDebate .p24a-record-fields{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 240px;
  gap:8px;
  align-items:end;
}
#page24aMiniDebate .p24a-record-fields label{
  display:flex;
  flex-direction:column;
  gap:3px;
}
#page24aMiniDebate .p24a-record-fields label span{
  color:#C0AED7;
  font-size:9px;
  font-weight:900;
  letter-spacing:.35px;
}
#page24aMiniDebate .p24a-record-fields input{
  width:100%;
  height:31px;
  box-sizing:border-box;
  padding:0 8px;
  border:1px solid rgba(141,105,187,.24);
  border-radius:6px;
  outline:none;
  color:#FFF;
  background:rgba(2,14,38,.72);
  font-family:inherit;
  font-size:12px;
  font-weight:700;
}
#page24aMiniDebate .p24a-record-fields input:focus{
  border-color:#65E9EA;
  box-shadow:0 0 10px rgba(91,226,230,.13);
}
#page24aMiniDebate #page24aCopyRecord{
  height:34px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(82,230,235,.46);
  border-radius:7px;
  color:#FFF;
  background:
    linear-gradient(90deg,rgba(21,113,137,.90),rgba(102,54,185,.90));
  font-family:inherit;
  font-size:11px;
  line-height:1;
  font-weight:950;
  cursor:pointer;
}
#page24aMiniDebate #page24aCopyRecord small{
  margin-top:2px;
  color:#CFE7EB;
  font-size:8px;
}
#page24aMiniDebate #page24aCopyRecord:disabled{
  opacity:.36;
  cursor:default;
}
#page24aMiniDebate .p24a-record-status{
  color:#9E95AB;
  font-size:9px;
  line-height:1;
}

/* FOOTER */
#page24aMiniDebate .p24a-footer{
  box-sizing:border-box;
  padding:8px 14px;
  display:grid;
  grid-template-columns:1fr 260px;
  gap:18px;
  align-items:center;
  border:1px solid rgba(179,105,255,.38);
  border-radius:10px;
  background:
    linear-gradient(90deg,rgba(52,29,100,.82),rgba(40,24,90,.78));
}
#page24aMiniDebate .p24a-footer>div{
  display:flex;
  flex-direction:column;
}
#page24aMiniDebate .p24a-footer span{
  color:#C88FFF;
  font-size:12px;
  font-weight:950;
  letter-spacing:.8px;
}
#page24aMiniDebate .p24a-footer strong{
  margin-top:2px;
  font-size:17px;
  line-height:1.05;
}
#page24aMiniDebate .p24a-footer small{
  margin-top:2px;
  color:#D0C6DD;
  font-size:11px;
  font-weight:700;
}
#page24aMiniDebate .p24a-footer button{
  height:45px;
  border:1px solid rgba(221,182,255,.54);
  border-radius:8px;
  color:#FFF;
  background:linear-gradient(90deg,#7E41D6,#9A57EC);
  box-shadow:0 0 15px rgba(152,80,246,.16);
  font-family:inherit;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
}
#page24aMiniDebate .p24a-footer button i{
  margin-left:7px;
  font-style:normal;
}

/* Always clickable above all decorative layers */
#page24aMiniDebate button,
#page24aMiniDebate input{
  position:relative;
  z-index:30;
  pointer-events:auto!important;
}

/* Reduce animation for accessibility */
@media(prefers-reduced-motion:reduce){
  #page24aMiniDebate .p24a-nova{animation:none!important}
}


/* =========================================================
   PAGE 24A · v14 · LOWER-AREA + TEAM CARD FIX
========================================================= */

/* Rebalance the arena vertically so the lower record/footer area
   gets enough space without shrinking the readable text. */
#page24aMiniDebate .p24a-arena{
  grid-template-rows:
    58px
    148px
    100px
    98px
    76px
    92px !important;
  gap:8px !important;
}

/* TEAM A / TEAM B: slightly shorter and moved a little lower
   so they no longer crowd the driving-question area. */
#page24aMiniDebate .p24a-teams{
  min-height:148px !important;
  margin-top:6px !important;
  align-self:start !important;
}
#page24aMiniDebate .p24a-team{
  min-height:142px !important;
  height:142px !important;
  padding:13px 16px 12px !important;
}
#page24aMiniDebate .p24a-team>strong{
  font-size:22px !important;
}
#page24aMiniDebate .p24a-team p{
  margin-top:7px !important;
  font-size:14px !important;
  line-height:1.22 !important;
}
#page24aMiniDebate .p24a-team small{
  margin-top:3px !important;
  font-size:12px !important;
}

/* Build row slightly tighter but still readable. */
#page24aMiniDebate .p24a-build{
  padding:6px 8px 7px !important;
}
#page24aMiniDebate .p24a-build-grid article{
  padding:7px 9px !important;
}
#page24aMiniDebate .p24a-build-grid span{
  font-size:12px !important;
}
#page24aMiniDebate .p24a-build-grid small{
  font-size:10px !important;
}

/* Timer/control row keeps its visual emphasis but uses less vertical height. */
#page24aMiniDebate .p24a-control-row{
  grid-template-columns:390px minmax(0,1fr) !important;
  gap:10px !important;
}
#page24aMiniDebate .p24a-timer{
  min-height:98px !important;
  height:98px !important;
  padding:4px 9px !important;
}
#page24aMiniDebate .p24a-timer-ring{
  width:196px !important;
  height:78px !important;
}
#page24aMiniDebate .p24a-timer-ring strong{
  font-size:32px !important;
}
#page24aMiniDebate .p24a-timer-controls button{
  height:34px !important;
}
#page24aMiniDebate .p24a-sequence{
  min-height:98px !important;
  padding:6px 10px !important;
}

/* Post-debate check gets a compact, clearly separated row. */
#page24aMiniDebate .p24a-final-vote{
  min-height:76px !important;
  height:76px !important;
  padding:8px 11px !important;
}
#page24aMiniDebate .p24a-final-vote strong{
  font-size:15px !important;
}
#page24aMiniDebate .p24a-final-vote small{
  font-size:11px !important;
}
#page24aMiniDebate .p24a-vote-buttons button{
  height:38px !important;
}

/* RECORD: use two clean rows only. The long helper/status line was
   the main source of overlap across labels, inputs and footer. */
#page24aMiniDebate .p24a-record{
  min-height:92px !important;
  height:92px !important;
  grid-template-rows:30px 48px !important;
  gap:5px !important;
  padding:7px 10px !important;
  overflow:hidden !important;
}
#page24aMiniDebate .p24a-record-head{
  min-height:30px !important;
}
#page24aMiniDebate .p24a-record-head>div{
  gap:10px !important;
}
#page24aMiniDebate .p24a-record-head span{
  font-size:11px !important;
}
#page24aMiniDebate .p24a-record-head strong{
  font-size:12px !important;
}
#page24aMiniDebate .p24a-record-head>small{
  font-size:10px !important;
  white-space:nowrap !important;
}
#page24aMiniDebate .p24a-record-fields{
  align-items:end !important;
}
#page24aMiniDebate .p24a-record-fields label span{
  font-size:9px !important;
  line-height:1 !important;
}
#page24aMiniDebate .p24a-record-fields input{
  height:30px !important;
  font-size:11px !important;
}
#page24aMiniDebate #page24aCopyRecord{
  height:32px !important;
}

/* Hide the helper line entirely in normal operation so it can never
   overlay the fields. The button itself already gives copied status. */
#page24aMiniDebate .p24a-record-status{
  display:none !important;
}

/* Footer gets a clean gap below the record block. */
#page24aMiniDebate .p24a-footer{
  margin-top:6px !important;
  min-height:74px !important;
  height:74px !important;
  padding:7px 13px !important;
}
#page24aMiniDebate .p24a-footer strong{
  font-size:16px !important;
}
#page24aMiniDebate .p24a-footer small{
  font-size:10px !important;
  line-height:1.15 !important;
}


/* =========================================================
   PAGE 24A · v15 · RENDER-ALIGNED LOWER LAYOUT
   Goal: zero overlap, no squeezed record area.
========================================================= */

/* Give the main area a little more breathing room and keep footer
   clearly separated from all content above. */
#page24aMiniDebate .p24a-stage{
    grid-template-rows: 82px minmax(0,1fr) 82px !important;
    gap: 12px !important;
    padding-bottom: 14px !important;
}

/* Rebalance the right arena using render-like proportions.
   The classroom record is intentionally larger again. */
#page24aMiniDebate .p24a-arena{
    grid-template-rows:
        56px   /* driving question */
        142px  /* teams */
        98px   /* claim/evidence/response */
        96px   /* timer + flow */
        78px   /* post-debate */
        118px  /* classroom performance record */ !important;
    gap: 9px !important;
    overflow: hidden !important;
}

/* TEAM cards stay compact enough to avoid the question area. */
#page24aMiniDebate .p24a-teams{
    margin-top: 4px !important;
    min-height: 142px !important;
}
#page24aMiniDebate .p24a-team{
    min-height: 138px !important;
    height: 138px !important;
}

/* Build / timer / vote remain compact, but not visually crushed. */
#page24aMiniDebate .p24a-build{
    min-height: 98px !important;
    height: 98px !important;
}
#page24aMiniDebate .p24a-control-row{
    min-height: 96px !important;
    height: 96px !important;
}
#page24aMiniDebate .p24a-timer{
    min-height: 96px !important;
    height: 96px !important;
}
#page24aMiniDebate .p24a-sequence{
    min-height: 96px !important;
    height: 96px !important;
}
#page24aMiniDebate .p24a-final-vote{
    min-height: 78px !important;
    height: 78px !important;
}

/* Classroom performance record:
   restore real vertical space instead of squeezing everything into 92px. */
#page24aMiniDebate .p24a-record{
    min-height: 118px !important;
    height: 118px !important;
    box-sizing: border-box !important;
    padding: 10px 12px 11px !important;
    display: grid !important;
    grid-template-rows: 34px 52px 16px !important;
    gap: 5px !important;
    overflow: hidden !important;
}

#page24aMiniDebate .p24a-record-head{
    min-height: 34px !important;
    align-items: center !important;
}
#page24aMiniDebate .p24a-record-head>div{
    gap: 12px !important;
}
#page24aMiniDebate .p24a-record-head span{
    font-size: 12px !important;
    line-height: 1.1 !important;
}
#page24aMiniDebate .p24a-record-head strong{
    font-size: 13px !important;
    line-height: 1.1 !important;
}
#page24aMiniDebate .p24a-record-head>small{
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
}

#page24aMiniDebate .p24a-record-fields{
    align-items: end !important;
    gap: 9px !important;
}
#page24aMiniDebate .p24a-record-fields label span{
    font-size: 10px !important;
    line-height: 1.05 !important;
    margin-bottom: 2px !important;
}
#page24aMiniDebate .p24a-record-fields input{
    height: 34px !important;
    font-size: 12px !important;
    padding: 0 9px !important;
}
#page24aMiniDebate #page24aCopyRecord{
    height: 36px !important;
    font-size: 11px !important;
}
#page24aMiniDebate #page24aCopyRecord small{
    font-size: 8px !important;
}

/* Keep a tiny status line only when needed; it now has a dedicated row. */
#page24aMiniDebate .p24a-record-status{
    display: block !important;
    visibility: visible !important;
    min-height: 16px !important;
    font-size: 9px !important;
    line-height: 1.05 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
    text-overflow: ellipsis !important;
    color: rgba(210,202,220,.58) !important;
}
#page24aMiniDebate .p24a-record-status.copied{
    display: none !important;
}

/* LEFT COLUMN:
   absolutely prevent Pair Mode from overflowing into the footer. */
#page24aMiniDebate .p24a-sidebar{
    min-height: 0 !important;
    height: 100% !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
#page24aMiniDebate .p24a-rule-card{
    margin-top: auto !important;
    min-height: 0 !important;
    max-height: 185px !important;
    box-sizing: border-box !important;
    padding: 10px 12px !important;
    overflow: hidden !important;
}
#page24aMiniDebate .p24a-rule-card small{
    line-height: 1.18 !important;
}
#page24aMiniDebate .p24a-rule-divider{
    margin: 8px 0 !important;
}

/* Footer is its own clear zone, exactly like the render.
   No content above may intrude into it. */
#page24aMiniDebate .p24a-footer{
    position: relative !important;
    z-index: 40 !important;
    min-height: 82px !important;
    height: 82px !important;
    margin-top: 0 !important;
    padding: 9px 14px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
#page24aMiniDebate .p24a-footer span{
    font-size: 12px !important;
}
#page24aMiniDebate .p24a-footer strong{
    font-size: 17px !important;
    line-height: 1.08 !important;
}
#page24aMiniDebate .p24a-footer small{
    font-size: 11px !important;
    line-height: 1.15 !important;
}
#page24aMiniDebate .p24a-footer button{
    height: 46px !important;
}


/* =========================================================
   PAGE 24A · v16 · RULES + BILINGUAL RECORD REFINEMENT
========================================================= */

/* LEFT RULE CARD:
   Restore both Mission Rule + Pair Mode visibly.
   No clipping, no disappearing second rule. */
#page24aMiniDebate .p24a-sidebar{
    overflow:hidden !important;
}

#page24aMiniDebate .p24a-rule-card{
    min-height:190px !important;
    max-height:none !important;
    height:auto !important;
    padding:11px 12px 13px !important;
    overflow:visible !important;
}

#page24aMiniDebate .p24a-rule-card > div:not(.p24a-rule-divider){
    display:flex !important;
    flex-direction:column !important;
}

#page24aMiniDebate .p24a-rule-card span{
    font-size:13px !important;
    line-height:1.08 !important;
}

#page24aMiniDebate .p24a-rule-card strong{
    margin-top:5px !important;
    font-size:14px !important;
    line-height:1.22 !important;
}

#page24aMiniDebate .p24a-rule-card small{
    margin-top:5px !important;
    font-size:12px !important;
    line-height:1.28 !important;
}

#page24aMiniDebate .p24a-rule-divider{
    margin:10px 0 9px !important;
}

/* RECORD AREA:
   Give the explanation bar more height, put Chinese on second lines,
   then move input fields downward. */
#page24aMiniDebate .p24a-record{
    min-height:124px !important;
    height:124px !important;
    grid-template-rows:46px 58px 12px !important;
    gap:4px !important;
    padding:9px 11px 10px !important;
}

/* Three-part bilingual header */
#page24aMiniDebate .p24a-record-head{
    min-height:46px !important;
    display:grid !important;
    grid-template-columns:
        1.05fr
        .95fr
        1.05fr !important;
    gap:18px !important;
    align-items:start !important;
}

#page24aMiniDebate .p24a-record-title,
#page24aMiniDebate .p24a-record-points,
#page24aMiniDebate .p24a-record-note{
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-start !important;
}

#page24aMiniDebate .p24a-record-title span{
    color:#73ECEA !important;
    font-size:12px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
    letter-spacing:.6px !important;
}

#page24aMiniDebate .p24a-record-title small{
    margin-top:3px !important;
    color:#BFD5DB !important;
    font-size:11px !important;
    line-height:1.05 !important;
    font-weight:750 !important;
}

#page24aMiniDebate .p24a-record-points strong{
    color:#FFFFFF !important;
    font-size:12px !important;
    line-height:1.05 !important;
    font-weight:950 !important;
}

#page24aMiniDebate .p24a-record-points small{
    margin-top:3px !important;
    color:#CBB9DB !important;
    font-size:11px !important;
    line-height:1.05 !important;
    font-weight:750 !important;
}

#page24aMiniDebate .p24a-record-note strong{
    color:#D7CFDF !important;
    font-size:11px !important;
    line-height:1.05 !important;
    font-weight:850 !important;
}

#page24aMiniDebate .p24a-record-note small{
    margin-top:3px !important;
    color:#AFA5BA !important;
    font-size:10px !important;
    line-height:1.05 !important;
    font-weight:700 !important;
}

/* Move all name/copy controls lower by giving bilingual labels two lines. */
#page24aMiniDebate .p24a-record-fields{
    margin-top:5px !important;
    align-items:end !important;
    gap:9px !important;
}

#page24aMiniDebate .p24a-record-fields label{
    gap:1px !important;
}

#page24aMiniDebate .p24a-record-fields label > span{
    color:#C6B3DC !important;
    font-size:10px !important;
    line-height:1 !important;
    font-weight:900 !important;
}

#page24aMiniDebate .p24a-record-fields label > small{
    margin-bottom:3px !important;
    color:#9E92AF !important;
    font-size:9px !important;
    line-height:1 !important;
    font-weight:700 !important;
}

#page24aMiniDebate .p24a-record-fields input{
    height:32px !important;
}

#page24aMiniDebate #page24aCopyRecord{
    align-self:end !important;
    height:34px !important;
}

/* Status line remains subtle and cannot overlap. */
#page24aMiniDebate .p24a-record-status{
    min-height:12px !important;
    max-height:12px !important;
    overflow:hidden !important;
    font-size:8px !important;
    line-height:1 !important;
    opacity:.55 !important;
}

/* Slightly reduce text block spacing above the rule card so both rules
   remain safely within the left column. */
#page24aMiniDebate .p24a-side-copy>strong{
    margin-top:14px !important;
}

#page24aMiniDebate .p24a-side-copy p{
    margin-top:9px !important;
    line-height:1.36 !important;
}

#page24aMiniDebate .p24a-side-copy p.cn{
    margin-top:8px !important;
}

/* =========================================================
   PAGE 24A · v17 · FINAL SCREENSHOT CONSOLIDATION
   1) lift NOVA copy; 2) fully expose record controls;
   3) lower arena cards to keep driving question unobstructed.
========================================================= */

/* Keep the driving question in its own clear visual band. */
#page24aMiniDebate .p24a-arena{
    grid-template-rows:
        72px   /* driving question: protected */
        140px  /* teams */
        96px   /* build */
        94px   /* timer */
        76px   /* vote */
        146px  /* classroom record */ !important;
    gap:8px !important;
    overflow:visible !important;
}
#page24aMiniDebate .p24a-question{
    position:relative !important;
    z-index:8 !important;
    padding:0 8px 4px !important;
}
#page24aMiniDebate .p24a-question strong{
    font-size:26px !important;
    line-height:1.08 !important;
}
#page24aMiniDebate .p24a-teams{
    margin-top:8px !important;
    min-height:132px !important;
    height:132px !important;
    align-self:start !important;
}
#page24aMiniDebate .p24a-team{
    min-height:132px !important;
    height:132px !important;
    padding:12px 16px 11px !important;
}
#page24aMiniDebate .p24a-team>strong{
    margin-top:3px !important;
    font-size:21px !important;
}
#page24aMiniDebate .p24a-team p{
    margin-top:6px !important;
    font-size:13px !important;
}
#page24aMiniDebate .p24a-team small{
    font-size:12px !important;
}

/* Move the NOVA explanatory copy upward without changing the rule card. */
#page24aMiniDebate .p24a-nova-wrap{
    height:108px !important;
    margin-bottom:0 !important;
}
#page24aMiniDebate .p24a-nova{
    width:112px !important;
    max-height:112px !important;
}
#page24aMiniDebate .p24a-side-copy{
    transform:translateY(-5px) !important;
}
#page24aMiniDebate .p24a-side-copy>strong{
    margin-top:10px !important;
}
#page24aMiniDebate .p24a-side-copy p{
    margin-top:8px !important;
}
#page24aMiniDebate .p24a-side-copy p.cn{
    margin-top:7px !important;
}

/* Keep compact middle rows so the enlarged record panel fits cleanly. */
#page24aMiniDebate .p24a-build{
    min-height:96px !important;
    height:96px !important;
}
#page24aMiniDebate .p24a-control-row,
#page24aMiniDebate .p24a-timer,
#page24aMiniDebate .p24a-sequence{
    min-height:94px !important;
    height:94px !important;
}
#page24aMiniDebate .p24a-final-vote{
    min-height:76px !important;
    height:76px !important;
}

/* Classroom performance record: extend the lower boundary so bilingual
   headings, labels, inputs and copy button are all fully visible. */
#page24aMiniDebate .p24a-record{
    min-height:146px !important;
    height:146px !important;
    grid-template-rows:48px 72px 14px !important;
    gap:4px !important;
    padding:10px 12px 9px !important;
    overflow:visible !important;
}
#page24aMiniDebate .p24a-record-head{
    min-height:48px !important;
}
#page24aMiniDebate .p24a-record-fields{
    margin-top:7px !important;
    min-height:72px !important;
    align-items:end !important;
}
#page24aMiniDebate .p24a-record-fields label{
    min-height:67px !important;
    justify-content:flex-end !important;
}
#page24aMiniDebate .p24a-record-fields label > span{
    font-size:11px !important;
    line-height:1.05 !important;
}
#page24aMiniDebate .p24a-record-fields label > small{
    margin-top:2px !important;
    margin-bottom:5px !important;
    font-size:10px !important;
    line-height:1.05 !important;
}
#page24aMiniDebate .p24a-record-fields input{
    height:34px !important;
    flex:0 0 34px !important;
}
#page24aMiniDebate #page24aCopyRecord{
    height:36px !important;
    margin-bottom:0 !important;
}
#page24aMiniDebate .p24a-record-status{
    min-height:14px !important;
    max-height:14px !important;
    font-size:8px !important;
}

/* Preserve a clean separation from the footer. */
#page24aMiniDebate .p24a-footer{
    margin-top:0 !important;
    z-index:50 !important;
}

/* v18 final micro-fix: lower the classroom-record status line so it does not overlap the input row above. */
#page24aMiniDebate .p24a-record-status{
    position: relative !important;
    top: 7px !important;
    margin-top: 3px !important;
    line-height: 1.2 !important;
}

/* v19 micro-fix: make the classroom-record helper line small enough to display fully. */
#page24aMiniDebate .p24a-record-status{
    font-size: 6.5px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
}

/* v20 micro-fix: compress the Stage 06 footer to free vertical room for the
   classroom-record helper line above. Keep navigation behavior unchanged. */
#page24aMiniDebate .p24a-footer{
    min-height: 62px !important;
    height: 62px !important;
    padding: 5px 14px !important;
}
#page24aMiniDebate .p24a-footer span{
    font-size: 10px !important;
    line-height: 1.05 !important;
}
#page24aMiniDebate .p24a-footer strong{
    font-size: 15px !important;
    line-height: 1.05 !important;
}
#page24aMiniDebate .p24a-footer small{
    font-size: 9px !important;
    line-height: 1.05 !important;
}
#page24aMiniDebate .p24a-footer button{
    height: 38px !important;
    padding: 0 20px !important;
    font-size: 13px !important;
}


/* =========================================================
   PAGE 24A · v21 · RECORD STATUS HEIGHT FIX
   Increase the helper text box itself so the full line can show.
========================================================= */

/* Give the Classroom Performance Record a little more vertical room. */
#page24aMiniDebate .p24a-record{
    min-height:132px !important;
    height:132px !important;
    grid-template-rows:
        46px
        58px
        22px !important;
    gap:3px !important;
    padding-bottom:9px !important;
}

/* This is the actual helper/status text box.
   Previous versions constrained it to roughly 12px, which clipped the line. */
#page24aMiniDebate .p24a-record-status{
    display:block !important;
    visibility:visible !important;
    min-height:22px !important;
    max-height:22px !important;
    height:22px !important;
    box-sizing:border-box !important;
    padding:3px 2px 0 !important;
    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;
    font-size:8px !important;
    line-height:1.25 !important;
}

/* Keep copied state unobtrusive as before. */
#page24aMiniDebate .p24a-record-status.copied{
    display:none !important;
}


/* =========================================================
   PAGE 24A · v22 · RECORD STATUS POSITION FIX
   Keep full height, move helper text downward.
========================================================= */

#page24aMiniDebate .p24a-record-status{
    position:relative !important;
    top:6px !important;
    padding-top:2px !important;
}


/* =========================================================
   PAGE 24A · v23 · RECORD STATUS LAYER FIX
   Put the helper line in its own real grid row beneath inputs.
========================================================= */

/* Give the record block three true rows:
   header / inputs / helper line. */
#page24aMiniDebate .p24a-record{
    min-height:138px !important;
    height:138px !important;
    display:grid !important;
    grid-template-rows:
        46px
        56px
        24px !important;
    gap:4px !important;
    padding:9px 11px 9px !important;
    overflow:visible !important;
}

/* Inputs stay firmly in row 2. */
#page24aMiniDebate .p24a-record-fields{
    grid-row:2 !important;
    position:relative !important;
    z-index:2 !important;
    margin-top:0 !important;
}

/* Helper text gets its own third row, underneath the inputs. */
#page24aMiniDebate .p24a-record-status{
    grid-row:3 !important;
    position:relative !important;
    top:0 !important;
    z-index:5 !important;

    display:flex !important;
    align-items:center !important;

    min-height:24px !important;
    max-height:none !important;
    height:24px !important;

    padding:2px 2px 0 !important;
    margin:0 !important;

    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;

    font-size:8px !important;
    line-height:1.15 !important;

    color:rgba(210,202,220,.62) !important;
    background:transparent !important;
}

/* Once copied, keep the helper hidden as before. */
#page24aMiniDebate .p24a-record-status.copied{
    display:none !important;
}


/* =========================================================
   PAGE 24A · v24 · INPUT + STATUS VERTICAL SEPARATION
   Move inputs and helper line downward without changing logic.
========================================================= */

/* Give the record panel a bit more height for true separation. */
#page24aMiniDebate .p24a-record{
    min-height:146px !important;
    height:146px !important;
    grid-template-rows:
        46px
        62px
        26px !important;
    gap:4px !important;
    padding:9px 11px 9px !important;
}

/* Move the whole input row downward away from the bilingual header. */
#page24aMiniDebate .p24a-record-fields{
    grid-row:2 !important;
    position:relative !important;
    top:7px !important;
    z-index:3 !important;
    margin-top:0 !important;
}

/* Keep labels attached to their own inputs. */
#page24aMiniDebate .p24a-record-fields label{
    position:relative !important;
    top:0 !important;
}

/* Move helper text lower, close to the bottom of the record panel. */
#page24aMiniDebate .p24a-record-status{
    grid-row:3 !important;
    position:relative !important;
    top:7px !important;
    z-index:6 !important;

    min-height:24px !important;
    height:24px !important;
    max-height:none !important;

    display:flex !important;
    align-items:flex-end !important;

    margin:0 !important;
    padding:0 2px 2px !important;

    overflow:visible !important;
    white-space:nowrap !important;
    text-overflow:clip !important;

    font-size:8px !important;
    line-height:1.1 !important;
}

/* Keep copied state hidden as before. */
#page24aMiniDebate .p24a-record-status.copied{
    display:none !important;
}


/* =========================================================
   PAGE 24A · v25 · REMOVE HELPER LINE + OPEN UP INPUT ROW
========================================================= */

/* Remove the troublesome instructional helper line completely. */
#page24aMiniDebate .p24a-record-status{
    display:none !important;
}

/* Redistribute the freed vertical space to the name-entry area. */
#page24aMiniDebate .p24a-record{
    min-height:142px !important;
    height:142px !important;
    grid-template-rows:
        50px
        78px !important;
    gap:5px !important;
    padding:9px 11px 10px !important;
}

/* Input row now occupies the enlarged second row. */
#page24aMiniDebate .p24a-record-fields{
    grid-row:2 !important;
    top:0 !important;
    min-height:78px !important;
    align-items:start !important;
    row-gap:7px !important;
}

/* Increase vertical rhythm inside each name field. */
#page24aMiniDebate .p24a-record-field{
    min-height:72px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:7px !important;
}

#page24aMiniDebate .p24a-record-field label{
    line-height:1.22 !important;
    margin-bottom:2px !important;
}

#page24aMiniDebate .p24a-record-field input{
    min-height:34px !important;
    height:34px !important;
    line-height:34px !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/* Keep the copy control vertically aligned with the taller input row. */
#page24aMiniDebate .p24a-copy-wrap,
#page24aMiniDebate .p24a-record-copy{
    align-self:end !important;
    margin-bottom:2px !important;
}


/* =========================================================
   PAGE 24A · v26 · FOOTER TEXT BOX HEIGHT FIX
   Increase Stage 06 footer height so all bilingual text fits.
========================================================= */

#page24aMiniDebate .p24a-footer{
    min-height:78px !important;
    height:78px !important;
    padding:8px 16px !important;
    box-sizing:border-box !important;
    overflow:visible !important;
    align-items:center !important;
}

#page24aMiniDebate .p24a-footer-copy{
    min-height:58px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:2px !important;
    overflow:visible !important;
}

#page24aMiniDebate .p24a-footer-copy > *{
    overflow:visible !important;
    white-space:normal !important;
}

/* Keep the Continue button comfortably inside the taller footer. */
#page24aMiniDebate .p24a-footer .p24a-continue,
#page24aMiniDebate .p24a-footer button{
    align-self:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
}


/* =========================================================
   PAGE 24A · v27 · CONTINUE BUTTON HEIGHT FIX
   User clarification: enlarge the purple CONTINUE TO STAGE 07
   button itself so the arrow/text have sufficient vertical room.
========================================================= */

#page24aMiniDebate .p24a-continue,
#page24aMiniDebate .p24a-footer .p24a-continue,
#page24aMiniDebate .p24a-footer button{
    min-height:58px !important;
    height:58px !important;
    padding:7px 24px !important;
    box-sizing:border-box !important;
    line-height:1.15 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:visible !important;
}