/* v20.15 test: English-only reading presentation. */
body[data-lang="en"] .ritual-result{background:linear-gradient(145deg,rgba(10,20,40,.96),rgba(7,13,27,.98))}
body[data-lang="en"] .ritual-result::before,body[data-lang="en"] .ritual-result::after{display:none!important}
body[data-lang="en"] .ritual-result .result-layout{grid-template-columns:minmax(300px,340px) minmax(0,1fr);gap:70px;align-items:start;max-width:1130px;margin:0 auto}
body[data-lang="en"] .ritual-result .result-card-column{width:340px;max-width:100%;gap:16px;top:28px}
body[data-lang="en"] .ritual-result .reading-panel{min-width:0;padding:8px 34px 44px 52px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:left}
body[data-lang="en"] .ritual-result .reading-panel #resultHeading{max-width:760px;margin-top:8px;font-size:clamp(38px,4.2vw,54px);line-height:1.12;letter-spacing:-.025em;white-space:normal;overflow-wrap:anywhere}
body[data-lang="en"] .ritual-result .core-line{max-width:680px;margin:14px 0 24px;font-size:20px;line-height:1.75}
body[data-lang="en"] .ritual-result .reading-block{margin:0;padding:34px 0;border:0;border-top:1px solid rgba(189,163,115,.2);border-radius:0;background:transparent;box-shadow:none;overflow:visible}
body[data-lang="en"] .ritual-result .reading-block>h4{margin:0 0 20px;color:#9daabd;font:700 11px/1.5 Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase}
body[data-lang="en"] .ritual-result .priority-reading{padding-top:26px;border-top:0}
body[data-lang="en"] .ritual-result .priority-reading .reading-section-title{display:none}
body[data-lang="en"] .ritual-result .priority-reading .reading-section-body{max-width:34em;color:#f0e4cf;font:22px/1.72 Georgia,serif}
body[data-lang="en"] .ritual-result .reading-section{padding:0;border:0;background:transparent}
body[data-lang="en"] .ritual-result .reading-section+.reading-section{margin-top:26px;padding-top:24px;border-top:1px solid rgba(189,163,115,.13)}
body[data-lang="en"] .ritual-result .reading-section-title{margin-bottom:12px;color:#dec89e;font-size:20px;line-height:1.45}
body[data-lang="en"] .ritual-result .reading-section-body,body[data-lang="en"] .ritual-result .reading-content>p{max-width:42em;color:#c5ccd8;font-size:18px;line-height:1.88;white-space:pre-line}
body[data-lang="en"] .ritual-result .reading-content>h3{color:#e4d1aa;font:26px/1.4 Georgia,serif}
body[data-lang="en"] .ritual-result .reading-note{color:#98a6ba!important;font-size:13px!important}
body[data-lang="en"] .ritual-result #deepReadingDivider{margin:32px 0 12px;border-radius:0;background:transparent}
body[data-lang="en"] .ritual-result #resultSituations{display:block}

body[data-lang="en"] .ritual-card{width:min(100%,340px);margin:0 auto}
body[data-lang="en"] .program-card{position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;width:100%;min-height:590px;padding:30px 28px 32px;overflow:hidden;border:1px solid rgba(196,164,103,.72);border-radius:22px;background:linear-gradient(150deg,#17243d 0%,#0b162b 55%,#091326 100%);box-shadow:0 22px 55px rgba(1,5,15,.42),inset 0 0 0 7px rgba(6,13,28,.5);color:#ead9b7;text-align:center}
body[data-lang="en"] .program-card::before{content:"";position:absolute;inset:16px;border:1px solid rgba(191,159,97,.25);border-radius:14px;pointer-events:none}
body[data-lang="en"] .program-card-brand{position:relative;margin:4px 0 20px;color:#c3a66e;font:700 12px/1.3 Georgia,serif;letter-spacing:.12em}
body[data-lang="en"] .program-card-kicker{position:relative;margin:0 0 10px;color:#a99369;font:700 11px/1.4 Arial,sans-serif;letter-spacing:.16em}
body[data-lang="en"] .program-card-title{position:relative;display:grid;align-content:start;width:100%;min-height:116px;padding:0 6px}
body[data-lang="en"] .program-card-title p{margin:0 0 7px;color:#f0dfbd;font:20px/1.3 Georgia,serif}
body[data-lang="en"] .program-card-title p span{margin-left:5px;color:#c8baa1;font-size:17px}
body[data-lang="en"] .program-card-title h3{margin:0;color:#d1b172;font:clamp(25px,2.25vw,34px)/1.12 Georgia,serif;letter-spacing:-.02em;overflow-wrap:anywhere}
body[data-lang="en"] .program-card-lines{position:relative;display:grid;place-items:center;width:150px;min-height:125px;margin:5px auto 12px}
body[data-lang="en"] .program-card-lines .hexagram-lines{width:140px;gap:8px}
body[data-lang="en"] .program-card-lines .yao{height:8px;gap:18px}
body[data-lang="en"] .program-card-structure{position:relative;margin:0 0 18px;color:#d8ceb9;font:700 14px/1.4 Georgia,serif}
body[data-lang="en"] .program-card-message{position:relative;max-width:250px;margin:0;color:#d7b978;font:20px/1.48 Georgia,serif}
body[data-lang="en"] .program-card-mark{position:absolute;bottom:14px;color:#b89a68;font-size:15px}
body[data-lang="en"] .card-reveal-screen .ritual-card{width:min(360px,82vw)}

body[data-lang="en"] .trigram-map{box-sizing:border-box;width:340px;max-width:100%;margin:6px auto 2px;padding:20px 22px;border:1px solid rgba(185,197,218,.16);border-radius:18px;background:rgba(7,15,31,.24);text-align:left}
body[data-lang="en"] .trigram-map-item+.trigram-map-item{margin-top:20px;padding-top:18px;border-top:1px solid rgba(185,197,218,.1)}
body[data-lang="en"] .trigram-map strong{color:#ead8b2;font:600 15px/1.5 Arial,sans-serif}
body[data-lang="en"] .trigram-map strong span{color:#d3bc87}
body[data-lang="en"] .trigram-map p{margin:7px 0 0;color:#aeb8ca;font:14px/1.55 Arial,sans-serif}
body[data-lang="en"] .result-card-column #ritualShareOpen{display:block;margin:4px auto 0}

body[data-lang="en"] .ritual-lenses h3{margin:6px 0 20px;color:#efdfbd;font:clamp(30px,3.2vw,42px)/1.16 Georgia,serif;letter-spacing:-.02em}
body[data-lang="en"] .lens-intro{color:#c0c7d1;font:15px/1.85 Arial,sans-serif}body[data-lang="en"] .lens-intro span{color:#8f9db1}
body[data-lang="en"] .lens-picker{max-width:460px;margin:26px 0 22px}body[data-lang="en"] .lens-label{margin-bottom:10px;color:#9babc0;font:10px/1.5 Arial,sans-serif;letter-spacing:.16em}
body[data-lang="en"] .lens-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:12px 0;border:0;border-bottom:1px solid rgba(189,163,115,.54);border-radius:0;background:transparent;color:#e1cca4;text-align:left;font:17px/1.4 Georgia,serif;cursor:pointer}
body[data-lang="en"] .lens-toggle i{font:23px Arial;transition:transform .2s}body[data-lang="en"] .lens-toggle[aria-expanded="true"] i{transform:rotate(180deg)}
body[data-lang="en"] .lens-menu{padding:8px 0}body[data-lang="en"] .lens-menu[hidden],body[data-lang="en"] .lens-answer[hidden]{display:none}
body[data-lang="en"] .lens-menu button{display:flex;justify-content:space-between;width:100%;min-height:48px;padding:14px 6px;border:0;border-bottom:1px solid rgba(189,163,115,.12);background:transparent;color:#bbc4d1;text-align:left;font:15px/1.5 Georgia,serif;cursor:pointer}
body[data-lang="en"] .lens-menu button:hover,body[data-lang="en"] .lens-menu button[aria-pressed="true"]{color:#ecd09a;background:rgba(189,163,115,.04)}body[data-lang="en"] .lens-check{visibility:hidden}body[data-lang="en"] .lens-menu [aria-pressed="true"] .lens-check{visibility:visible}
body[data-lang="en"] .lens-answer{max-width:620px;padding:8px 0 0}body[data-lang="en"] .lens-answer h4{margin:0 0 17px;color:#e5d6b5;font:22px/1.45 Georgia,serif}body[data-lang="en"] .lens-answer p,body[data-lang="en"] .layer-copy p{color:#bfc7d3;font:16px/1.85 Arial,sans-serif;white-space:pre-line}
body[data-lang="en"] .layers-intro{margin:0 0 25px;color:#9aa7ba;font:14px/1.8 Arial}body[data-lang="en"] .ritual-layer{border-top:1px solid rgba(189,163,115,.19)}
body[data-lang="en"] .ritual-layer summary{display:flex;align-items:center;gap:20px;min-height:94px;color:#dfcba2;font:20px/1.5 Georgia,serif;cursor:pointer;list-style:none}body[data-lang="en"] .ritual-layer summary::-webkit-details-marker{display:none}body[data-lang="en"] .ritual-layer summary>span{flex:1}body[data-lang="en"] .ritual-layer summary small{display:block;color:#8695ac;font:10px/1.4 Arial;letter-spacing:.12em}body[data-lang="en"] .ritual-layer summary b{font-size:22px;font-weight:400}body[data-lang="en"] .ritual-layer[open] summary b{transform:rotate(45deg)}
body[data-lang="en"] .change-diagram{display:grid;width:72px;gap:6px;margin:0 auto}body[data-lang="en"] .diagram-line{display:flex;height:4px;gap:10px}body[data-lang="en"] .diagram-line i{flex:1;background:#c0aa7f}body[data-lang="en"] .diagram-line.yin i{background:#a9b1bd}body[data-lang="en"] .diagram-line.marked{outline:1px solid #ddbe7a;outline-offset:2px}body[data-lang="en"] .ritual-layer summary .change-diagram{width:44px;gap:4px;margin:0}body[data-lang="en"] .ritual-layer summary .diagram-line{height:3px;gap:6px}
body[data-lang="en"] .change-pair{display:flex;align-items:center;justify-content:center;gap:32px;padding:28px 0 12px}body[data-lang="en"] .change-pair>div{flex:1;max-width:160px;text-align:center}body[data-lang="en"] .change-pair small{display:block;margin-top:16px;color:#acb6c6;font:12px/1.5 Arial;overflow-wrap:anywhere}body[data-lang="en"] .change-pair>span{color:#d0b276}body[data-lang="en"] .change-rule{margin:8px 0 26px;color:#99a8bf;text-align:center;font:12px/1.8 Arial}body[data-lang="en"] .layer-inside{padding:0 0 28px}body[data-lang="en"] .layer-copy{max-width:620px}

body[data-lang="en"] .ritual-share{box-sizing:border-box;width:min(500px,calc(100% - 32px));max-height:90dvh;padding:26px;overflow:auto;border:1px solid rgba(189,163,115,.4);border-radius:20px;background:#0b1629;color:#c2cad5;z-index:1000}body[data-lang="en"] .ritual-share::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}body[data-lang="en"] .ritual-share h2{color:#e6d1a7;font:30px/1.3 Georgia}body[data-lang="en"] .ritual-share>p{font:14px/1.7 Arial}body[data-lang="en"] .share-close{display:block;min-height:44px;margin-left:auto;border:0;background:none;color:#c5b692;cursor:pointer}body[data-lang="en"] .share-preview{display:block;width:210px;max-width:100%;height:auto;margin:24px auto;border-radius:10px}body[data-lang="en"] .share-actions{display:grid;gap:10px}body[data-lang="en"] .share-actions button,body[data-lang="en"] .share-actions a{box-sizing:border-box;min-height:46px;padding:12px;border:1px solid rgba(189,163,115,.31);border-radius:8px;background:rgba(189,163,115,.04);color:#e1c795;text-align:center;text-decoration:none;font:14px/1.5 Arial;cursor:pointer}body[data-lang="en"] .share-actions :disabled,body[data-lang="en"] .share-actions [aria-disabled="true"]{opacity:.4;pointer-events:none}
body[data-lang="en"] .modal-close{position:sticky!important;top:0!important;z-index:6;float:right;background:#101b2d!important;box-shadow:0 5px 18px rgba(0,0,0,.53)}body[data-lang="en"] .related-return{display:block;min-height:48px;margin:25px auto 0}

@media(max-width:840px){
 body[data-lang="en"] .ritual-result .result-layout{grid-template-columns:minmax(0,1fr);gap:28px}
 body[data-lang="en"] .ritual-result .result-card-column{position:relative;top:auto;width:100%}
 body[data-lang="en"] .ritual-result .reading-panel{padding:8px 22px 38px}
 body[data-lang="en"] .ritual-result .reading-panel #resultHeading{font-size:clamp(34px,9.5vw,46px);text-align:left}
 body[data-lang="en"] .ritual-result .reading-panel>.eyebrow{text-align:left}
 body[data-lang="en"] .ritual-result .reading-block{padding:29px 0}
 body[data-lang="en"] .ritual-result .priority-reading .reading-section-body{font-size:20px}
 body[data-lang="en"] .program-card{min-height:560px}
 body[data-lang="en"] .card-reveal-screen .ritual-card,body[data-lang="en"] .ritual-result .ritual-card{width:min(330px,88vw)}
 body[data-lang="en"] .trigram-map{width:min(330px,88vw)}
 body[data-lang="en"] .ritual-share{margin:auto auto 0;max-height:88dvh;border-radius:20px 20px 0 0}
}
@media(prefers-reduced-motion:reduce){body[data-lang="en"] .lens-toggle i{transition:none}}

/* If a phone cannot share PNG files, offer explicit file options. */
.ritual-save-fallback{box-sizing:border-box;width:min(490px,calc(100% - 24px));max-height:88dvh;overflow:auto;margin:auto;padding:24px;border:1px solid rgba(189,163,115,.5);border-radius:18px;background:#0b1629;color:#eee8d4;text-align:center;z-index:1001}
.ritual-save-fallback::backdrop{background:rgba(0,0,0,.84)}
.ritual-save-fallback .save-fallback-close{display:block;margin:0 0 14px auto;padding:10px 16px;border:1px solid rgba(189,163,115,.35);border-radius:999px;background:none;color:inherit;font:inherit;cursor:pointer}
.ritual-save-fallback h2{margin:0 0 14px;color:#e6d1a7;font:26px/1.3 Georgia,serif}
.ritual-save-fallback p{margin:0 auto 20px;max-width:36em;color:#d6d8dd;font:15px/1.7 Arial,sans-serif}
.ritual-save-fallback .save-fallback-actions{display:grid;gap:10px}
.ritual-save-fallback .save-fallback-actions a{display:block;padding:13px;border:1px solid rgba(189,163,115,.35);border-radius:9px;color:#e1c795;text-decoration:none;font:15px/1.5 Arial,sans-serif}