/* V36 situation-story layer. Scoped additions only; V35 base remains intact. */

.v35-life-scene img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 42%;
}

.question-entry-card[data-scenario-id] {
  min-height: 148px;
  text-align: left;
}

.question-entry-card[data-scenario-id] strong {
  text-wrap: balance;
}

.question-entry-selected small {
  display: inline-block;
  margin-top: 6px;
  color: var(--muted, #6f7482);
}

.v36-story-bridge {
  overflow: hidden;
  padding: 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(94, 76, 179, .13), transparent 34%),
    linear-gradient(180deg, #111724 0%, #0c111b 100%);
  color: #f7f7fb;
  border-color: rgba(255,255,255,.08);
}

.v36-bridge-head,
.v36-bridge-foot {
  padding: 24px;
}

.v36-bridge-head {
  display: grid;
  gap: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.v36-bridge-head h2 {
  margin: 10px 0 0;
  max-width: 760px;
  font-size: clamp(1.5rem, 4.6vw, 2.35rem);
  line-height: 1.18;
  letter-spacing: -.035em;
}

.v36-bridge-head > p,
.v36-bridge-foot p {
  margin: 0;
  max-width: 780px;
  color: #c8ccda;
  line-height: 1.72;
}

.v36-bridge-grid {
  display: grid;
  gap: 1px;
  background: rgba(255,255,255,.08);
}

.v36-bridge-card {
  position: relative;
  min-width: 0;
  background: #111724;
}

.v36-bridge-art {
  position: relative;
  min-height: 260px;
  overflow: hidden;
  background: linear-gradient(145deg, #101723, #26213c);
}

.v36-bridge-art::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 42%, rgba(7,10,17,.92) 100%);
  pointer-events: none;
}

.v36-bridge-art img {
  width: 100%;
  height: 100%;
  min-height: 260px;
  max-height: 470px;
  display: block;
  object-fit: cover;
  object-position: 50% 38%;
}

.v36-next-art img {
  object-position: center;
  filter: saturate(.82) brightness(.78);
  transform: scale(1.025);
}

.v36-bridge-copy {
  position: relative;
  z-index: 1;
  display: grid;
  gap: 12px;
  padding: 22px 22px 26px;
}

.v36-bridge-copy > small {
  color: #a995ff;
  font-size: .78rem;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.v36-band-label {
  margin: 0;
  color: #d8d1ff;
  font-weight: 800;
}

.v36-bridge-copy h3 {
  margin: 0;
  font-size: clamp(1.55rem, 5vw, 2.5rem);
  line-height: 1.16;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.v36-bridge-copy > p:not(.v36-band-label),
.v36-bridge-copy blockquote,
.v36-current-narrative,
.v36-next-note {
  margin: 0;
  color: #d0d4df;
  line-height: 1.72;
}

.v36-current-narrative,
.v36-next-note {
  display: block;
  padding-top: 13px;
  border-top: 1px solid rgba(255,255,255,.1);
  color: #aeb5c7;
  font-size: .9rem;
}

.v36-next-moment-meta {
  display: inline-block;
  margin-top: 0.2rem;
  font-size: 0.76rem;
  color: var(--muted, #94a3b8);
}

.v36-next-moment-title {
  margin: 0.25rem 0 0.45rem;
  font-weight: 700;
  line-height: 1.45;
}

.v36-next-sample-title {
  font-weight: 800;
  color: #f3f0ff !important;
}

.v36-bridge-copy blockquote {
  padding: 14px 16px;
  border: 1px solid rgba(169,149,255,.25);
  border-left: 3px solid #8e76f2;
  border-radius: 12px;
  background: rgba(121,96,224,.08);
}

.v36-locked-card::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid rgba(142,118,242,.24);
  pointer-events: none;
}

.v36-bridge-foot {
  display: grid;
  gap: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.v36-bridge-foot small {
  color: #8f96a8;
  line-height: 1.55;
}

/* Gender is a visual-layer variable. Until the female art gate passes, never show male art as a female proxy. */
html[data-v36-protagonist="female"] .v36-current-art img {
  opacity: 0;
}

html[data-v36-protagonist="female"] .v36-current-art {
  background:
    radial-gradient(circle at 58% 34%, rgba(162,143,246,.28), transparent 24%),
    radial-gradient(circle at 42% 68%, rgba(64,83,132,.36), transparent 33%),
    linear-gradient(145deg, #121828, #211d33 58%, #0c111a);
}

@media (min-width: 820px) {
  .v36-bridge-head,
  .v36-bridge-foot {
    padding: 30px 34px;
  }

  .v36-bridge-head {
    grid-template-columns: minmax(0, 1fr) minmax(300px, .72fr);
    align-items: end;
  }

  .v36-bridge-grid {
    grid-template-columns: 1fr 1fr;
  }

  .v36-bridge-art {
    min-height: 360px;
  }

  .v36-bridge-art img {
    min-height: 360px;
    max-height: 500px;
  }

  .v36-bridge-copy {
    padding: 28px 30px 32px;
  }
}

@media (max-width: 819px) {
  .v35-life-scene {
    min-height: 52vh;
  }

  .v35-life-scene img {
    min-height: 52vh;
  }

  .v36-story-bridge {
    margin-inline: -2px;
  }
}

/* V36.1 visual refinement based on actual HOME Chrome screenshots (2026-08-22).
   Visual layer only: no calculation, data binding, payment, or route contracts changed. */

body[data-sjm-page="lifetime"] .sjm-header-inner {
  width: min(1280px, calc(100% - 48px));
}

body[data-sjm-page="lifetime"] .page-shell {
  width: min(1280px, calc(100% - 48px));
  margin-bottom: 72px;
}

/* Turn the split poster into one cinematic first scene: image leads, copy sits inside the story. */
body[data-sjm-page="lifetime"] .v35-life-opening {
  position: relative;
  margin: 0 0 28px;
  overflow: hidden;
  border: 1px solid #1f2530;
  border-radius: 24px;
  background: #0b0f16;
  box-shadow: 0 24px 60px rgba(18, 24, 35, .12);
}

body[data-sjm-page="lifetime"] .v35-life-grid {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  min-height: min(720px, calc(100svh - 104px));
  isolation: isolate;
}

body[data-sjm-page="lifetime"] .v35-life-scene {
  position: absolute;
  inset: 0;
  min-height: 0;
  border: 0;
  background: #111722;
  z-index: 0;
}

body[data-sjm-page="lifetime"] .v35-life-scene::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(7,10,16,.98) 0%, rgba(7,10,16,.92) 28%, rgba(7,10,16,.54) 48%, rgba(7,10,16,.12) 71%, rgba(7,10,16,.08) 100%),
    linear-gradient(180deg, rgba(7,10,16,.08), rgba(7,10,16,.28));
  pointer-events: none;
}

body[data-sjm-page="lifetime"] .v35-life-scene img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 100%;
  max-height: none;
  object-fit: cover;
  object-position: 68% 38%;
  filter: saturate(.92) contrast(1.03) brightness(.9);
}

body[data-sjm-page="lifetime"] .v35-life-copy {
  position: relative;
  z-index: 2;
  width: min(600px, 54%);
  justify-content: center;
  padding: clamp(52px, 6vw, 84px);
  padding-right: 18px;
}

body[data-sjm-page="lifetime"] .v35-life-series {
  margin-bottom: 22px;
}

body[data-sjm-page="lifetime"] .v35-life-line {
  margin-bottom: 18px;
  padding: 8px 11px;
  box-shadow: 5px 5px 0 #66e0c2;
  font-size: .78rem;
}

body[data-sjm-page="lifetime"] .v35-life-copy h1 {
  max-width: 560px;
  font-size: clamp(3.35rem, 5.15vw, 5.35rem);
  line-height: .94;
  letter-spacing: -.07em;
  text-wrap: balance;
}

body[data-sjm-page="lifetime"] .v35-life-copy > p:not(.v35-life-series):not(.v35-life-line) {
  max-width: 510px;
  margin-top: 22px;
  color: #c9ced7;
  font-size: .96rem;
  line-height: 1.72;
}

body[data-sjm-page="lifetime"] .v35-life-start {
  min-height: 50px;
  margin-top: 24px;
  padding: 0 18px;
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(255,255,255,.14);
}

body[data-sjm-page="lifetime"] .v35-life-meta {
  gap: 9px 15px;
  margin-top: 17px;
  color: #9ea6b3;
}

body[data-sjm-page="lifetime"] .v35-life-caption {
  left: auto;
  right: 28px;
  bottom: 28px;
  width: min(360px, 31vw);
  padding: 14px 16px;
  border: 0;
  border-radius: 14px;
  background: rgba(250,251,253,.94);
  box-shadow: 0 12px 34px rgba(0,0,0,.22);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  z-index: 2;
}

body[data-sjm-page="lifetime"] .v35-life-caption strong {
  font-size: .94rem;
}

body[data-sjm-page="lifetime"] .v35-life-steps {
  position: relative;
  z-index: 3;
  gap: 18px;
  padding: 14px 22px;
  border-top: 1px solid rgba(13,15,20,.18);
  font-size: .69rem;
}

/* Situation selection should feel like the next chapter, not a detached form. */
body[data-sjm-page="lifetime"] .question-entry-panel {
  margin-bottom: 18px;
  padding: 32px 34px 34px;
  border-radius: 22px !important;
}

body[data-sjm-page="lifetime"] .question-entry-panel::before {
  width: max-content;
  margin: 0 0 18px;
  padding: 7px 10px;
  border-radius: 999px;
  background: #111216;
}

body[data-sjm-page="lifetime"] .question-entry-head {
  margin-bottom: 20px;
}

body[data-sjm-page="lifetime"] .question-entry-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
  min-height: 126px;
  padding: 17px;
  border-radius: 14px !important;
  background: #f8f9fb !important;
  box-shadow: none !important;
}

body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] > span {
  color: #536bff;
  font-size: .72rem;
  font-weight: 900;
}

body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] strong {
  font-size: .96rem;
  line-height: 1.43;
}

body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] small {
  margin-top: auto;
  color: #777e88;
  font-size: .72rem;
}

body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id]:hover,
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"] {
  transform: translateY(-2px) !important;
  border-color: #536bff !important;
  background: #f1f4ff !important;
  box-shadow: 0 8px 24px rgba(68,84,170,.10) !important;
}

body[data-sjm-page="lifetime"] .question-entry-selected {
  margin: 18px 0 0;
  padding-top: 16px;
  border-top: 1px solid #e7e9ee;
  color: #666e7a;
}

/* Calculation studio: preserve the exact form DOM, but visually reconnect it to the story. */
body[data-sjm-page="lifetime"] #input-panel {
  position: relative;
  overflow: hidden;
  margin-bottom: 24px;
  padding: 36px 40px 40px;
  border-color: #dfe3ea !important;
  background:
    radial-gradient(circle at 100% 0%, rgba(83,107,255,.08), transparent 32%),
    #fff !important;
  box-shadow: 0 18px 44px rgba(25,31,45,.06) !important;
}

body[data-sjm-page="lifetime"] #input-panel::before {
  content: none;
  display: none;
  margin-bottom: 16px;
  color: #536bff;
  font-size: .66rem;
  font-weight: 950;
  letter-spacing: .12em;
}

body[data-sjm-page="lifetime"] #input-panel .section-heading {
  align-items: end;
  margin-bottom: 20px;
}

body[data-sjm-page="lifetime"] #input-panel .section-heading h2 {
  font-size: clamp(1.8rem, 3vw, 2.55rem);
  letter-spacing: -.055em;
}

body[data-sjm-page="lifetime"] #input-panel .result-route-preview {
  margin-bottom: 28px;
  border-color: #e2e5eb;
  background: #f8f9fb;
}

body[data-sjm-page="lifetime"] #input-panel .birth-form-grid {
  gap: 18px 20px;
}

body[data-sjm-page="lifetime"] #input-panel .birth-field input,
body[data-sjm-page="lifetime"] #input-panel .choice-card {
  background: #fbfcfd !important;
  border-color: #d9dee7 !important;
}

body[data-sjm-page="lifetime"] #input-panel .choice-card:has(input:checked) {
  border-color: #536bff !important;
  background: #eef2ff !important;
  box-shadow: 0 0 0 3px rgba(83,107,255,.08) !important;
}

body[data-sjm-page="lifetime"] #input-panel .notice-box {
  margin-top: 22px;
  border-color: #e4dfd5;
  background: #fbfaf6 !important;
}

body[data-sjm-page="lifetime"] #birth-submit-button {
  min-height: 52px;
  margin-top: 18px;
  padding-inline: 22px;
  border-radius: 12px !important;
  font-size: .9rem;
}

/* Keep cross-service links, but reduce the disconnected 'SaaS card strip' feeling. */
body[data-sjm-page="lifetime"] + .sjm-related-strip,
body[data-sjm-page="lifetime"] ~ .sjm-related-strip {
  padding-block: 44px;
}

body[data-sjm-page="lifetime"] ~ .sjm-related-strip .sjm-related-inner,
body[data-sjm-page="lifetime"] + .sjm-related-strip .sjm-related-inner {
  width: min(1280px, calc(100% - 48px));
}

@media (max-width: 980px) {
  body[data-sjm-page="lifetime"] .sjm-header-inner,
  body[data-sjm-page="lifetime"] .page-shell {
    width: min(100% - 28px, 920px);
  }

  body[data-sjm-page="lifetime"] .v35-life-grid {
    min-height: 680px;
  }

  body[data-sjm-page="lifetime"] .v35-life-copy {
    width: min(620px, 72%);
    padding: 48px 34px 64px;
  }

  body[data-sjm-page="lifetime"] .v35-life-scene img {
    object-position: 62% 38%;
  }

  body[data-sjm-page="lifetime"] .v35-life-caption {
    width: 320px;
    right: 20px;
    bottom: 20px;
  }
}

@media (max-width: 760px) {
  body[data-sjm-page="lifetime"] .sjm-header-inner,
  body[data-sjm-page="lifetime"] .page-shell {
    width: min(100% - 20px, 680px);
  }

  body[data-sjm-page="lifetime"] .v35-life-opening {
    border-radius: 18px;
  }

  body[data-sjm-page="lifetime"] .v35-life-grid {
    min-height: 720px;
  }

  body[data-sjm-page="lifetime"] .v35-life-scene::before {
    background:
      linear-gradient(180deg, rgba(7,10,16,.40) 0%, rgba(7,10,16,.16) 31%, rgba(7,10,16,.68) 62%, rgba(7,10,16,.97) 100%);
  }

  body[data-sjm-page="lifetime"] .v35-life-scene img {
    object-position: 58% 22%;
  }

  body[data-sjm-page="lifetime"] .v35-life-copy {
    width: auto;
    justify-content: flex-end;
    padding: 34px 22px 118px;
  }

  body[data-sjm-page="lifetime"] .v35-life-copy h1 {
    max-width: 500px;
    font-size: clamp(3rem, 13vw, 4.3rem);
  }

  body[data-sjm-page="lifetime"] .v35-life-copy > p:not(.v35-life-series):not(.v35-life-line) {
    max-width: 500px;
    font-size: .9rem;
  }

  body[data-sjm-page="lifetime"] .v35-life-caption {
    left: 18px;
    right: 18px;
    bottom: 18px;
    width: auto;
  }

  body[data-sjm-page="lifetime"] .v35-life-steps {
    justify-content: flex-start;
    overflow-x: auto;
    white-space: nowrap;
  }

  body[data-sjm-page="lifetime"] .question-entry-panel,
  body[data-sjm-page="lifetime"] #input-panel {
    padding: 26px 20px 28px;
  }

  body[data-sjm-page="lifetime"] .question-entry-head,
  body[data-sjm-page="lifetime"] #input-panel .section-heading {
    align-items: flex-start;
    flex-direction: column;
  }

  body[data-sjm-page="lifetime"] .question-entry-grid {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    margin-right: -20px;
    padding-right: 20px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }

  body[data-sjm-page="lifetime"] .question-entry-grid::-webkit-scrollbar {
    display: none;
  }

  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
    flex: 0 0 min(78vw, 300px);
    min-height: 150px;
    scroll-snap-align: start;
  }

  body[data-sjm-page="lifetime"] #input-panel .birth-form-grid {
    grid-template-columns: 1fr;
  }

  body[data-sjm-page="lifetime"] #birth-submit-button {
    width: 100%;
  }
}


/* ==========================================================================\n   V36.2 PREMIUM STORY — final visual layer\n   Goal: situation -> story -> actual calculation -> next locked chapter.\n   No calculation/payment/backend contracts are changed here.\n   ========================================================================== */

:root {
  --v362-ink: #11151d;
  --v362-night: #0b1018;
  --v362-night-2: #111926;
  --v362-paper: #f5f4f0;
  --v362-white: #ffffff;
  --v362-line: #dfe2e6;
  --v362-muted: #707783;
  --v362-accent: #6fe1c2;
  --v362-accent-deep: #236b5e;
  --v362-sand: #f0dfad;
  --v362-violet: #7f75d8;
}

body[data-sjm-page="lifetime"] {
  background: var(--v362-paper);
  color: var(--v362-ink);
}

/* Full real-service navigation, without login/my-page cues. */
body[data-sjm-page="lifetime"] .sjm-header {
  border-bottom: 1px solid rgba(17,21,29,.08);
  background: rgba(250,250,248,.93);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
}
body[data-sjm-page="lifetime"] .sjm-header-inner {
  width: min(1240px, calc(100% - 40px));
  min-height: 64px;
  gap: 18px;
}
body[data-sjm-page="lifetime"] .v36-service-nav {
  display: flex;
  min-width: 0;
  justify-content: center;
  gap: 2px;
  white-space: nowrap;
}
body[data-sjm-page="lifetime"] .v36-service-nav .sjm-nav-link {
  padding: 8px 9px;
  border-radius: 999px;
  font-size: .78rem;
  color: #4f5661;
}
body[data-sjm-page="lifetime"] .v36-service-nav .sjm-nav-link:hover,
body[data-sjm-page="lifetime"] .v36-service-nav .sjm-nav-link[aria-current="page"] {
  background: #11151d;
  color: #fff;
}
body[data-sjm-page="lifetime"] .sjm-header-cta {
  min-height: 38px;
  padding-inline: 14px;
  border-radius: 999px;
  background: #11151d;
  font-size: .74rem;
}

body[data-sjm-page="lifetime"] .page-shell {
  width: min(1180px, calc(100% - 36px));
  margin-top: 22px;
  margin-bottom: 72px;
}

/* Scene 0: cinematic, not a poster. */
body[data-sjm-page="lifetime"] .v35-life-opening {
  margin: 0;
  border: 0;
  border-radius: 30px;
  background: var(--v362-night);
  box-shadow: 0 28px 80px rgba(12,17,27,.18);
}
body[data-sjm-page="lifetime"] .v35-life-grid {
  min-height: clamp(620px, 74vh, 760px);
}
body[data-sjm-page="lifetime"] .v35-life-scene::before {
  background:
    linear-gradient(90deg, rgba(7,10,16,.98) 0%, rgba(7,10,16,.90) 31%, rgba(7,10,16,.52) 50%, rgba(7,10,16,.13) 73%, rgba(7,10,16,.06) 100%),
    linear-gradient(180deg, rgba(7,10,16,.02) 55%, rgba(7,10,16,.38) 100%);
}
body[data-sjm-page="lifetime"] .v35-life-scene img {
  object-position: 67% 42%;
  filter: saturate(.88) contrast(1.03) brightness(.88);
}
body[data-sjm-page="lifetime"] .v35-life-copy {
  width: min(620px, 57%);
  padding: clamp(48px, 5.4vw, 76px);
  padding-right: 14px;
}
body[data-sjm-page="lifetime"] .v35-life-series {
  gap: 8px;
  margin-bottom: 18px;
}
body[data-sjm-page="lifetime"] .v35-life-series b {
  border-radius: 999px;
  background: rgba(240,223,173,.96);
  color: #1b1c1f;
  box-shadow: none;
}
body[data-sjm-page="lifetime"] .v35-life-line {
  margin-bottom: 22px;
  border: 0;
  border-radius: 10px;
  background: rgba(255,255,255,.96);
  color: #151922;
  box-shadow: 5px 5px 0 rgba(111,225,194,.95);
}
body[data-sjm-page="lifetime"] .v35-life-copy h1 {
  max-width: 590px;
  font-size: clamp(3.4rem, 5.35vw, 5.65rem);
  line-height: .96;
  letter-spacing: -.068em;
}
body[data-sjm-page="lifetime"] .v35-life-copy h1 strong { color: var(--v362-accent); }
body[data-sjm-page="lifetime"] .v35-life-copy > p:not(.v35-life-series):not(.v35-life-line) {
  max-width: 500px;
  margin-top: 22px;
  color: #c8cdd7;
  font-size: .94rem;
  line-height: 1.74;
}
body[data-sjm-page="lifetime"] .v35-life-start {
  min-height: 48px;
  margin-top: 24px;
  padding: 0 18px;
  border-radius: 999px;
  background: #fff;
  color: #11151d;
  box-shadow: 0 0 0 1px rgba(255,255,255,.24), 0 10px 30px rgba(0,0,0,.18);
}
body[data-sjm-page="lifetime"] .v35-life-meta {
  margin-top: 17px;
  color: #9198a5;
}
body[data-sjm-page="lifetime"] .v35-life-caption {
  right: 26px;
  bottom: 76px;
  width: min(320px, 29vw);
  border: 1px solid rgba(255,255,255,.3);
  border-radius: 16px;
  background: rgba(249,250,252,.91);
  box-shadow: 0 18px 48px rgba(0,0,0,.24);
}
body[data-sjm-page="lifetime"] .v35-life-steps {
  justify-content: flex-start;
  gap: 13px;
  padding: 15px 24px;
  border-top: 1px solid rgba(255,255,255,.09);
  background: rgba(9,13,20,.96);
  color: #c3c8d1;
}
body[data-sjm-page="lifetime"] .v35-life-steps b { color: var(--v362-accent); }
body[data-sjm-page="lifetime"] .v35-life-steps i { color: #57606d; }

/* Scene selection overlaps the story ending: one continuous experience. */
body[data-sjm-page="lifetime"] .question-entry-panel {
  position: relative;
  z-index: 4;
  margin: -20px 28px 22px;
  padding: 30px 32px 32px;
  border: 1px solid rgba(17,21,29,.09) !important;
  border-radius: 24px !important;
  background: rgba(255,255,255,.97) !important;
  box-shadow: 0 24px 56px rgba(22,27,38,.11) !important;
}
body[data-sjm-page="lifetime"] .question-entry-panel::before {
  content: none;
}
body[data-sjm-page="lifetime"] .question-entry-head {
  align-items: end;
  margin-bottom: 18px;
  gap: 22px;
}
body[data-sjm-page="lifetime"] .question-entry-head h2 {
  margin-top: 7px;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  letter-spacing: -.052em;
}
body[data-sjm-page="lifetime"] .question-entry-head > p {
  max-width: 430px;
  color: var(--v362-muted);
  line-height: 1.55;
}
body[data-sjm-page="lifetime"] .question-entry-grid {
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
  min-height: 120px;
  padding: 16px;
  border: 1px solid #e0e3e8 !important;
  border-radius: 16px !important;
  background: #f8f8f6 !important;
  box-shadow: none !important;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] > span {
  width: max-content;
  padding: 4px 7px;
  border-radius: 999px;
  background: #ece8f8;
  color: #6158a6;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] strong {
  margin-top: 10px;
  font-size: .94rem;
  line-height: 1.45;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] small {
  margin-top: 8px;
  color: #858b95;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id]:hover,
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"] {
  transform: translateY(-3px) !important;
  border-color: #5b6575 !important;
  background: #fff !important;
  box-shadow: 0 12px 26px rgba(25,31,43,.08) !important;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"]::after {
  content: "선택됨";
  position: absolute;
  top: 12px;
  right: 12px;
  color: var(--v362-accent-deep);
  font-size: .62rem;
  font-weight: 900;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] { position: relative; }
body[data-sjm-page="lifetime"] .question-entry-selected {
  margin-top: 17px;
  padding: 15px 17px 0;
  color: #646b76;
}

/* Calculation studio: serious and quiet after the emotional hook. */
body[data-sjm-page="lifetime"] #input-panel {
  margin: 0 28px 28px;
  padding: 36px 38px 40px;
  border: 1px solid #dfe2e6 !important;
  border-radius: 24px !important;
  background:
    linear-gradient(90deg, rgba(111,225,194,.07), transparent 22%),
    #fff !important;
  box-shadow: 0 18px 44px rgba(19,25,36,.06) !important;
}
body[data-sjm-page="lifetime"] #input-panel::before {
  color: var(--v362-accent-deep);
  letter-spacing: .14em;
}
body[data-sjm-page="lifetime"] #input-panel .result-route-preview {
  border: 0;
  border-radius: 16px;
  background: #f4f5f6;
}
body[data-sjm-page="lifetime"] #input-panel .birth-form-grid { gap: 16px 18px; }
body[data-sjm-page="lifetime"] #input-panel input,
body[data-sjm-page="lifetime"] #input-panel .choice-card {
  border-radius: 13px !important;
}
body[data-sjm-page="lifetime"] #input-panel .choice-card:has(input:checked) {
  border-color: #496a62 !important;
  background: #eef7f4 !important;
  box-shadow: 0 0 0 3px rgba(111,225,194,.16) !important;
}
body[data-sjm-page="lifetime"] #birth-submit-button {
  border-radius: 999px !important;
  background: #11151d;
  box-shadow: 0 10px 28px rgba(17,21,29,.18);
}

/* Post-calculation: the legacy V35 vectors are no longer shown. Five real/HTML scenes lead into CUT06. */
body[data-sjm-page="lifetime"] .result-story-opening {
  overflow: hidden;
  padding: 0 !important;
  border: 1px solid #252c37 !important;
  border-radius: 28px !important;
  background: var(--v362-night) !important;
  color: #fff;
  box-shadow: 0 26px 64px rgba(17,22,31,.16) !important;
}
body[data-sjm-page="lifetime"] .result-story-opening .story-opening-head {
  padding: 28px 30px 20px;
  border-bottom: 1px solid rgba(255,255,255,.09);
}
body[data-sjm-page="lifetime"] .result-story-opening .story-opening-head h2 { color:#fff; }
body[data-sjm-page="lifetime"] .result-story-opening .story-selected-question,
body[data-sjm-page="lifetime"] .result-story-opening .story-opening-meta p { color:#aeb6c4; }
body[data-sjm-page="lifetime"] .result-story-opening .story-page-count {
  border-radius: 999px !important;
  background: rgba(255,255,255,.09) !important;
}
body[data-sjm-page="lifetime"] .story-r9-stage {
  border: 0 !important;
  border-radius: 0 !important;
  background: #0e1520 !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]) {
  min-height: 560px;
  grid-template-columns: minmax(0,1.12fr) minmax(330px,.88fr);
  border: 0;
  border-radius: 0;
  background: #0e1520 !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-art {
  position: relative;
  min-height: 560px;
  border-radius: 0 !important;
  background: #101823;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r98-plane,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r98-image {
  width: 100%; height: 100%;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r98-image {
  object-fit: cover !important;
  object-position: 50% 36%;
  filter: saturate(.86) brightness(.82) contrast(1.03) !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-art::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  background: linear-gradient(90deg, transparent 52%, rgba(14,21,32,.44) 84%, rgba(14,21,32,.86));
  pointer-events: none;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow .story-r9-copy,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-r9-copy {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 560px;
  padding: 42px 36px;
  background: #0e1520 !important;
  color: #fff !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy h3,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy p,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not(.story-r9-scene-hero) .story-r9-copy h3,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not(.story-r9-scene-hero) .story-r9-copy > p:not(.story-scene-kicker):not(.story-r9-guide-line) {
  color: #f7f8fb !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy p { color:#c7ced9 !important; }
body[data-sjm-page="lifetime"] .story-scan-label strong { color:#b9c1cd; }
body[data-sjm-page="lifetime"] .story-scan-label span {
  border-radius: 999px !important;
  background: var(--v362-accent) !important;
  color:#12201d !important;
}
body[data-sjm-page="lifetime"] .story-flow-list > div,
body[data-sjm-page="lifetime"] .story-choice-card {
  border-color: rgba(255,255,255,.13) !important;
  background: rgba(255,255,255,.06) !important;
  color:#fff !important;
}
body[data-sjm-page="lifetime"] .story-choice-card p,
body[data-sjm-page="lifetime"] .story-flow-list strong { color:#fff !important; }
body[data-sjm-page="lifetime"] .story-r9-controls {
  padding: 18px 24px 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  background: #0b111a;
}
body[data-sjm-page="lifetime"] .story-nav-button {
  border: 1px solid rgba(255,255,255,.17) !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.07) !important;
  color:#fff !important;
}
body[data-sjm-page="lifetime"] .story-progress-dots button {
  border-radius: 999px !important;
  background: #535c6b;
}
body[data-sjm-page="lifetime"] .story-progress-dots button[aria-current="true"] { background: var(--v362-accent); }
body[data-sjm-page="lifetime"] .story-next-cue,
body[data-sjm-page="lifetime"] .story-swipe-hint {
  margin: 0;
  padding: 12px 28px;
  background:#0b111a;
  color:#aeb7c5;
}
body[data-sjm-page="lifetime"] .story-next-cue strong { color:#fff; }
body[data-sjm-page="lifetime"] .result-story-opening .natal-details {
  margin: 0;
  border-top:1px solid rgba(255,255,255,.08);
  background:#0b111a;
  color:#c8ced7;
}
body[data-sjm-page="lifetime"] [data-v36-exclude="true"] { display:none !important; }

/* CUT06/CUT07: outcome is the visual climax, not another generic card pair. */
body[data-sjm-page="lifetime"] .v36-story-bridge {
  margin-top: 24px;
  border: 0 !important;
  border-radius: 30px !important;
  background: #0b1018 !important;
  box-shadow: 0 30px 72px rgba(14,19,29,.17) !important;
}
body[data-sjm-page="lifetime"] .v36-bridge-head {
  grid-template-columns: 1fr minmax(280px,.65fr);
  padding: 32px 36px 26px;
}
body[data-sjm-page="lifetime"] .v36-bridge-head h2 { font-size:clamp(1.8rem,3.2vw,2.65rem); }
body[data-sjm-page="lifetime"] .v36-bridge-grid { gap: 12px; padding: 0 12px 12px; background:transparent; }
body[data-sjm-page="lifetime"] .v36-bridge-card {
  overflow:hidden;
  border:1px solid rgba(255,255,255,.09);
  border-radius:22px;
  background:#111824;
}
body[data-sjm-page="lifetime"] .v36-bridge-art { min-height: 390px; }
body[data-sjm-page="lifetime"] .v36-current-art img { object-position:50% 28%; }
body[data-sjm-page="lifetime"] .v36-next-art img { filter:saturate(.75) brightness(.62); }
body[data-sjm-page="lifetime"] .v36-bridge-copy { padding:28px 28px 30px; }
body[data-sjm-page="lifetime"] .v36-bridge-copy > small { color:var(--v362-accent); }
body[data-sjm-page="lifetime"] .v36-bridge-copy h3 { font-size:clamp(1.75rem,3vw,2.55rem); }
body[data-sjm-page="lifetime"] .v36-locked-card {
  background: linear-gradient(160deg,#161625 0%,#111824 56%,#151c23 100%);
}
body[data-sjm-page="lifetime"] .v36-locked-card::before {
  content:"다음 장";
  position:absolute;
  top:18px;
  right:18px;
  z-index:4;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  background:rgba(8,12,18,.7);
  color:#e7e8ec;
  font-size:.65rem;
  font-weight:900;
  letter-spacing:.08em;
}
body[data-sjm-page="lifetime"] .v36-bridge-foot { padding:24px 36px 30px; }

/* Product handoff: visually belongs to CUT07 and states exactly what unlocks. */
body[data-sjm-page="lifetime"] .lifetime-product-panel {
  margin-top: 18px;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 28px !important;
  overflow:hidden;
  background:#fff !important;
  box-shadow:0 20px 54px rgba(24,29,40,.08) !important;
}
body[data-sjm-page="lifetime"] .product-focus-card {
  border:0 !important;
  border-radius:0 !important;
  background:#fff !important;
}
body[data-sjm-page="lifetime"] .product-focus-head h2 { letter-spacing:-.045em; }
body[data-sjm-page="lifetime"] .product-cta {
  border-radius:999px !important;
  background:#11151d !important;
  box-shadow:0 10px 24px rgba(17,21,29,.16);
}

/* Related services are secondary, not a SaaS feature grid. */
body[data-sjm-page="lifetime"] ~ .sjm-related-strip {
  background:#eeefed;
}
body[data-sjm-page="lifetime"] ~ .sjm-related-strip .sjm-related-grid a {
  border-radius:14px;
  background:rgba(255,255,255,.58);
  box-shadow:none;
}

/* Female branch never borrows the male face before the female art gate passes. */
html[data-v36-protagonist="female"] .story-character-r98 .story-r9-art {
  background:
    radial-gradient(circle at 50% 26%, rgba(127,117,216,.28), transparent 28%),
    linear-gradient(150deg,#121a26,#161b29 60%,#0b111a);
}
html[data-v36-protagonist="female"] .story-character-r98 .story-r98-image { opacity:0; }

@media (max-width: 1080px) {
  body[data-sjm-page="lifetime"] .v36-service-nav .sjm-nav-link { padding-inline:6px; font-size:.72rem; }
  body[data-sjm-page="lifetime"] .sjm-header-cta { display:none; }
  body[data-sjm-page="lifetime"] .v35-life-copy { width:min(620px,66%); }
}

@media (max-width: 900px) {
  body[data-sjm-page="lifetime"] .v36-service-nav { display:none; }
  body[data-sjm-page="lifetime"] .sjm-mobile-menu-button { display:inline-flex; }
  body[data-sjm-page="lifetime"] .page-shell { width:min(100% - 24px,760px); margin-top:12px; }
  body[data-sjm-page="lifetime"] .v35-life-grid { min-height:720px; }
  body[data-sjm-page="lifetime"] .v35-life-scene::before {
    background:linear-gradient(180deg,rgba(8,11,18,.10) 0%,rgba(8,11,18,.18) 38%,rgba(8,11,18,.86) 70%,rgba(8,11,18,.98) 100%);
  }
  body[data-sjm-page="lifetime"] .v35-life-scene img { object-position:56% 18%; }
  body[data-sjm-page="lifetime"] .v35-life-copy {
    width:auto;
    justify-content:flex-end;
    padding:34px 24px 108px;
  }
  body[data-sjm-page="lifetime"] .v35-life-copy h1 { font-size:clamp(3rem,12vw,4.65rem); }
  body[data-sjm-page="lifetime"] .v35-life-caption { left:20px; right:20px; bottom:56px; width:auto; }
  body[data-sjm-page="lifetime"] .question-entry-panel,
  body[data-sjm-page="lifetime"] #input-panel { margin-inline:6px; }
  body[data-sjm-page="lifetime"] .question-entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]) {
    grid-template-columns:1fr;
    grid-template-rows:minmax(300px,48vh) auto;
    min-height:0;
  }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-art { min-height:300px; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-art::after { background:linear-gradient(180deg,transparent 54%,rgba(14,21,32,.78)); }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy { min-height:0; padding:28px 24px 32px; }
  body[data-sjm-page="lifetime"] .v36-bridge-head { grid-template-columns:1fr; }
}

@media (max-width: 620px) {
  body[data-sjm-page="lifetime"] .page-shell { width:100%; margin-top:0; }
  body[data-sjm-page="lifetime"] .v35-life-opening { border-radius:0 0 24px 24px; }
  body[data-sjm-page="lifetime"] .v35-life-grid { min-height:760px; }
  body[data-sjm-page="lifetime"] .v35-life-copy { padding:28px 20px 124px; }
  body[data-sjm-page="lifetime"] .v35-life-copy h1 { max-width:420px; font-size:clamp(2.9rem,15vw,4.2rem); }
  body[data-sjm-page="lifetime"] .v35-life-copy > p:not(.v35-life-series):not(.v35-life-line) { font-size:.88rem; }
  body[data-sjm-page="lifetime"] .v35-life-caption { left:16px; right:16px; bottom:58px; }
  body[data-sjm-page="lifetime"] .question-entry-panel {
    margin:-18px 12px 16px;
    padding:24px 18px 22px;
    border-radius:22px !important;
  }
  body[data-sjm-page="lifetime"] .question-entry-head { display:block; }
  body[data-sjm-page="lifetime"] .question-entry-head > p { margin-top:8px; }
  body[data-sjm-page="lifetime"] .question-entry-grid {
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin-right:-18px;
    padding-right:18px;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  body[data-sjm-page="lifetime"] .question-entry-grid::-webkit-scrollbar { display:none; }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
    flex:0 0 78%;
    min-height:138px;
    scroll-snap-align:start;
  }
  body[data-sjm-page="lifetime"] #input-panel { margin:0 12px 20px; padding:27px 18px 28px; border-radius:22px !important; }
  body[data-sjm-page="lifetime"] #input-panel .result-route-preview { overflow-x:auto; }
  body[data-sjm-page="lifetime"] .result-story-opening,
  body[data-sjm-page="lifetime"] .v36-story-bridge,
  body[data-sjm-page="lifetime"] .lifetime-product-panel { margin-inline:12px; border-radius:22px !important; }
  body[data-sjm-page="lifetime"] .result-story-opening .story-opening-head { padding:24px 20px 17px; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]) { grid-template-rows:minmax(270px,44vh) auto; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-art { min-height:270px; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy { padding:25px 20px 28px; }
  body[data-sjm-page="lifetime"] .story-r9-controls { padding-inline:16px; }
  body[data-sjm-page="lifetime"] .story-next-cue,
  body[data-sjm-page="lifetime"] .story-swipe-hint { padding-inline:20px; }
  body[data-sjm-page="lifetime"] .v36-bridge-head,
  body[data-sjm-page="lifetime"] .v36-bridge-foot { padding:26px 22px; }
  body[data-sjm-page="lifetime"] .v36-bridge-grid { grid-template-columns:1fr; padding:0 8px 8px; }
  body[data-sjm-page="lifetime"] .v36-bridge-art { min-height:310px; }
  body[data-sjm-page="lifetime"] .v36-bridge-copy { padding:24px 20px 26px; }
}

/* V36.2 HYBRID RESULT STUDIO — story stays dark, calculation lands on light paper. */
body[data-sjm-page="lifetime"] .v36-story-bridge {
  color: #151922;
  background: #f8f8f6 !important;
  box-shadow: 0 24px 64px rgba(20,25,36,.10) !important;
}
body[data-sjm-page="lifetime"] .v36-bridge-head {
  border-bottom: 1px solid #e2e4e8;
}
body[data-sjm-page="lifetime"] .v36-bridge-head h2 { color:#151922; }
body[data-sjm-page="lifetime"] .v36-bridge-head > p { color:#666e79; }
body[data-sjm-page="lifetime"] .v36-bridge-grid {
  background:#f0f1ef;
}
body[data-sjm-page="lifetime"] .v36-current-card {
  border-color:#dfe2e6;
  background:#fff;
}
body[data-sjm-page="lifetime"] .v36-current-card .v36-bridge-copy { color:#151922; }
body[data-sjm-page="lifetime"] .v36-current-card .v36-band-label { color:#5962a9; }
body[data-sjm-page="lifetime"] .v36-current-card .v36-bridge-copy h3 { color:#151922; }
body[data-sjm-page="lifetime"] .v36-current-card .v36-bridge-copy > p:not(.v36-band-label),
body[data-sjm-page="lifetime"] .v36-current-card .v36-current-narrative { color:#646b77; }
body[data-sjm-page="lifetime"] .v36-current-card .v36-current-narrative { border-top-color:#e7e9ed; }
body[data-sjm-page="lifetime"] .v36-locked-card {
  color:#f6f7fa;
  border-color:#202938;
  background:linear-gradient(155deg,#101722,#151827 58%,#111d20 100%);
}
body[data-sjm-page="lifetime"] .v36-locked-card .v36-band-label { color:#c9c2ff; }
body[data-sjm-page="lifetime"] .v36-locked-card .v36-bridge-copy h3,
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-sample-title { color:#fff !important; }
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-moment-meta,
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-moment-title,
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-note,
body[data-sjm-page="lifetime"] .v36-locked-card blockquote { color:#c8cfda; }
body[data-sjm-page="lifetime"] .v36-bridge-foot {
  border-top:1px solid #e2e4e8;
  background:#f8f8f6;
}
body[data-sjm-page="lifetime"] .v36-bridge-foot p { color:#555d69; }
body[data-sjm-page="lifetime"] .v36-bridge-foot small { color:#7b828d; }

/* ================================================================
   V36.3 SCENARIO DIVERGENCE — one calculation, six visibly different answers.
   Career keeps the premium 5-scene story. Other scenarios land on a
   scenario-specific result studio and do not borrow the company webtoon.
   ================================================================ */
:root {
  --v363-ink:#10131a;
  --v363-paper:#fbfaf7;
  --v363-line:#dfe2e5;
  --v363-mint:#61dec2;
  --v363-purple:#7253e7;
  --v363-gold:#d79b32;
  --v363-rose:#d96a88;
  --v363-blue:#4b82d8;
}

body[data-sjm-page="lifetime"] .question-entry-head > p strong { color:#11151d; }
body[data-sjm-page="lifetime"] .question-entry-selected {
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #e3e5e8;
  border-left:4px solid var(--v363-mint);
  border-radius:14px;
  background:#f8faf9;
}
body[data-sjm-page="lifetime"] .question-entry-card[aria-pressed="true"]::after {
  content:"이 결과로 보기";
  position:absolute;
  right:14px;
  top:12px;
  font-size:.68rem;
  font-weight:900;
  color:#0f513f;
}

/* Technical evidence is never the first result screen. */
html[data-v363-details="closed"] body[data-sjm-page="lifetime"] #replay-actual-panel,
html[data-v363-details="closed"] body[data-sjm-page="lifetime"] .free-detail-section,
html[data-v363-details="closed"] body[data-sjm-page="lifetime"] #role-panel {
  display:none !important;
}

body[data-sjm-page="lifetime"] .v363-fast-result {
  position:relative;
  overflow:hidden;
  margin-top:22px;
  padding:0 !important;
  border:1px solid #dfe2e5 !important;
  border-radius:30px !important;
  background:#fff !important;
  box-shadow:0 30px 76px rgba(22,27,36,.12) !important;
}
body[data-sjm-page="lifetime"] .v363-fast-result::before {
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:6px;
  background:var(--v363-mint);
}
html[data-v363-theme="money"] body[data-sjm-page="lifetime"] .v363-fast-result::before { background:var(--v363-gold); }
html[data-v363-theme="people"] body[data-sjm-page="lifetime"] .v363-fast-result::before { background:var(--v363-rose); }
html[data-v363-theme="timing"] body[data-sjm-page="lifetime"] .v363-fast-result::before { background:var(--v363-blue); }
html[data-v363-theme="work"] body[data-sjm-page="lifetime"] .v363-fast-result::before { background:var(--v363-purple); }
html[data-v363-theme="year"] body[data-sjm-page="lifetime"] .v363-fast-result::before { background:#1a9f86; }

body[data-sjm-page="lifetime"] .v363-fast-head {
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.72fr);
  gap:46px;
  align-items:end;
  padding:52px 54px 42px;
  border-bottom:1px solid var(--v363-line);
  background:linear-gradient(135deg,#fff 0%,#fafaf8 72%,#f3f6f5 100%);
}
body[data-sjm-page="lifetime"] .v363-fast-head #v363-fast-band {
  margin:14px 0 10px;
  color:#6b7280;
  font-weight:800;
}
body[data-sjm-page="lifetime"] .v363-fast-head h2 {
  max-width:760px;
  margin:0;
  color:var(--v363-ink);
  font-size:clamp(2.5rem,5vw,4.9rem);
  line-height:.98;
  letter-spacing:-.065em;
}
body[data-sjm-page="lifetime"] .v363-fast-head > p {
  margin:0 0 6px;
  color:#58606c;
  font-size:1.02rem;
  line-height:1.8;
}
body[data-sjm-page="lifetime"] .v363-proof-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border-bottom:1px solid var(--v363-line);
  background:#fff;
}
body[data-sjm-page="lifetime"] .v363-proof-grid article {
  min-height:190px;
  padding:30px 28px 32px;
  border-right:1px solid var(--v363-line);
}
body[data-sjm-page="lifetime"] .v363-proof-grid article:last-child { border-right:0; }
body[data-sjm-page="lifetime"] .v363-proof-grid b {
  display:block;
  margin-bottom:28px;
  color:#a0a6af;
  font-size:.78rem;
}
body[data-sjm-page="lifetime"] .v363-proof-grid span {
  display:block;
  margin-bottom:8px;
  color:#707783;
  font-size:.78rem;
  font-weight:800;
}
body[data-sjm-page="lifetime"] .v363-proof-grid strong {
  display:block;
  color:#161a22;
  font-size:1.12rem;
  line-height:1.48;
  letter-spacing:-.025em;
}
body[data-sjm-page="lifetime"] .v363-action-card {
  display:grid;
  grid-template-columns:180px 1fr;
  gap:28px;
  align-items:start;
  padding:28px 54px;
  border-bottom:1px solid var(--v363-line);
  background:#f7f8f7;
}
body[data-sjm-page="lifetime"] .v363-action-card span { color:#636b76; font-size:.78rem; font-weight:900; }
body[data-sjm-page="lifetime"] .v363-action-card strong { color:#171b23; font-size:1.1rem; line-height:1.55; }
body[data-sjm-page="lifetime"] .v363-next-card {
  position:relative;
  padding:42px 54px 46px;
  color:#f5f7fb;
  background:linear-gradient(135deg,#0d1320 0%,#161728 58%,#111c1b 100%);
}
body[data-sjm-page="lifetime"] .v363-next-card::after {
  content:"다음 장";
  position:absolute;
  top:30px;
  right:34px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.2);
  border-radius:999px;
  color:#dfe4eb;
  font-size:.64rem;
  font-weight:900;
  letter-spacing:.08em;
}
body[data-sjm-page="lifetime"] .v363-next-card > div span { color:var(--v363-mint); font-size:.72rem; font-weight:900; }
body[data-sjm-page="lifetime"] .v363-next-card > div p { margin:8px 0 20px; color:#aeb6c2; font-size:.82rem; }
body[data-sjm-page="lifetime"] .v363-next-card h3 {
  max-width:760px;
  margin:0 0 14px;
  font-size:clamp(1.8rem,3.8vw,3.1rem);
  line-height:1.08;
  letter-spacing:-.045em;
}
body[data-sjm-page="lifetime"] .v363-next-card > p { max-width:760px; color:#bec5cf; line-height:1.72; }
body[data-sjm-page="lifetime"] .v363-next-card button {
  margin-top:24px;
  padding:14px 20px;
  border:0;
  border-radius:999px;
  background:#fff;
  color:#11151d;
  font-weight:900;
  cursor:pointer;
}
body[data-sjm-page="lifetime"] .v363-fast-actions {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:18px 26px;
  background:#fff;
}
body[data-sjm-page="lifetime"] .v363-fast-actions button,
body[data-sjm-page="lifetime"] .v363-fast-actions a {
  border:0;
  background:none;
  color:#535b67;
  font-size:.82rem;
  font-weight:800;
  text-decoration:none;
  cursor:pointer;
}

/* In result-first mode the company webtoon is completely removed from the path. */
html[data-v363-experience="scenario-result"] body[data-sjm-page="lifetime"] #v363-premium-story,
html[data-v363-experience="scenario-result"] body[data-sjm-page="lifetime"] #v36-story-bridge { display:none !important; }
html[data-v363-experience="premium-story"] body[data-sjm-page="lifetime"] #v363-fast-result { display:none !important; }

/* Female users never receive the male premium character as a proxy. */
html[data-v36-protagonist="female"] body[data-sjm-page="lifetime"] #v363-premium-story { display:none !important; }

/* The old technical/preview blocks remain available after the main answer, not before it. */
body[data-sjm-page="lifetime"] #replay-actual-panel { margin-top:22px; }
html[data-v363-details="open"] body[data-sjm-page="lifetime"] #replay-actual-panel,
html[data-v363-details="open"] body[data-sjm-page="lifetime"] .free-detail-section,
html[data-v363-details="open"] body[data-sjm-page="lifetime"] #role-panel { display:block; }

@media (max-width:900px) {
  body[data-sjm-page="lifetime"] .v363-fast-head { grid-template-columns:1fr; gap:18px; padding:36px 28px 30px; }
  body[data-sjm-page="lifetime"] .v363-proof-grid { grid-template-columns:1fr; }
  body[data-sjm-page="lifetime"] .v363-proof-grid article { min-height:0; border-right:0; border-bottom:1px solid var(--v363-line); }
  body[data-sjm-page="lifetime"] .v363-proof-grid article:last-child { border-bottom:0; }
  body[data-sjm-page="lifetime"] .v363-action-card { grid-template-columns:1fr; gap:8px; padding:24px 28px; }
  body[data-sjm-page="lifetime"] .v363-next-card { padding:34px 28px 38px; }
}

@media (max-width:620px) {
  body[data-sjm-page="lifetime"] .v363-fast-result { margin:12px; border-radius:22px !important; }
  body[data-sjm-page="lifetime"] .v363-fast-head h2 { font-size:clamp(2.35rem,12vw,3.6rem); }
  body[data-sjm-page="lifetime"] .v363-proof-grid article { padding:22px 20px; }
  body[data-sjm-page="lifetime"] .v363-proof-grid b { margin-bottom:14px; }
  body[data-sjm-page="lifetime"] .v363-next-card::after { top:22px; right:20px; }
  body[data-sjm-page="lifetime"] .v363-fast-actions { flex-direction:column; align-items:flex-start; padding:18px 22px; }
}

/* V36.3 featured hero follows the selected situation; only career uses company art. */
html:not([data-v36-scenario="career-repeat"]) body[data-sjm-page="lifetime"] .v35-life-scene {
  background:
    radial-gradient(circle at 72% 24%, rgba(97,222,194,.20), transparent 22%),
    radial-gradient(circle at 84% 72%, rgba(114,83,231,.18), transparent 26%),
    linear-gradient(145deg,#131a26 0%,#0d121c 58%,#151a24 100%);
}
html:not([data-v36-scenario="career-repeat"]) body[data-sjm-page="lifetime"] .v35-life-scene img { opacity:.07; filter:grayscale(1) blur(2px); }
html[data-v36-scenario="money-stays"] body[data-sjm-page="lifetime"] .v35-life-scene { background:radial-gradient(circle at 74% 28%,rgba(215,155,50,.26),transparent 24%),linear-gradient(145deg,#17140e,#0e1118 68%); }
html[data-v36-scenario="people-exhaust"] body[data-sjm-page="lifetime"] .v35-life-scene { background:radial-gradient(circle at 74% 28%,rgba(217,106,136,.24),transparent 24%),linear-gradient(145deg,#1c1117,#0e1118 68%); }
html[data-v36-scenario="everything-changes"] body[data-sjm-page="lifetime"] .v35-life-scene { background:radial-gradient(circle at 74% 28%,rgba(75,130,216,.25),transparent 24%),linear-gradient(145deg,#101724,#0e1118 68%); }
html[data-v36-scenario="direction-too-late"] body[data-sjm-page="lifetime"] .v35-life-scene { background:radial-gradient(circle at 74% 28%,rgba(114,83,231,.24),transparent 24%),linear-gradient(145deg,#151225,#0e1118 68%); }
html[data-v36-scenario="year-reset"] body[data-sjm-page="lifetime"] .v35-life-scene { background:radial-gradient(circle at 74% 28%,rgba(26,159,134,.24),transparent 24%),linear-gradient(145deg,#0d1b19,#0e1118 68%); }
html[data-v363-details="closed"] body[data-sjm-page="lifetime"] #mobile-detail-gate { display:none !important; }

/* V36.4 SCENARIO VISUAL FINAL — each situation owns a real visual scene. */
body[data-sjm-page="lifetime"] .v35-life-scene img,
html:not([data-v36-scenario="career-repeat"]) body[data-sjm-page="lifetime"] .v35-life-scene img {
  opacity:1 !important;
  filter:none !important;
  transform:scale(1.015);
  transition:opacity .22s ease, transform .5s ease, object-position .35s ease;
}
body[data-sjm-page="lifetime"] .v35-life-scene::before {
  background:linear-gradient(90deg,rgba(7,11,17,.88) 0%,rgba(7,11,17,.60) 36%,rgba(7,11,17,.12) 70%,rgba(7,11,17,.02) 100%) !important;
  z-index:2;
}
body[data-sjm-page="lifetime"] .v35-life-copy { z-index:3; }
body[data-sjm-page="lifetime"] .v35-life-caption { z-index:4; }

body[data-sjm-page="lifetime"] .question-entry-panel {
  overflow:hidden;
  padding:28px;
}
body[data-sjm-page="lifetime"] .question-entry-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
  position:relative;
  display:grid;
  grid-template-rows:132px auto auto auto;
  min-height:270px;
  overflow:hidden;
  padding:0 16px 16px;
  border:1px solid #dde1e7;
  border-radius:18px;
  background:#fff;
  text-align:left;
  align-content:start;
  box-shadow:0 10px 28px rgba(27,33,45,.035);
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] .question-entry-art {
  width:calc(100% + 32px);
  height:132px;
  margin:0 -16px 12px;
  object-fit:cover;
  object-position:center 40%;
  filter:saturate(.88) contrast(.98);
  transition:transform .32s ease,filter .32s ease;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] > span {
  position:relative;
  z-index:1;
  justify-self:start;
  margin:0 0 9px;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] strong {
  margin:0;
  font-size:.98rem;
  line-height:1.45;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] small {
  margin-top:8px;
  line-height:1.45;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id]:hover .question-entry-art,
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"] .question-entry-art {
  transform:scale(1.035);
  filter:saturate(1) contrast(1.02);
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"] {
  border-color:#17202b;
  box-shadow:0 16px 38px rgba(27,33,45,.09);
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"]::after {
  top:12px;
  right:12px;
  background:rgba(255,255,255,.94);
  color:#0f6658;
  border-radius:999px;
  padding:6px 9px;
  box-shadow:0 4px 16px rgba(0,0,0,.10);
}

body[data-sjm-page="lifetime"] .v364-result-visual {
  position:relative;
  margin:0;
  min-height:360px;
  overflow:hidden;
  background:#0e131b;
}
body[data-sjm-page="lifetime"] .v364-result-visual::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(5,8,13,.02) 28%,rgba(5,8,13,.16) 58%,rgba(5,8,13,.86) 100%);
  pointer-events:none;
}
body[data-sjm-page="lifetime"] .v364-result-visual img {
  width:100%;
  height:420px;
  display:block;
  object-fit:cover;
  object-position:center 42%;
}
body[data-sjm-page="lifetime"] .v364-result-visual figcaption {
  position:absolute;
  left:34px;
  right:34px;
  bottom:28px;
  z-index:2;
  color:#fff;
}
body[data-sjm-page="lifetime"] .v364-result-visual figcaption span {
  display:inline-flex;
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(8,12,18,.48);
  backdrop-filter:blur(8px);
  font-size:.72rem;
  font-weight:900;
}
body[data-sjm-page="lifetime"] .v364-result-visual figcaption strong {
  display:block;
  max-width:780px;
  margin-top:10px;
  font-size:clamp(1.55rem,2.7vw,2.45rem);
  line-height:1.18;
  letter-spacing:-.045em;
}
body[data-sjm-page="lifetime"] .v363-fast-result {
  overflow:hidden;
  border-radius:28px !important;
  box-shadow:0 24px 70px rgba(27,33,45,.10);
}
body[data-sjm-page="lifetime"] .v363-fast-head {
  padding-top:34px;
}
body[data-sjm-page="lifetime"] .v363-proof-grid article {
  background:linear-gradient(180deg,#fff,#fbfbfa);
}
body[data-sjm-page="lifetime"] .v363-next-card {
  background:
    radial-gradient(circle at 85% 18%,rgba(97,222,194,.10),transparent 24%),
    linear-gradient(145deg,#111725,#0b1018 74%);
}
body[data-sjm-page="lifetime"] .v363-next-card button {
  box-shadow:0 10px 26px rgba(0,0,0,.18);
}

html[data-v363-theme="money"] body[data-sjm-page="lifetime"] .v364-result-visual figcaption span { border-color:rgba(215,155,50,.7); }
html[data-v363-theme="people"] body[data-sjm-page="lifetime"] .v364-result-visual figcaption span { border-color:rgba(217,106,136,.7); }
html[data-v363-theme="timing"] body[data-sjm-page="lifetime"] .v364-result-visual figcaption span { border-color:rgba(75,130,216,.75); }
html[data-v363-theme="work"] body[data-sjm-page="lifetime"] .v364-result-visual figcaption span { border-color:rgba(114,83,231,.75); }
html[data-v363-theme="year"] body[data-sjm-page="lifetime"] .v364-result-visual figcaption span { border-color:rgba(97,222,194,.75); }

@media (max-width:900px) {
  body[data-sjm-page="lifetime"] .question-entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] { min-height:258px; }
  body[data-sjm-page="lifetime"] .v364-result-visual img { height:360px; }
}

@media (max-width:620px) {
  body[data-sjm-page="lifetime"] .question-entry-panel { padding:20px 0 20px 16px; }
  body[data-sjm-page="lifetime"] .question-entry-head,
  body[data-sjm-page="lifetime"] .question-entry-selected { margin-right:16px; }
  body[data-sjm-page="lifetime"] .question-entry-grid {
    display:flex;
    gap:10px;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    padding-right:16px;
  }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
    flex:0 0 79vw;
    max-width:330px;
    min-height:248px;
    scroll-snap-align:start;
    grid-template-rows:124px auto auto auto;
  }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] .question-entry-art { height:124px; }
  body[data-sjm-page="lifetime"] .v364-result-visual { min-height:300px; }
  body[data-sjm-page="lifetime"] .v364-result-visual img { height:330px; }
  body[data-sjm-page="lifetime"] .v364-result-visual figcaption { left:20px; right:20px; bottom:20px; }
  body[data-sjm-page="lifetime"] .v364-result-visual figcaption strong { font-size:1.45rem; }
}


/* V36.4.1 — stale-preview correction + no-overlap reading rhythm.
   Visual layer only: do not overlap scenario selection over the hero. */
body[data-sjm-page="lifetime"] .question-entry-panel {
  margin: 24px 0 26px !important;
}
@media (max-width: 900px) {
  body[data-sjm-page="lifetime"] .question-entry-panel {
    margin: 18px 0 20px !important;
  }
}
@media (max-width: 620px) {
  body[data-sjm-page="lifetime"] .question-entry-panel {
    margin: 14px 0 18px !important;
  }
}


/* ==========================================================================
   V36.5 EDITORIAL UX — approved expression-layer correction
   Scope: lifetime presentation only. No calculator/exposure/payment/backend contract changes.
   ========================================================================== */

:root {
  --v365-ink:#11151a;
  --v365-muted:#66707b;
  --v365-paper:#f6f5f1;
  --v365-line:#d9dee3;
  --v365-mint:#66e0c2;
  --v365-night:#0b1119;
}

/* 1) Hero: one editorial opening scene, not a split AI landing template. */
body[data-sjm-page="lifetime"] .v35-life-opening {
  position:relative;
  margin:-10px 0 34px !important;
  overflow:hidden;
  border:0 !important;
  border-radius:28px !important;
  background:var(--v365-night) !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] .v35-life-grid {
  position:relative;
  display:grid !important;
  grid-template-columns:1fr !important;
  min-height:680px !important;
}
body[data-sjm-page="lifetime"] .v35-life-scene {
  position:absolute !important;
  inset:0;
  min-height:0 !important;
  border:0 !important;
  background:#0b1119 !important;
}
body[data-sjm-page="lifetime"] .v35-life-scene::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  background:linear-gradient(90deg,rgba(8,12,18,.94) 0%,rgba(8,12,18,.80) 32%,rgba(8,12,18,.34) 60%,rgba(8,12,18,.08) 100%) !important;
}
body[data-sjm-page="lifetime"] .v35-life-scene img {
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:1 !important;
  filter:saturate(.88) contrast(1.03) !important;
  transform:none !important;
}
body[data-sjm-page="lifetime"] .v35-life-copy {
  position:relative;
  z-index:3;
  width:min(680px,64%) !important;
  min-height:680px;
  justify-content:center;
  padding:62px clamp(34px,6vw,78px) 70px !important;
}
body[data-sjm-page="lifetime"] .v35-life-series {
  margin-bottom:18px;
  letter-spacing:0;
}
body[data-sjm-page="lifetime"] .v35-life-series span { color:#c7cbd1; }
body[data-sjm-page="lifetime"] .v35-life-series b {
  padding:6px 10px;
  border-radius:999px;
  background:#f4e6c1;
  color:#1a1713;
}
body[data-sjm-page="lifetime"] .v35-life-line {
  margin-bottom:22px;
  padding:9px 12px;
  border:0;
  border-radius:10px;
  background:#fff;
  color:#11151a;
  box-shadow:5px 5px 0 var(--v365-mint);
}
body[data-sjm-page="lifetime"] .v35-life-copy h1 {
  max-width:11ch;
  font-size:clamp(3.4rem,6vw,6.5rem);
  line-height:.96;
  letter-spacing:-.068em;
}
body[data-sjm-page="lifetime"] .v35-life-copy > p:not(.v35-life-series):not(.v35-life-line) {
  max-width:560px;
  margin-top:24px;
  color:#d2d6dc;
  font-size:.98rem;
  line-height:1.75;
}
body[data-sjm-page="lifetime"] .v35-life-start {
  min-height:50px;
  margin-top:28px;
  border-radius:999px;
  padding:0 20px;
  box-shadow:none;
}
body[data-sjm-page="lifetime"] .v35-life-meta { color:#b2b7c0; }
body[data-sjm-page="lifetime"] .v35-life-caption {
  left:auto;
  right:28px;
  bottom:28px;
  width:270px;
  padding:15px 17px;
  border:1px solid rgba(255,255,255,.5);
  border-radius:16px;
  background:rgba(255,255,255,.94);
  box-shadow:none;
}
body[data-sjm-page="lifetime"] .v35-life-caption span { color:#139b83; }
body[data-sjm-page="lifetime"] .v35-life-steps {
  position:relative;
  z-index:4;
  justify-content:flex-start;
  gap:10px;
  padding:15px 28px;
  border:0;
  border-top:1px solid rgba(255,255,255,.12);
  background:rgba(9,13,20,.90);
  color:#d7dbe1;
}
body[data-sjm-page="lifetime"] .v35-life-steps b { color:var(--v365-mint); }

/* 2) Situation cards: show the scene, not a head/neck crop. */
body[data-sjm-page="lifetime"] .question-entry-panel {
  overflow:visible;
  margin:0 0 32px !important;
  padding:32px !important;
  border:1px solid var(--v365-line) !important;
  border-radius:24px !important;
  background:#fff !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] .question-entry-head {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);
  gap:34px;
  align-items:end;
  margin-bottom:24px;
}
body[data-sjm-page="lifetime"] .question-entry-head h2 {
  margin-top:8px;
  font-size:clamp(2rem,3.4vw,3rem);
  letter-spacing:-.055em;
}
body[data-sjm-page="lifetime"] .question-entry-head > p {
  max-width:620px;
  margin:0;
  color:#616a75;
  line-height:1.7;
}
body[data-sjm-page="lifetime"] .question-entry-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
  display:flex;
  flex-direction:column;
  min-height:0;
  overflow:hidden;
  padding:0 15px 16px;
  border:1px solid #d9dee3 !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:none !important;
  transform:none !important;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] .question-entry-art {
  width:calc(100% + 30px);
  height:190px;
  margin:0 -15px 13px;
  background:#111722;
  filter:none;
  transform:none !important;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id="career-repeat"] .question-entry-art,
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id="people-exhaust"] .question-entry-art,
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id="direction-too-late"] .question-entry-art {
  object-fit:cover;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id="money-stays"] .question-entry-art,
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id="everything-changes"] .question-entry-art,
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id="year-reset"] .question-entry-art {
  object-fit:contain;
  object-position:center !important;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] > span {
  margin:0 0 8px;
  padding:4px 8px;
  border-radius:999px;
  background:#eef1f4;
  color:#39424c;
  font-size:.7rem;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] strong {
  font-size:.98rem;
  line-height:1.45;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] small {
  margin-top:7px;
  color:#737b84;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"] {
  border-color:#1a2028 !important;
  background:#fff !important;
  box-shadow:0 0 0 2px #1a2028 !important;
}
body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id][aria-pressed="true"]::after {
  content:"선택됨";
  background:#11151a;
  color:#fff;
  box-shadow:none;
}
body[data-sjm-page="lifetime"] .question-entry-selected {
  display:flex;
  gap:8px;
  align-items:center;
  margin-top:18px;
  padding:16px 18px;
  border:1px solid #e1e4e7;
  border-left:4px solid var(--v365-mint);
  border-radius:14px;
  background:#f9faf8;
  color:#515a64;
}

/* 3) Birth input: a continuation of the chosen scene, not a SaaS form card. */
body[data-sjm-page="lifetime"] #input-panel {
  margin:0 0 34px !important;
  padding:34px 36px 38px !important;
  border:1px solid var(--v365-line) !important;
  border-radius:24px !important;
  background:linear-gradient(180deg,#fbfbf9 0%,#fff 100%) !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] #input-panel::before { content:none !important; display:none !important; }
body[data-sjm-page="lifetime"] #input-panel .section-heading {
  align-items:end;
  margin-bottom:18px;
}
body[data-sjm-page="lifetime"] #input-panel .section-heading h2 {
  max-width:760px;
  font-size:clamp(1.9rem,3.2vw,2.8rem);
  line-height:1.18;
}
body[data-sjm-page="lifetime"] #input-panel .result-route-preview {
  margin:0 0 24px;
  padding:14px 16px;
  border:0;
  border-top:1px solid #e3e5e7;
  border-bottom:1px solid #e3e5e7;
  border-radius:0;
  background:transparent;
}
body[data-sjm-page="lifetime"] #input-panel .birth-form-grid {
  gap:16px 18px;
}
body[data-sjm-page="lifetime"] #input-panel .birth-field input,
body[data-sjm-page="lifetime"] #input-panel .choice-card {
  border-color:#cfd5db !important;
  border-radius:12px !important;
  background:#fff !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] #input-panel .choice-card:has(input:checked) {
  border-color:#141a21 !important;
  background:#f5f7f6 !important;
  box-shadow:0 0 0 2px rgba(20,26,33,.08) !important;
}
body[data-sjm-page="lifetime"] #input-panel .notice-box {
  border:0;
  border-left:3px solid #c7ccd1;
  border-radius:0;
  background:transparent !important;
}
body[data-sjm-page="lifetime"] #birth-submit-button {
  border-radius:999px !important;
  background:#11151a !important;
  box-shadow:none !important;
}

/* 4) Five scenes: five editorial compositions, not the same slide five times. */
body[data-sjm-page="lifetime"] .result-story-opening {
  overflow:hidden;
  border:0 !important;
  border-radius:24px !important;
  background:var(--v365-night) !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] .result-story-opening .story-opening-head {
  padding:28px 30px 20px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#fff;
  background:#0b1119;
}
body[data-sjm-page="lifetime"] .result-story-opening .story-opening-head p { color:#aab3bf; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-stage { min-height:0 !important; background:#0b1119 !important; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]) {
  min-height:540px !important;
  border:0 !important;
  border-radius:0 !important;
  background:#0b1119 !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-art,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy {
  min-height:540px !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r98-image {
  object-fit:cover !important;
  filter:saturate(.86) contrast(1.04) !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy {
  background:#0b1119 !important;
  color:#f7f8fa !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy h3,
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy p { color:#f5f7f9 !important; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-copy > p { color:#c8d0da !important; }

/* Scene 1 — classic opener: copy left, visual right. */
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-hero {
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr) !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-hero .story-r9-copy { grid-column:1 !important; padding:54px 48px !important; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-hero .story-r9-art { grid-column:2 !important; }

/* Scene 2 — visual first, short answer panel on the right. */
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-feeling {
  grid-template-columns:minmax(460px,1.25fr) minmax(320px,.75fr) !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-feeling .story-r9-art { grid-column:1 !important; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-feeling .story-r9-copy {
  grid-column:2 !important;
  padding:54px 42px !important;
  background:#151b23 !important;
}

/* Scene 3 — one horizontal landscape, then the explanation below it. */
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-band {
  grid-template-columns:1fr !important;
  grid-template-rows:330px auto !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-band .story-r9-art {
  grid-column:1 !important;
  grid-row:1 !important;
  min-height:330px !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-band .story-r9-copy {
  grid-column:1 !important;
  grid-row:2 !important;
  min-height:210px !important;
  padding:34px 40px 38px !important;
  background:#f5f3ed !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-band .story-r9-copy h3 { color:#11151a !important; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-band .story-r9-copy p { color:#59616a !important; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-band .story-scan-label strong { color:#5f6872 !important; }

/* Scene 4 — timeline copy overlays the image; the visual itself becomes the background. */
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow {
  display:block !important;
  min-height:560px !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow .story-r9-art {
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:560px !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow .story-r9-art::after {
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(7,11,17,.93),rgba(7,11,17,.68) 48%,rgba(7,11,17,.18));
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow .story-r9-copy {
  position:relative !important;
  z-index:3;
  width:min(620px,62%) !important;
  min-height:560px !important;
  padding:50px 46px !important;
  background:transparent !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow .story-r9-flow-list > div {
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.18) !important;
  border-radius:0 !important;
  background:transparent !important;
}

/* Scene 5 — decisive board: high-contrast copy left, approved desk scene right. */
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice {
  grid-template-columns:minmax(0,.96fr) minmax(420px,1.04fr) !important;
  background:#08111a !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-r9-copy {
  grid-column:1 !important;
  padding:48px 42px !important;
  background:#08111a !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-r9-art {
  grid-column:2 !important;
  background:#08111a !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-r98-image {
  object-fit:cover !important;
  object-position:center !important;
  filter:brightness(.82) saturate(.82) contrast(1.08) !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-choice-grid {
  grid-template-columns:1fr !important;
  gap:10px;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-choice-card {
  padding:15px 16px;
  border:1px solid rgba(255,255,255,.16) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-choice-card p {
  color:#f2f5f7 !important;
  opacity:1 !important;
}
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-choice-grab span { color:var(--v365-mint) !important; }
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice .story-choice-watch span { color:#ff9ba8 !important; }

/* Navigation: one thin reading control, not another floating card. */
body[data-sjm-page="lifetime"] .story-r9-controls {
  margin:0 !important;
  padding:16px 24px !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.10) !important;
  border-radius:0 !important;
  background:#0b1119 !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] .story-next-cue {
  padding:14px 28px;
  border-top:1px solid rgba(255,255,255,.08);
}
body[data-sjm-page="lifetime"] .story-swipe-hint { padding:0 28px 17px; }

/* 5) Result + next chapter: flatten the outer shell and make the next chapter desirable. */
body[data-sjm-page="lifetime"] .v36-story-bridge {
  margin-top:28px;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] .v36-bridge-head {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:34px;
  padding:38px 34px 30px;
  border:1px solid var(--v365-line);
  border-radius:22px;
  background:#fff;
  color:#11151a;
}
body[data-sjm-page="lifetime"] .v36-bridge-head h2 { color:#11151a; font-size:clamp(2.2rem,4.2vw,3.8rem); }
body[data-sjm-page="lifetime"] .v36-bridge-head > p { color:#5e6670; line-height:1.78; }
body[data-sjm-page="lifetime"] .v36-bridge-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  margin-top:16px;
  padding:0;
}
body[data-sjm-page="lifetime"] .v36-bridge-card {
  border:1px solid var(--v365-line);
  border-radius:20px;
  box-shadow:none;
}
body[data-sjm-page="lifetime"] .v36-current-card { background:#fff; }
body[data-sjm-page="lifetime"] .v36-current-card .v36-bridge-copy { background:#fff; color:#11151a; }
body[data-sjm-page="lifetime"] .v36-current-card .v36-bridge-copy h3 { color:#11151a; }
body[data-sjm-page="lifetime"] .v36-current-card .v36-bridge-copy p,
body[data-sjm-page="lifetime"] .v36-current-card .v36-current-narrative { color:#5c6570; }
body[data-sjm-page="lifetime"] .v36-bridge-art { min-height:390px; }
body[data-sjm-page="lifetime"] .v36-current-art img { filter:saturate(.86); }
body[data-sjm-page="lifetime"] .v36-locked-card {
  position:relative;
  border-color:#26303d;
  background:linear-gradient(155deg,#101824,#09111b 76%);
}
body[data-sjm-page="lifetime"] .v36-locked-card::before {
  content:"다음 장" !important;
  top:18px;
  right:18px;
  padding:7px 10px;
  border:1px solid rgba(255,255,255,.25);
  background:rgba(7,11,17,.62);
  color:#fff;
  letter-spacing:0;
}
body[data-sjm-page="lifetime"] .v36-next-art img {
  filter:brightness(.78) saturate(.76) !important;
}
body[data-sjm-page="lifetime"] .v36-locked-card .v36-bridge-copy { color:#f6f8fa; }
body[data-sjm-page="lifetime"] .v36-locked-card .v36-band-label { color:var(--v365-mint) !important; }
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-moment-meta,
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-moment-title,
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-note,
body[data-sjm-page="lifetime"] .v36-locked-card blockquote { color:#d0d7df !important; opacity:1 !important; filter:none !important; }
body[data-sjm-page="lifetime"] .v36-locked-card .v36-next-sample-title { color:#fff !important; }
body[data-sjm-page="lifetime"] .v365-next-unlock {
  width:100%;
  min-height:52px;
  margin-top:22px;
  border:0;
  border-radius:12px;
  background:linear-gradient(90deg,#5fd6c0,#7762ee);
  color:#071016;
  font-weight:950;
  cursor:pointer;
}
body[data-sjm-page="lifetime"] .v36-bridge-foot {
  margin-top:16px;
  padding:20px 24px;
  border:1px solid var(--v365-line);
  border-radius:18px;
  background:#f7f7f4;
}

/* Non-career fast result follows the same editorial hierarchy. */
body[data-sjm-page="lifetime"] .v363-fast-result {
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}
body[data-sjm-page="lifetime"] .v363-fast-result::before { display:none; }
body[data-sjm-page="lifetime"] .v364-result-visual {
  min-height:330px;
  border-radius:22px 22px 0 0;
}
body[data-sjm-page="lifetime"] .v364-result-visual img { height:380px; }
body[data-sjm-page="lifetime"] .v363-fast-head {
  padding:34px 36px 32px;
  border:1px solid var(--v365-line);
  border-top:0;
  background:#fff;
}
body[data-sjm-page="lifetime"] .v363-fast-head h2 { font-size:clamp(2.4rem,4.8vw,4.2rem); }
body[data-sjm-page="lifetime"] .v363-proof-grid,
body[data-sjm-page="lifetime"] .v363-action-card {
  border-left:1px solid var(--v365-line);
  border-right:1px solid var(--v365-line);
}
body[data-sjm-page="lifetime"] .v363-next-card {
  margin-top:14px;
  border-radius:18px;
  background:linear-gradient(145deg,#111925,#09111a 74%);
}
body[data-sjm-page="lifetime"] .v363-next-card::after {
  content:"다음 장" !important;
  letter-spacing:0;
}
body[data-sjm-page="lifetime"] .v363-fast-actions {
  border-bottom:1px solid var(--v365-line);
  background:#fff;
}

/* Product handoff is secondary; do not stack another oversized card immediately after the lock. */
body[data-sjm-page="lifetime"] .lifetime-product-panel {
  margin-top:18px;
  border:1px solid var(--v365-line) !important;
  border-radius:18px !important;
  box-shadow:none !important;
}

@media (max-width:980px) {
  body[data-sjm-page="lifetime"] .v35-life-copy { width:min(660px,74%) !important; }
  body[data-sjm-page="lifetime"] .question-entry-head,
  body[data-sjm-page="lifetime"] .v36-bridge-head { grid-template-columns:1fr; gap:14px; }
  body[data-sjm-page="lifetime"] .question-entry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-hero,
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-feeling,
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice {
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:760px) {
  body[data-sjm-page="lifetime"] .v35-life-opening { margin:0 !important; border-radius:0 0 22px 22px !important; }
  body[data-sjm-page="lifetime"] .v35-life-grid { min-height:700px !important; }
  body[data-sjm-page="lifetime"] .v35-life-scene::before {
    background:linear-gradient(180deg,rgba(8,12,18,.10) 0%,rgba(8,12,18,.24) 35%,rgba(8,12,18,.88) 66%,rgba(8,12,18,.98) 100%) !important;
  }
  body[data-sjm-page="lifetime"] .v35-life-copy {
    width:auto !important;
    min-height:700px;
    justify-content:flex-end;
    padding:34px 22px 118px !important;
  }
  body[data-sjm-page="lifetime"] .v35-life-copy h1 { max-width:10ch; font-size:clamp(3rem,14vw,4.6rem); }
  body[data-sjm-page="lifetime"] .v35-life-caption { left:18px; right:18px; bottom:18px; width:auto; }
  body[data-sjm-page="lifetime"] .v35-life-steps { overflow-x:auto; white-space:nowrap; padding-inline:18px; }

  body[data-sjm-page="lifetime"] .question-entry-panel { margin:16px 12px 24px !important; padding:24px 18px !important; }
  body[data-sjm-page="lifetime"] .question-entry-head { display:block; }
  body[data-sjm-page="lifetime"] .question-entry-head > p { margin-top:10px; }
  body[data-sjm-page="lifetime"] .question-entry-grid {
    display:flex;
    gap:10px;
    overflow-x:auto;
    margin-right:-18px;
    padding-right:18px;
    scroll-snap-type:x mandatory;
  }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] {
    flex:0 0 min(82vw,330px);
    scroll-snap-align:start;
  }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] .question-entry-art { height:215px; }

  body[data-sjm-page="lifetime"] #input-panel { margin:0 12px 24px !important; padding:26px 18px 30px !important; }
  body[data-sjm-page="lifetime"] #input-panel .section-heading { align-items:flex-start; }

  body[data-sjm-page="lifetime"] .result-story-opening { margin-inline:12px; border-radius:20px !important; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]),
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-hero,
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-feeling,
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-choice {
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:minmax(270px,46vh) auto !important;
    min-height:0 !important;
  }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]) .story-r9-art {
    position:relative !important;
    inset:auto !important;
    grid-column:1 !important;
    grid-row:1 !important;
    min-height:270px !important;
    height:auto !important;
  }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]) .story-r9-copy,
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow .story-r9-copy {
    grid-column:1 !important;
    grid-row:2 !important;
    width:auto !important;
    min-height:0 !important;
    padding:26px 20px 30px !important;
    background:#0b1119 !important;
  }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-band .story-r9-copy { background:#f5f3ed !important; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow { display:grid !important; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene-flow .story-r9-art::after { background:linear-gradient(180deg,transparent 48%,rgba(7,11,17,.72)); }
  body[data-sjm-page="lifetime"] .story-r9-controls { padding-inline:14px !important; }

  body[data-sjm-page="lifetime"] .v36-story-bridge { margin-inline:12px; }
  body[data-sjm-page="lifetime"] .v36-bridge-head { padding:26px 22px; }
  body[data-sjm-page="lifetime"] .v36-bridge-grid { grid-template-columns:1fr; }
  body[data-sjm-page="lifetime"] .v36-bridge-art { min-height:300px; }
  body[data-sjm-page="lifetime"] .v36-bridge-foot { padding:18px 20px; }
  body[data-sjm-page="lifetime"] .lifetime-product-panel { margin-inline:12px; }

  body[data-sjm-page="lifetime"] .v363-fast-result { margin-inline:12px; }
  body[data-sjm-page="lifetime"] .v363-fast-head { grid-template-columns:1fr; padding:28px 22px; }
  body[data-sjm-page="lifetime"] .v364-result-visual img { height:330px; }
}

@media (max-width:420px) {
  body[data-sjm-page="lifetime"] .v35-life-copy { padding-inline:18px !important; }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] { flex-basis:84vw; }
  body[data-sjm-page="lifetime"] .question-entry-card[data-scenario-id] .question-entry-art { height:205px; }
  body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene:not([data-v36-exclude]) { grid-template-rows:minmax(250px,43vh) auto !important; }
}

/* V36.5 browser verification corrections — presentation only. */
/* Hidden story scenes must stay out of layout even when a scene-specific display rule exists. */
body[data-sjm-page="lifetime"] .story-character-r98 .story-r9-scene[hidden] {
  display:none !important;
}

/* The 30-second answer is an editorial index, not three cards inside another card. */
body[data-sjm-page="lifetime"] .decision-snapshot {
  margin:22px 0 20px;
  padding:24px 0 18px;
  border:0;
  border-top:1px solid #d9dde1;
  border-bottom:1px solid #d9dde1;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body[data-sjm-page="lifetime"] .decision-snapshot-head {
  padding:0 4px 16px;
  margin:0;
}
body[data-sjm-page="lifetime"] .decision-snapshot-head span { color:#6550a5; }
body[data-sjm-page="lifetime"] .decision-snapshot-head strong { color:#11151a; font-size:1.28rem; }
body[data-sjm-page="lifetime"] .decision-snapshot-head p { color:#737b84; }
body[data-sjm-page="lifetime"] .decision-snapshot-grid {
  gap:0;
  border-top:1px solid #e3e6e8;
}
body[data-sjm-page="lifetime"] .decision-snapshot-grid article {
  grid-template-columns:44px minmax(0,1fr);
  gap:14px;
  padding:20px 16px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body[data-sjm-page="lifetime"] .decision-snapshot-grid article + article { border-left:1px solid #e3e6e8; }
body[data-sjm-page="lifetime"] .decision-snapshot-grid article > b {
  width:38px;
  height:38px;
  border-radius:999px;
  background:#261444;
}
body[data-sjm-page="lifetime"] .decision-snapshot-grid span { color:#66519d; }
body[data-sjm-page="lifetime"] .decision-snapshot-grid strong { color:#171b20; font-size:.96rem; }
body[data-sjm-page="lifetime"] .decision-snapshot-grid p { color:#69717a; }
body[data-sjm-page="lifetime"] .decision-snapshot-actions {
  margin:0;
  padding:16px 4px 0;
  border-top:1px solid #e3e6e8;
}
body[data-sjm-page="lifetime"] .decision-snapshot-actions button {
  border:0;
  border-bottom:1px solid #5f4a9b;
  border-radius:0;
  background:transparent;
  color:#4f398d;
  padding:7px 0;
}

/* Birth details read like the next chapter of the story, not an admin/SaaS card. */
body[data-sjm-page="lifetime"] #input-panel {
  border:0 !important;
  border-top:1px solid #d9dde1 !important;
  border-bottom:1px solid #d9dde1 !important;
  border-radius:0 !important;
  background:linear-gradient(135deg,#f2f1ec 0%,#faf9f6 58%,#f4f5f3 100%) !important;
}
body[data-sjm-page="lifetime"] #input-panel .section-heading h2 { max-width:700px; }
body[data-sjm-page="lifetime"] #input-panel .birth-field input {
  min-height:54px;
  border:0 !important;
  border-bottom:1px solid #aeb5bc !important;
  border-radius:0 !important;
  background:rgba(255,255,255,.34) !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] #input-panel .birth-field input:focus {
  border-bottom-color:#11151a !important;
  box-shadow:0 2px 0 #11151a !important;
}
body[data-sjm-page="lifetime"] #input-panel .choice-card {
  border-radius:8px !important;
  background:rgba(255,255,255,.5) !important;
}

/* site-shell has a later broad [class*="card"] !important rule. The lock is an intentional exception. */
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card {
  border-color:#26303d !important;
  background:linear-gradient(155deg,#101824,#09111b 76%) !important;
  color:#f6f8fa !important;
  box-shadow:none !important;
}
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card .v36-bridge-copy {
  background:transparent !important;
  color:#f6f8fa !important;
}
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card .v36-bridge-copy > small { color:#74e2c9 !important; }
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card .v36-band-label { color:#74e2c9 !important; }
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card h3,
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card .v36-next-sample-title { color:#fff !important; }
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card .v36-next-moment-meta,
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card .v36-next-moment-title,
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card .v36-next-note,
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card blockquote { color:#d4dbe3 !important; }
body[data-sjm-page="lifetime"] #v36-story-bridge .v36-locked-card blockquote {
  border-color:rgba(116,226,201,.28);
  border-left-color:#74e2c9;
  background:rgba(255,255,255,.06);
}

@media (max-width:760px) {
  body[data-sjm-page="lifetime"] .decision-snapshot { margin-inline:0; padding:18px 0 14px; }
  body[data-sjm-page="lifetime"] .decision-snapshot-head { padding-inline:4px; }
  body[data-sjm-page="lifetime"] .decision-snapshot-grid { grid-template-columns:1fr; }
  body[data-sjm-page="lifetime"] .decision-snapshot-grid article { padding:16px 4px; }
  body[data-sjm-page="lifetime"] .decision-snapshot-grid article + article {
    border-left:0;
    border-top:1px solid #e3e6e8;
  }
  body[data-sjm-page="lifetime"] .decision-snapshot-actions { align-items:flex-start; }
  body[data-sjm-page="lifetime"] #input-panel {
    margin-inline:12px !important;
    padding-inline:18px !important;
  }
}