/* 연애 타로 무료 결과 · 2026-11-08 시안. love-moon-petal-20261105.css 뒤에 로드해 같은 구조를 시안 모양으로 덮는다. */
.love-petal-preview{padding-bottom:28px;background:#fff}
.love-petal-preview .petal-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* 1. 첫 화면 */
.love-petal-preview .petal-result-hero{min-height:236px;background:linear-gradient(120deg,#f5e2ee 0%,#fbedf5 48%,#fdf5f9 100%)}
.love-petal-preview .petal-result-hero::after{opacity:.5}
.love-petal-preview .petal-result-character{left:-14px;width:58%}
.love-petal-preview .petal-result-title{margin-left:45%;padding:22px 14px 22px 0}
.love-petal-preview .petal-result-kicker{margin:0;padding:4px 13px;border-color:#cf98b3;background:#fff;color:#8d3d79;font-size:12px}
.love-petal-preview .petal-result-title h1{margin:10px 0 0;color:#5c2457;font-size:clamp(22px,6.6cqw,28px);line-height:1.38}
.love-petal-preview .petal-hero-rule{position:relative;display:block;width:120px;height:9px;margin:12px auto 10px;background:linear-gradient(#d4b087,#d4b087) left center/50px 1px no-repeat,linear-gradient(#d4b087,#d4b087) right center/50px 1px no-repeat}
.love-petal-preview .petal-hero-rule::after{content:'';position:absolute;left:50%;top:50%;width:6px;height:6px;background:#c69a62;transform:translate(-50%,-50%) rotate(45deg)}
.love-petal-preview .petal-result-speech{margin:0;padding:0;border:0;border-radius:0;background:none;color:#4c2847;font:600 clamp(12.5px,3.7cqw,14.5px)/1.7 'Noto Serif KR','Batang',serif}

/* 2. 이번 리딩의 질문 */
.love-petal-preview .petal-result-question{padding:24px 20px 4px}
.love-petal-preview .petal-section-label{gap:10px;color:#9a477e;font-size:13px}
.love-petal-preview .petal-section-label::before,.love-petal-preview .petal-section-label::after{content:'';flex:1;max-width:84px;height:1px;background:linear-gradient(90deg,transparent,#d8b08a);color:transparent}
.love-petal-preview .petal-section-label::after{background:linear-gradient(90deg,#d8b08a,transparent)}
.love-petal-preview .petal-result-question>[data-user-question]{margin:10px 0 0;color:#4c1d47;font:700 clamp(19px,5.7cqw,24px)/1.45 'Noto Serif KR','Batang',serif;letter-spacing:-.04em;word-break:keep-all}

/* 3. 세 장의 카드 */
.love-petal-preview .petal-result-cards{margin:18px 16px 0;padding:0;border:0;border-radius:0;background:none;box-shadow:none}
.love-petal-preview .petal-result-cards::before,.love-petal-preview .petal-result-cards::after{content:none}
.love-petal-preview .result-selected-cards{gap:12px;margin:0}
.love-petal-preview .love-card-face{border-radius:8px;box-shadow:0 6px 14px #3b1d4a33}
.love-petal-preview .result-card-position{margin:10px 0 0;padding:5px 2px;border:0;background:linear-gradient(#9c5e8e,#773869);color:#fff;font:600 clamp(11px,3.3cqw,13.5px)/1.5 'Noto Serif KR','Batang',serif}
.love-petal-preview .result-selected-cards figcaption{margin:8px 0 0}
.love-petal-preview .result-selected-cards figcaption strong{color:#4a1e45;font-size:clamp(14px,4.3cqw,17px);line-height:1.45}
.love-petal-preview .result-card-direction{margin-top:2px;color:#7a5a74;font-size:12px}
.love-petal-preview .petal-context{display:flex;align-items:center;gap:12px;margin:18px 0 0;color:#8a5a7f;font-size:12.5px;font-weight:600;line-height:1.5}
.love-petal-preview .petal-context::before,.love-petal-preview .petal-context::after{content:'';flex:1;height:1px;background:#e8d2e2}
.love-petal-preview .petal-context:has(>[data-preview-title]:empty){display:none}

/* 4. 한눈에 보는 요약 */
.love-petal-preview .petal-free-reading{margin:20px 16px 0}
.love-petal-preview .petal-reading-summary{padding:18px 18px 17px;border:1px solid #e3cbe3;border-radius:18px;background:linear-gradient(160deg,#fdf8fd,#f7ecf7);box-shadow:none}
.love-petal-preview .petal-summary-label{display:flex;align-items:center;gap:7px;margin:0;color:#7a3a6e;font-size:13.5px;font-weight:700}
.love-petal-preview .petal-summary-label svg{width:18px;height:18px;flex:none;fill:#c99a5a}
.love-petal-preview .petal-reading-summary>h3{margin:8px 0 13px;color:#4c1d47;font:700 clamp(16.5px,5cqw,20px)/1.45 'Noto Serif KR','Batang',serif;letter-spacing:-.04em;word-break:keep-all}
.love-petal-preview .petal-reading-summary>h3::before{content:none}
.love-petal-preview .petal-summary-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}
.love-petal-preview .petal-summary-list li{display:flex;align-items:center;gap:8px;min-width:0;margin:0;padding:0}
.love-petal-preview .petal-summary-list li::before,.love-petal-preview .petal-summary-list li::marker{content:none}
.love-petal-preview .petal-summary-num{flex:none;display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#7a3a6e;color:#fff;font-size:11.5px;font-weight:700;line-height:1}
.love-petal-preview .petal-summary-chip{flex:none;padding:2px 11px;border-radius:999px;background:#ead5ec;color:#6a2c63;font-size:12.5px;font-weight:700;line-height:1.6}
.love-petal-preview .petal-summary-text{min-width:0;color:#4a3448;font-size:14px;line-height:1.5;word-break:keep-all}

/* 5. 카드별 풀이 */
.love-petal-preview .petal-section-title{display:flex;align-items:center;gap:12px;margin:26px 0 4px;color:#6a2c63;font:700 17px/1.4 'Noto Serif KR','Batang',serif}
.love-petal-preview .petal-section-title::before,.love-petal-preview .petal-section-title::after{content:'';flex:1;height:1px;background:#e8d2e2}
.love-petal-preview .petal-role-reading{gap:14px;padding:15px 2px;border-bottom:1px solid #efdfeb}
.love-petal-preview .petal-role-reading:last-child{border-bottom:0}
.love-petal-preview .petal-role-thumb{flex:0 0 58px;width:58px;border-radius:6px}
.love-petal-preview .petal-role-copy>.petal-role-pill{display:inline-block;margin:0 0 5px;padding:1px 10px;border-radius:999px;background:#f0e1f1;color:#7a3a6e;font-size:11.5px;font-weight:600;line-height:1.7}
.love-petal-preview .petal-role-copy>h3{margin:0 0 4px;color:#4a1e45;font:700 15.5px/1.45 'Noto Serif KR','Batang',serif;letter-spacing:-.03em;word-break:keep-all}
.love-petal-preview .petal-role-copy>.petal-role-text{margin:0;color:#5a4857;font-size:13px;line-height:1.7;word-break:keep-all}

/* 6. 오늘의 한 걸음 */
.love-petal-preview .petal-next-step{margin:18px 0 0;padding:16px 16px 16px;border:1px solid #f0d7b4;border-radius:18px;background:linear-gradient(#fffaf2,#fff3e3);color:inherit;text-align:center}
.love-petal-preview .petal-next-step::after{content:none}
.love-petal-preview .petal-step-label{display:flex;align-items:center;justify-content:center;gap:6px;margin:0}
.love-petal-preview .petal-step-label svg{width:19px;height:19px;flex:none;fill:none;stroke:#d39a3d;stroke-width:1.8;stroke-linecap:round}
.love-petal-preview .petal-next-step .petal-step-label strong{display:inline;color:#a5702a;font-size:13.5px;font-weight:700}
.love-petal-preview .petal-next-step .petal-step-line{margin:8px 0 0;color:#4d2a3a;font:700 15px/1.6 'Noto Serif KR','Batang',serif;text-align:center;word-break:keep-all}
.love-petal-preview .petal-next-step .petal-step-quote{margin:10px 0 0;padding:9px 12px;border:1px solid #ecd5bc;border-radius:12px;background:#fff;color:#5a3a2d;font:600 13.5px/1.6 'Noto Serif KR','Batang',serif;text-align:center;word-break:keep-all}

/* 7. 더 깊은 풀이 */
.love-petal-preview .petal-deeper{min-height:122px;margin:18px 16px 14px;padding:14px 14px 14px 31%;border:1px solid #e2c3d8;border-radius:18px;background:linear-gradient(110deg,#f6e3ef,#fdf6fa 62%,#f5e2ee);box-shadow:none}
.love-petal-preview .petal-deeper h2{margin:0 0 3px;color:#7a2f6a;font-size:clamp(16px,4.9cqw,19px)}
.love-petal-preview .petal-deeper p{color:#6b4a66;font-size:12px}
.love-petal-preview .petal-deeper .petal-beta-note{margin:4px 0 9px;font-size:11px}
.love-petal-preview .petal-deeper .petal-beta-note:empty{display:none}
.love-petal-preview .petal-deeper .love-primary{min-height:44px;font-size:clamp(13px,4cqw,15px)}

/* 8. 결과 보관 */
.love-petal-preview .petal-library{margin:0 16px 20px;border:1.5px solid #c9a1bf;border-radius:999px;background:#fff;color:#5f2a59}
.love-petal-preview .petal-library[open]{border-radius:18px}
.love-petal-preview .petal-library>summary{justify-content:center;gap:8px;min-height:48px;padding:10px 16px;color:#5f2a59;font-size:14.5px;font-weight:700;list-style:none}
.love-petal-preview .petal-library>summary::-webkit-details-marker{display:none}
.love-petal-preview .petal-library>summary::marker{content:""}
.love-petal-preview .petal-library>summary svg{width:20px;height:20px;flex:none}

/* 9. 후기 */
.love-petal-preview .petal-review{margin:0 16px;padding:20px 0 6px;border-top:1px solid #efdfeb;text-align:center}
.love-petal-preview .petal-review-title{margin:0 0 10px;color:#4c1d47;font:700 16px/1.5 'Noto Serif KR','Batang',serif}
.love-petal-preview .petal-review .dohwa-inline-review{margin:0;padding:0;border:0}
.love-petal-preview .petal-review .dohwa-inline-review>details>summary{flex-direction:column;align-items:center;justify-content:center;gap:12px;font-size:14.5px}
.love-petal-preview .petal-review .inline-review-stars{order:-1;color:transparent;-webkit-text-stroke:1.3px #c99a3a;font-size:30px;letter-spacing:7px;line-height:1}
.love-petal-preview .petal-review [data-inline-heading]{display:inline-flex;align-items:center;gap:8px;min-height:42px;padding:0 26px;border:1.5px solid #b783ab;border-radius:999px;color:#5f2a59;font-weight:700}
.love-petal-preview .petal-review [data-inline-heading]::after{content:'→';font-weight:400}
.love-petal-preview .petal-review details[open]>summary [data-inline-heading]{background:#f8eff7}
.love-petal-preview .petal-review .dohwa-inline-review>details>:not(summary){text-align:left}

/* 10. 아래 링크 · 안내 */
.love-petal-preview .petal-result-tools{gap:0;margin:16px 16px 0;padding:14px 0 0;border-top:1px solid #efdfeb}
.love-petal-preview .petal-result-tools>button,.love-petal-preview .petal-result-tools>a{display:inline-flex;align-items:center;gap:4px;min-height:36px;padding:0 16px;border:0;background:none;color:#6a4a64;font-size:13px;text-decoration:none}
.love-petal-preview .petal-tools-divider{width:1px;height:14px;background:#dcc6d6}
.love-petal-preview .petal-result-tools>[hidden]+.petal-tools-divider{display:none}
.love-petal-preview .petal-result-tools svg{width:14px;height:14px}
.love-petal-preview>.love-reading-disclaimer{margin:12px 0 0;color:#9a8396;font-size:11px}
@media(max-width:360px){
  .love-petal-preview .petal-result-title{margin-left:43%;padding-right:10px}
  .love-petal-preview .petal-summary-text{font-size:13px}
  .love-petal-preview .petal-role-thumb{flex-basis:50px;width:50px}
  .love-petal-preview .petal-result-tools>button,.love-petal-preview .petal-result-tools>a{padding:0 10px;font-size:12px}
}