/* The question ritual shares CEREMONY's card table and reading typography. */
:root{--ink:#3c3028}
.question-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:64px;padding:20px 4px;text-align:left;color:var(--paper);border-bottom:1px solid var(--line)}
.question-choice h2{font:var(--display-md);margin:0 0 7px}
.question-choice p{font:var(--body-sm);color:var(--muted);margin:0}
.question-choice>span:last-child{font:var(--button);color:var(--gold)}
.question-choice:disabled{cursor:default;opacity:.58}
.question-choice .ritual-availability{font:var(--caption-medium);white-space:nowrap}
.question-stage{max-width:640px;margin:auto;text-align:center;padding:12px 12px 36px;overflow-wrap:anywhere}
.question-stage h1{max-width:100%;margin:20px auto;font:var(--display-lg)}
.question-stage .primary-button,.question-stage .secondary-button{display:block;min-height:48px;max-width:100%;min-width:0;margin:20px auto 12px}
.question-stage .text-button{min-height:44px;padding:10px 14px;max-width:100%}
.question-stage textarea{display:block;width:100%;min-height:160px;margin:24px auto 10px;padding:18px;background:rgba(12,24,34,.76);color:var(--paper);border:1px solid var(--gold);border-radius:3px;font:var(--body-md);resize:vertical;box-sizing:border-box;scroll-margin-bottom:30px}
.question-stage textarea::placeholder{color:var(--muted);opacity:1}
.question-stage textarea:focus-visible{outline:2px solid var(--paper);outline-offset:3px}
.question-stage .question-context{max-width:510px;margin:8px auto 20px}
.question-context .eyebrow{margin-bottom:8px}
.question-quotation{font:var(--body-lg);line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;margin:0 auto 24px;max-width:100%}
.question-revealed-card{width:min(210px,60vw);margin:20px auto 24px;aspect-ratio:400/690}
.question-revealed-card img{display:block;width:100%;height:100%;object-fit:contain}
.question-small-card{width:min(120px,38vw)}
.question-stage .chosen-card{padding:0;border:0;background:none}
.question-result-stage{max-width:620px}
.question-answer-page{text-align:left;max-width:100%;box-sizing:border-box;padding:34px 26px}
.question-answer-page h1{text-align:left;color:var(--ink)}
.question-answer-page .question-context{margin-top:0}
.question-answer-page .eyebrow{color:#695039}
.question-answer{font:var(--body-lg);white-space:pre-wrap;color:var(--ink);line-height:1.6;overflow-wrap:anywhere}
.question-card-caption{display:flex;align-items:center;gap:16px;margin:22px 0;color:var(--ink);font:var(--body-sm)}
.question-card-caption img{width:64px;height:110px;object-fit:contain;flex-shrink:0}
.question-answer-page .text-button{color:#695039}
.question-journal-excerpt{font:var(--body-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.question-stage .spread-card:hover,.question-stage .spread-card:focus-visible{--peek:-10px}
.question-stage .spread-table{width:100%;max-width:100%;min-width:0}
/* Direct manipulation follows the finger even when decorative motion is reduced. */
.deck.dragging .deck-card{transform:translate(calc((var(--i) - 3) * 2px + var(--drag) * var(--side) * 65px),calc((var(--i) - 3) * -2px + var(--drag) * var(--side) * -12px)) rotate(calc((var(--i) - 3) * 1.5deg + var(--drag) * var(--side) * 11deg));transition:transform .04s linear}
@media(max-width:650px){.question-stage{padding:10px 4px 30px}.question-answer-page{padding:28px 20px}.question-stage .question-context{margin-top:0}.question-choice{padding:18px 0}}
@media(prefers-reduced-motion:reduce){.question-stage .card-rotor{transition:opacity .15s;transform:none!important}.question-stage .chosen-card.is-revealed .card-back{opacity:0}.question-stage .chosen-card.is-revealed .card-front{transform:none}.question-stage .deck-card{animation:none!important;transition:none}.question-stage .spread-card{transition:none}}