/* Season2 v20.1 PA-04 SAFE Production Adjustment
   Base: PA-03 FIELD AUDIT BASELINE (FROZEN)
   Scope: copy density, responsive legibility, information proximity, integration consistency.
   Explicitly excluded: EP04 shared-SVG amendment, EP05 A/C non-difference comparison, EP06 wood-volume amendment.
*/

/* Unified second-row context grammar after bookmarks / trajectory. */
.integration-stage-label{margin-bottom:.8rem;padding:.55rem .7rem;border-radius:.8rem;box-sizing:border-box}
.integration-stage-label.compact{margin-bottom:.7rem}

/* A/i/T/C history remains available without occupying the page by default. */
details.experience-history-collapsible{padding:.72rem .85rem}
details.experience-history-collapsible>.experience-history-head{cursor:pointer;list-style:none;margin:0;min-height:34px;user-select:none}
details.experience-history-collapsible>.experience-history-head::-webkit-details-marker{display:none}
details.experience-history-collapsible>.experience-history-head>span:first-child{display:grid;gap:.08rem}
details.experience-history-collapsible .experience-toggle{display:inline-grid;place-items:center;min-width:54px;padding:.28rem .48rem;border-radius:999px;border:1px solid rgba(77,95,124,.14);background:rgba(255,255,255,.7);font-size:.65rem;color:var(--muted)}
details.experience-history-collapsible .experience-toggle b{font-weight:600}
details.experience-history-collapsible .when-open{display:none}
details.experience-history-collapsible[open] .when-open{display:inline}
details.experience-history-collapsible[open] .when-closed{display:none}
details.experience-history-collapsible[open]>.experience-history-head{margin-bottom:.7rem}

/* EP03: front-side helper label should read as a centered card label. */
.mirror-side.front .mirror-copy>small{text-align:center;width:100%;display:block}

/* EP10: public-facing badge contains only the concept name. */
.ep10-plaza-badge>div{display:grid;place-items:center}

/* Note is an optional deep-reading exit after completing an episode. */
.episode-note-link{display:flex;align-items:center;justify-content:space-between;gap:.8rem;margin:1rem 0;padding:.72rem .85rem;border-radius:1rem;border:1px solid rgba(169,136,79,.22);background:rgba(255,252,245,.66)}
.episode-note-link span{font-size:.7rem;color:var(--muted)}
.episode-note-link a{font-weight:700;color:var(--ink);text-decoration:none;border-bottom:1px solid rgba(169,136,79,.45);padding-bottom:.08rem}
.episode-note-link a:hover,.episode-note-link a:focus-visible{border-bottom-color:currentColor}

/* EP07 T: keep horizontal semantic diagram, but bring controls/results physically closer. */
.parallel-t-v174 .route-cards{margin-top:.55rem}
.parallel-t-v174 .parallel-merge-panel{margin:.65rem 0}
.parallel-t-v174 .part3-boundary-note{margin-top:.7rem}

/* EP08 T: modest vertical compression without removing the memorial/boundary/letter relation. */
.memorial-t-v174 .absence-letter-editor{margin-top:.55rem}

/* EP10 completion card: prevent narrow middle column in the S2 handoff block. */
.season2-complete-door .next-door-copy{min-width:0}

@media(max-width:719px){
  /* Global context row uses the same three items as episode screens, stacked only when necessary. */
  .integration-stage-label{display:grid!important;grid-template-columns:1fr!important;gap:.22rem!important;align-items:start!important;padding:.55rem .65rem!important}
  .integration-stage-label span{display:block;min-width:0;overflow-wrap:anywhere;line-height:1.35}

  /* EP07 i: slider/diagram first, explanatory copy below instead of a crushed left column. */
  .ep7-stop-v174 .ep7-stop-control{grid-template-columns:1fr!important;grid-template-areas:'slider' 'copy'!important;gap:.55rem!important;padding:.7rem!important}
  .ep7-stop-v174 .ep7-slider-zone{grid-area:slider;min-width:0;width:100%;box-sizing:border-box}
  .ep7-stop-v174 .ep7-slider-copy{grid-area:copy;min-width:0;width:100%;writing-mode:horizontal-tb!important;word-break:normal;overflow-wrap:anywhere}
  .ep7-stop-v174 .ep7-slider-copy strong,.ep7-stop-v174 .ep7-slider-copy small{writing-mode:horizontal-tb!important;white-space:normal!important}
  .ep7-stop-v174 .ep7-slider-copy small{font-size:.64rem;line-height:1.45}

  /* EP07 T: reduce repeated chrome, keep route diagram and interaction within a short visual neighborhood. */
  .parallel-t-v174 .route-map-caption-strip{display:none}
  .parallel-t-v174 .mobile-scroll-hint{margin:.45rem 0 .2rem;font-size:.6rem}
  .parallel-t-v174 .route-map-field{margin:.45rem 0!important;padding:1.8rem .6rem .6rem!important}
  .parallel-t-v174 .route-map-board{gap:.4rem!important;padding:.2rem 0 .55rem!important}
  .parallel-t-v174 .route-map-row{gap:.4rem!important;grid-template-columns:minmax(0,1.05fr) 48px minmax(0,1.25fr)!important}
  .parallel-t-v174 .route-origin-box,.parallel-t-v174 .route-destination-box{padding:.48rem .55rem!important;border-radius:.75rem!important}
  .parallel-t-v174 .route-origin-box small,.parallel-t-v174 .route-destination-box small{font-size:.55rem!important}
  .parallel-t-v174 .route-origin-box strong,.parallel-t-v174 .route-destination-box strong{font-size:.7rem!important}
  .parallel-t-v174 .route-origin-box span,.parallel-t-v174 .route-destination-box em{font-size:.58rem!important;line-height:1.3}
  .parallel-t-v174 .route-grid-shell .route-grid-fixed{min-width:470px!important}
  .parallel-t-v174 .route-cards{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:.45rem!important;margin-top:.45rem}
  .parallel-t-v174 .route-card{min-height:62px;padding:.5rem .55rem!important;gap:.08rem!important}
  .parallel-t-v174 .route-card small{font-size:.54rem!important}
  .parallel-t-v174 .route-card strong{font-size:.72rem!important}
  .parallel-t-v174 .route-card span,.parallel-t-v174 .route-card em{display:none!important}
  .parallel-t-v174 .parallel-merge-panel{display:grid!important;grid-template-columns:1fr!important;gap:.35rem!important;margin:.5rem 0!important}
  .parallel-t-v174 .parallel-merge-panel button{width:100%}
  .parallel-t-v174 .parallel-merge-panel span{font-size:.62rem;line-height:1.35}

  /* EP08 T: preserve three semantic zones but remove excess vertical air. */
  .memorial-t-v174 .memorial-vertical-board{grid-template-rows:minmax(88px,auto) auto minmax(78px,auto)!important;gap:.4rem!important;margin:.55rem 0!important;padding:.6rem!important}
  .memorial-t-v174 .memorial-vertical-divider{min-height:34px!important;gap:.3rem!important;padding:.15rem 0!important}
  .memorial-t-v174 .letter-memorial-frame,.memorial-t-v174 .letter-front-place{padding:.62rem!important;gap:.2rem!important;border-radius:14px!important}
  .memorial-t-v174 .letter-front-place i{width:52px!important;height:60px!important}
  .memorial-t-v174 .absence-letter-editor textarea{min-height:72px!important}
  .memorial-t-v174 .actions{margin-top:.7rem!important;display:grid!important;grid-template-columns:1fr!important;gap:.45rem!important}

  /* EP10 S2 handoff: number/copy together; action gets its own full-width row. */
  .season2-complete-door{grid-template-columns:auto minmax(0,1fr)!important;gap:.75rem!important;align-items:start!important;margin-top:1rem!important;padding:.9rem!important}
  .season2-complete-door>button{grid-column:1/-1;width:100%;min-width:0}
  .season2-complete-door .next-door-copy h3{font-size:1.05rem;line-height:1.35}
  .season2-complete-door .next-door-copy p{font-size:.76rem;line-height:1.5;overflow-wrap:anywhere}
  .season2-complete-door .next-door-number{font-size:2.1rem}

  /* Optional note exit remains one compact block. */
  .episode-note-link{display:grid;grid-template-columns:1fr;gap:.3rem;padding:.65rem .72rem}
  .episode-note-link a{width:max-content;max-width:100%}
}


/* ===== PA-04.2 focused field-audit fixes ===== */
/* EP03 T: center the side label on both faces; keep the substantive copy unchanged. */
.mirror-card .mirror-side .mirror-copy{width:100%;}
.mirror-card .mirror-side .mirror-copy>small{display:block;width:100%;text-align:center!important;}

/* Post-bookmark context row now uses the same stage-label component as episode screens. */
.trajectory-preview,.final-reflection-preview,.bridge-screen{margin-top:0;}

/* Saved-bookmark summary: note link is a secondary exit within each saved card. */
.summary-bookmark-card .episode-note-link{margin:.85rem 0 .25rem;}
