/* A readable journal alongside the keepsake, with compact mobile disclosures. */
.result-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;align-items:start}
.result-layout .generated-result{min-width:0;max-width:440px}
.result-information{min-width:0;display:flex;flex-direction:column;gap:14px}
.result-information>.journey-cost{margin:0;padding:18px 20px;border:1px solid var(--line);border-radius:14px;background:var(--milk)}
.result-information>.journey-cost h2{font-size:17px;margin:0 0 5px}
.result-information>.journey-cost .cost-total{margin:0}
.result-information>.journey-cost .cost-total strong{font-size:29px}
.result-information .cost-breakdown{margin-top:10px}
.result-reading{margin:0;border:1px solid var(--line);border-radius:14px;background:var(--cream);padding:0;min-width:0}
.result-reading>summary,.result-information .cost-breakdown>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:52px;padding:16px 18px;font-size:15px;font-weight:600;line-height:1.6;color:var(--cocoa-dark);text-decoration:none}
.result-reading>summary::-webkit-details-marker,.result-information .cost-breakdown>summary::-webkit-details-marker{display:none}
.result-reading>summary::after,.result-information .cost-breakdown>summary::after{content:'';width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);flex:0 0 8px;margin-right:3px;transition:transform .18s}
.result-reading[open]>summary::after,.result-information .cost-breakdown[open]>summary::after{transform:rotate(225deg)}
.result-reading[open]>summary{border-bottom:1px solid var(--line)}
.result-reading>summary:hover{background:#f5ecdf;border-radius:13px}
.result-reading-body{padding:0 18px 18px;overflow-wrap:anywhere}
.result-information .cost-breakdown>summary{padding:6px 0;font-size:14px;min-height:44px}
.result-information .ending-caption{margin:0;padding:18px 0 8px;border:0;text-align:left;background:none}
.result-information .ending-caption h2{font-size:20px}
.result-information .result-details{margin:0;max-width:none}
.result-information .result-details>.fatal-learning{margin:12px 0 18px}
.result-information .result-details p{line-height:1.9}
.result-information .result-disclaimer{font-size:12px;color:var(--muted)}
.result-information .review-head{flex-wrap:wrap}
.result-information .review-head span{font-size:12px}
.result-information .story-memory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.result-information .ending-rewards{margin-top:10px;padding-top:24px}
.result-information .replay-invite{margin:10px 0 0;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--cream);box-shadow:var(--surface-shadow)}
.result-information .replay-invite .eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.8;margin:0 0 10px}
.result-information .replay-invite h2{font-size:21px;line-height:1.6;margin:0 0 18px;overflow-wrap:anywhere}
.result-information .replay-invite .primary{display:inline-flex;width:auto;max-width:100%;min-height:48px;padding:12px 18px;margin:0;font-size:14px;line-height:1.6;gap:12px;white-space:normal;justify-content:center}
.result-information .replay-links{gap:4px 16px;margin-top:14px}
.result-information .replay-links .text-button{font-size:13px;min-height:44px;line-height:1.6;white-space:normal;text-align:left}
@media(min-width:1000px){
 #app:has(.result-layout){max-width:1280px}
 .result-shell.result-image-first{max-width:1240px;margin:20px auto;padding:28px;background:transparent;border:0;box-shadow:none}
 .result-layout{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);gap:32px}
 .result-layout .generated-result{max-width:520px;margin:0 auto}
 .result-information .cost-breakdown{font-size:14px}
 .result-information .result-reading-body{padding:0 22px 22px}
 .result-information .journey-learning h2{font-size:20px}
}
@media(min-width:1000px) and (min-height:850px){.result-layout .generated-result{position:sticky;top:20px}}
@media(max-width:999px){
 .result-shell.result-image-first{max-width:720px}
 .result-information{width:100%;max-width:560px;margin:auto}
 .result-information .cost-total strong{font-size:27px}
 .result-information .story-memory-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px){
 .result-layout{gap:18px}
 .result-information>.journey-cost{padding:16px}
 .result-reading>summary{font-size:14px;padding:15px}
 .result-reading-body{padding:0 15px 15px}
 .result-information .ending-caption h2{font-size:18px}
 .result-information .result-details>.fatal-learning{padding:14px}
 .result-information .replay-invite{padding:18px}
 .result-information .replay-invite h2{font-size:19px}
 .result-information .replay-invite .primary{width:100%}
}
@media(prefers-reduced-motion:reduce){.result-reading>summary::after,.result-information .cost-breakdown>summary::after{transition:none}}