/* The reading is an editorial space: cards first, a quiet page to read after. */
#question #selection h3{font:400 clamp(30px,3vw,42px)/1.08 var(--serif);letter-spacing:-.035em;margin:30px 0 12px}
#question #selection>p{font-size:16px;line-height:1.7}
#question .deck{gap:14px;margin:30px 0 22px;perspective:1400px}
#question .deck-card{animation:none;transition:transform 620ms cubic-bezier(.22,.8,.24,1);transform-style:preserve-3d;touch-action:manipulation;box-shadow:0 9px 18px #05091455}
#question .deck-card .deck-reverse,#question .deck-card .tarot-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
#question .deck-card.chosen{transform:rotateY(180deg);opacity:1}
#question .deck-card:focus-visible{outline-offset:4px}
#question .selection-count{font-size:12px;letter-spacing:.08em;border-block:1px solid var(--line);padding:16px 0;margin:25px 0 0;color:var(--gold)}
#question .result-question{font:400 clamp(27px,3vw,40px)/1.22 var(--serif);letter-spacing:-.025em;padding:26px 0;margin:0 0 26px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}
#question .revealed-cards{gap:16px;margin-bottom:30px;align-items:start}
#question .revealed-card{padding:0;border:0;border-radius:0;background:none;box-shadow:none;animation:none}
#question .revealed-card .position{font-size:11px;line-height:1.5;min-height:38px;margin:0 0 12px;color:var(--gold);display:flex;align-items:center;justify-content:center}
#question .revealed-card small{font-size:11px;letter-spacing:.03em;margin-top:12px}
#question .revealed-card .tarot-face{box-shadow:0 12px 24px #06091255}
#question .revealed-cards.count-1{max-width:215px}
#question .result-actions{margin:0 0 30px}
#question #interpretation{padding-top:30px;border-top:1px solid #dec59655;scroll-margin-top:24px}
#question #interpretation>.eyebrow{font-size:12px;letter-spacing:.08em;margin-bottom:28px}
#question .reading-text{white-space:normal;font-size:16px;line-height:1.85;color:#e2e4eb;max-width:62ch}
#question .reading-text .reading-section{display:block;padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid var(--line);counter-increment:reading-part}
#question #reading-text{counter-reset:reading-part}
#question .reading-heading{font:400 27px/1.2 var(--serif);letter-spacing:-.02em;color:var(--gold);margin:0 0 14px}
#question .reading-paragraph{margin:0 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}
#question .reading-paragraph:last-child{margin-bottom:0}
#question .result-note{font-size:12px;line-height:1.7;padding-top:18px;margin-top:28px}
#question #followup-form{padding:25px 0;margin-top:30px;border-top:1px solid var(--line)}
#question #followup-form label{font:400 26px/1.25 var(--serif);margin-bottom:18px;color:var(--text)}
#question .followup-row{gap:12px;align-items:stretch}
#question .followup-row :is(input,textarea){font-size:16px;min-height:54px;padding:14px;background:#0d1727;border:1px solid #a9b5ca55;color:var(--text);width:100%}
#question .followup-row button{min-height:54px;flex-shrink:0}
#question .followup-status{font-size:13px;line-height:1.6;color:var(--gold);margin-top:14px}
#question #followup-answer{padding:25px 0;border-top:1px solid var(--gold);margin-top:28px}
#question .followup-question{font:400 27px/1.3 var(--serif);color:var(--gold);margin-bottom:24px}
#question .bottom-actions{flex-wrap:wrap;gap:12px 24px;padding-top:20px;margin-top:28px}
#question .bottom-actions button{font-size:12px;min-height:44px}
@media(max-width:600px){#question .deck{gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}#question .revealed-cards{gap:10px}#question .revealed-cards.count-5{grid-template-columns:repeat(2,minmax(0,1fr))}#question .revealed-cards.count-5 .revealed-card:last-child{grid-column:1/-1;width:calc(50% - 5px);justify-self:center}#question .revealed-card .position{font-size:10px;min-height:42px}#question .revealed-card .face-name{font-size:12px}#question .revealed-cards.count-5 .face-name{font-size:14px}#question .reading-text{font-size:16px;line-height:1.8}#question .reading-heading{font-size:26px}#question .followup-row{flex-direction:column}#question .followup-row button{justify-content:center;width:100%}#question #interpretation{padding-top:25px}#question .result-question{font-size:30px}}
@media(prefers-reduced-motion:reduce){#question .deck-card{transition:none}#question .deck-card:hover:not(:disabled){transform:none}#question .deck-card.chosen{transform:rotateY(180deg)}}

#question .reading-title{font:400 clamp(32px,3.5vw,46px)/1.1 var(--serif);letter-spacing:-.035em;margin:0 0 32px;max-width:18ch;color:var(--text)}
#question #interpretation:focus,#question #followup-answer:focus{outline:none}
#question .followup-status:empty{display:none}

.keyboard-input #question .deck-card{transition:none}

#question .followup-row textarea{resize:vertical;min-height:108px;line-height:1.6;font-family:inherit;flex:1;min-width:0}
/* Final reading craft: a continuous reading page, clear conversational return. */
#question .reading-text{font-size:17px;line-height:1.85}
#question .reading-section{position:relative}
#question .reading-heading{display:flex;align-items:baseline;gap:12px}
#question #reading-text .reading-heading::before{content:counter(reading-part,decimal-leading-zero);font:500 12px/1.4 sans-serif;letter-spacing:.08em;color:#a5adbb;flex:none}
#question .reading-section:last-child{border-bottom-color:#dec59666}
#question .result-note{border-left:2px solid #dec59666;padding:3px 0 3px 16px;color:#b9c0cd}
#question #followup-form{background:#0b132133;padding:26px 20px;border:1px solid var(--line);border-radius:4px}
#question #followup-form label{display:block;font-size:28px}
#question #followup-input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#question #followup-answer{scroll-margin-block:30px}
#question .followup-question::before{content:'ВАШЕ УТОЧНЕНИЕ';display:block;font:500 12px/1.5 sans-serif;letter-spacing:.12em;color:#adb6c5;margin-bottom:12px}
#question .followup-status.error{color:#f3b3a6}
#question .bottom-actions{border-top:1px solid var(--line)}
#question .bottom-actions button{padding:10px 0;text-underline-offset:6px;text-decoration:underline;text-decoration-color:#dec59666}
@media(max-width:600px){#question .reading-text{font-size:16px;line-height:1.85}#question #followup-form{padding:22px 15px}#question .reading-heading{font-size:26px}}
#question .selection-order{position:absolute;left:6px;top:6px;z-index:5;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#e5c78e;color:#162032;font:600 11px/1 sans-serif;transform:rotateY(180deg) translateZ(2px);backface-visibility:hidden}
#question .revealed-card .position{flex-direction:column;gap:5px;min-height:52px}
#question .position-number{font:500 10px/1 sans-serif;letter-spacing:.12em;color:#aeb8c9}
#question .reading-status{font-size:13px;line-height:1.7;color:var(--gold);margin:16px 0 0;min-height:22px}
#question .reading-status:empty{display:none}
#question .reading-status.error{color:#f3b3a6}

/* Narrow screens need readable card names, not three miniature columns. */
@media(max-width:400px){
 #question .revealed-cards.count-3{grid-template-columns:repeat(2,minmax(0,1fr))}
 #question .revealed-cards.count-3 .revealed-card:last-child{grid-column:1/-1;width:calc(50% - 5px);justify-self:center}
 #question .revealed-cards.count-3 .face-name{font-size:14px}
 #question .revealed-card .position{font-size:11px;line-height:1.5}
}
#question .reading-heading{overflow-wrap:anywhere;min-width:0}
#question .followup-question{overflow-wrap:anywhere}
@media(hover:none){#question .deck-card:hover:not(:disabled){transform:none}}

/* Reading controls use the same readable scale as the rest of the product. */
#question .workspace-top{font-size:13px}
#question .funnel-progress li{font-size:14px}
#question .theme-option small,#question .spread-option-meta,#question .consent{font-size:14px;line-height:1.65}
#question .theme-option strong{font-size:16px}
#question .funnel-back,#question .reset-spread,#question .bottom-actions button,#question .suggestions button{font-size:14px}
#question .selection-count,#question .reading-status,#question .followup-status{font-size:14px;letter-spacing:0}
#question .revealed-card .position{font-size:13px;min-height:58px}
#question .revealed-card small{font-size:13px}
#question .result-note{font-size:14px}
#question .reading-title{font-size:36px;max-width:none;margin-bottom:28px}
#question .reading-included span,#question .reading-process{font-size:14px}
@media(max-width:600px){#question .funnel-progress li{font-size:13px}#question .reading-title{font-size:32px}#question .revealed-card .position{font-size:13px;min-height:68px}}

/* Supporting form copy remains readable beside the question itself. */
#question .input-meta,#question .chosen-spread-summary,#question .form-footnote,#question .funnel-note{font-size:14px;line-height:1.65}
#question .funnel-description{font-size:16px;line-height:1.65}
#question .funnel-back,#question .suggestions button,#question .reset-spread{min-height:44px}
#question .input-meta{gap:12px;flex-wrap:wrap}
#question #question-input{line-height:1.65}
#question .consent input{flex-shrink:0;width:20px;height:20px}
@media(max-width:600px){#question .result-question{font-size:28px;line-height:1.25}#question .reading-heading{gap:9px}}
/* The card table gives way to a warm, continuous page for reading. */
#question #interpretation{--text:#272b32;--gold:#715631;--line:#71634c38;background:#eee8d9;color:var(--text);padding:30px 28px 28px;border-top:3px solid #a18450;box-shadow:none;border-radius:0}
#question #interpretation>.eyebrow{color:#655a48;margin-bottom:18px}
#question #interpretation .reading-title{color:#272b32;font-size:34px;letter-spacing:-.02em}
#question #interpretation .reading-text{color:#343940;font-size:17px;line-height:1.85;max-width:62ch}
#question #interpretation .reading-heading{color:#715631}
#question #reading-text .reading-heading::before,#question #interpretation .followup-question::before{color:#716756}
#question #interpretation .reading-section,#question #interpretation .bottom-actions{border-color:#71634c38}
#question #interpretation .result-note{color:#5d605f;border-left-color:#a18450}
#question #interpretation #followup-form{background:none;border:0;border-top:1px solid #71634c55;border-radius:0;padding:25px 0 0;margin-top:28px}
#question #interpretation #followup-form label{font-size:26px;color:#272b32}
#question #interpretation .followup-row{align-items:start}
#question #interpretation .followup-row :is(input,textarea){min-width:0;color:#272b32;background:#faf7ee;border:1px solid #84765f;border-radius:2px;box-shadow:none}
#question #interpretation .followup-row :is(input,textarea)::placeholder{color:#686c70;opacity:1}
#question #interpretation .followup-row button{color:#faf7ee;background:#263344;border-color:#263344;min-height:54px}
#question #interpretation #followup-input:focus-visible{outline-color:#715631}
#question #interpretation .followup-status{color:#615033}
#question #interpretation .followup-status.error{color:#9b3327}
#question #interpretation #followup-answer{border-top-color:#a18450}
#question #interpretation .followup-question{color:#715631}
#question #interpretation .bottom-actions button{color:#344253;text-decoration-color:#6f7b8955}
#question #interpretation .bottom-actions button:focus-visible,#question #interpretation .followup-row button:focus-visible{outline:2px solid #715631;outline-offset:4px}
@media(max-width:600px){#question #interpretation{padding:25px 18px 22px}#question #interpretation .reading-text{font-size:16px;line-height:1.8}#question #interpretation .reading-title{font-size:30px}#question #interpretation .reading-heading{font-size:25px}#question #interpretation .followup-row button{width:100%}}
#question #interpretation .reading-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:28px}#question #interpretation .reading-header .reading-title{margin:0}#question #interpretation .reading-return{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;color:#344253;text-underline-offset:5px;flex-shrink:0}#question #interpretation .reading-return:focus-visible{outline:2px solid #715631;outline-offset:3px}
@media(min-width:801px){#question>.section-intro{position:sticky;top:28px}}
@media(max-width:600px){#question #interpretation{margin-inline:-18px}}
@media(max-width:360px){#question #interpretation{margin-inline:-15px}}