/* Season2 Production UX Compact Pass A — Mobile Density
   Base: PA-04.3 AFFORDANCE (Audit A passed on three environments).
   Scope only: 01 Grid, 02 Fold, 03 Space.
   Explicitly excludes: copy compression and sticky-next behavior. */

/* Fold grammar: reference-on-demand, not hidden functionality. */
.ux-density-fold>summary{cursor:pointer;list-style:none;user-select:none}
.ux-density-fold>summary::-webkit-details-marker{display:none}
.ux-fold-state .open{display:none}
.ux-density-fold[open] .ux-fold-state .open{display:inline}
.ux-density-fold[open] .ux-fold-state .closed{display:none}

.trajectory-list-fold{border-top:1px solid var(--line);border-bottom:1px solid rgba(22,36,56,.06);border-radius:.9rem;background:rgba(255,255,255,.18)}
.trajectory-list-fold>.trajectory-list-head{margin:0;padding:.78rem .7rem;align-items:center}
.trajectory-list-fold>.trajectory-list-head .ux-fold-state{white-space:nowrap;color:#7a6035;font-size:.66rem}
.trajectory-list-body{display:grid}
.trajectory-list-fold[open]>.trajectory-list-head{border-bottom:1px solid rgba(22,36,56,.07)}

.summary-bookmark-fold{padding:0!important;overflow:hidden}
.summary-bookmark-summary{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.65rem;align-items:center;padding:.85rem .9rem}
.summary-bookmark-num{font-family:Georgia,serif;color:var(--gold);font-size:1rem}
.summary-bookmark-identity{display:grid;gap:.08rem;min-width:0}
.summary-bookmark-identity small{color:var(--muted);font-size:.68rem}
.summary-bookmark-identity strong{font-family:Georgia,"Yu Mincho",serif;font-size:.94rem;overflow-wrap:anywhere}
.summary-bookmark-identity em{font-style:normal;color:var(--muted);font-size:.66rem;line-height:1.35}
.summary-bookmark-summary>.ux-fold-state{grid-column:2/4;font-size:.64rem;color:#7a6035}
.summary-bookmark-details{padding:0 .9rem .9rem;border-top:1px solid rgba(22,36,56,.07)}
.summary-bookmark-fold[open] .summary-bookmark-summary{background:rgba(249,247,241,.62)}

.carry-source-fold{margin:.8rem 0;border:1px solid rgba(22,36,56,.09);border-radius:1rem;background:rgba(255,255,255,.42);overflow:hidden}
.carry-source-fold>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.25rem .7rem;align-items:center;padding:.72rem .82rem}
.carry-source-fold>summary>span{font-weight:700}
.carry-source-fold>summary>small{grid-column:1;color:var(--muted);font-size:.65rem}
.carry-source-fold>summary>.ux-fold-state{grid-column:2;grid-row:1/3;white-space:nowrap;color:#7a6035;font-size:.64rem}
.carry-source-fold .carry-source-bookmark-v12{margin:0;padding:.8rem;border:0;border-top:1px solid rgba(22,36,56,.07);border-radius:0}

@media(max-width:719px){
  /* 01 GRID — only equal, short, simultaneously-comparable items. */
  .visual-prototype .scene.a .choice-grid,
  .visual-prototype .part2-a .perception-choice-grid,
  .visual-prototype .part3-a-ep8-v173 .part3-choice-grid,
  .visual-prototype .part3-a-ep9 .part3-choice-grid,
  .visual-prototype .part3-a-ep10-v182 .ep10-a-choices-v182{
    display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.48rem!important;
  }
  .visual-prototype .scene.a .choice-grid>button:nth-last-child(1):nth-child(odd),
  .visual-prototype .part2-a .perception-choice-grid>button:nth-last-child(1):nth-child(odd),
  .visual-prototype .part3-a-ep8-v173 .part3-choice-grid>button:nth-last-child(1):nth-child(odd),
  .visual-prototype .part3-a-ep10-v182 .ep10-a-choices-v182>button:nth-last-child(1):nth-child(odd){grid-column:1/-1}
  /* EP07 A remains intentionally one-column: long propositions need width. */
  .visual-prototype .part3-a-ep7 .part3-choice-grid-ep7{grid-template-columns:1fr!important}
  /* EP09 A hybrid: the long self-justification item gets full width. */
  .visual-prototype .part3-a-ep9 .part3-choice-grid>button:nth-child(4){grid-column:1/-1}

  /* EP10 A: reference conditions and actions use the same compact geometry, but affordance styling keeps their roles distinct. */
  .visual-prototype .ep10-a-factors-v182{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.42rem!important}
  .visual-prototype .ep10-a-factors-v182>.ep10-a-factor-v182:last-child{grid-column:1/-1}

  /* T candidates approved for compact grid. */
  .visual-prototype .classification-cards{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.46rem!important}
  .visual-prototype .distance-step-row{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.44rem!important}
  .visual-prototype .load-step-nav{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.46rem!important}
  .visual-prototype .v171-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.48rem!important}
  .visual-prototype .scar-step-buttons{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important}
  .visual-prototype .ep10-redecide-grid-v182{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.42rem!important}
  .visual-prototype .ep10-redecide-grid-v182>button:last-child{grid-column:1/-1!important}

  /* 02 FOLD — compact closed summaries must remain informative. */
  .trajectory-list-fold{margin:1rem auto!important}
  .trajectory-list-fold>.trajectory-list-head{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .55rem;padding:.68rem!important}
  .trajectory-list-fold>.trajectory-list-head>small{grid-column:1;font-size:.64rem;line-height:1.4}
  .trajectory-list-fold>.trajectory-list-head>.ux-fold-state{grid-column:2;grid-row:1/3;align-self:center}
  .summary-bookmark-list{gap:.62rem!important}
  .summary-bookmark-summary{grid-template-columns:auto minmax(0,1fr) auto;gap:.48rem;padding:.72rem!important}
  .summary-bookmark-summary>.ux-fold-state{font-size:.62rem}
  .summary-bookmark-details{padding:0 .72rem .72rem}

  /* 03 SPACE — reduce chrome, not text size or touch targets. */
  .visual-prototype .scene.a,
  .visual-prototype .scene.t,
  .visual-prototype .scene.c,
  .visual-prototype .bookmark-scene,
  .visual-prototype .done-scene,
  .visual-prototype .trajectory-preview,
  .visual-prototype .summary-scene,
  .visual-prototype .bridge-screen{padding:.88rem!important}
  .visual-prototype .question{margin:.42rem 0 .82rem!important}
  .visual-prototype .actions{gap:.5rem!important;margin-top:1rem!important}
  .visual-prototype .choice-grid,
  .visual-prototype .perception-choice-grid,
  .visual-prototype .part3-choice-grid{margin:.72rem 0!important}
  .visual-prototype .choice,
  .visual-prototype .perception-choice,
  .visual-prototype .part3-choice{min-height:48px!important;padding:.58rem .62rem!important}
  .visual-prototype .scene-card{margin:.62rem 0!important;padding:.7rem!important}
  .visual-prototype .ux-role-label{margin:.48rem 0 .3rem!important}
  .visual-prototype .bookmark-step{padding:.68rem!important}
  .visual-prototype .bookmark-write{padding:.72rem!important}
  .visual-prototype .experience-history-collapsible{padding:.62rem .7rem!important}
  .visual-prototype .trajectory-detail-card{padding:.78rem!important}
  .visual-prototype .summary-bookmark-grid{gap:.48rem!important;margin:.6rem 0!important}
  .visual-prototype .summary-bookmark-grid>div{padding:.56rem!important}
  .visual-prototype .bridge-note{margin-top:.72rem!important}
}

/* Keep two-column compact choices even on narrow iPhones; labels are short on these audited targets. */
@media(max-width:390px){
  .visual-prototype .scene.a .choice-grid,
  .visual-prototype .part2-a .perception-choice-grid,
  .visual-prototype .part3-a-ep8-v173 .part3-choice-grid,
  .visual-prototype .part3-a-ep9 .part3-choice-grid,
  .visual-prototype .part3-a-ep10-v182 .ep10-a-choices-v182,
  .visual-prototype .ep10-redecide-grid-v182{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}