/* Decorative backgrounds never intercept controls or change calculated content. */
.wf-cute{--wf-box-art:url('assets/tradition-art/saju.webp')}
.wf-cute[data-wf-service="tarot"]{--wf-box-art:url('assets/content-art/tarot.webp')}
.wf-cute[data-wf-service="dream"]{--wf-box-art:url('assets/content-art/dream.webp')}
.wf-cute[data-wf-service="palm"],.wf-cute[data-wf-service="face"]{--wf-box-art:url('assets/content-art/portrait.webp')}
.wf-cute[data-wf-service="numbers"],.wf-cute[data-wf-service="lucky-days"]{--wf-box-art:url('assets/content-art/numbers.webp')}
.wf-cute[data-wf-service="nine-star"]{--wf-box-art:url('assets/content-art/fengshui.webp')}
.wf-cute[data-wf-service="ziwei"],.wf-cute[data-wf-service="transits"]{--wf-box-art:url('assets/tradition-art/zodiac.webp')}
.wf-cute[data-wf-service="weton-pair"]{--wf-box-art:url('assets/tradition-art/weton.webp')}
.wf-cute[data-wf-service] main :where(.path-card,.scope-grid article,.controls,.panel,#dream-form,.wf-knowledge-card,.wf-result-card,.result-card,.wf-result-guide,.wf-explanation,.wf-consumer-topic,.wf-reading-section,.notice,.topic-picker,.question-picker,.reading-context,.about article){background-color:#fff!important;background-image:linear-gradient(90deg,#fffffff7 0%,#fffffff0 45%,#ffffffd9 75%,#ffffff90 100%),var(--wf-box-art)!important;background-repeat:no-repeat!important;background-position:center,right top!important;background-size:100% 100%,min(75%,420px) auto!important}
.wf-cute[data-wf-service] main :where(.panel,#dream-form){background-image:linear-gradient(90deg,#fffffff9,#fffffff0),var(--wf-box-art)!important}
.wf-cute .path-card:nth-child(1){--wf-box-art:url('assets/tradition-art/saju.webp')}
.wf-cute .path-card:nth-child(2){--wf-box-art:url('assets/content-art/tarot.webp')}
.wf-cute .path-card:nth-child(3){--wf-box-art:url('assets/content-art/portrait.webp')}
.wf-cute .path-card:nth-child(4){--wf-box-art:url('assets/content-art/numbers.webp')}
.wf-cute .scope-grid article{--wf-box-art:url('assets/tradition-art/zodiac.webp')}
.wf-cute .scope-grid article:nth-child(2){--wf-box-art:url('assets/content-art/fengshui.webp')}
.wf-cute main .closing{background-image:linear-gradient(#fffffff0,#ffffffe3),url('assets/tradition-art/zodiac.webp')!important;background-size:cover!important;background-position:center!important}
.wf-cute .wf-consumer-topic:nth-child(1){--wf-box-art:url('assets/content-art/relationship.webp')}
.wf-cute .wf-consumer-topic:nth-child(2){--wf-box-art:url('assets/content-art/numbers.webp')}
.wf-cute .wf-consumer-topic:nth-child(3){--wf-box-art:url('assets/content-art/dream.webp')}
.wf-cute .wf-consumer-topic:nth-child(4){--wf-box-art:url('assets/reading-art/garden.webp')}
.wf-cute .wf-reading-section[id$="-early"]{--wf-box-art:url('assets/reading-art/wood-720.webp')}
.wf-cute .wf-reading-section[id$="-middle"]{--wf-box-art:url('assets/reading-art/earth-720.webp')}
.wf-cute .wf-reading-section[id$="-later"]{--wf-box-art:url('assets/reading-art/water-720.webp')}
.wf-cute .wf-reading-section[id$="-health"]{--wf-box-art:url('assets/reading-art/garden.webp')}
.wf-cute .wf-reading-section[id$="-social"],.wf-cute .wf-reading-section[id$="-relationships"]{--wf-box-art:url('assets/content-art/relationship.webp')}
.wf-cute .wf-reading-section[id$="-business"],.wf-cute .wf-reading-section[id$="-wealth"]{--wf-box-art:url('assets/content-art/numbers.webp')}
.wf-cute .wf-reading-section[id$="-character"],.wf-cute .wf-reading-section[id$="-personality"]{--wf-box-art:url('assets/content-art/portrait.webp')}
/* Intro pages without a pre-existing illustration receive the service artwork. */
.wf-cute[data-wf-service]:not([data-wf-service="index"]):not([data-wf-service="tarot"]):not([data-wf-service="palm"]):not([data-wf-service="four-pillars"]) main>.intro{background-image:linear-gradient(90deg,#fffffff5,#ffffffc4),var(--wf-box-art);background-size:100% 100%,min(65%,420px) auto;background-position:center,right top;background-repeat:no-repeat;border-radius:24px;padding:24px;margin-bottom:24px}
@media(max-width:550px){.wf-cute[data-wf-service] main :where(.path-card,.scope-grid article,.wf-knowledge-card,.wf-result-card,.result-card,.wf-result-guide,.wf-explanation,.wf-consumer-topic,.wf-reading-section,.notice,.topic-picker,.question-picker,.reading-context,.about article){background-image:linear-gradient(90deg,#fffffff5,#ffffffbd),var(--wf-box-art)!important;background-size:100% 100%,min(90%,320px) auto!important}.wf-cute[data-wf-service] main>.intro{padding:20px}}

.wf-cute[data-wf-service] main .path-card{background-image:linear-gradient(90deg,#fffffff5,#ffffffa3 65%,#ffffff4d),var(--wf-box-art)!important;background-repeat:no-repeat!important;background-size:100% 100%,auto 190px!important;background-position:center,right top!important}
.wf-cute :is(.wf-summary-tile,.wf-summary){background-image:linear-gradient(90deg,#fffffff5,#ffffffbf),var(--wf-box-art)!important;background-repeat:no-repeat!important;background-size:100% 100%,min(85%,420px) auto!important;background-position:center,right top!important}
.wf-cute :is(.wf-summary-tile,.cards>.card):nth-child(1){--wf-box-art:url('assets/tradition-art/saju.webp')}
.wf-cute :is(.wf-summary-tile,.cards>.card):nth-child(2){--wf-box-art:url('assets/tradition-art/zodiac.webp')}
.wf-cute :is(.wf-summary-tile,.cards>.card):nth-child(3){--wf-box-art:url('assets/tradition-art/weton.webp')}
.wf-cute :is(.wf-summary-tile,.cards>.card):nth-child(4){--wf-box-art:url('assets/tradition-art/thai.webp')}
.wf-cute[data-wf-service="destiny"] .cards>.card{background-image:linear-gradient(90deg,#fffffff9,#ffffffe8),var(--wf-box-art)!important;background-repeat:no-repeat!important;background-size:100% 100%,min(80%,420px) auto!important;background-position:center,right top!important}

/* Result-specific scenes keep the face and expression visible at every width. */
body.wf-cute .wf-reading-art[data-result-art]{background:#fff;box-shadow:0 6px 22px #241b3320;border:0;border-radius:16px}
body.wf-cute .wf-reading-art[data-result-art] img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;max-height:none;display:block}
body.wf-cute .wf-reading-art-compact[data-result-art]{margin:0 0 18px}
body.wf-cute .wf-reading-art[data-result-art] figcaption{font-size:15px!important;line-height:1.65!important}
body.wf-cute[data-wf-service] main :is(.wf-summary,.wf-summary-tile,.cards>.card){background-image:none!important;background-color:#fff!important}
body.wf-cute .wf-summary-tile{border-color:#cebddb!important;box-shadow:0 4px 18px #241b3310!important}
body.wf-cute .wf-narrator .wf-reading-art[data-result-art]{max-width:360px;margin:12px auto}
@media(max-width:600px){body.wf-cute .wf-narrator .wf-reading-art[data-result-art]{max-width:240px}body.wf-cute .wf-reading-art[data-result-art]{border-radius:12px}}

/* Physical tarot back and persistent selection lift, 2026-10-12. */
body.wf-cute.wf-tarot .deck .card{background:#101525 url('assets/result-portraits/tarot-back.webp') center/100% 100% no-repeat!important;border:1px solid #c9ad66!important;border-radius:10px!important}
body.wf-cute.wf-tarot .deck .card .symbol{display:none!important}
body.wf-cute.wf-tarot .deck .card .number{background:#101525e8;color:#fff!important;border-radius:4px;padding:2px 5px;font-weight:700}
body.wf-cute.wf-tarot .deck .card.chosen{opacity:1!important;transform:translate(var(--x),calc(var(--y) - 36px)) rotate(var(--r))!important;z-index:500!important;border:3px solid #f2c761!important;box-shadow:0 0 0 3px #fff,0 12px 25px #17102170!important}
body.wf-cute.wf-tarot .deck .card .selected-order{position:absolute;top:-12px;right:-10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#f2c761;color:#211a09;font-size:17px;font-weight:800;border:2px solid #fff;box-shadow:0 2px 6px #17102150}
@media(max-width:800px){body.wf-cute.wf-tarot .deck[data-rows]:not([data-rows="0"]){gap:28px 10px;padding:26px 4px 12px}body.wf-cute.wf-tarot .deck[data-rows]:not([data-rows="0"]) .card.chosen{transform:translateY(-16px)!important}}

/* Show the distinct lower scene from two-panel generated compositions. */
body.wf-cute .wf-reading-art[data-result-art="saju-wood-2"] img,body.wf-cute .wf-reading-art[data-result-art="saju-metal-2"] img,body.wf-cute .wf-reading-art[data-result-art="zodiac-fire-2"] img,body.wf-cute .wf-reading-art[data-result-art="zodiac-earth-2"] img,body.wf-cute .wf-reading-art[data-result-art="zodiac-air-2"] img,body.wf-cute .wf-reading-art[data-result-art="zodiac-water-2"] img,body.wf-cute .wf-reading-art[data-result-art="pair-wood-2"] img,body.wf-cute .wf-reading-art[data-result-art="pair-fire-2"] img,body.wf-cute .wf-reading-art[data-result-art="pair-earth-2"] img,body.wf-cute .wf-reading-art[data-result-art="pair-metal-2"] img,body.wf-cute .wf-reading-art[data-result-art="pair-water-2"] img,body.wf-cute .wf-reading-art[data-result-art="pair-air-2"] img,body.wf-cute .wf-reading-art[data-result-art="pair-wood-3"] img,body.wf-cute .wf-reading-art[data-result-art="pair-fire-3"] img,body.wf-cute .wf-reading-art[data-result-art="pair-metal-3"] img,body.wf-cute .wf-reading-art[data-result-art="pair-water-3"] img,body.wf-cute .wf-reading-art[data-result-art="pair-air-3"] img{aspect-ratio:3/1;object-fit:cover;object-position:center bottom}

body.wf-cute.wf-tarot .deck .card.chosen{background:#101525 url('assets/result-portraits/tarot-back.webp') center/100% 100% no-repeat!important}

body.wf-cute.wf-tarot #whole-summary :is(#summary-text,.summary-action,small){background:#fff!important;background-image:none!important;color:#172033!important;border:1px solid #d8cbe5!important;text-shadow:none!important}body.wf-cute.wf-tarot #whole-summary :is(#summary-text,.summary-action) :is(p,strong,span,em){color:#172033!important;text-shadow:none!important}
