/* 기존 종이색·서체를 이어가는 세 이론형 결과. */
.option.defer-option{margin-top:10px;border-style:dashed}.story-selection,.story-choice-count{font-size:16px;line-height:1.7;color:#51443d;margin:0 8px 18px}.story-tied{border:1px solid #ded8cf;border-radius:18px;margin-bottom:16px;overflow:hidden}.story-tied>summary{display:flex;align-items:center;gap:16px;padding:16px;background:var(--story-paper);color:var(--story-ink);cursor:pointer}.story-tied>summary svg{width:90px;height:auto;flex-shrink:0}.story-tied>summary strong,.story-tied>summary span>span,.story-tied>summary b{display:block;line-height:1.6;word-break:keep-all}.story-tied>summary strong{font-size:20px}.story-tied>summary b{font-size:14px;margin-top:8px}.story-tied>summary:focus-visible{outline:3px solid var(--story-ink);outline-offset:-4px}.story-tied .story-sheet{margin-bottom:0;border:0;border-radius:0}
.question-context{font-size:17px;line-height:1.8;color:#51443d;margin:18px 0;word-break:keep-all}.belief-options .option{min-height:48px;padding:12px 16px}.belief-options .defer-option{margin-top:10px;border-style:dashed}
.story-results{margin:24px -10px}.story-sheet{border:1px solid color-mix(in srgb,var(--story-ink) 28%,white);border-radius:22px;overflow:hidden;margin:0 0 28px;background:#fffdf8}
.story-hero{display:grid;grid-template-columns:minmax(0,1fr) 185px;align-items:center;gap:8px;padding:30px;background:var(--story-paper);border-bottom:1px solid color-mix(in srgb,var(--story-ink) 20%,white)}
.story-hero h2{color:var(--story-ink);font-size:30px;line-height:1.38;letter-spacing:-.04em;margin:10px 0 14px;word-break:keep-all;overflow-wrap:anywhere}.story-hero p{font-size:16px;line-height:1.65;margin:0;color:var(--story-ink);word-break:keep-all}.story-hero .story-label{font-size:14px;font-weight:700}.story-art svg{display:block;width:100%;height:auto}.story-reading{padding:30px}.story-reading p{font-size:16px;line-height:1.9;word-break:keep-all;overflow-wrap:anywhere;margin:0}.story-reading section{margin:26px 0 0}.story-reading h3{color:var(--story-ink);font-size:17px;line-height:1.5;margin:0 0 12px}.story-evidence{padding:20px;border-radius:12px;background:var(--story-paper)}.story-evidence ul{margin:0;padding:0;list-style:none}.story-evidence li+li{margin-top:20px;padding-top:18px;border-top:1px solid color-mix(in srgb,var(--story-ink) 20%,white)}.story-evidence li p{font-size:15px}.story-evidence blockquote{margin:10px 0 0;font-size:16px;font-weight:600;line-height:1.8;color:var(--story-ink)}
.story-contexts{display:grid;grid-template-columns:1fr 1fr;gap:24px}.story-takeaway{padding:22px 0 0;border-top:1px solid color-mix(in srgb,var(--story-ink) 25%,white);font-size:19px;color:var(--story-ink);font-weight:650;line-height:1.8;margin:28px 0 0;word-break:keep-all}.story-tie{line-height:1.8;font-size:17px;margin:0 8px 24px}.story-axes{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:24px}.story-axes section{border:1px solid #e3d4cd;border-radius:14px;padding:20px;background:#fffdf8}.story-axes h3{font-size:15px;line-height:1.6;margin:0 0 12px;color:#5c4940}.story-axes strong{font-size:17px;line-height:1.6;color:#873f49;display:block}.story-axes p{font-size:14px;line-height:1.8;margin:12px 0 0;color:#5c4940}
.story-secondary{margin:28px 0}.story-secondary h2{font-size:21px;color:var(--theme)}.story-secondary>div{display:flex;gap:16px;align-items:center;border:1px solid #ded8cf;padding:12px 18px;background:#fffdf8;border-radius:16px;margin-bottom:12px}.story-secondary svg{width:86px;height:auto;flex-shrink:0}.story-secondary p{margin:0;line-height:1.6;font-size:15px;color:var(--story-ink)}.story-secondary strong,.story-secondary span,.story-secondary b{display:block}.story-secondary strong{font-size:17px}.story-secondary b{font-size:14px;margin-top:6px}.story-browse{width:100%;margin:28px 0 16px}.story-library-item>summary{padding:18px 20px;cursor:pointer;font-size:17px;font-weight:650;color:var(--theme);background:var(--theme-paper);border-radius:12px;margin-bottom:14px}.story-library-item summary:focus-visible,.story-browse:focus-visible{outline:3px solid var(--theme);outline-offset:3px}.story-results .choice-recap{padding:0 8px}.story-results .choice-recap li p{margin:0 0 6px}.story-results .choice-recap li strong{font-weight:600}.story-results .choice-recap li+li{border-top:1px solid #e3d4cd}
@media(max-width:700px){.story-results{margin:20px -5px}.story-hero{grid-template-columns:minmax(0,1fr) 105px;padding:23px 19px;gap:2px}.story-hero h2{font-size:25px}.story-hero p{font-size:15px}.story-reading{padding:23px 20px}.story-contexts,.story-axes{grid-template-columns:1fr}.story-contexts{gap:0}.story-evidence{padding:17px}.story-takeaway{font-size:18px}.story-secondary>div{padding:12px;gap:10px}.story-secondary svg{width:70px}}
@media(prefers-reduced-motion:no-preference){.story-hero .story-art{animation:story-reveal .45s ease-out both}@keyframes story-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}

/* 순위형: 누른 순서가 보이며 키보드로도 동일하게 조작한다. */
.ranking-status{margin:0 0 4px;font-size:16px;font-weight:650;color:var(--theme)}
.rank-option{width:100%;text-align:left;color:var(--ink);font-family:inherit}
.rank-badge{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;height:30px;border:1px solid var(--theme);border-radius:50%;color:var(--theme);font-weight:750}
.rank-option[aria-pressed="true"]{border-color:var(--theme);background:var(--theme-paper)}
.rank-option[aria-pressed="true"] .rank-badge{background:var(--theme);color:#fff}
.rank-option:focus-visible,.rank-undo:focus-visible{outline:3px solid var(--theme);outline-offset:3px}
.rank-undo{justify-self:end;border:0;background:none;font:inherit;font-size:14px;min-height:44px;padding:8px;color:var(--theme);text-decoration:underline;cursor:pointer}
.rank-undo:disabled{opacity:.5;cursor:default}.recap-answer{white-space:pre-line}