/* Embed the unchanged full-screen reading panel inside the shared shell. */
.fx #read-panel { position: relative; min-width: 0; }
.fx #read-panel .rp { position: relative; inset: auto; height: 780px; height: min(900px, 90dvh); min-height: 620px; grid-template-rows: minmax(0, 1fr); border: var(--line) solid var(--surface); border-radius: var(--r); overflow: hidden; }
.fx #read-panel .rp-top { display: none; }
.fx #read-panel :is(.rp-main, .rp-left, .rp-right) { min-width: 0; }
@media (max-width: 700px) {
  .fx #read-panel .rp { height: 85dvh; min-height: 580px; }
  .fx #read-panel .rp-right { position: absolute; }
}

/* V10.3: one progress indicator on the first screen — keep the 5-segment header bar, hide the duplicate "장면 비교 · n/8", "n/5" and the 1~8 stepper (the panel code and DOM are unchanged) */
#read-panel .gs-flow-part-label, #read-panel .gs-flow-fraction, #read-panel .tce-eyebrow, #read-panel .gs-round-stepper { display: none; }

/* V10.4: after the journey starts, the intro hero and its "검사 시작" button are gone */
html.gs-started .fx-band:has(> #top), html.gs-started #top { display: none; }

/* Embedded reader controls and scene captions must fit without ellipses. */
.fx #read-panel :is(a, button, summary) { min-height: 40px; }
.fx #read-panel .rp-crumbs button { display: inline-flex; align-items: center; }
.fx #read-panel .rp-left .rp-bubble { overflow: visible; }
.fx #read-panel .rp .rp-gs .gs-scene-card-context {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  overflow-wrap: anywhere;
  height: auto;
  max-height: none;
}
.fx #read-panel .rp :is(.rp-where, .rp-rhead .where, .rp-row .t) {
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  min-width: 0;
}
.fx #read-panel .rp-tabs { flex-wrap: wrap; overflow: visible; }
.fx #read-panel .rp-tab { max-width: 100%; white-space: normal; height: auto; }

/* The embedded journey is a normal document with one site navigation. */
html body.t1 #read-panel .rp{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;display:block}
html body.t1 #read-panel :is(.rp-top,.rp-tabs,.rp-crumbs,.rp-rhead){display:none!important}
html body.t1 #read-panel .rp-main{display:block;min-height:0}
html body.t1 #read-panel .rp-left{display:none}
html body.t1 #read-panel :is(.rp-right,.rp-rbody,.rp-gs){position:static!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;width:100%;inset:auto}
html body.t1 #read-panel :is(.gs-flow-shell-header,.gs-exam-header){position:static!important}
html body.t1 #read-panel .gs-flow-shell-header a{display:none}
html body.t1 #read-panel button{height:auto!important;min-height:44px;line-height:1.45;white-space:normal;overflow-wrap:break-word;padding:10px 14px}
html body.t1 #read-panel .gs-flow-shell{height:auto!important;max-height:none!important;overflow:visible!important}