/* Aura Tarot — trình bày kết quả theo từng mục (giữ nền tối tím–vàng). Pair: js/tarot-result.js */
#stream-output{counter-reset:fxsec}
#stream-output h3.fx-sec{display:flex;align-items:center;gap:14px;margin:46px 0 18px;font-size:clamp(18px,2.4vw,22px);line-height:1.3;color:#f3e6b3;counter-increment:fxsec}
#stream-output h3.fx-sec:first-child{margin-top:8px}
#stream-output h3.fx-sec .fx-num{display:none}
#stream-output h3.fx-sec::before{content:counter(fxsec,upper-roman);flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
 border:1px solid rgba(212,175,55,.7);color:#d4af37;font:600 13px/1 var(--font-heading,inherit);letter-spacing:.04em;background:rgba(212,175,55,.07);box-shadow:0 0 14px rgba(212,175,55,.12)}
#stream-output h3.fx-sec::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(212,175,55,.5),transparent)}

#stream-output p{line-height:1.8}
#stream-output .fx-sec + p{margin-top:0}

/* II. Giải mã từng vị trí: mỗi vị trí là một nhãn có vạch vàng */
#stream-output ul.fx-cards{list-style:none;margin:18px 0 6px;padding:0}
#stream-output ul.fx-cards li{padding:8px 14px;border-left:3px solid #d4af37;background:linear-gradient(90deg,rgba(212,175,55,.1),transparent);border-radius:0 10px 10px 0}
#stream-output ul.fx-cards li strong{color:#f3e6b3}

/* IV. Lời khuyên hành động: danh sách việc làm */
#stream-output ul.fx-actions{list-style:none;margin:6px 0;padding:0;display:grid;gap:10px}
#stream-output ul.fx-actions li{position:relative;padding:12px 16px 12px 44px;border:1px solid rgba(139,92,246,.3);border-radius:12px;background:rgba(139,92,246,.07);line-height:1.65}
#stream-output ul.fx-actions li::before{content:"✦";position:absolute;left:16px;top:11px;color:#d4af37;font-size:15px}

/* V. Khẳng định: khung nổi bật */
#stream-output blockquote.fx-affirm{position:relative;margin:22px 0 8px;padding:28px 24px 26px;text-align:center;border:1px solid rgba(212,175,55,.45);border-radius:18px;
 background:radial-gradient(ellipse at 50% 0%,rgba(212,175,55,.16),rgba(76,29,149,.18) 70%);color:#f7ecc2;font-style:italic;font-size:clamp(18px,2.6vw,23px);line-height:1.6;
 box-shadow:0 8px 30px rgba(0,0,0,.35),inset 0 0 40px rgba(212,175,55,.05)}
#stream-output blockquote.fx-affirm::before{content:"❝";position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
 background:#1a1530;border:1px solid rgba(212,175,55,.6);color:#d4af37;font-size:16px;font-style:normal}

/* VI. Câu hỏi suy ngẫm: danh sách đánh số tròn */
#stream-output ul.fx-reflect{list-style:none;margin:8px 0 6px;padding:0;display:grid;gap:12px;counter-reset:fxq}
#stream-output ul.fx-reflect li{position:relative;padding:4px 0 4px 46px;line-height:1.7;color:#d9d3f3;counter-increment:fxq}
#stream-output ul.fx-reflect li::before{content:counter(fxq,upper-roman);position:absolute;left:0;top:3px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;
 border:1px solid rgba(167,139,250,.6);color:#c4b5fd;font-size:11px;font-weight:600}

#stream-output .fx-foot{display:block;margin-top:28px;text-align:center;font-size:.86em;color:#9a95b8}

@media(max-width:640px){
 #stream-output h3.fx-sec{gap:10px;margin:36px 0 14px}
 #stream-output h3.fx-sec::before{width:32px;height:32px;font-size:12px}
 #stream-output blockquote.fx-affirm{padding:26px 16px 22px}
}