/* 07740-local. Named result screens only; no entry, question or loading selectors.
 * Header and reading spacing extend the approved 20261011 visual preview to 4 languages. */
.cdx-character-screen,
#screen-result.cdx-tier-ko,
#screen-naming #nmResult.cdx-character-content,
#screen-tarot #tarotResult.cdx-character-content {
  --reading-ink: #2c2533;
  --reading-muted: #746b7e;
  --reading-gold: #876825;
  --reading-line: #e5dfd4;
  --reading-paper: #fffdfa;
  --reading-guide: #f6f3ec;
  color: var(--reading-ink);
  letter-spacing: -.01em;
}
.cdx-character-screen .cdx-character-band,
#nmResult > .cdx-character-band,
#tarotResult > .cdx-character-band {
  display: flex; align-items: center; gap: 16px;
  box-sizing: border-box; width: 100%; min-width: 0;
  padding: 16px 20px; margin: 0 0 24px;
  border: 1px solid var(--reading-line); border-radius: 20px;
  background: var(--reading-guide); box-shadow: none;
}
.cdx-character-screen .cdx-character-band > .char {
  flex: 0 0 112px; width: 112px; height: auto;
  margin: 0; padding: 0; animation: none; transform: none;
}
.cdx-character-screen .cdx-character-band .charimg.cdx-character-art,
#screen-salpuli.cdx-character-screen #salChar .charimg.cdx-character-art,
#screen-gaeun.cdx-character-screen #gaeunChar .charimg.cdx-character-art,
#nmResult > .cdx-character-band > .cdx-character-art,
#tarotResult > .cdx-character-band > .cdx-character-art {
  display: block; flex: 0 0 112px; width: 112px; height: 150px;
  min-height: 0; max-height: none; max-width: 112px;
  object-fit: contain; object-position: center; background: transparent;
  border: 0; border-radius: 0; box-shadow: none; animation: none; transform: none;
}
.cdx-character-screen .cdx-character-band > .bubble {
  flex: 1; min-width: 0; min-height: 0;
  margin: 0 !important; padding: 0; background: transparent;
  color: var(--reading-ink); border: 0; box-shadow: none; backdrop-filter: none;
  font-size: 15px; line-height: 1.8; text-align: left;
  word-break: keep-all; overflow-wrap: anywhere;
}
.cdx-character-screen .cdx-character-band > .bubble > .nm {
  display: block; margin: 0 0 8px;
  color: var(--reading-gold); font-size: 14px; line-height: 1.6; letter-spacing: 0;
}
.cdx-character-screen .cdx-character-band[hidden],
.cdx-character-screen .cdx-character-band [hidden],
#nmResult > .cdx-character-band [hidden],
#tarotResult > .cdx-character-band [hidden],
#screen-result.cdx-tier-ko .cdx-story-greet[hidden],
#screen-result.cdx-tier-ko .cdx-story-greet [hidden] { display: none !important; }
/* 07755: the result screen keeps one guide card (this band) at the top in both views, like the other screens. */
#screen-result.cdx-tier-ko.cdx-easy-enabled {
  --easy-ink: var(--reading-ink); --easy-muted: var(--reading-muted);
  --easy-line: var(--reading-line); --easy-paper: var(--reading-paper);
}
#screen-result.cdx-tier-ko .res-head,
.cdx-character-screen .res-head { margin: 24px 0; }
.cdx-character-screen .res-head .who,
#screen-result.cdx-tier-ko .res-head .who { font-size: 14px; line-height: 1.6; margin-bottom: 8px; }
.cdx-character-screen .res-head h2,
#screen-result.cdx-tier-ko .res-head h2 { font-size: 24px; line-height: 1.4; letter-spacing: -.025em; margin: 0 0 8px; }
.cdx-character-screen .res-head .ilgan { font-size: 14px; line-height: 1.6; }
#screen-result.cdx-tier-ko .cdx-easy-tierswitch,
.cdx-character-screen .cdx-tier-switch { margin: 16px 0 24px; }
#screen-result.cdx-tier-ko .cdx-easy-pref { margin: 12px 0 0; line-height: 1.7; }
#screen-result.cdx-tier-ko #cdxStoryTop { margin: 0 0 24px; }
#screen-result.cdx-tier-ko #cdxStoryBody { margin: 24px 0; }
#screen-result.cdx-tier-ko .cdx-easy-intro { margin: 32px 0 24px; }
#screen-result.cdx-tier-ko .cdx-easy-intro h3 { font-size: 24px; line-height: 1.4; margin: 8px 0 12px; }
#screen-result.cdx-tier-ko .cdx-story-greet {
  display: flex; align-items: center; gap: 16px;
  margin: 0 0 24px; padding: 16px 20px; border: 1px solid var(--reading-line);
  border-radius: 20px; background: var(--reading-guide); box-shadow: none;
}
#screen-result.cdx-tier-ko .cdx-story-greet img.cdx-character-art {
  flex: 0 0 72px; width: 72px; height: 96px; max-width: 72px;
  object-fit: contain; object-position: center; border-radius: 0; box-shadow: none;
}
#screen-result.cdx-tier-ko .cdx-story-greet p { min-width: 0; margin: 0; font-size: 15px; line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
#screen-result.cdx-tier-ko .cdx-story-greet { display: none; }
#screen-result.cdx-tier-ko .cdx-easy-card,
#screen-result.cdx-tier-ko #cdxStoryTop .cdx-easy-card,
#screen-result.cdx-tier-ko #cdxStoryBody .cdx-easy-card,
.cdx-character-screen .cdx-tier-card {
  padding: 24px 20px; margin: 0 0 24px; border-radius: 20px;
  border-color: var(--reading-line); box-shadow: 0 3px 12px #42352005;
  background: var(--reading-paper); color: var(--reading-ink); font-size: 15.5px; line-height: 1.8;
}
#screen-result.cdx-tier-ko .cdx-easy-card h3,
#screen-result.cdx-tier-ko #cdxStoryTop .cdx-easy-card h3,
#screen-result.cdx-tier-ko #cdxStoryBody .cdx-easy-card h3,
.cdx-character-screen .cdx-tier-card h3 { font-size: 20px; line-height: 1.5; letter-spacing: -.025em; margin: 0 0 12px; }
#screen-result.cdx-tier-ko .cdx-story-card p,
#screen-result.cdx-tier-ko #cdxEasyBody .cdx-story-card p { margin: 12px 0; font-size: 15.5px; line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
#screen-result.cdx-tier-ko .cdx-story-card p:last-child,
.cdx-character-screen .cdx-tier-card p:last-child { margin-bottom: 0; }
#screen-result.cdx-tier-ko .cdx-story-card p.cdx-story-sub { font-size: 14px; line-height: 1.7; margin: 20px 0 8px; color: var(--reading-gold); }
#screen-result.cdx-tier-ko .cdx-story-card p.cdx-story-deep-h { font-size: 14px; line-height: 1.6; margin: 0 0 8px; color: var(--reading-gold); }
#screen-result.cdx-tier-ko .cdx-story-card p.cdx-story-note { font-size: 14px; line-height: 1.75; color: var(--reading-muted); }
#screen-result.cdx-tier-ko .cdx-story-card p.cdx-story-symbol { font-size: 14px; padding: 12px 14px; }
#screen-result.cdx-tier-ko .cdx-story-list { margin: 12px 0; padding-left: 20px; }
#screen-result.cdx-tier-ko .cdx-story-list li { margin: 8px 0; line-height: 1.8; }
.cdx-character-screen .cdx-tier-card p { margin: 12px 0; }
.cdx-character-screen :is(.sec, .reading, .today) { margin-bottom: 24px; }
.cdx-character-screen :is(.reading p, .sec > p, .today > p) { font-size: 15px; line-height: 1.8; text-align: left; word-break: keep-all; overflow-wrap: anywhere; }
.cdx-character-screen :is(.cdx-sal-head, .cdx-gaeun-head) { margin: 0 0 24px; }
.cdx-character-screen :is(.cdx-sal-title, .cdx-gaeun-head h2) { font-size: 22px; line-height: 1.45; margin: 0 0 8px; color: var(--reading-ink); }
.cdx-character-screen :is(.cdx-sal-lead, .cdx-gaeun-purpose) { margin: 8px 0 0; font-size: 14px; line-height: 1.75; color: var(--reading-muted); }
.cdx-character-screen :is(.cdx-tier-group button, .cdx-tier-help, .cdx-easy-switch button) { min-height: 48px; }
.cdx-character-screen :is(button, summary):focus-visible { outline: 3px solid #876825; outline-offset: 3px; }
#nmResult > .cdx-character-band > :not(img),
#tarotResult .cdx-character-copy { flex: 1; min-width: 0; }
/* The entry portrait returns when the same result host is cleared or shows choices. */
#screen-naming:has(#nmResult.cdx-character-content) #nmChar { display: none; }
#nmResult > .cdx-character-band > :not(img) { margin: 0 !important; font-size: 15px !important; line-height: 1.8 !important; color: var(--reading-ink) !important; text-align: left !important; word-break: keep-all; overflow-wrap: anywhere; }
#nmResult > .cdx-character-band .cdx-character-copy > * { margin: 0 !important; font-size: 15px !important; line-height: 1.8 !important; color: var(--reading-ink) !important; text-align: left !important; }
#nmResult > .cdx-character-band .cdx-character-copy > * + * { margin-top: 8px !important; }
#tarotResult > .cdx-character-band h3 { margin: 0 0 8px; font-size: 18px; line-height: 1.5; color: var(--reading-gold); }
#tarotResult > .cdx-character-band .reading { padding: 0; margin: 0; background: transparent; border: 0; box-shadow: none; }
#tarotResult > .cdx-character-band p { margin: 0; font-size: 15px; line-height: 1.8; text-align: left; word-break: keep-all; overflow-wrap: anywhere; }
#nmResult.cdx-character-content .nm-card,
#tarotResult.cdx-character-content > .sec:not(.cdx-character-band) { margin-bottom: 24px; }
@media (max-width: 380px) {
  .cdx-character-screen .cdx-character-band,
  #nmResult > .cdx-character-band,
  #tarotResult > .cdx-character-band,
  #screen-result.cdx-tier-ko .cdx-story-greet { gap: 12px; padding: 16px; }
  .cdx-character-screen .cdx-character-band > .char { flex-basis: 88px; width: 88px; }
  .cdx-character-screen .cdx-character-band .charimg.cdx-character-art,
  #screen-salpuli.cdx-character-screen #salChar .charimg.cdx-character-art,
  #screen-gaeun.cdx-character-screen #gaeunChar .charimg.cdx-character-art,
  #nmResult > .cdx-character-band > .cdx-character-art,
  #tarotResult > .cdx-character-band > .cdx-character-art { flex-basis: 88px; width: 88px; height: 118px; max-width: 88px; }
  #screen-result.cdx-tier-ko .cdx-story-greet img.cdx-character-art { flex-basis: 60px; width: 60px; height: 80px; max-width: 60px; }
  #screen-result.cdx-tier-ko .cdx-easy-card,
  #screen-result.cdx-tier-ko #cdxStoryTop .cdx-easy-card,
  #screen-result.cdx-tier-ko #cdxStoryBody .cdx-easy-card,
  .cdx-character-screen .cdx-tier-card { padding: 20px 16px; }
}