/* Approved FV: preserve the night background and show the prediction content. */
.fortune-hero[data-style="preview"] {
  background:radial-gradient(ellipse at 84% 43%,#3c3048 0%,#222b43 31%,#101f36 66%,#0b1b31 100%);
}
.fortune-hero[data-style="preview"] .fortune-hero-inner {
  max-width:1280px;min-height:550px;padding:40px 32px;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;
}
.fortune-supervisor-credit {display:flex;align-items:baseline;flex-wrap:wrap;gap:16px;margin-top:25px}
.fortune-supervisor-credit>a {display:inline-flex;align-items:baseline;gap:12px;color:#f8f9fc}
.fortune-supervisor-credit>a:hover b {text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.fortune-supervisor-credit b {font:500 28px/1.5 var(--stella-serif);letter-spacing:.08em}
.fortune-supervisor-credit a>span {font-size:11px;letter-spacing:.12em;color:#ead4a4}
.fortune-service-label {border-left:1px solid #ced3df2b;padding-left:16px;font-size:11px;color:#cbd4e1}
.fortune-hero[data-style="preview"] h1 {font-weight:400;font-size:clamp(40px,4.3vw,60px);line-height:1.65;letter-spacing:.005em;margin:22px 0 20px}
.fortune-hero[data-style="preview"] h1 .guiding-line {font-size:.84em}
.fortune-hero[data-style="preview"] .fortune-lead {font-size:13px;line-height:2.05;color:#cbd4e1}
.fortune-hero[data-style="preview"] .fortune-actions {flex-direction:row;align-items:center;gap:22px;margin-top:27px}
.fortune-hero[data-style="preview"] .fortune-primary {min-height:50px;padding:13px 19px;gap:25px;font-size:12px;box-shadow:none}
.fortune-hero[data-style="preview"] .fortune-secondary {min-height:44px;font-size:11px}
.fortune-hero[data-style="preview"] .fortune-scope {font-size:10px;color:#b6c4d5;letter-spacing:0;white-space:normal}
.fortune-preview {width:100%;max-width:430px;justify-self:end;align-self:center;background:#fff;color:#19334e;border:1px solid #d8dfec55;border-radius:6px;overflow:hidden;box-shadow:0 12px 32px #090d1d2b}
.fortune-preview-photo {height:180px;position:relative;overflow:hidden;background:#19283d;margin:0}
.fortune-preview-photo img {display:block;width:100%;height:100%;object-fit:cover;object-position:68% 63%}
.fortune-preview-photo figcaption {position:absolute;inset:auto 0 0;color:#f2e3c2;padding:20px 22px 12px;background:linear-gradient(transparent,#0d1c30c9);font:500 10px/1.6 Georgia,serif;letter-spacing:.15em}
.fortune-preview-body {padding:21px 24px 18px}
.fortune-preview-heading {display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}
.fortune-preview-heading>div>p {font-size:10px;line-height:1.7;letter-spacing:.06em;color:#586b7d;margin:0}
.fortune-preview-heading h2 {font-size:21px;font-weight:600;color:#19334e;margin:3px 0 0;line-height:1.6}
.fortune-preview-tag {font-size:11px;font-weight:500;line-height:1.4;padding:4px 8px;border-radius:3px;background:#f3e8d1;color:#765118;white-space:nowrap}
.fortune-preview-tabs {display:flex;gap:16px;border-bottom:1px solid #dce3e9}
.fortune-preview-tabs button {flex:1;white-space:nowrap;padding:11px 1px;min-height:44px;border:0;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px;font-size:12px;font-weight:400;background:none;color:#586b7d}
.fortune-preview-tabs button[aria-selected="true"] {color:#19334e;border-bottom-color:#2d5b7b;font-weight:600}
.fortune-preview-tabs button:hover {color:#19334e;background:#f5f8fa}
.fortune-preview-content {padding-top:19px;min-height:140px}
.fortune-preview-content h3 {font-size:13px;line-height:1.7;font-weight:600;color:#19334e;margin:0}
.fortune-preview-content p {font-size:13px;line-height:1.9;color:#586b7d;margin:10px 0 0}
.fortune-feature-strip {position:relative;border-top:1px solid #ced3df2b;background:#0e203522}
.fortune-feature-strip>div {max-width:1280px;margin:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 32px}
.fortune-feature {display:flex;flex-wrap:wrap;align-items:center;gap:6px 13px;min-width:0;color:#cbd4e1}
.fortune-feature+.fortune-feature {border-left:1px solid #ced3df2b;padding-left:24px}
.fortune-feature strong {font-size:12px;font-weight:500;color:#f8f9fc}
.fortune-feature>span {font-size:11px;line-height:1.7}
.fortune-feature small {font-size:10px;white-space:nowrap}
a.fortune-feature:hover {text-decoration:underline;text-underline-offset:4px}
.fortune-feature-tags {display:flex;gap:6px;align-items:center}
.fortune-feature-tags b {font-size:10px;font-weight:500;line-height:1.4;padding:4px 8px;border-radius:3px;color:#f2d196;background:#d8aa5830}
.fortune-feature-tags b+b {color:#dbc4ec;background:#a986c333}
@media(max-width:1100px) {
  .fortune-hero[data-style="preview"] .fortune-hero-inner {padding:36px 28px;min-height:510px;gap:32px}
  .fortune-hero[data-style="preview"] h1 {font-size:clamp(38px,4.6vw,50px)}
  .fortune-supervisor-credit b {font-size:25px}
  .fortune-preview-photo {height:155px}
  .fortune-preview-body {padding:18px 20px 15px}
  .fortune-preview-heading h2 {font-size:20px}
  .fortune-preview-tabs {gap:12px}
  .fortune-preview-tabs button {font-size:11px}
  .fortune-preview-content {min-height:137px;padding-top:17px}
  .fortune-preview-content h3,.fortune-preview-content p {font-size:12px}
  .fortune-feature-strip>div {padding:20px 28px;gap:20px}
  .fortune-feature+.fortune-feature {padding-left:20px}
  .fortune-feature>span {font-size:10px}
}
@media(min-width:701px) and (max-width:850px) {
  .fortune-hero[data-style="preview"] .fortune-hero-inner {padding:32px 24px;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
  .fortune-supervisor-credit {gap:10px;margin-top:20px}
  .fortune-supervisor-credit b {font-size:23px}
  .fortune-service-label {padding-left:10px;font-size:10px}
  .fortune-hero[data-style="preview"] h1 {font-size:38px}
  .fortune-hero[data-style="preview"] .fortune-lead {font-size:12px}
  .fortune-hero[data-style="preview"] .fortune-lead br {display:none}
  .fortune-hero[data-style="preview"] .fortune-actions {gap:8px 15px}
  .fortune-preview-body {padding:17px 16px 12px}
  .fortune-preview-tabs {gap:8px}
  .fortune-preview-content {min-height:158px}
  .fortune-feature-strip>div {padding:18px 24px;gap:15px}
  .fortune-feature+.fortune-feature {padding-left:15px}
}
@media(max-width:700px) {
  .fortune-hero[data-style="preview"] .fortune-hero-inner {display:grid;grid-template-columns:minmax(0,1fr);min-height:0;padding:27px 22px 26px;gap:28px}
  .fortune-supervisor-credit {gap:11px;margin-top:19px}
  .fortune-supervisor-credit>a {gap:8px}
  .fortune-supervisor-credit b {font-size:25px}
  .fortune-supervisor-credit a>span {font-size:11px}
  .fortune-service-label {padding-left:11px;font-size:10px}
  .fortune-hero[data-style="preview"] h1 {font-size:42px;line-height:1.6;margin:20px 0 16px}
  .fortune-hero[data-style="preview"] .fortune-lead {font-size:12px;line-height:2}
  .fortune-hero[data-style="preview"] .fortune-lead br {display:none}
  .fortune-hero[data-style="preview"] .fortune-actions {flex-direction:row;align-items:center;margin-top:21px;gap:6px 17px}
  .fortune-hero[data-style="preview"] .fortune-primary {font-size:11px;min-height:47px;padding:12px 15px;gap:19px}
  .fortune-hero[data-style="preview"] .fortune-primary svg {width:16px;height:16px}
  .fortune-hero[data-style="preview"] .fortune-secondary {font-size:11px;justify-content:flex-start}
  .fortune-hero[data-style="preview"] .fortune-scope {font-size:10px;line-height:1.9;margin-top:9px;white-space:normal}
  .fortune-preview {justify-self:center;max-width:430px}
  .fortune-preview-photo {height:142px}
  .fortune-preview-photo figcaption {padding:17px 18px 10px}
  .fortune-preview-body {padding:17px 19px 13px}
  .fortune-preview-heading {margin-bottom:8px}
  .fortune-preview-heading h2 {font-size:20px}
  .fortune-preview-tabs {gap:12px}
  .fortune-preview-tabs button {font-size:11px}
  .fortune-preview-content {padding-top:16px;min-height:137px}
  .fortune-preview-content h3,.fortune-preview-content p {font-size:12px}
  .fortune-feature-strip>div {grid-template-columns:minmax(0,1fr);padding:10px 22px 12px;gap:0}
  .fortune-feature,.fortune-feature+.fortune-feature {border-left:0;justify-content:space-between;flex-wrap:nowrap;gap:12px;padding:10px 0}
  .fortune-feature+.fortune-feature {border-top:1px solid #dce2ec15}
  .fortune-feature strong {font-size:11px}
  .fortune-feature>span {font-size:10px}
  .fortune-feature small {font-size:9px}
}
@media(max-width:360px) {
  .fortune-hero[data-style="preview"] .fortune-hero-inner {padding-left:20px;padding-right:20px}
  .fortune-hero[data-style="preview"] h1 {font-size:36px}
  .fortune-supervisor-credit {gap:9px}
  .fortune-supervisor-credit b {font-size:22px}
  .fortune-service-label {padding-left:9px;font-size:9px}
  .fortune-hero[data-style="preview"] .fortune-primary {gap:17px;padding-left:13px;padding-right:13px}
  .fortune-preview-body {padding-left:16px;padding-right:16px}
  .fortune-preview-tabs {gap:7px}
  .fortune-preview-content {min-height:158px}
  .fortune-feature-strip>div {padding-left:20px;padding-right:20px}
  .fortune-feature small {display:none}
}