/* Celestial edition. Presentation only: the 78-card engine remains unchanged. */
:root{--paper:#f8f9fa;--ink:#232a38;--muted:#5e6675;--wine:#566787;--line:#dbdfe8;--shadow:0 18px 55px #252c390b;--shadow-soft:0 8px 26px #252c3908}
html{scroll-padding-top:24px}html,body{background:var(--paper);color:var(--ink)}body{background-image:radial-gradient(ellipse at 90% 0,#171e2d50,transparent 900px)}
header,main,footer{width:min(1200px,calc(100% - 48px))}header{padding:25px 0;border-bottom:1px solid var(--line)}
.brand{font-family:'Hahmlet',serif!important;font-weight:400!important;letter-spacing:-1.3px;color:#a6afbf}.brand small{letter-spacing:3px;color:var(--muted)}header nav a{font-size:13px;color:var(--muted)}
.celestial-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.05fr 1fr;min-height:570px;margin-top:24px;overflow:hidden;border-radius:24px;background:#111722;color:#edeff2}
.celestial-copy{position:relative;z-index:2;align-self:center;padding:65px 0 65px 50px}.celestial-copy .section-kicker{font-size:10px;letter-spacing:2.5px;color:#d0d4dd}.celestial-copy h1{font-family:'Hahmlet',serif!important;font-size:clamp(34px,3.5vw,52px);font-weight:400;line-height:1.45;letter-spacing:-2px;color:#edeff2;margin:26px 0}.celestial-copy p{font-size:15px;line-height:1.9;color:#d1d5dd;margin:0 0 30px}.celestial-copy small{display:block;font-size:11px;color:#b6bdcb;margin-top:23px}.celestial-actions{display:flex;align-items:center;gap:26px}.celestial-actions .primary{background:#171e2c;color:#a6afbf;min-height:54px;padding:15px 24px}.hero-today{color:#dfe2e7;font-size:13px;min-height:44px;display:inline-flex;align-items:center}
.celestial-art{position:absolute;inset:0 0 0 36%;overflow:hidden;z-index:0}.moon-art{width:100%;height:100%;object-fit:cover;opacity:.85;mask-image:linear-gradient(90deg,transparent,#000000 25%)}.celestial-deck{position:absolute;left:42%;bottom:45px;width:130px;height:195px;filter:drop-shadow(0 14px 16px #00000088)}.celestial-deck img{position:absolute;inset:0;width:100%;height:100%;border-radius:7px;border:1px solid #61729470;object-fit:cover;transform-origin:50% 110%;animation:celestial-float 7s ease-in-out infinite}.celestial-deck img:first-child{rotate:-23deg;translate:-36px 7px;animation-delay:-2s}.celestial-deck img:last-child{rotate:23deg;translate:36px 7px;animation-delay:-4s}.hero-art-caption{position:absolute;right:28px;top:28px;font-size:8px;letter-spacing:2px;color:#c8ced8}.ritual-steps{display:flex;justify-content:center;gap:45px;padding:26px 0 34px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.ritual-steps b{font-family:'Hahmlet',serif!important;font-weight:400;color:var(--wine);margin-right:10px}
.home-reading-start{padding-top:50px!important;scroll-margin-top:20px}.home-select-intro p{font-family:'Hahmlet',serif!important;font-size:28px!important;font-weight:400!important;letter-spacing:-1px}.section-heading h2{font-weight:500;letter-spacing:-.7px}.section-kicker,.step-label,.kicker{color:var(--wine)}.home-two-column{gap:16px!important}.reading-tile,.reading-tile.small{background:linear-gradient(135deg,#151b28,#161d2a)!important;border:1px solid var(--line)!important;border-radius:18px!important;box-shadow:none;min-height:185px;padding:26px!important;overflow:hidden}.reading-tile:hover{border-color:#4d5a75!important;box-shadow:0 12px 32px #5a6b8d1a}.tile-top{font-size:24px!important;font-weight:500!important}.tile-bottom{color:var(--muted)!important;line-height:1.7}.tile-link{color:var(--wine)!important}.tile-card-thumb{rotate:7deg;filter:drop-shadow(0 5px 8px #242b3820)}.tile-index{color:#a6afbf}.tile-link:after{content:' ↗'}
.button{border-radius:999px;min-height:48px;font-size:14px}.button.primary{background:#4b6392;color:white;border-color:transparent}.button.primary:hover{background:#3d5177}.celestial-actions .primary{background:#171e2c;color:#a6afbf}.button.secondary{border:1px solid #5b6b8b;background:transparent;color:var(--ink)}
.reading-intro{padding:32px 0 15px}.reading-intro h1{font-family:'Hahmlet',serif!important;font-weight:400!important;letter-spacing:-1.5px}.reading-meta span{color:var(--wine)}.question-panel,.question-modal-panel{background:#151c29!important;border:1px solid #617294!important;box-shadow:0 25px 60px #11141b33;border-radius:22px!important}.question-panel textarea{background:#161c2a;border-color:#617294;color:var(--ink);border-radius:12px}.situation-options label span,.count-options label span{background:#161d2a;border-color:#617294;color:#a6afbf}.situation-options input:checked+span,.count-options input:checked+span{background:#171e2c;color:#a6afbf;border-color:#445068}
.tarot-table-surface{background:radial-gradient(ellipse at 50% 0,#394b6f77,transparent 70%),#131925;border-color:#323b4d;color:#e5e8ed;box-shadow:0 24px 60px #15192026}.tarot-table-surface:after{background:radial-gradient(#171f2e55 .6px,transparent .8px);background-size:47px 47px;mix-blend-mode:normal;opacity:.25}.table-topline>div>span,.table-topline>div>strong,.spread-slot>strong,.spread-slot .slot-index,.tarot-table .selection-note,.picked-list span{color:#d8dbe2!important}.spread-slot{border-color:#3f4b6177;background:#151b2804}.spread-slot.is-next{border-color:#617294;background:#19213012;box-shadow:0 0 26px #a7b1c620}.spread-slot-card:empty:before{background:#151b2805;border-color:#505e7a55}.table-shuffle,.preview-shuffle{background:#151b2809;color:#e6e8ed;border-color:#45526a77;min-height:44px}.deck-wrap,.preview-deck{background:#0b0e1540;border-color:#3f4b6144}.card-back,.preview-card,.flight-card-back{background:#131925 url('/artwork/premium/card-back.webp') center/100% 100% no-repeat!important;border-color:#48556f!important}.card-button[aria-pressed=true]{outline-color:#617294}.question-table-preview{opacity:.85}.question-modal-layer{background:transparent}.progress-dots .filled{background:var(--wine)}
.results-heading h2{font-family:'Hahmlet',serif!important;font-weight:400!important}.reading-answer,.synthesis{background:linear-gradient(120deg,#161e2c,#161d2a)!important;border-color:#607293!important;color:var(--ink)}.question-echo,.question-focus,.reading-context-answer,.insight-card,.result-position,.combination-reading,.daily-grid>div{background:#151b28!important;border-color:var(--line)!important;border-radius:18px}.result-position{padding:30px!important;margin-bottom:18px}.result-position>p{line-height:1.95}.keywords span{background:#161d2b;color:#a6afbf}.session-spread-shell{background:#151c29f5!important;border-color:var(--line)!important;backdrop-filter:blur(14px)}.session-spread-head,.session-spread-toggle{color:var(--wine)!important}.deep-reading-offer{position:relative;overflow:hidden;background:linear-gradient(125deg,#18202f,#2b3953)!important;border:1px solid #343e50!important;color:#edeff2!important;border-radius:22px;padding:34px!important}.deep-reading-offer h2,.deep-reading-price,.deep-reading-preview strong{color:#edeff2!important}.deep-reading-offer p,.deep-reading-preview p,.deep-reading-kicker,.deep-reading-preview article>span{color:#cdd1da!important}.deep-reading-preview article{border-color:#404b6144!important;background:transparent!important}.deep-reading-offer .primary{background:#171f2d;color:#a6afbf}.offer-policy{display:inline-block;min-height:44px;padding-top:12px;font-size:12px;text-decoration:underline;color:#dbdee5}.deep-reading-note{line-height:1.7}.result-actions{gap:10px}
.home-info-card,.guide-list>a,.info-card,.info-block,.card-meaning-grid>article,.card-topic-grid>article,.saved-reading-card,.faq-list details,.home-faq details,.reading-depth-grid article{background:#151b28!important;border-color:var(--line)!important;box-shadow:none}.legal,.guide-page,.info-page{color:var(--ink)}.info-hero{width:100%;max-width:none;background:transparent!important;background-color:transparent!important}.info-hero h1,.legal h1{font-family:'Hahmlet',serif!important;font-weight:400!important}.deep-reading-checkout-strip{background:#161d2b;border-color:#617294}.deep-reading-guide-block,.deep-reading-compare-block{border-color:var(--line)}.merchant-info,.merchant-info span,.merchant-info strong,.merchant-info a{color:#a6afbf!important}footer{margin-top:60px;border-top:1px solid var(--line)}
:focus-visible{outline:3px solid #4a5771!important;outline-offset:4px!important}a,button{-webkit-tap-highlight-color:#b6bfd133}.home-info-card p,.legal p{line-height:1.85}#main{min-width:0}img{max-width:100%}
@keyframes celestial-float{50%{transform:translateY(-9px)}}
@media(min-width:1000px){.primary-grid.home-two-column{grid-template-columns:repeat(3,minmax(0,1fr))!important}.secondary-grid.home-two-column{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:900px){.celestial-copy{padding-left:32px}.celestial-copy h1{font-size:37px}.celestial-art{left:29%}.ritual-steps{gap:20px}.celestial-deck{width:110px;height:165px;left:50%}.celestial-hero{min-height:520px}}
@media(max-width:720px){header,main,footer{width:calc(100% - 32px)}header{padding:20px 0 15px;gap:15px}.brand{font-size:29px!important}header nav{width:100%;gap:8px;justify-content:space-between}header nav a{font-size:11px}.celestial-hero{display:flex;flex-direction:column;min-height:660px;margin-top:16px;border-radius:19px}.celestial-copy{align-self:stretch;padding:34px 26px 0}.celestial-copy h1{font-size:36px;line-height:1.38;margin:20px 0}.celestial-copy p{font-size:13px;line-height:1.8;margin-bottom:21px}.celestial-copy .section-kicker{font-size:8px;letter-spacing:1.8px}.celestial-actions{gap:19px}.celestial-actions .primary{font-size:13px;padding:13px 20px;min-height:48px}.hero-today{font-size:12px}.celestial-copy small{font-size:10px;margin-top:15px}.celestial-art{inset:295px 0 0}.moon-art{mask-image:linear-gradient(180deg,transparent,#000000 22%);object-position:center}.celestial-deck{left:calc(50% - 48px);bottom:22px;width:96px;height:144px}.hero-art-caption{display:none}.ritual-steps{padding:22px 0;gap:10px;justify-content:space-between;font-size:9px;align-items:flex-start}.ritual-steps span{flex:1;text-align:center;line-height:1.7}.ritual-steps b{display:block;font-size:15px;margin:0 0 4px}.home-select-intro p{font-size:23px!important}.home-reading-start{padding-top:32px!important}.home-two-column{gap:10px!important}.reading-tile,.reading-tile.small{padding:18px 15px!important;min-height:190px;border-radius:15px!important}.primary-grid .reading-tile .tile-top{font-size:24px!important}.secondary-grid .reading-tile .tile-top{font-size:24px!important}.tile-bottom{font-size:12px!important}.tile-link{font-size:11px!important}.tile-index{font-size:8px!important}.section-heading>span{font-size:8px}.result-position{padding:22px 18px!important}.deep-reading-offer{padding:25px 20px!important}.result-actions{display:grid;grid-template-columns:1fr 1fr}.result-actions .button{font-size:12px;padding:12px 8px;white-space:normal}.deep-reading-kicker{gap:12px;flex-wrap:wrap}.table-topline{gap:8px}.table-topline>div{flex-wrap:wrap}.question-modal-panel{padding:24px 20px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.celestial-deck img{transform:none}.motion-ready [data-reveal],.entry-reveal-lock [data-reveal]{opacity:1!important;translate:none!important}}
/* Interactive celestial portals and a tactile 78-card ribbon. */
.celestial-hero{min-height:650px;--pointer-x:0px;--pointer-y:0px}.celestial-copy{align-self:start;padding-top:80px;max-width:56%}.celestial-art{inset:0 0 0 28%}.celestial-art .moon-art{transform:translate(var(--pointer-x),var(--pointer-y)) scale(1.06);transition:transform .6s ease;opacity:.72}.celestial-hero:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#111722 2%,#111722cc 27%,transparent 67%);pointer-events:none}.celestial-copy{grid-column:1/-1}.portal-cards{position:absolute;z-index:3;right:8%;bottom:92px;display:flex;gap:20px;perspective:1300px;transform:translate(calc(var(--pointer-x) * -1),calc(var(--pointer-y) * -1));transition:transform .6s ease}.portal-card{display:block;position:relative;width:142px;height:213px;perspective:900px;transform:rotate(-13deg) translateY(22px);transition:transform .5s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 20px 22px #00000077);text-decoration:none}.portal-1{transform:translateY(-8px)}.portal-2{transform:rotate(13deg) translateY(22px)}.portal-turn{display:block;position:absolute;inset:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.72,.25,1)}.portal-front,.portal-back{position:absolute;inset:0;backface-visibility:hidden;border-radius:9px;overflow:hidden;border:1px solid #596989}.portal-front{transform:rotateY(180deg);background:#171e2c}.portal-card img{display:block;width:100%;height:100%;object-fit:cover}.portal-label{position:absolute;left:50%;bottom:-53px;translate:-50% 0;text-align:center;width:150px;color:#edeff2}.portal-label small{display:block;letter-spacing:3px;font-size:8px;color:#c3c9d4;margin-bottom:5px}.portal-label strong{font-size:13px;font-weight:500}.portal-card:focus-visible,.portal-card:hover{transform:translateY(-32px) rotate(0);z-index:5}.portal-card:focus-visible .portal-turn,.portal-card:hover .portal-turn{transform:rotateY(180deg)}.hero-interaction-note{position:absolute;z-index:4;bottom:22px;left:38px;right:28px;display:flex;justify-content:space-between;align-items:center;color:#bec4d0;font-size:10px}.motion-toggle{background:transparent;color:#dadde4;border:1px solid #5a6a8a55;border-radius:30px;padding:10px 15px;min-height:44px;font-size:10px;cursor:pointer}.orbit-ring{position:absolute;width:520px;height:520px;border:1px solid #6172942b;border-radius:50%;left:18%;top:8%;z-index:2;pointer-events:none;animation:orbit-turn 28s linear infinite}.orbit-ring:before{content:'';position:absolute;top:47px;left:95px;width:7px;height:7px;background:#171e2c;border-radius:50%;box-shadow:0 0 22px #d4dae4}.orbit-two{width:680px;height:680px;left:5%;top:-5%;animation-direction:reverse;animation-duration:40s;border-color:#61729414}.motion-paused .orbit-ring{animation-play-state:paused}.motion-paused .celestial-art .moon-art,.motion-paused .portal-cards{transform:none;transition:none}@keyframes orbit-turn{to{rotate:360deg}}
[data-reading] #reading-app{max-width:1100px}.selection-heading{text-align:center;margin-bottom:24px}.selection-heading .progress-dots{justify-content:center}.tarot-table-surface{padding:30px!important;border-radius:28px;background:radial-gradient(ellipse at 50% 20%,#445a8455,transparent 55%),radial-gradient(ellipse at 50% 100%,#30405e66,transparent 65%),#121722}.table-topline{padding-bottom:18px;border-bottom:1px solid #61729422}.tarot-table .spread-board{max-width:780px;margin:24px auto 30px;gap:14px}.tarot-table .spread-slot{min-height:205px;padding:14px 8px 12px;border-radius:14px;background:linear-gradient(#151b2806,#151b2800)}.tarot-table .spread-slot-card,.tarot-table .spread-slot-card .mini-card{width:90px;height:135px}.tarot-table .spread-slot>strong{font-size:11px;min-height:32px}.tarot-table .spread-slot-card:empty:before{width:76px;height:114px;background:radial-gradient(ellipse,#1a23330a,transparent);border:1px solid #54638133}.tarot-table .spread-slot.is-next{box-shadow:0 0 35px #abb5c91c,inset 0 0 30px #abb5c90a}.deck-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;border-top:1px solid #60729422;padding-top:22px}.deck-caption{letter-spacing:2.5px;font-size:9px;color:#c3c8d3}.deck-controls p{font-size:13px;color:#d1d5dd;margin:8px 0 0}.deck-controls button,.deck-navigation button{border:1px solid #4d5b7655;background:#181f2e09;color:#e7e9ed;min-height:44px;border-radius:30px;padding:11px 16px;cursor:pointer;font-size:11px}.tarot-table .deck-wrap{overflow:visible;background:transparent;border:0;margin:0}.tarot-table .deck{display:flex!important;gap:0!important;overflow-x:auto!important;overflow-y:hidden;max-width:100%;padding:48px 22px 35px!important;background:transparent!important;border:0;box-shadow:none;scrollbar-width:thin;scrollbar-color:#8796b2 #ffffff05;touch-action:pan-x pan-y;cursor:grab;overscroll-behavior-x:contain}.tarot-table .deck .card-button{flex:0 0 112px;width:112px!important;height:168px!important;aspect-ratio:2/3;margin-right:-24px;transform:rotate(var(--ribbon-tilt));border-radius:8px;box-shadow:0 5px 18px #00000066;transition:transform .25s ease,opacity .25s ease;touch-action:pan-x pan-y}.tarot-table .deck .card-button:last-child{margin-right:0}.tarot-table .deck .card-button:hover:not(:disabled),.tarot-table .deck .card-button:focus-visible{transform:translateY(-25px) rotate(0) scale(1.04)!important;z-index:10;filter:drop-shadow(0 0 12px #b2bcce4a)}.tarot-table .deck.is-dragging{cursor:grabbing}.tarot-table .deck.is-dragging .card-button{pointer-events:none}.deck-navigation{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:4px}.deck-navigation span{color:#b3bac8;font-size:10px;letter-spacing:.5px}.deck-navigation button{width:46px;font-size:18px;padding:0}.deck-navigation button:disabled{opacity:.3;cursor:default}.tarot-table .deck.is-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;gap:10px!important;overflow:visible!important;padding:30px 0!important;cursor:default}.tarot-table .deck.is-grid .card-button{width:100%!important;height:auto!important;aspect-ratio:2/3;margin:0;transform:none}.tarot-table .picked-list span{background:#151b2808}.tarot-table .selection-note{text-align:center;line-height:1.8}.table-shuffle:disabled{opacity:.4}
@media(max-width:1000px){.celestial-copy{max-width:62%;padding-left:32px}.portal-cards{right:8%;gap:14px;bottom:87px}.portal-card{width:115px;height:172.5px}.celestial-hero{min-height:680px}.tarot-table .deck.is-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important}}
@media(max-width:720px){.celestial-hero{min-height:790px}.celestial-copy{padding:32px 24px 0;max-width:none}.celestial-copy h1{font-size:36px}.celestial-art{inset:280px -80px 0}.celestial-hero:after{background:linear-gradient(180deg,#111722 25%,#111722aa 42%,transparent 64%)}.portal-cards{right:auto;left:50%;translate:-50% 0;bottom:123px;gap:14px;width:max-content}.portal-card{width:85px;height:127.5px}.portal-label{width:100px;bottom:-48px}.portal-label strong{font-size:12px}.portal-label small{font-size:7px;letter-spacing:2px}.portal-card:hover,.portal-card:focus-visible{transform:translateY(-17px)}.hero-interaction-note{left:18px;right:18px;bottom:14px;gap:10px;font-size:8px}.motion-toggle{font-size:9px;padding:8px 10px}.orbit-ring{width:400px;height:400px;left:12%;top:8%}.orbit-two{width:480px;height:480px;left:5%;top:0}.tarot-table-surface{padding:18px 12px!important;border-radius:20px}.tarot-table .spread-board{gap:7px;margin:18px auto;grid-template-columns:repeat(3,minmax(0,1fr))}.tarot-table .spread-board.spread-1{grid-template-columns:1fr;max-width:140px}.tarot-table .spread-board.spread-2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:260px}.tarot-table .spread-slot{min-height:150px;padding:10px 4px}.tarot-table .spread-slot>strong{font-size:9px;padding:0 6px}.tarot-table .spread-slot-card,.tarot-table .spread-slot-card .mini-card{width:60px;height:90px}.tarot-table .spread-slot-card:empty:before{width:54px;height:81px}.deck-controls{gap:8px;align-items:flex-start}.deck-caption{font-size:7px;letter-spacing:1.2px}.deck-controls p{font-size:10px;max-width:170px;line-height:1.6}.deck-controls button{font-size:9px;white-space:nowrap;padding:10px;flex-shrink:0}.tarot-table .deck .card-button{flex-basis:88px;width:88px!important;height:132px!important;margin-right:-17px}.tarot-table .deck{padding:35px 12px 25px!important}.tarot-table .deck.is-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:7px!important}.table-topline>div>span{font-size:8px}.table-topline>div>strong{font-size:12px}.table-shuffle{font-size:10px;padding:10px}.selection-heading h2{font-size:24px}.selection-heading p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.orbit-ring{animation:none!important}.portal-turn{transition:none}.celestial-art .moon-art,.portal-cards{transform:none!important}.tarot-table .deck .card-button:hover:not(:disabled),.tarot-table .deck .card-button:focus-visible{transform:none!important}}
@media(min-width:721px){.portal-cards{bottom:115px}.selection-heading h2{font-size:36px!important;font-weight:500!important;letter-spacing:-1.2px}.tarot-table .spread-slot{min-height:180px}.tarot-table .spread-board{margin:18px auto 22px;padding:10px;background:#151b2803;border:1px solid #6172941a}.tarot-table-surface{padding:24px!important}.tarot-table .deck{padding-top:36px!important;padding-bottom:26px!important}}
@media(max-width:720px){.tarot-table .spread-board{background:#151b2803;border:1px solid #6172941a;padding:8px}}
@media(min-width:721px) and (max-width:1000px){.portal-cards{bottom:145px}}

/* Midnight silver: one atmosphere from the first card to the final reading. */
:root{color-scheme:dark;--paper:#101323;--ink:#edf0f5;--muted:#aeb9ca;--wine:#c2d5e9;--line:#303b50;--pink:#c2d5e9;--blue:#243348;--shadow:0 18px 55px #0003;--shadow-soft:0 8px 26px #0002}
html,body{background:#101323;color:var(--ink)}body{background-image:radial-gradient(ellipse at 80% 0,#23334b55,transparent 1100px)}
.brand,.brand small{color:var(--ink)}header nav a{color:var(--muted)}
.button.primary,.celestial-actions .primary,.deep-reading-offer .primary{background:#d9e5f1;color:#111a29;border:1px solid #e5edf5}.button.primary:hover{background:#f1f5fa;color:#111a29}.button.primary>span{color:inherit}.button.secondary{border-color:#64758e;color:#dae3ee;background:#ffffff03}
.reading-tile,.reading-tile.small{background:linear-gradient(140deg,#1c2537,#141b2a)!important;border-color:#344159!important}.reading-tile:hover{background:linear-gradient(140deg,#26354b,#182235)!important;border-color:#8aaccb!important}.tile-top{color:#edf0f5}.tile-index{color:#aeb9ca}.tile-card-thumb{filter:drop-shadow(0 8px 12px #0005)}
.question-panel,.question-modal-panel{background:#171f30!important;border-color:#40506a!important}.question-panel textarea{background:#101827;color:#edf0f5;border-color:#475972}textarea::placeholder{color:#98a8bc}.situation-options label span,.count-options label span{background:#182233;border-color:#3b4c65;color:#c6d2e2}.situation-options input:checked+span,.count-options input:checked+span{background:#d4e1ef;color:#152135;border-color:#e4edf6}
.home-info-card,.guide-list>a,.info-card,.info-block,.card-meaning-grid>article,.card-topic-grid>article,.saved-reading-card,.faq-list details,.home-faq details,.reading-depth-grid article{background:#161e2e!important;border-color:var(--line)!important}
.results-heading{padding:28px 0 12px}.results-heading h2{color:#f1f2f7;line-height:1.5}.results-heading>p{color:#b7c4d5}.question-echo,.question-focus,.reading-context-answer,.insight-card,.result-position,.combination-reading,.daily-grid>div{background:linear-gradient(135deg,#1a2436,#151d2c)!important;border:1px solid #344159!important;border-radius:18px}.result-position>p,.question-focus p,.insight-card p,.combination-reading p{color:#cbd5e2}.result-title h3{color:#f0f3f7}.reading-answer,.synthesis{background:radial-gradient(ellipse at 100% 0,#34506a55,transparent 70%),#1b293c!important;color:#edf0f5!important;border:1px solid #68819d!important;border-radius:20px;padding:30px!important}.reading-answer strong{color:#edf0f5;line-height:1.7}.synthesis p{color:#d4dfeb}.keywords span{background:#2b3b50;color:#d9e6f3;border-radius:20px;padding:5px 10px}.session-spread-shell{background:#101827f5!important;border-color:#42546c!important}.deep-reading-offer{background:radial-gradient(ellipse at 100% 0,#3d5e7c66,transparent 65%),#192639!important;border-color:#6c87a3!important}.deep-reading-offer h2,.deep-reading-price,.deep-reading-preview strong{color:#eff3f8!important}.deep-reading-offer p,.deep-reading-preview p,.deep-reading-kicker,.deep-reading-preview article>span{color:#c2d0e0!important}.deep-reading-checkout-strip{background:#24334a;border-color:#4a607a}.merchant-info,.merchant-info span,.merchant-info strong,.merchant-info a{color:#aeb9ca!important}
.mini-card,.mini-card.blue,.card-front{background:#111b2c!important;border:1px solid #8298b2!important;outline-color:#405570;color:#e2eaf3;box-shadow:0 9px 25px #0005;border-radius:9px}.mini-card .roman,.mini-card strong,.card-front .card-number{color:#e0eaf5!important;letter-spacing:1px}.mini-card img,.artwork-holder img{mix-blend-mode:normal!important}.mini-card .artwork-holder{border:1px solid #72859d55;border-radius:3px;overflow:hidden}.portal-front{background:#111b2c;border-color:#91a7c1}
:focus-visible{outline-color:#b4d5f2!important}::selection{background:#708da366;color:#fff}.skip{background:#d9e5f1;color:#111a29}
@media(max-width:720px){.reading-answer,.synthesis{padding:23px 20px!important}.results-heading h2{font-size:27px}.result-position>p{line-height:1.95}}
.results-heading .step-label,.selection-heading .step-label,.panel-heading .step-label{background:#233247;color:#d4e4f3;border-color:#49617c}
.button.primary:not(:disabled):hover{background:#f1f5fa;color:#111a29}


/* Result chamber v2 — carry the midnight-silver tarot table through the full reading. */
.question-table-preview{
  opacity:1!important;
  filter:none!important;
  transform:none!important;
}
.question-table-preview .tarot-table-surface{
  background:
    radial-gradient(ellipse at 50% 20%,#445a8455,transparent 55%),
    radial-gradient(ellipse at 50% 100%,#30405e66,transparent 65%),
    #121722!important;
  border-color:#323b4d!important;
  box-shadow:0 24px 60px #080b1266!important;
}
.question-modal-layer{
  background:transparent!important;
}
.question-modal-panel{
  background:linear-gradient(145deg,rgba(20,29,45,.93),rgba(13,20,33,.91))!important;
  border:1px solid #6f839d!important;
  box-shadow:0 30px 80px #05070d99,0 0 0 1px #dce7f00c inset!important;
  -webkit-backdrop-filter:blur(18px) saturate(1.08);
  backdrop-filter:blur(18px) saturate(1.08);
}
.question-modal-panel .panel-heading h2{
  color:#f1f4f8;
  font-family:'Hahmlet',serif!important;
  font-weight:400;
}
.question-modal-panel .panel-heading p,
.question-modal-panel .privacy-note{
  color:#aebdce;
}

.results-heading{
  width:min(940px,100%);
  margin:48px auto 28px;
  padding:0 0 30px!important;
  text-align:left;
  border-bottom:1px solid #3b4960;
  position:relative;
}
.results-heading:after{
  content:'';
  position:absolute;
  left:0;
  bottom:-1px;
  width:92px;
  height:1px;
  background:linear-gradient(90deg,#dce7f0,transparent);
  box-shadow:0 0 16px #bcd2e566;
}
.results-heading .step-label{
  display:inline-flex;
  margin-bottom:15px;
  background:transparent!important;
  border:1px solid #52647e!important;
  color:#cbd9e7!important;
  letter-spacing:.14em;
}
.results-heading h2{
  margin:0;
  color:#f4f6f9;
  font-size:clamp(31px,4.2vw,46px)!important;
  line-height:1.28!important;
  letter-spacing:-.045em;
}
.results-heading>p:not(.question-echo){
  max-width:650px;
  margin-top:11px;
  color:#9fadc0!important;
  font-size:14px;
}
.results-heading .question-echo{
  width:min(760px,100%);
  margin:22px 0 0;
  padding:11px 0 11px 17px;
  background:transparent!important;
  border:0!important;
  border-left:1px solid #8095ae!important;
  border-radius:0!important;
  color:#d9e2ec!important;
  line-height:1.75;
}

.session-spread-shell{
  border:1px solid #3e4d64!important;
  background:linear-gradient(180deg,rgba(14,22,36,.97),rgba(12,18,31,.95))!important;
  box-shadow:0 18px 50px #05070c55,0 1px 0 #ffffff08 inset;
}
.session-spread-head{
  border-bottom-color:#2f3c51!important;
}
.session-spread-head>span,
.session-spread-toggle{
  color:#bccbdd!important;
}

.reading-answer{
  position:relative;
  overflow:hidden;
  margin-top:26px;
  background:
    radial-gradient(circle at 92% 4%,#6e8ca735,transparent 36%),
    linear-gradient(135deg,#1b293d,#141d2d)!important;
  border:1px solid #71869e!important;
  box-shadow:0 18px 45px #05080f3d,0 0 34px #8ba9c315 inset!important;
  padding:30px 30px 31px 34px!important;
}
.reading-answer:before{
  content:'';
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  background:linear-gradient(180deg,transparent,#d5e1eb,transparent);
  box-shadow:0 0 14px #d5e1eb66;
}
.reading-answer>span{
  color:#aebfd1!important;
  letter-spacing:.12em;
}
.reading-answer>strong{
  max-width:780px;
  color:#f4f7fa!important;
  font-family:'Hahmlet',serif!important;
  font-size:clamp(22px,3.2vw,31px)!important;
  line-height:1.55!important;
  letter-spacing:-.035em;
  font-weight:400!important;
}

.question-focus{
  background:linear-gradient(135deg,rgba(25,36,55,.78),rgba(15,24,39,.78))!important;
  border:1px solid #3a4960!important;
  border-left-color:#8398af!important;
  box-shadow:inset 0 1px 0 #ffffff08;
}
.question-focus h3{
  color:#eef3f7!important;
  font-family:'Hahmlet',serif!important;
  font-weight:400;
}
.question-focus p,
.question-focus small{
  color:#b9c6d6!important;
}
.question-focus .question-focus-counterpoint{
  background:#0e1727aa!important;
  border-left-color:#7289a3!important;
}
.question-focus .question-focus-next{
  border-top-color:#34445b!important;
}

.reading-context-answer{
  margin-top:-8px;
  background:transparent!important;
  border:0!important;
  border-top:1px solid #35445a!important;
  border-bottom:1px solid #35445a!important;
  border-radius:0!important;
  padding:18px 2px!important;
}
.reading-context-answer>span{
  color:#a8b9cc!important;
  letter-spacing:.08em;
}
.reading-context-answer>p{
  color:#cbd6e2!important;
}

.reading-insights{
  gap:14px;
}
.insight-card{
  min-height:178px;
  background:
    linear-gradient(145deg,rgba(28,40,60,.88),rgba(17,26,42,.88))!important;
  border:1px solid #3c4d65!important;
  box-shadow:inset 0 1px 0 #ffffff08;
}
.insight-card.timing-card{
  background:
    radial-gradient(circle at 100% 0,#607c9822,transparent 48%),
    linear-gradient(145deg,#1c293d,#151e2e)!important;
  border-color:#526981!important;
}
.insight-label{
  color:#9fb3c8!important;
}
.insight-card>strong{
  color:#f0f4f8!important;
  font-family:'Hahmlet',serif!important;
  font-weight:400!important;
}
.insight-card>p,
.timing-basis,
.timing-disclaimer{
  color:#b8c5d4!important;
}

.result-position{
  position:relative;
  overflow:hidden;
  padding:31px!important;
  margin-top:16px!important;
  background:linear-gradient(145deg,rgba(22,31,48,.94),rgba(15,23,38,.94))!important;
  border:1px solid #35445b!important;
  border-top-color:#536a82!important;
  box-shadow:0 12px 30px #05070c26,inset 0 1px 0 #ffffff08;
}
.result-position:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 100% 0,#7590aa12,transparent 34%);
}
.result-title{
  position:relative;
  z-index:1;
  border-bottom:1px solid #334258!important;
}
.result-title>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:35px;
  height:25px;
  padding:0 8px;
  margin-top:1px;
  border:1px solid #52677f;
  border-radius:999px;
  color:#c0d0df!important;
  font-size:10px!important;
  letter-spacing:.1em;
}
.result-title h3{
  color:#f3f5f8!important;
  font-family:'Hahmlet',serif!important;
  font-weight:400!important;
  font-size:clamp(20px,2.5vw,25px)!important;
}
.card-meta{
  color:#8999ac!important;
}
.result-position>p{
  position:relative;
  z-index:1;
  color:#c6d1de!important;
}
.result-position .keywords{
  position:relative;
  z-index:1;
}
.result-position .keywords span{
  background:#223148!important;
  border:1px solid #394d67;
  color:#c9d9e8!important;
  border-radius:999px;
}
.context-example{
  position:relative;
  z-index:1;
  background:#0e1726aa!important;
  border:0!important;
  border-left:1px solid #71869e!important;
  border-radius:0 12px 12px 0!important;
}
.context-example strong{
  color:#aebfd1!important;
}
.context-example span,
.lens,
.caution{
  color:#9fadc0!important;
}
.caution{
  border-top-color:#34445a!important;
}

[data-reading] .result-position .detail-card .mini-card{
  border-color:#8297ad!important;
  box-shadow:0 12px 32px #03050a66,0 0 0 1px #d9e5f10a inset!important;
}

.combination-reading{
  background:linear-gradient(135deg,rgba(20,30,47,.72),rgba(14,22,36,.72))!important;
  border:1px solid #3b4b62!important;
  box-shadow:inset 0 1px 0 #ffffff08;
}
.combination-reading h2{
  color:#f2f5f8;
  font-family:'Hahmlet',serif!important;
  font-weight:400;
}
.combination-grid{
  gap:0;
  border-top:1px solid #334259;
}
.combination-grid article{
  padding:16px 2px!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid #2f3e53!important;
  border-radius:0!important;
}
.combination-meta>span{
  color:#94a7bb!important;
}
.combination-meta>strong{
  color:#e7edf3!important;
}
.combination-grid p{
  color:#b9c6d4!important;
}

.synthesis{
  position:relative;
  overflow:hidden;
  margin-top:24px;
  background:
    radial-gradient(circle at 15% 0,#6b88a52d,transparent 38%),
    linear-gradient(135deg,#1b2a40,#121c2c)!important;
  border:1px solid #748aa2!important;
  box-shadow:0 20px 55px #04070d40,0 0 45px #9bb3ca10 inset!important;
}
.synthesis:after{
  content:'';
  position:absolute;
  right:-70px;
  top:-95px;
  width:220px;
  height:220px;
  border:1px solid #b9c9d619;
  border-radius:50%;
  box-shadow:0 0 0 42px #b9c9d608,0 0 0 86px #b9c9d604;
  pointer-events:none;
}
.synthesis .step-label,
.synthesis h2,
.synthesis p{
  position:relative;
  z-index:1;
}
.synthesis .step-label{
  color:#afc0d2!important;
}
.synthesis h2{
  color:#f3f6f9;
  font-family:'Hahmlet',serif!important;
  font-weight:400!important;
}
.synthesis p{
  color:#cbd6e2!important;
}

.related{
  margin-top:42px;
  padding-top:30px;
  border-top:1px solid #344259;
}
.related h2{
  color:#edf2f7;
  font-family:'Hahmlet',serif!important;
  font-weight:400;
}
.related a{
  border-bottom-color:#2f3d52!important;
}
.related a span{
  color:#aebccc!important;
}
.related a strong{
  color:#dce6ef!important;
}
.related-icon{
  filter:grayscale(.8) saturate(.3);
  opacity:.78;
}

.result-actions{
  padding-top:8px;
}
.result-actions .button.primary{
  box-shadow:0 0 0 1px #ffffff12 inset,0 10px 30px #0003;
}
.result-actions .button.secondary{
  background:#111a2a!important;
  border-color:#41536c!important;
  color:#c8d4e2!important;
}
.result-actions .button.secondary:hover{
  background:#18243a!important;
  border-color:#6a829c!important;
}
.result-tools-foot{
  border-top-color:#303e53!important;
}
.result-tools-foot a{
  color:#b9c9d9!important;
}

@media(max-width:720px){
  .question-modal-panel{
    background:linear-gradient(145deg,rgba(20,29,45,.95),rgba(13,20,33,.94))!important;
  }
  .results-heading{
    margin-top:34px;
    padding-bottom:24px!important;
  }
  .results-heading h2{
    font-size:30px!important;
  }
  .reading-answer{
    padding:24px 20px 24px 24px!important;
  }
  .reading-answer>strong{
    font-size:22px!important;
  }
  .result-position{
    padding:22px 18px!important;
    border-radius:17px!important;
  }
  .reading-context-answer{
    padding:15px 0!important;
  }
  .insight-card{
    min-height:0;
  }
}


/* Question preview uses the same deck, card sizes and flex ribbon as selection. */
.question-table-preview .tarot-table .deck{
  pointer-events:none;
}
.question-table-preview .tarot-table .deck .card-button{
  pointer-events:none;
}
.question-table-preview .preview-view-toggle{
  display:inline-flex;
  align-items:center;
  color:#d8dbe2;
  border:1px solid #617294;
  border-radius:999px;
  padding:9px 12px;
  font-size:12px;
}
.question-table-preview .deck-navigation{justify-content:center}
.question-table-preview .tarot-table-surface,
.tarot-table .tarot-table-surface{
  background:radial-gradient(ellipse at 50% 20%,#445a8455,transparent 55%),radial-gradient(ellipse at 50% 100%,#30405e66,transparent 65%),#121722!important;
}
/* Only pale eyebrow variants get navy text; existing dark capsules remain untouched. */
.home-select-intro .section-kicker,
.reading-depth-head .section-kicker{
  color:#17263f;
}


/* Align dictionary / saved-reading title rhythm with other reading pages. */
.card-library-page .card-library-hero,
.saved-readings-page .saved-readings-hero{
  padding-top:32px;
}
.card-library-page .card-library-hero > .section-kicker,
.saved-readings-page .saved-readings-hero > .section-kicker{
  display:inline-flex;
  align-items:center;
  margin:0 0 18px;
}
.card-library-page .card-library-hero > h1,
.saved-readings-page .saved-readings-hero > h1,
.saved-readings-page .saved-readings-hero > .saved-readings-title{
  margin:0;
  font-family:'Hahmlet',serif!important;
  font-size:clamp(44px,7vw,72px);
  font-weight:400!important;
  line-height:1.13;
  letter-spacing:-1.5px;
  word-break:keep-all;
}
@media(max-width:650px){
  .card-library-page .card-library-hero,
  .saved-readings-page .saved-readings-hero{
    padding-top:32px;
  }
  .card-library-page .card-library-hero > .section-kicker,
  .saved-readings-page .saved-readings-hero > .section-kicker{
    margin-bottom:16px;
  }
  .card-library-page .card-library-hero > h1,
  .saved-readings-page .saved-readings-hero > h1,
.saved-readings-page .saved-readings-hero > .saved-readings-title{
    font-size:clamp(40px,11vw,54px);
  }
}

/* Keep the decorative 78-card preview visible before the real picking stage. */
.question-session-stage .question-table-preview .tarot-table .deck .card-button{
  opacity:1!important;
  visibility:visible!important;
  animation:none!important;
  transform:rotate(var(--ribbon-tilt))!important;
}
.question-session-stage .question-table-preview .tarot-table .deck{
  visibility:visible!important;
}


/* Eyebrow text-only reset — 2026-10-19 */
/* Replace every eyebrow capsule with understated, legible editorial text. */
html body :is(.kicker,.section-kicker,.step-label),
html body :is(.results-heading,.selection-heading,.panel-heading,.synthesis) .step-label,
html body .celestial-copy .section-kicker,
html body .home-select-intro .section-kicker,
html body .reading-depth-head .section-kicker{
  display:inline-flex;
  align-items:center;
  width:auto;
  max-width:100%;
  min-height:0;
  padding:0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  color:#bacce5!important;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.5;
  text-transform:uppercase;
}
html body :is(.kicker,.step-label)::before{
  color:#bacce5!important;
}
html body :is(.kicker,.section-kicker,.step-label) > *{
  background-color:transparent;
}
/* Keep labels on the lightest sections readable without restoring capsules. */
html body :is(.kicker,.section-kicker,.step-label):where(.on-light){
  color:#263b59!important;
}


/* Editorial reading report — calm hierarchy instead of stacked repeating cards. */
#reading-app:has(.results-heading) .results-heading{
  margin:30px auto 24px;
  text-align:center;
}
#reading-app:has(.results-heading) .results-heading h2{
  max-width:760px;
  margin:10px auto;
}
#reading-app:has(.results-heading) .reading-answer{
  position:relative;
  padding:clamp(32px,5vw,58px) clamp(24px,5vw,52px)!important;
  margin:0 auto 28px!important;
  border:1px solid #7188ad!important;
  border-radius:26px!important;
  background:radial-gradient(ellipse at 80% 0%,#526d994a,transparent 65%),linear-gradient(135deg,#253650,#131d31)!important;
  box-shadow:0 20px 64px #050b1e66, inset 0 1px #dce9ff26;
  text-align:center;
}
#reading-app .reading-answer>span{display:block;margin-bottom:18px;letter-spacing:.2em}
#reading-app .reading-answer>strong{display:block;max-width:740px;margin:auto;line-height:1.65}
#reading-app .reading-chapters{width:min(900px,100%);margin:52px auto 38px}
#reading-app .reading-chapters-head{margin-bottom:26px;text-align:center}
#reading-app .reading-chapters-head h2{
  margin:12px auto 8px;
  font:400 clamp(27px,4vw,41px)/1.35 'Hahmlet',serif;
  letter-spacing:-.04em;
}
#reading-app .reading-chapters-head p{color:#adbbce;font-size:14px}
#reading-app .reading-chapters-list{border-top:1px solid #4c607c}
#reading-app .reading-chapter{border-bottom:1px solid #3d4e67}
#reading-app .reading-chapter>summary{
  display:flex;align-items:center;gap:22px;min-height:106px;padding:19px 8px;
  list-style:none;cursor:pointer;transition:background .2s ease;
}
#reading-app .reading-chapter>summary::-webkit-details-marker{display:none}
#reading-app .reading-chapter>summary:hover{background:#94b8ef0b}
#reading-app .chapter-index{font:italic 29px/1 'Hahmlet',serif;color:#8297b5}
#reading-app .chapter-title{flex:1;min-width:0;display:grid;gap:5px}
#reading-app .chapter-title small{font-size:11px;color:#a6b9d0}
#reading-app .chapter-title strong{font:400 clamp(20px,3.1vw,27px)/1.4 'Hahmlet',serif;color:#f0f3f9}
#reading-app .chapter-title em{font:500 11px/1.4 Inter,Pretendard,sans-serif;color:#9eb4d0;margin-left:9px;white-space:nowrap}
#reading-app .chapter-toggle{font-size:27px;font-weight:200;color:#adbed4;transition:transform .25s ease}
#reading-app .reading-chapter[open] .chapter-toggle{transform:rotate(45deg)}
#reading-app .chapter-content{padding:0 0 28px}
#reading-app .chapter-content .result-position{
  margin:0!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
}
#reading-app .chapter-content .result-position:after{display:none}
#reading-app .reading-insights{margin-top:24px}
#reading-app .reading-insights .insight-card{box-shadow:none}
@media(max-width:650px){
 #reading-app .reading-chapters{margin-top:36px}
 #reading-app .reading-chapter>summary{min-height:88px;gap:14px;padding:14px 4px}
 #reading-app .chapter-index{font-size:23px}
 #reading-app .chapter-title strong{font-size:21px}
 #reading-app .chapter-content{padding-bottom:16px}
 #reading-app .chapter-content .result-position{padding:16px 0!important}
 #reading-app:has(.results-heading) .reading-answer{padding:32px 20px!important}
}
@media(prefers-reduced-motion:reduce){
 #reading-app .chapter-toggle{transition:none}
}


/* Single accordion affordance: suppress browser and inherited disclosure markers. */
#reading-app .reading-chapter > summary{list-style:none!important}
#reading-app .reading-chapter > summary::marker{content:''!important;font-size:0!important}
#reading-app .reading-chapter > summary::-webkit-details-marker{display:none!important}
#reading-app .reading-chapter > summary::before,
#reading-app .reading-chapter > summary::after{content:none!important;display:none!important}
#reading-app .reading-chapter > summary .chapter-toggle{display:inline-flex!important;flex:0 0 auto;align-items:center;justify-content:center}


/* Deep Reading: editorial conversion landing, October 2026. */
.deep-sales-page{width:100%;max-width:1100px;margin:0 auto 80px;color:#ecf1f8}
.deep-sales-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:25px;min-height:540px;margin:20px 0 0;padding:clamp(30px,5vw,64px);border:1px solid #5d7190;border-radius:26px;overflow:hidden;background:radial-gradient(ellipse at 79% 35%,#40597966,transparent 56%),linear-gradient(125deg,#1d2c45,#121c30);box-shadow:0 20px 70px #05091050}
.deep-sales-copy{position:relative;z-index:2}
.deep-sales-eyebrow,.deep-sales-heading>span,.deep-sales-final>div>span{display:block;color:#b8cbe4;font:800 11px/1.6 Inter,Pretendard,sans-serif;letter-spacing:.17em}
.deep-sales-hero h1{margin:22px 0 20px;font:400 clamp(34px,4.3vw,57px)/1.32 'Hahmlet',serif;letter-spacing:-.055em;word-break:keep-all}
.deep-sales-hero h1 em{font-style:normal;color:#c5d9f5}
.deep-sales-lead{max-width:590px;color:#bcc8dc;font-size:15px;line-height:1.9;word-break:keep-all}
.deep-sales-lead strong{color:#f3f7ff}
.deep-sales-purchase{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:32px}
.deep-sales-price{display:grid;gap:2px}
.deep-sales-price strong{font-size:30px;line-height:1.2;letter-spacing:-.04em;color:#eff5ff}
.deep-sales-price>span{font-size:11px;color:#bdcce0}
.deep-sales-page .deep-sales-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin:0;padding:12px 19px!important;border:1px solid #edf4ff!important;border-radius:12px;background:#dce9fa!important;color:#192940!important;font-weight:800;box-shadow:0 8px 28px #94bbef25}
.deep-sales-page .deep-sales-button:hover{background:#f2f7ff!important;transform:translateY(-2px)}
.deep-sales-availability{margin-top:17px;color:#b3c0d0;font-size:11px;line-height:1.6}
.deep-sales-art{position:relative;min-height:390px;isolation:isolate}
.deep-sales-orbit{position:absolute;left:50%;top:50%;width:315px;height:315px;border:1px solid #9bb9e02a;border-radius:50%;transform:translate(-50%,-50%) rotate(-22deg)}
.deep-sales-orbit.orbit-two{width:385px;height:385px;border-color:#8da9d318}
.deep-sales-card{position:absolute;top:50%;left:50%;display:flex;flex-direction:column;justify-content:space-between;width:206px;height:314px;padding:19px;border:1px solid #9fb6d6;border-radius:12px;box-shadow:0 20px 45px #02081475}
.deep-sales-card.back{background:linear-gradient(150deg,#293c58,#131e30);transform:translate(-61%,-45%) rotate(-17deg);opacity:.8;text-align:center;align-items:center;font:600 11px 'Hahmlet',serif;letter-spacing:.12em}
.deep-sales-card.back span:last-child{font-size:72px;color:#b7c8e1}
.deep-sales-card.front{background:radial-gradient(ellipse at 50% 50%,#334969,#101b2b);transform:translate(-38%,-50%) rotate(8deg);align-items:center;text-align:center}
.deep-sales-card.front>span:first-child,.deep-sales-card.front small{font:600 9px Inter,sans-serif;letter-spacing:.16em;color:#c2d3e8}
.deep-sales-star{font:400 56px 'Hahmlet',serif;color:#d9e5f7}
.deep-sales-card.front strong{font:italic 34px/1.05 'Hahmlet',serif;color:#e8effc}
.deep-sales-trustline{display:flex;flex-wrap:wrap;gap:8px 26px;justify-content:center;margin:22px 0 70px;color:#bdcde1;font-size:12px}
.deep-sales-trustline span:before{content:'✦';margin-right:9px;color:#8daedb}
.deep-sales-section{margin:0 auto 80px}
.deep-sales-heading{max-width:720px;margin-bottom:27px}
.deep-sales-heading h2{margin:10px 0 9px;color:#eef3fc;font:400 clamp(28px,4vw,42px)/1.34 'Hahmlet',serif;letter-spacing:-.045em;word-break:keep-all}
.deep-sales-heading p{font-size:14px;color:#adbbcf;line-height:1.85}
.deep-sales-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.deep-sales-comparison{position:relative;display:flex;flex-direction:column;min-height:250px;padding:30px;border:1px solid #35445e;border-radius:19px;background:#151e2f}
.deep-sales-comparison.deep{border-color:#91aed0;background:radial-gradient(ellipse at 85% 0,#38557f66,transparent 70%),#1e304b;box-shadow:0 13px 38px #0003}
.deep-sales-comparison>span{font-size:10px;font-weight:800;letter-spacing:.13em;color:#a9c1dc}
.deep-sales-comparison h3{margin:14px 0 10px;font:400 27px/1.3 'Hahmlet',serif;color:#eef3fb}
.deep-sales-comparison p{font-size:14px;color:#bdc9d8;line-height:1.8}
.deep-sales-comparison-foot{margin-top:auto;padding-top:23px;font-size:12px;font-weight:800;color:#d5e6fc}
.deep-sales-feature-list{margin:0;padding:0;list-style:none;border-top:1px solid #52637d}
.deep-sales-feature-list li{display:grid;grid-template-columns:65px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid #374960}
.deep-sales-feature-list li>span{font:italic 28px 'Hahmlet',serif;color:#8faed8}
.deep-sales-feature-list li strong{font:400 23px/1.5 'Hahmlet',serif;color:#eaf1fa}
.deep-sales-feature-list li p{margin-top:5px;font-size:13px;line-height:1.8;color:#aebdd0}
.deep-sales-example-grid{display:grid;grid-template-columns:1fr 40px 1fr;align-items:center;gap:13px}
.deep-sales-example-grid>div:not(.deep-sales-example-arrow){min-height:190px;padding:25px;border:1px solid #3d4e66;border-radius:18px;background:#151f30}
.deep-sales-example-grid>div:last-child{background:#223650;border-color:#7d98b9}
.deep-sales-example-grid span{display:block;font-size:11px;font-weight:800;color:#aec4df;margin-bottom:16px}
.deep-sales-example-grid p{font:400 18px/1.7 'Hahmlet',serif;color:#e1eaf6}
.deep-sales-example-arrow{text-align:center;color:#b4c9e4;font-size:30px}
.deep-sales-faq-list{border-top:1px solid #4b5f7a}
.deep-sales-faq-list details{border-bottom:1px solid #3d506a;padding:20px 0}
.deep-sales-faq-list summary{cursor:pointer;color:#e8f0fc;font-size:15px;font-weight:750}
.deep-sales-faq-list p{max-width:760px;margin-top:13px;color:#b3c2d5;font-size:13px;line-height:1.8}
.deep-sales-final{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:36px;border:1px solid #839cbb;border-radius:23px;background:linear-gradient(115deg,#233953,#18263d)}
.deep-sales-final h2{margin:10px 0 8px;font:400 33px/1.3 'Hahmlet',serif;color:#f0f5fc}
.deep-sales-final p{max-width:600px;font-size:14px;color:#b9c9dc}
.deep-sales-final small{display:block;margin-top:13px;color:#c5d7ee;font-size:11px}
.deep-sales-final .deep-sales-button{flex-shrink:0}
.deep-sales-footer{display:flex;justify-content:space-between;gap:20px;padding:23px 0;color:#a8b8ce;font-size:12px}
.deep-sales-footer a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.deep-sales-hero{grid-template-columns:1fr;min-height:0}.deep-sales-art{min-height:280px}.deep-sales-card{scale:.75}.deep-sales-orbit{scale:.75}.deep-sales-final{flex-direction:column;align-items:stretch}.deep-sales-final .deep-sales-button{width:100%}}
@media(max-width:600px){.deep-sales-page{margin-bottom:45px}.deep-sales-hero{margin-top:8px;padding:26px 20px;border-radius:20px;gap:0}.deep-sales-hero h1{font-size:clamp(30px,8vw,41px);margin:16px 0}.deep-sales-lead{font-size:14px}.deep-sales-purchase{align-items:stretch;flex-direction:column;gap:14px}.deep-sales-page .deep-sales-button{width:100%}.deep-sales-art{min-height:230px}.deep-sales-trustline{justify-content:flex-start;flex-direction:column;gap:10px;margin:18px 0 48px}.deep-sales-section{margin-bottom:55px}.deep-sales-compare-grid{grid-template-columns:1fr}.deep-sales-comparison{min-height:200px;padding:23px}.deep-sales-feature-list li{grid-template-columns:42px 1fr;gap:10px}.deep-sales-feature-list li strong{font-size:19px}.deep-sales-feature-list li>span{font-size:22px}.deep-sales-example-grid{grid-template-columns:1fr;gap:10px}.deep-sales-example-arrow{transform:rotate(90deg);font-size:22px}.deep-sales-example-grid>div:not(.deep-sales-example-arrow){min-height:0;padding:20px}.deep-sales-final{padding:24px 20px}.deep-sales-final h2{font-size:27px}.deep-sales-footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){.deep-sales-page .deep-sales-button:hover{transform:none}}


/* Brand polish: existing Pick a Card type scale, deck artwork, and spacing. */
.deep-sales-page{max-width:1000px}
.deep-sales-hero{min-height:500px;padding:clamp(28px,4vw,48px);border-color:#40536f;border-radius:22px;background:radial-gradient(ellipse at 76% 32%,#344c7250,transparent 55%),#151d2d;box-shadow:0 14px 42px #05091035}
.deep-sales-hero h1{font-size:clamp(35px,4vw,49px);line-height:1.42;letter-spacing:-.04em;font-weight:400}
.deep-sales-lead{font-size:14px;line-height:1.85}
.deep-sales-price strong{font-size:27px}
.deep-sales-page .deep-sales-button{min-height:46px;padding:11px 17px!important;font-size:13px;border-radius:11px}
.deep-sales-art{min-height:360px}
.deep-sales-card{width:198px;height:297px;padding:0;background:#131925 url('/artwork/premium/card-back.webp') center/100% 100% no-repeat!important;border:1px solid #7288a8;border-radius:10px;overflow:hidden}
.deep-sales-card.back{background:#131925 url('/artwork/premium/card-back.webp') center/100% 100% no-repeat!important;opacity:.72}
.deep-sales-card.front{background:#131925 url('/artwork/premium/card-back.webp') center/100% 100% no-repeat!important}
.deep-sales-card.front>*{display:none}
.deep-sales-orbit{border-color:#a9bddb1b}
.deep-sales-trustline{margin-bottom:60px;font-size:11px}
.deep-sales-section{margin-bottom:64px}
.deep-sales-heading{margin-bottom:22px}
.deep-sales-heading h2{font-size:clamp(27px,3.5vw,37px);line-height:1.4;letter-spacing:-.035em}
.deep-sales-heading p{font-size:13px;line-height:1.8}
.deep-sales-compare-grid{gap:12px}
.deep-sales-comparison{min-height:230px;padding:24px;border-color:#384963;border-radius:17px}
.deep-sales-comparison.deep{border-color:#708bac}
.deep-sales-comparison h3{font-size:24px;margin:11px 0 8px}
.deep-sales-comparison p{font-size:13px;line-height:1.8}
.deep-sales-feature-list li{padding:19px 0;grid-template-columns:52px 1fr}
.deep-sales-feature-list li>span{font-size:24px}
.deep-sales-feature-list li strong{font-size:20px}
.deep-sales-example-grid>div:not(.deep-sales-example-arrow){padding:22px;min-height:170px;border-radius:16px}
.deep-sales-example-grid p{font-size:16px}
.deep-sales-faq-list details{padding:18px 0}
.deep-sales-final{padding:30px;border-radius:19px;background:#1b2a41}
.deep-sales-final h2{font-size:29px}
@media(max-width:800px){.deep-sales-art{min-height:275px}.deep-sales-card{scale:.76}}
@media(max-width:600px){.deep-sales-hero{min-height:0;padding:24px 19px}.deep-sales-hero h1{font-size:clamp(30px,8vw,39px)}.deep-sales-art{min-height:235px}.deep-sales-section{margin-bottom:48px}.deep-sales-heading{margin-bottom:18px}.deep-sales-comparison{min-height:0;padding:20px}.deep-sales-feature-list li{grid-template-columns:36px 1fr;padding:17px 0}.deep-sales-feature-list li strong{font-size:18px}.deep-sales-example-grid>div:not(.deep-sales-example-arrow){min-height:0;padding:19px}.deep-sales-final{padding:23px 19px}}


/* Center the overlapping hero deck as one visual unit on mobile. */
@media(max-width:800px){
 .deep-sales-art{width:100%;justify-self:center;overflow:visible}
 .deep-sales-orbit{left:50%}
 .deep-sales-card.back{left:50%;transform:translate(calc(-50% - 23px),-45%) rotate(-17deg)}
 .deep-sales-card.front{left:50%;transform:translate(calc(-50% + 23px),-50%) rotate(8deg)}
}
@media(max-width:600px){
 .deep-sales-art{margin-inline:auto}
}


/* Deep sales: reuse established guide list and FAQ visual language. */
.deep-sales-page .deep-sales-feature-list.guide-article{
  display:grid;
  gap:14px;
  border:0;
  margin:0;
  padding:0;
}
.deep-sales-page .deep-sales-feature-list > li.guide-section{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  gap:18px;
  margin:0!important;
  padding:24px;
  background:#151b28;
  border:1px solid #617294;
  border-radius:20px;
  box-shadow:none;
}
.deep-sales-page .deep-sales-feature-list .guide-section-number{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  padding:0;
  border-radius:13px;
  background:#1c2b41;
  color:#b8c9e2;
  font:800 12px/1.2 Inter,Pretendard,sans-serif;
  letter-spacing:.04em;
}
.deep-sales-page .deep-sales-feature-list li strong{
  display:block;
  margin:2px 0 9px;
  color:#edf2fa;
  font:800 22px/1.35 Inter,Pretendard,sans-serif;
  letter-spacing:-.035em;
}
.deep-sales-page .deep-sales-feature-list li p{
  margin:0!important;
  color:#aebbd0;
  font-size:14px;
  line-height:1.8;
}
.deep-sales-page .deep-sales-faq-list.faq-list{
  display:grid;
  gap:8px;
  border:0;
}
.deep-sales-page .deep-sales-faq-list.faq-list details{
  margin:0;
  padding:0 15px;
  border:1px solid #617294;
  border-radius:14px;
  background:#151c29;
  box-shadow:none;
}
.deep-sales-page .deep-sales-faq-list.faq-list summary{
  margin:0;
  padding:13px 30px 13px 0;
  color:#edf2fa;
  font:800 15px/1.55 Inter,Pretendard,sans-serif;
  cursor:pointer;
}
.deep-sales-page .deep-sales-faq-list.faq-list p{
  max-width:none;
  margin:0;
  padding:0 0 14px;
  color:#acbbcf;
  font-size:14px;
  line-height:1.65;
}
@media(max-width:650px){
  .deep-sales-page .deep-sales-feature-list > li.guide-section{
    grid-template-columns:40px minmax(0,1fr);
    gap:14px;
    padding:19px;
    border-radius:18px;
  }
  .deep-sales-page .deep-sales-feature-list .guide-section-number{
    width:36px;
    height:36px;
    border-radius:12px;
  }
  .deep-sales-page .deep-sales-feature-list li strong{font-size:20px}
}


/* Mobile hero deck: center by inset, not percentage translations. */
@media(max-width:800px){
  .deep-sales-hero .deep-sales-art{
    position:relative;
    display:block;
    width:100%;
    min-width:0;
    max-width:100%;
    margin-inline:auto;
    justify-self:stretch;
    overflow:visible;
  }
  .deep-sales-hero .deep-sales-card{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:160px;
    height:240px;
    margin:auto;
    scale:none;
    transform-origin:center center;
  }
  .deep-sales-hero .deep-sales-card.back{
    transform:translateX(-19px) rotate(-17deg);
  }
  .deep-sales-hero .deep-sales-card.front{
    transform:translateX(19px) rotate(8deg);
  }
  .deep-sales-hero .deep-sales-orbit{
    top:50%;
    left:50%;
    scale:none;
    transform:translate(-50%,-50%);
  }
}


/* Center the actual card-pair container, independent of card rotation. */
.deep-sales-deck-center{position:absolute;inset:0;margin:auto;width:270px;height:330px;pointer-events:none}
.deep-sales-deck-center .deep-sales-card{position:absolute;top:50%;left:50%;right:auto;bottom:auto;margin:0}
@media(max-width:800px){
 .deep-sales-hero .deep-sales-art{position:relative;display:block;width:100%;min-width:0;max-width:100%;margin-inline:auto}
 .deep-sales-hero .deep-sales-deck-center{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:230px;height:265px;margin:0;transform:translate(-50%,-50%)}
 .deep-sales-hero .deep-sales-deck-center .deep-sales-card{position:absolute;top:50%;left:50%;right:auto;bottom:auto;width:160px;height:240px;margin:0;scale:none}
 .deep-sales-hero .deep-sales-deck-center .deep-sales-card.back{transform:translate(calc(-50% - 20px),-50%) rotate(-17deg)}
 .deep-sales-hero .deep-sales-deck-center .deep-sales-card.front{transform:translate(calc(-50% + 20px),-50%) rotate(8deg)}
}
/* The five deliverables are an editorial numbered list, not individual cards. */
.deep-sales-page .deep-sales-feature-list.guide-article{display:block;gap:0;border-top:1px solid #52637d}
.deep-sales-page .deep-sales-feature-list>li.guide-section{
 display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;
 padding:20px 0!important;margin:0!important;
 border:0!important;border-bottom:1px solid #374960!important;
 border-radius:0!important;background:transparent!important;box-shadow:none!important;
}
.deep-sales-page .deep-sales-feature-list .guide-section-number{
 display:block;width:auto;height:auto;padding:0;background:none!important;
 border:0;border-radius:0;color:#8faed8;
 font:italic 26px/1.25 'Hahmlet',serif;letter-spacing:0;
}
.deep-sales-page .deep-sales-feature-list li strong{font:400 22px/1.45 'Hahmlet',serif;letter-spacing:-.03em;margin:0 0 5px}
.deep-sales-page .deep-sales-feature-list li p{margin:0!important;font-size:13px;line-height:1.8}
@media(max-width:650px){
 .deep-sales-page .deep-sales-feature-list>li.guide-section{grid-template-columns:37px minmax(0,1fr);gap:10px;padding:17px 0!important}
 .deep-sales-page .deep-sales-feature-list .guide-section-number{width:auto;height:auto;font-size:22px}
 .deep-sales-page .deep-sales-feature-list li strong{font-size:19px}
}


/* Deep reading mobile: center the deck as a full-width layout layer. */
@media(max-width:800px){
  .deep-sales-hero .deep-sales-art{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0 auto!important;
    justify-self:stretch!important;
    transform:none!important;
  }
  .deep-sales-hero .deep-sales-deck-center{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    right:auto!important;
    bottom:auto!important;
    display:block!important;
    flex:0 0 230px!important;
    width:230px!important;
    height:265px!important;
    margin:0!important;
    transform:none!important;
  }
  .deep-sales-hero .deep-sales-deck-center .deep-sales-card{
    position:absolute!important;
    top:50%!important;
    left:50%!important;
    right:auto!important;
    bottom:auto!important;
    margin:0!important;
  }
  .deep-sales-hero .deep-sales-deck-center .deep-sales-card.back{
    transform:translate(calc(-50% - 20px),-50%) rotate(-17deg)!important;
  }
  .deep-sales-hero .deep-sales-deck-center .deep-sales-card.front{
    transform:translate(calc(-50% + 20px),-50%) rotate(8deg)!important;
  }
}
/* Restore the five guide-style feature cards, keeping their contents unchanged. */
.deep-sales-page .deep-sales-feature-list.guide-article{
  display:grid!important;
  gap:14px!important;
  border:0!important;
}
.deep-sales-page .deep-sales-feature-list>li.guide-section{
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  gap:18px!important;
  padding:24px!important;
  border:1px solid #617294!important;
  border-radius:20px!important;
  background:#151b28!important;
  box-shadow:none!important;
}
.deep-sales-page .deep-sales-feature-list .guide-section-number{
  display:grid!important;
  place-items:center!important;
  width:40px!important;
  height:40px!important;
  padding:0!important;
  border-radius:13px!important;
  background:#1c2b41!important;
  color:#b8c9e2!important;
  font:800 12px/1.2 Inter,Pretendard,sans-serif!important;
  letter-spacing:.04em!important;
}
.deep-sales-page .deep-sales-feature-list li strong{
  display:block;
  margin:2px 0 9px;
  font:800 22px/1.35 Inter,Pretendard,sans-serif;
  letter-spacing:-.035em;
}
@media(max-width:650px){
  .deep-sales-page .deep-sales-feature-list>li.guide-section{
    grid-template-columns:40px minmax(0,1fr)!important;
    gap:14px!important;
    padding:19px!important;
    border-radius:18px!important;
  }
  .deep-sales-page .deep-sales-feature-list .guide-section-number{
    width:36px!important;height:36px!important;border-radius:12px!important;
  }
  .deep-sales-page .deep-sales-feature-list li strong{font-size:20px}
}

/* Deep reading CTA: match the site's pill-shaped capsule buttons. */
.deep-sales-page .deep-sales-button{border-radius:999px!important;}

/* Mobile deep-reading hero: simple full-width centering. */
@media(max-width:800px){
  .deep-sales-hero{width:100%;margin:0 auto;}
}

/* Deep Reading page: no extra space above the content. */
.deep-sales-page{margin-top:0!important;}
.deep-sales-page .deep-sales-hero{margin-top:0!important;}


/* Result-only deep reading feature: stronger premium emphasis and legibility. */
#reading-app .deep-reading-offer{
  margin:38px auto 42px!important;
  padding:clamp(30px,4.6vw,48px)!important;
  border:1px solid #8da7ca!important;
  border-top:3px solid #e2edff!important;
  border-radius:25px!important;
  background:radial-gradient(ellipse at 95% 5%,#526e975e,transparent 58%),linear-gradient(125deg,#253a56,#142237)!important;
  box-shadow:0 24px 62px #0208188c, inset 0 1px 0 #eef6ff2c!important;
}
#reading-app .deep-reading-offer h2{
  font-size:clamp(30px,4.5vw,43px)!important;
  line-height:1.35!important;
  letter-spacing:-.035em;
}
#reading-app .deep-reading-price{
  font-size:clamp(19px,2.6vw,25px)!important;
  font-weight:800!important;
  color:#eef5ff!important;
}
#reading-app .deep-reading-lead{
  font-size:clamp(15px,1.7vw,18px)!important;
  line-height:1.85!important;
  margin:14px 0 25px!important;
  color:#d4e0ef!important;
}
#reading-app .deep-reading-preview article{
  gap:16px;
  padding:19px 0!important;
}
#reading-app .deep-reading-preview strong{
  font-size:clamp(15px,1.8vw,18px)!important;
  line-height:1.5!important;
}
#reading-app .deep-reading-preview p{
  font-size:clamp(13px,1.5vw,15px)!important;
  line-height:1.75!important;
}
#reading-app .deep-reading-offer .deep-reading-cta{
  min-height:54px!important;
  padding:14px 25px!important;
  font-size:clamp(15px,1.7vw,17px)!important;
  font-weight:800!important;
  border-radius:999px!important;
}
#reading-app .deep-reading-note{
  font-size:12px!important;
  line-height:1.7!important;
}
@media(max-width:650px){
  #reading-app .deep-reading-offer{margin:30px auto 36px!important;padding:27px 21px!important;border-radius:21px!important}
  #reading-app .deep-reading-offer h2{font-size:30px!important}
  #reading-app .deep-reading-preview article{gap:10px;padding:15px 0!important}
  #reading-app .deep-reading-offer .deep-reading-cta{width:100%!important}
}


/* Center the card-selection heading against the actual reading viewport. */
[data-reading] #reading-app > .selection-heading{
  width:100%;
  max-width:none;
  margin-inline:auto;
  padding-inline:16px;
  box-sizing:border-box;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
[data-reading] #reading-app > .selection-heading h2{
  display:block;
  width:100%;
  max-width:100%;
  margin-inline:auto;
  text-align:center!important;
  text-wrap:balance;
}
[data-reading] #reading-app > .selection-heading p,
[data-reading] #reading-app > .selection-heading .step-label{
  text-align:center!important;
  align-self:center;
}


/* Result summary: normal-flow only, no sticky rail or expanding controls. */
#reading-app .session-spread-shell{
  position:relative!important;
  top:auto!important;
  z-index:auto!important;
  transform:none!important;
}
#reading-app .session-spread-shell .session-spread-toggle{display:none!important}
#reading-app .session-spread-shell .session-spread-head{min-height:0}
#reading-app .session-spread-shell .session-position{display:block}
#reading-app .session-spread-shell .card-summary{height:auto!important;max-height:none!important;overflow-x:auto}
/* Deep offer: action and supporting disclosures share one footer row. */
#reading-app .deep-reading-offer .deep-reading-footer{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:16px 24px;
  margin-top:22px;
}
#reading-app .deep-reading-offer .deep-reading-footer .deep-reading-cta{
  flex:0 0 auto;
  margin:0!important;
}
#reading-app .deep-reading-offer .deep-reading-footer-info{
  flex:1 1 220px;
  min-width:0;
}
#reading-app .deep-reading-offer .deep-reading-footer-info .deep-reading-note{
  margin:0 0 5px!important;
  color:#c3d1e3!important;
  font-size:12px!important;
  line-height:1.55!important;
}
#reading-app .deep-reading-offer .deep-reading-footer-info .offer-policy{
  display:inline-block;
  min-height:0;
  padding:0;
  font-size:12px;
  line-height:1.5;
}
#reading-app .deep-reading-offer .deep-reading-price-sub{
  font:400 11px/1.4 Inter,Pretendard,sans-serif;
  letter-spacing:0;
  color:#b9c9dc;
  vertical-align:baseline;
}
@media(max-width:650px){
  #reading-app .deep-reading-offer .deep-reading-footer{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
  }
  #reading-app .deep-reading-offer .deep-reading-footer .deep-reading-cta{width:100%!important}
  #reading-app .deep-reading-offer .deep-reading-footer-info{width:100%}
}


/* Quiet secondary links and compact footer legal disclosure. */
#reading-app .deep-reading-offer .deep-reading-footer-info .offer-policy{
  color:#8798af!important;
  opacity:.72;
  text-decoration-color:currentColor;
  text-underline-offset:3px;
}
#reading-app .deep-reading-offer .deep-reading-footer-info .offer-policy:hover,
#reading-app .deep-reading-offer .deep-reading-footer-info .offer-policy:focus-visible{
  color:#d6e2f2!important;
  opacity:1;
}


/* Reading chapter accordion: quieter numerals, bolder card names. */
#reading-app .reading-chapter .chapter-index{
  font-size:20px!important;
  line-height:1.2;
}
#reading-app .reading-chapter .chapter-title strong{
  font-weight:700!important;
}
@media(max-width:650px){
  #reading-app .reading-chapter .chapter-index{font-size:17px!important}
}

/* Slightly stronger chapter index numerals. */
#reading-app .reading-chapter .chapter-index{font-weight:600!important;}

/* Result deep-reading offer: slightly larger numbered feature indices. */
#reading-app .deep-reading-offer .deep-reading-preview article>span{font-size:16px!important;line-height:1.4!important;}
@media(max-width:650px){#reading-app .deep-reading-offer .deep-reading-preview article>span{font-size:15px!important;}}


/* Home hero: each tarot portal follows the cursor independently without
   interfering with its existing hover flip, tilt, or navigation link. */
@media(hover:hover) and (pointer:fine){
 .celestial-hero .portal-card{
   --card-x:0px;
   --card-y:0px;
   --card-tilt:0deg;
   translate:var(--card-x) var(--card-y);
   rotate:var(--card-tilt);
   transition:translate .55s cubic-bezier(.16,1,.3,1),rotate .55s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.2,.8,.2,1);
   will-change:translate,rotate;
 }
 .celestial-hero.motion-paused .portal-card{translate:0 0;rotate:0deg}
}
@media(prefers-reduced-motion:reduce){
 .celestial-hero .portal-card{translate:0 0!important;rotate:0deg!important;transition:none!important}
}


/* Independent, slow floating motion for the three homepage tarot portals.
   Nested .portal-turn preserves hover flips; CSS translate preserves cursor parallax. */
@keyframes portal-gentle-float{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
.celestial-hero .portal-card{
  animation:portal-gentle-float 6.4s ease-in-out infinite;
}
.celestial-hero .portal-card.portal-1{
  animation-duration:7.3s;
  animation-delay:-2.6s;
}
.celestial-hero .portal-card.portal-2{
  animation-duration:5.9s;
  animation-delay:-4.1s;
}
.celestial-hero.motion-paused .portal-card{
  animation-play-state:paused!important;
}
@media(prefers-reduced-motion:reduce){
  .celestial-hero .portal-card{animation:none!important}
}


/* Tarot dictionary detail: a single divider and readable editorial rhythm. */
.card-dictionary-detail .card-dictionary-hero{
  padding-bottom:36px;
  border-bottom:1px solid var(--line);
}
.card-dictionary-detail .card-meaning-overview{
  margin-top:0;
  padding-top:36px;
  border-top:0!important;
}
.card-dictionary-detail .card-topic-section{
  margin-top:44px;
  padding-top:34px;
}
.card-dictionary-detail .card-section-heading{
  max-width:790px;
  margin-bottom:24px;
}
.card-dictionary-detail .card-section-heading h2{
  font-size:clamp(26px,3.1vw,36px);
  line-height:1.32;
  letter-spacing:-.035em;
  word-break:keep-all;
}
.card-dictionary-detail .card-section-heading>p{
  margin-top:12px;
  font-size:15px;
  line-height:1.85;
  color:#aebed1;
  word-break:keep-all;
}
.card-dictionary-detail .card-meaning-grid,
.card-dictionary-detail .card-topic-grid{gap:16px}
.card-dictionary-detail .card-meaning-grid>article,
.card-dictionary-detail .card-topic-grid>article{
  padding:clamp(22px,2.6vw,30px);
  border-radius:20px;
  border-color:#40536e!important;
  background:linear-gradient(145deg,#192538,#151b28)!important;
}
.card-dictionary-detail .card-meaning-grid article>span{
  font-size:11px;
  letter-spacing:.09em;
  margin-bottom:12px;
  color:#b5c8e1;
}
.card-dictionary-detail .card-meaning-grid h3,
.card-dictionary-detail .card-topic-grid h3{
  font-size:clamp(18px,2vw,21px);
  line-height:1.45;
  margin-bottom:12px;
  word-break:keep-all;
}
.card-dictionary-detail .card-meaning-grid p,
.card-dictionary-detail .card-topic-grid p{
  font-size:15px;
  line-height:1.9;
  color:#c3cfdd;
  word-break:keep-all;
}
.card-dictionary-detail .card-meaning-grid .card-advice-box{
  border-color:#778ca9!important;
  background:linear-gradient(115deg,#263954,#1a293d)!important;
}
.card-dictionary-detail .card-dictionary-lead{
  line-height:1.85;
  max-width:58ch;
  color:#cbd8e8;
}
.card-dictionary-detail .card-keyword-row{gap:9px;margin-top:22px}
.card-dictionary-detail .card-keyword-row span{
  padding:8px 13px;
  border:1px solid #4b5e77;
  border-radius:999px;
  background:#24334a;
  color:#d6e1ee;
  font-size:12px;
  font-weight:600;
}
@media(max-width:650px){
  .card-dictionary-detail .card-dictionary-hero{padding-bottom:28px}
  .card-dictionary-detail .card-meaning-overview{padding-top:29px}
  .card-dictionary-detail .card-topic-section{margin-top:34px;padding-top:27px}
  .card-dictionary-detail .card-section-heading{margin-bottom:18px}
  .card-dictionary-detail .card-meaning-grid,
  .card-dictionary-detail .card-topic-grid{gap:12px}
  .card-dictionary-detail .card-meaning-grid>article,
  .card-dictionary-detail .card-topic-grid>article{padding:21px 19px;border-radius:17px}
  .card-dictionary-detail .card-meaning-grid p,
  .card-dictionary-detail .card-topic-grid p{font-size:14px;line-height:1.85}
}

/* Card dictionary detail title uses the site’s Korean serif typeface. */
.card-dictionary-detail .card-dictionary-intro h1,
.card-dictionary-detail .card-dictionary-intro h1 span{font-family:'Hahmlet',serif!important;}

/* Card dictionary title: light Hahmlet weight for Korean and English names. */
.card-dictionary-detail .card-dictionary-intro h1,
.card-dictionary-detail .card-dictionary-intro h1 span{font-weight:400!important;}


/* Card dictionary pagination: elegant text navigation, not three boxed cards. */
.card-dictionary-detail .card-prev-next{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  gap:18px;
  align-items:center;
  margin-top:42px;
  padding:25px 0 0;
  border-top:1px solid var(--line);
}
.card-dictionary-detail .card-prev-next a{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  min-height:78px;
  padding:8px 0;
  border:0!important;
  border-radius:0;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--ink);
  text-decoration:none;
  transition:opacity .2s ease,transform .25s ease;
}
.card-dictionary-detail .card-prev-next a:hover{opacity:.82}
.card-dictionary-detail .card-prev-next a:first-child:hover{transform:translateX(-4px)}
.card-dictionary-detail .card-prev-next a:last-child:hover{transform:translateX(4px)}
.card-dictionary-detail .card-prev-next small{
  margin-bottom:9px;
  color:#a5b6cf;
  font-size:11px;
  font-weight:600;
  letter-spacing:.05em;
}
.card-dictionary-detail .card-prev-next strong{
  font-family:'Hahmlet',serif;
  color:#edf2fa;
  font-size:clamp(17px,2vw,22px);
  font-weight:400;
  line-height:1.4;
}
.card-dictionary-detail .card-prev-next span{
  margin-top:4px;
  color:#91a3bb;
  font-size:11px;
  line-height:1.5;
}
.card-dictionary-detail .card-prev-next .card-all-link{
  align-items:center;
  min-height:44px;
  padding:8px 24px;
  border-inline:1px solid #40536e!important;
  text-align:center;
}
.card-dictionary-detail .card-prev-next .card-all-link small{margin-bottom:5px}
.card-dictionary-detail .card-prev-next .card-all-link strong{
  font-family:Inter,Pretendard,sans-serif;
  font-size:13px;
  font-weight:600;
}
.card-dictionary-detail .card-prev-next .card-all-link span{display:none}
@media(max-width:650px){
  .card-dictionary-detail .card-prev-next{gap:10px;margin-top:32px;padding-top:19px}
  .card-dictionary-detail .card-prev-next a{min-height:64px;padding:6px 0}
  .card-dictionary-detail .card-prev-next strong{font-size:15px;white-space:normal;overflow-wrap:anywhere}
  .card-dictionary-detail .card-prev-next span{display:none}
  .card-dictionary-detail .card-prev-next small{font-size:10px}
  .card-dictionary-detail .card-prev-next .card-all-link{padding:7px 12px}
  .card-dictionary-detail .card-prev-next .card-all-link strong{font-size:11px}
}

/* Dictionary jump links and right-aligned search; navy/silver pill refinement. */
.card-library-page .card-library-tools{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  width:100%;
  gap:18px;
}
.card-library-page .card-library-tools .card-library-jump{
  flex:0 1 auto;
  gap:8px;
}
.card-library-page .card-library-tools .card-search{
  flex:0 0 250px;
  width:250px;
  margin-left:auto;
  text-align:right;
}
.card-library-page .card-library-jump a{
  padding:9px 15px;
  min-height:40px;
  background:#21314a;
  border:1px solid #536985;
  color:#d5e0f1;
  font-size:12px;
  font-weight:600;
  letter-spacing:.005em;
  transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;
}
.card-library-page .card-library-jump a:hover,
.card-library-page .card-library-jump a:focus-visible{
  background:#304765;
  border-color:#9eb6d4;
  color:#f4f7fd;
  transform:translateY(-2px);
}
@media(max-width:650px){
 .card-library-page .card-library-tools{flex-direction:column;align-items:stretch;gap:15px}
 .card-library-page .card-library-tools .card-library-jump{flex:0 0 auto}
 .card-library-page .card-library-tools .card-search{flex:0 0 auto;width:100%;margin-left:0;text-align:left}
}


/* Give the center dictionary link equal visual presence to previous/next. */
.card-dictionary-detail .card-prev-next .card-all-link{
  min-width:150px;
  min-height:78px;
  padding:9px 24px;
  gap:2px;
}
.card-dictionary-detail .card-prev-next .card-all-link small{
  font-size:12px;
  margin-bottom:6px;
}
.card-dictionary-detail .card-prev-next .card-all-link strong{
  font-family:'Hahmlet',serif;
  font-size:clamp(17px,2vw,22px);
  font-weight:400;
  line-height:1.4;
}
@media(max-width:650px){
 .card-dictionary-detail .card-prev-next .card-all-link{
   min-width:0;
   min-height:64px;
   padding:8px 13px;
 }
 .card-dictionary-detail .card-prev-next .card-all-link small{font-size:10px}
 .card-dictionary-detail .card-prev-next .card-all-link strong{font-size:15px}
}


/* Dictionary search aligns to the right edge of the full content container. */
.card-library-page .card-library-hero{
  width:100%;
  max-width:none!important;
}
.card-library-page .card-library-hero>p{max-width:760px}
@media(min-width:651px){
  .card-library-page .card-library-tools{
    width:100%;
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
  }
  .card-library-page .card-library-tools .card-library-jump{
    flex:0 1 auto;
    min-width:0;
  }
  .card-library-page .card-library-tools .card-search{
    flex:0 0 250px;
    width:250px;
    margin-left:auto!important;
  }
}


/* Unified reading stage headings: identical type and spacing on selection/results. */
[data-reading] #reading-app>.selection-heading,
[data-reading] #reading-app>.results-heading{
  box-sizing:border-box;
  width:100%;
  max-width:none;
  margin:40px auto 28px!important;
  padding:28px 16px 12px!important;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center!important;
}
[data-reading] #reading-app>.selection-heading>.step-label,
[data-reading] #reading-app>.results-heading>.step-label{
  display:block;
  align-self:center;
  margin:0 0 16px!important;
  text-align:center!important;
}
[data-reading] #reading-app>.selection-heading>h2,
[data-reading] #reading-app>.results-heading>h2{
  width:100%;
  margin:0!important;
  font-family:'Hahmlet',serif!important;
  font-size:clamp(27px,3.4vw,36px)!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:-.035em;
  color:#f1f2f7;
  text-align:center!important;
  word-break:keep-all;
  text-wrap:balance;
}
[data-reading] #reading-app>.selection-heading>p,
[data-reading] #reading-app>.results-heading>p:not(.question-echo){
  width:100%;
  max-width:760px;
  margin:10px auto 0!important;
  padding:0;
  text-align:center!important;
  color:#b7c4d5!important;
  font-size:14px;
  line-height:1.7;
  word-break:keep-all;
}
[data-reading] #reading-app>.selection-heading>.progress-dots{
  align-self:center;
  margin:18px 0 0!important;
}
[data-reading] #reading-app>.results-heading>.question-echo{
  align-self:center;
  text-align:center!important;
  margin:14px auto 0;
}
[data-reading] #reading-app .synthesis .daily-summary-note{
  font-size:12px!important;
  font-weight:400!important;
  line-height:1.7!important;
  color:#8c9bb0!important;
  opacity:.72;
}
@media(max-width:650px){
 [data-reading] #reading-app>.selection-heading,
 [data-reading] #reading-app>.results-heading{margin:24px auto 24px!important;padding:20px 12px 8px!important}
 [data-reading] #reading-app>.selection-heading>h2,
 [data-reading] #reading-app>.results-heading>h2{font-size:27px!important}
 [data-reading] #reading-app>.selection-heading>p,
 [data-reading] #reading-app>.results-heading>p:not(.question-echo){font-size:13px}
}


/* Unified silver gradient rule for selection and result headings. */
[data-reading] #reading-app>.selection-heading,
[data-reading] #reading-app>.results-heading{
  position:relative;
  border-bottom:1px solid #42536b!important;
  overflow:visible;
}
[data-reading] #reading-app>.selection-heading::after,
[data-reading] #reading-app>.results-heading::after{
  content:'';
  position:absolute;
  left:0;
  right:auto;
  bottom:-2px;
  width:min(95%,1000px)!important;
  height:3px;
  border:0;
  border-radius:999px;
  background:linear-gradient(90deg,#e9f5ff 0%,#bdd5f6 18%,#85aad6 43%,#6688ba 63%,rgba(130,173,227,.25) 82%,transparent 100%)!important;
  box-shadow:0 0 13px #b9d8ff78,0 0 27px #6d9ac455,0 -4px 17px #b9d8ff25;
  pointer-events:none;
}
/* Compact segmented meter lives by the deck instructions, not in the heading. */
[data-reading] #reading-app .deck-controls .draw-progress{
  flex:0 1 190px;
  min-width:112px;
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-left:auto;
}
[data-reading] #reading-app .draw-progress-label{
  font-size:10px;
  font-weight:600;
  letter-spacing:.06em;
  color:#aebed4;
  text-align:right;
}
[data-reading] #reading-app .deck-controls .progress-dots{
  display:flex;
  width:100%;
  align-items:center;
  gap:5px;
  margin:0!important;
}
[data-reading] #reading-app .deck-controls .progress-dots span{
  height:5px;
  width:auto;
  min-width:0;
  flex:1 1 0;
  border-radius:999px;
  background:#34455e;
  transition:background .3s ease,box-shadow .3s ease;
}
[data-reading] #reading-app .deck-controls .progress-dots span.filled{
  background:#d7e9ff;
  box-shadow:0 0 10px #8bb7e366;
}
[data-reading] #reading-app .deep-reading-preview article{
  grid-template-columns:34px minmax(0,1fr)!important;
}
@media(max-width:650px){
 [data-reading] #reading-app .deck-controls .draw-progress{
   flex:1 0 100%;
   margin:4px 0 0;
 }
 [data-reading] #reading-app .draw-progress-label{text-align:left}
 [data-reading] #reading-app .deep-reading-preview article{
   grid-template-columns:28px minmax(0,1fr)!important;
 }
}


/* Draw progress is the luminous heading underline itself, not a second meter. */
[data-reading] #reading-app>.selection-heading::after{
  width:calc(min(95%, 1000px) * var(--draw-progress, 0))!important;
  transition:width .65s cubic-bezier(.22,1,.36,1);
  background:linear-gradient(90deg,#e9f5ff 0%,#bdd5f6 18%,#85aad6 43%,#6688ba 63%,rgba(130,173,227,.25) 82%,transparent 100%)!important;
}
@media(prefers-reduced-motion:reduce){
  [data-reading] #reading-app>.selection-heading::after{transition:none}
}


/* Fill the full underline at the final draw; keep the progress glow slim. */
[data-reading] #reading-app>.selection-heading::after{
  width:calc(100% * var(--draw-progress, 0))!important;
  height:2px!important;
  bottom:-1px!important;
  border-radius:0;
  background:linear-gradient(90deg,#e9f5ff 0%,#bdd5f6 45%,#85aad6 80%,#8daed7 100%)!important;
  box-shadow:0 0 8px #b9d8ff66,0 0 16px #6d9ac444;
}


/* Reading result completes the same one-pixel progress rule. */
[data-reading] #reading-app>.selection-heading::after,
[data-reading] #reading-app>.results-heading::after{
  height:1px!important;
  bottom:-1px!important;
}
[data-reading] #reading-app>.results-heading::after{
  width:100%!important;
  border-radius:0;
  background:linear-gradient(90deg,#e9f5ff 0%,#bdd5f6 45%,#85aad6 80%,#8daed7 100%)!important;
}
[data-reading] #reading-app>.results-heading .question-echo{
  border-left:0!important;
  padding-left:0!important;
}


/* Shared reading progress line: muted silver gradient with a soft glow. */
[data-reading] #reading-app>.selection-heading::after,
[data-reading] #reading-app>.results-heading::after{
  background:linear-gradient(90deg, #a6bbd5 0%, #a6bbd5 15%, #58687b4f 60%, #7e7d7d0a 100%)!important;
  box-shadow:0 0 9px #a6bbd588,0 0 22px #a6bbd545,0 0 36px #8099bb22!important;
}


/* Hero tarot trio: independent soft levitation + cool silver luminous edges.
   The keyframes preserve the outer cards' resting angles, while the cursor
   parallax continues on the independent translate property. */
@keyframes portal-levitate-glow{
  0%,100%{
    transform:rotate(var(--portal-tilt,0deg)) translateY(var(--portal-y,0px));
    filter:drop-shadow(0 14px 19px #050c1caf) drop-shadow(0 0 6px #ffffff46);
  }
  50%{
    transform:rotate(var(--portal-tilt,0deg)) translateY(calc(var(--portal-y,0px) - 11px));
    filter:drop-shadow(0 25px 29px #050c1c9c) drop-shadow(0 0 17px #ffffff9c);
  }
}
.celestial-hero .portal-card{
  --portal-tilt:0deg;
  --portal-y:-8px;
  animation:portal-levitate-glow 6.6s ease-in-out infinite!important;
  filter:drop-shadow(0 0 12px #ffffff62);
}
.celestial-hero .portal-0{--portal-tilt:-12deg;--portal-y:16px;animation-duration:6.8s!important;animation-delay:-1.2s!important}
.celestial-hero .portal-1{--portal-tilt:0deg;--portal-y:-8px;animation-duration:7.5s!important;animation-delay:-3.3s!important}
.celestial-hero .portal-2{--portal-tilt:12deg;--portal-y:16px;animation-duration:6.1s!important;animation-delay:-4.5s!important}
.celestial-hero .portal-card:is(:hover,:focus-visible){
  animation:none!important;
  transform:translateY(-32px) rotate(0deg)!important;
  filter:drop-shadow(0 28px 30px #050c1cc2) drop-shadow(0 0 19px #ffffffa3);
}
.celestial-hero.motion-paused .portal-card{animation-play-state:paused!important}
@keyframes hero-cta-luminescence{
  0%,100%{box-shadow:0 0 0 1px #ffffff30,0 0 12px #ffffff48,0 0 28px #ffffff2c}
  50%{box-shadow:0 0 0 1px #ffffff7a,0 0 20px #ffffff83,0 0 43px #ffffff57}
}
.celestial-hero .celestial-actions .primary{
  border:1px solid #a6bedb;
  animation:hero-cta-luminescence 3.7s ease-in-out infinite;
  transition:background .25s ease,transform .25s ease;
}
.celestial-hero .celestial-actions .primary:is(:hover,:focus-visible){
  background:#d9e6f5;
  color:#15233b;
  transform:translateY(-2px);
}
.celestial-hero.motion-paused .celestial-actions .primary{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){
 .celestial-hero .portal-card,
 .celestial-hero .celestial-actions .primary{animation:none!important}
 .celestial-hero .portal-0{transform:rotate(-12deg) translateY(16px)}
 .celestial-hero .portal-1{transform:translateY(-8px)}
 .celestial-hero .portal-2{transform:rotate(12deg) translateY(16px)}
}

/* Tighter, softly overlapping three-card composition. */
@media(min-width:721px){
 .celestial-hero .portal-cards{gap:0!important}
 .celestial-hero .portal-0{margin-right:-14px;z-index:1}
 .celestial-hero .portal-1{z-index:2}
 .celestial-hero .portal-2{margin-left:-14px;z-index:1}
 .celestial-hero .portal-card:is(:hover,:focus-visible){z-index:6}
}

/* The hero dissolves into the exact page color rather than a separate panel. */
html,body,.celestial-hero{background:#101323;background-image:none}.celestial-hero{box-shadow:none;border:0}.celestial-hero:after{background:linear-gradient(90deg,#101323 2%,#101323cc 27%,transparent 67%)}
.celestial-art{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent),linear-gradient(0deg,transparent,#000 16%,#000 84%,transparent);mask-composite:intersect}.celestial-art .moon-art{mask-image:none;opacity:.9}
@media(max-width:720px){.celestial-hero:after{background:linear-gradient(180deg,#101323 25%,#101323aa 42%,transparent 64%)}.celestial-art{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(0deg,transparent,#000 18%,#000 76%,transparent)}}

/* Premium reading integrated into native Pick a Card results, not a separate site. */
.deep-reading-inline[hidden]{display:none}
.deep-reading-inline{margin:36px auto 52px;max-width:960px;scroll-margin-top:80px}
.deep-reading-inline .story-hero,.deep-reading-dialog-content .story-hero{position:relative;overflow:hidden;background:#111722;color:#f4f6fa;border-radius:20px;padding:48px clamp(20px,5vw,56px);min-height:260px}
.deep-reading-inline .story-headline,.deep-reading-dialog-content .story-headline{font:400 clamp(25px,4vw,37px)/1.5 'Hahmlet',serif;color:#f4f6fa;margin:22px 0}
.deep-reading-inline .story-kicker,.deep-reading-dialog-content .story-kicker{font-size:10px;letter-spacing:.2em;color:#bec9dc}
.deep-reading-inline .story-lead,.deep-reading-dialog-content .story-lead{position:relative;z-index:1;color:#dfe4ee;line-height:1.9}
.deep-reading-inline .story-illustration,.deep-reading-dialog-content .story-illustration{position:absolute;width:380px;right:-150px;bottom:-130px;opacity:.18;pointer-events:none}
.deep-reading-inline .story-part,.deep-reading-dialog-content .story-part{padding:34px 9px;border-bottom:1px solid var(--line);background:transparent}
.deep-reading-inline .story-label,.deep-reading-dialog-content .story-label{font:400 clamp(22px,3vw,28px)/1.5 'Hahmlet',serif;margin:0 0 18px;color:var(--ink)}
.deep-reading-inline .story-prose,.deep-reading-dialog-content .story-prose{line-height:2;word-break:keep-all;overflow-wrap:anywhere;color:var(--ink);font-size:15px;margin:0 0 14px}
.deep-reading-inline .story-verdict,.deep-reading-dialog-content .story-verdict{font:400 clamp(18px,2.5vw,23px)/1.8 'Hahmlet',serif}
.deep-reading-inline .story-step,.deep-reading-dialog-content .story-step{border-left:1px solid var(--line);padding:4px 0 20px 18px}
.deep-reading-inline .story-step-when,.deep-reading-dialog-content .story-step-when{font-size:11px;color:var(--muted);display:block}
.deep-reading-inline .story-step-title,.deep-reading-dialog-content .story-step-title{display:block;font-weight:600}
.deep-reading-inline .story-note,.deep-reading-dialog-content .story-note{font-size:12px;color:var(--muted)}
.deep-reading-inline .story-closing,.deep-reading-dialog-content .story-closing{background:#111722;border-radius:19px;padding:40px clamp(16px,5vw,45px);text-align:center}
.deep-reading-inline .story-closing .story-label,.deep-reading-dialog-content .story-closing .story-label{color:#f0f3f9}
.deep-reading-inline .closing-line,.deep-reading-dialog-content .closing-line{margin:0 auto 22px}
.deep-reading-inline .closing-caption,.deep-reading-dialog-content .closing-caption{font-size:11px;letter-spacing:.12em;color:#a9bbd1;display:block}
.deep-reading-inline .closing-value,.deep-reading-dialog-content .closing-value{font:400 17px/1.9 'Hahmlet',serif;color:#f4f6fa;margin:5px 0 0}
.deep-reading-dialog{width:min(850px,calc(100% - 26px));max-height:90dvh;overflow:auto;border:1px solid var(--line);border-radius:20px;background:var(--paper);color:var(--ink);padding:25px clamp(15px,4vw,38px);box-shadow:0 20px 100px #11172280}
.deep-reading-dialog::backdrop{background:#0b1221b8;backdrop-filter:blur(5px)}
.deep-reading-dialog-head{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:16px}
.deep-reading-dialog-head strong{font:400 clamp(20px,3vw,29px) 'Hahmlet',serif}
.deep-reading-dialog-caption{font-size:13px;line-height:1.8;color:var(--muted);margin:18px 0 28px}
.deep-reading-dialog-content{scroll-margin-top:20px}
@media(max-width:600px){.deep-reading-dialog{padding:17px 15px;max-height:94dvh}.deep-reading-inline .story-hero,.deep-reading-dialog-content .story-hero{padding:38px 20px}.deep-reading-inline .story-part,.deep-reading-dialog-content .story-part{padding:28px 5px}}

/* Unified dark celestial editorial style — same palette as the live results. */
#reading-app .deep-reading-inline,
.deep-reading-dialog .deep-reading-dialog-content{--deep-bg:#101323;--deep-surface:#172035;--deep-text:#e9eef8;--deep-muted:#b9c6db;--deep-line:#526783; color:var(--deep-text);font-family:inherit}
#reading-app .deep-reading-inline .story-hero,
.deep-reading-dialog .story-hero{background:radial-gradient(ellipse at 85% 20%,#344b72 0,transparent 55%),linear-gradient(135deg,#18243b,#101323)!important;border:1px solid #6f86a65c!important;border-radius:24px!important;box-shadow:inset 0 1px #e4efff18,0 24px 65px #02071038;min-height:310px;padding:clamp(34px,6vw,65px)!important}
#reading-app .deep-reading-inline .story-headline,.deep-reading-dialog .story-headline{color:#f0f4fc!important;line-height:1.45;letter-spacing:-.055em}
#reading-app .deep-reading-inline .story-lead,.deep-reading-dialog .story-lead{color:#cedaeb!important;max-width:710px;line-height:2.05}
#reading-app .deep-reading-inline .story-part,.deep-reading-dialog .story-part{background:transparent!important;border:0!important;border-bottom:1px solid #536685a6!important;border-radius:0!important;padding:clamp(35px,6vw,65px) clamp(7px,4vw,44px)!important}
#reading-app .deep-reading-inline .story-part:nth-child(even),.deep-reading-dialog .story-part:nth-child(even){background:linear-gradient(110deg,#273a576b,transparent 75%)!important}
#reading-app .deep-reading-inline .story-label,.deep-reading-dialog .story-label{color:#eff2f8!important;font:400 clamp(23px,3.6vw,34px)/1.5 'Hahmlet',serif!important;letter-spacing:-.055em;margin-bottom:26px!important}
#reading-app .deep-reading-inline .story-prose,.deep-reading-dialog .story-prose{color:#dbe4f1!important;font-family:inherit!important;font-size:clamp(15px,1.65vw,17px)!important;font-weight:400!important;line-height:2.06!important;max-width:780px;margin-bottom:19px!important;word-break:keep-all}
#reading-app .deep-reading-inline .story-verdict,.deep-reading-dialog .story-verdict{font:400 clamp(21px,2.7vw,30px)/1.85 'Hahmlet',serif!important;color:#f5f4fa!important}
#reading-app .deep-reading-inline .story-direct-answer,.deep-reading-dialog .story-direct-answer{background:radial-gradient(ellipse at 100% 15%,#526b9955,transparent 68%),#19263c!important;border:1px solid #8095b457!important;border-radius:22px!important;margin-top:26px;padding:clamp(30px,5vw,55px)!important}
#reading-app .deep-reading-inline .story-practical,.deep-reading-dialog .story-practical{background:#1b2a42!important;border:1px solid #647b9973!important;border-radius:20px!important;margin:24px 0!important;padding:clamp(30px,5vw,55px)!important}
#reading-app .deep-reading-inline .story-example,.deep-reading-dialog .story-example{border-left:2px solid #b6cbe7!important;padding:15px 0 15px 25px;color:#f0e5d5!important;font:400 clamp(19px,2.3vw,25px)/1.85 'Hahmlet',serif!important}
#reading-app .deep-reading-inline .story-question,.deep-reading-dialog .story-question{font:400 22px/1.8 'Hahmlet',serif!important;color:#f2f5fc!important}
#reading-app .deep-reading-inline .story-note,.deep-reading-dialog .story-note{color:#aebfd5!important;font-size:12px!important}
#reading-app .deep-reading-inline .story-step,.deep-reading-dialog .story-step{border-left:1px solid #607b9d!important;margin-left:8px;padding-left:28px}
#reading-app .deep-reading-inline .story-step-when,.deep-reading-dialog .story-step-when{color:#b6c9e7!important;font-size:12px;letter-spacing:.1em}
#reading-app .deep-reading-inline .story-step-title,.deep-reading-dialog .story-step-title{color:#f1f4fb!important;font:400 21px 'Hahmlet',serif!important}
#reading-app .deep-reading-inline .story-closing,.deep-reading-dialog .story-closing{background:radial-gradient(circle at top,#32496b,#131b30 75%)!important;border:1px solid #7288aa88!important;border-radius:23px!important;box-shadow:0 15px 45px #0003}
.deep-reading-dialog{background:#101323!important;color:#e6edf9!important;border:1px solid #7185a6a1!important;box-shadow:0 28px 100px #000b!important;padding:clamp(20px,4vw,40px)!important}
.deep-reading-dialog .deep-reading-dialog-head{position:sticky;top:-40px;z-index:10;background:#101323f5;padding:14px 0 19px;border-bottom:1px solid #5d7190!important}
.deep-reading-dialog .deep-reading-dialog-head strong{color:#f0f4fa;font:400 clamp(22px,3vw,29px) 'Hahmlet',serif}
.deep-reading-dialog .deep-reading-dialog-caption{color:#b9c8db!important}
.deep-reading-dialog .deep-reading-dialog-close{background:#263854!important;color:#e9f1fc!important;border:1px solid #7089ad!important;min-height:40px;padding:8px 19px;border-radius:30px}
.deep-reading-dialog .story-closing .closing-value,.deep-reading-dialog .story-closing .story-label{color:#f5f7fb!important}
.deep-reading-dialog-content .story-illustration{max-width:none}
@media(max-width:620px){.deep-reading-dialog .deep-reading-dialog-head{top:-20px}.deep-reading-dialog{max-height:94dvh}.deep-reading-dialog .story-hero{padding:32px 24px!important}.deep-reading-dialog .story-part{padding:35px 16px!important}}

/* Premium story headline: original Hahmlet serif, subtle artwork fade. */
#reading-app .deep-reading-inline .story-headline,
.deep-reading-dialog .story-headline{
  font-family:'Hahmlet',serif!important;
  font-weight:400!important;
  letter-spacing:-.045em!important;
}
#reading-app .deep-reading-inline .story-illustration,
.deep-reading-dialog .story-illustration{
  opacity:.13!important;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 65%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 42%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 38%,#000 65%,transparent 100%),linear-gradient(0deg,transparent 0%,#000 42%,transparent 100%);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
}

/* Editorial opening: first impression is typography, not another stacked card. */
#reading-app .deep-reading-inline .story-hero,
.deep-reading-dialog .story-hero{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  min-height:330px!important;
  padding:66px clamp(18px,5vw,60px) 80px!important;
  isolation:isolate;
}
#reading-app .deep-reading-inline .story-hero:before,
.deep-reading-dialog .story-hero:before{
  content:"";position:absolute;z-index:-2;inset:0;
  background:radial-gradient(ellipse at 76% 45%,#31476b60 0%,#10132300 58%);
  pointer-events:none;
}
#reading-app .deep-reading-inline .story-illustration,
.deep-reading-dialog .story-illustration{
  width:clamp(290px,40vw,510px)!important;
  height:auto!important;
  right:clamp(-65px,2vw,40px)!important;
  top:50%!important;
  bottom:auto!important;
  transform:translateY(-50%)!important;
  opacity:.35!important;
  object-fit:contain!important;
  -webkit-mask-image:radial-gradient(ellipse at center,#000 28%,#000a 52%,transparent 76%)!important;
  mask-image:radial-gradient(ellipse at center,#000 28%,#000a 52%,transparent 76%)!important;
  -webkit-mask-composite:initial!important;
  mask-composite:initial!important;
}
#reading-app .deep-reading-inline .story-hero > :not(.story-illustration),
.deep-reading-dialog .story-hero > :not(.story-illustration){position:relative;z-index:2}
#reading-app .deep-reading-inline .story-headline,
.deep-reading-dialog .story-headline{max-width:640px!important;text-shadow:0 2px 22px #1013238c}
@media(max-width:650px){
 #reading-app .deep-reading-inline .story-hero,.deep-reading-dialog .story-hero{min-height:340px!important;padding:54px 16px 65px!important}
 #reading-app .deep-reading-inline .story-illustration,.deep-reading-dialog .story-illustration{width:330px!important;right:-70px!important;top:45%!important;opacity:.19!important}
}

/* Asymmetric editorial rhythm: no endless full-width box stack. */
#reading-app .deep-reading-inline .story-illustration,.deep-reading-dialog .story-illustration{
 right:-135px!important;opacity:.085!important;
 -webkit-mask-image:radial-gradient(ellipse at 44% 50%,#000 12%,#0008 40%,transparent 73%)!important;
 mask-image:radial-gradient(ellipse at 44% 50%,#000 12%,#0008 40%,transparent 73%)!important;
}
#reading-app .deep-reading-inline .story-editorial,.deep-reading-dialog .story-editorial{
 display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:clamp(25px,4vw,60px);align-items:start;
}
#reading-app .deep-reading-inline .story-editorial .story-part,.deep-reading-dialog .story-editorial .story-part{
 border:0!important;background:transparent!important;border-radius:0!important;padding:45px 5px!important;margin:0!important;
}
#reading-app .deep-reading-inline .story-editorial .story-evidence,.deep-reading-dialog .story-editorial .story-evidence{grid-column:1;grid-row:1 / span 2}
#reading-app .deep-reading-inline .story-editorial .story-variable,.deep-reading-dialog .story-editorial .story-variable{grid-column:2;grid-row:1;border-left:1px solid #62779785!important;padding-left:25px!important}
#reading-app .deep-reading-inline .story-editorial .story-actions,.deep-reading-dialog .story-editorial .story-actions{grid-column:1;grid-row:3;border-top:1px solid #62779785!important}
#reading-app .deep-reading-inline .story-editorial .story-avoid,.deep-reading-dialog .story-editorial .story-avoid{grid-column:2;grid-row:3;border-top:1px solid #62779785!important;padding-left:25px!important}
#reading-app .deep-reading-inline .story-direction,.deep-reading-dialog .story-direction{max-width:74%;margin-left:auto;background:transparent!important;border-bottom:0!important;padding:30px 0 12px!important}
#reading-app .deep-reading-inline .story-practical,.deep-reading-dialog .story-practical{width:82%;margin-left:0!important;border:0!important;border-left:2px solid #91a9cf!important;border-radius:0!important;background:linear-gradient(90deg,#24365385,transparent 80%)!important}
#reading-app .deep-reading-inline .story-context,.deep-reading-dialog .story-context{max-width:76%;margin-left:auto;border:0!important}
#reading-app .deep-reading-inline .story-timeline,.deep-reading-dialog .story-timeline{max-width:84%;margin:0 auto;border:0!important}
@media(max-width:700px){
 #reading-app .deep-reading-inline .story-illustration,.deep-reading-dialog .story-illustration{right:-145px!important;opacity:.065!important}
 #reading-app .deep-reading-inline .story-editorial,.deep-reading-dialog .story-editorial{grid-template-columns:minmax(0,1fr);gap:0}
 #reading-app .deep-reading-inline .story-editorial .story-part,.deep-reading-dialog .story-editorial .story-part{grid-column:1!important;grid-row:auto!important;padding:28px 4px!important;border:0!important;border-bottom:1px solid #62779785!important}
 #reading-app .deep-reading-inline .story-direction,.deep-reading-dialog .story-direction,#reading-app .deep-reading-inline .story-practical,.deep-reading-dialog .story-practical,#reading-app .deep-reading-inline .story-context,.deep-reading-dialog .story-context,#reading-app .deep-reading-inline .story-timeline,.deep-reading-dialog .story-timeline{max-width:none;width:auto;margin-left:0}
}

/* Final native component matching, no editorial story-* UI. */
.native-deep-report{color:#dce5f2;max-width:900px;margin-inline:auto}
.native-deep-report .native-deep-answer{margin:22px auto 29px}
.native-deep-report .native-deep-answer>strong{font-family:'Hahmlet',serif!important;font-weight:400!important;color:#f1f4fa!important;line-height:1.65}
.native-deep-report .native-deep-answer>p{color:#c8d7e9;line-height:1.9;margin:16px 0 0}
.native-deep-report .native-deep-question{font-family:'Hahmlet',serif;color:#b8cae1;font-size:17px;line-height:1.9;margin:22px auto 31px;max-width:850px;text-align:center}
.native-deep-report .native-deep-insights{margin:25px auto 30px}
.native-deep-report .native-deep-chapters{margin-top:42px}
.native-deep-report .native-deep-closing{margin:35px auto;padding:30px 34px!important}
.native-deep-report .native-deep-closing>p{font-family:'Hahmlet',serif;font-size:16px;line-height:1.9;margin:14px 0;color:#dce5f3}
.native-deep-report .chapter-content>p{font-size:15px;line-height:2;color:#c9d6e7;word-break:keep-all;padding:0 12px;margin:0 0 20px}
.native-deep-report .reading-chapter summary{list-style:none}
.native-deep-report .reading-chapter summary::-webkit-details-marker{display:none}
.native-deep-report .reading-chapter[open] .chapter-toggle{transform:rotate(45deg)}
.deep-reading-dialog .native-deep-report .reading-chapters-list{border-top:1px solid #4c607c}
.deep-reading-dialog .native-deep-report .reading-chapter{border-bottom:1px solid #3d4e67}
.deep-reading-dialog .native-deep-report .reading-chapter>summary{display:flex;align-items:center;gap:22px;min-height:99px;padding:15px 9px;cursor:pointer}
.deep-reading-dialog .native-deep-report .chapter-index{font:italic 29px 'Hahmlet',serif;color:#8297b5}
.deep-reading-dialog .native-deep-report .chapter-title{display:grid;gap:5px;flex:1}
.deep-reading-dialog .native-deep-report .chapter-title small{font-size:11px;color:#a6b9d0}
.deep-reading-dialog .native-deep-report .chapter-title strong{font:400 clamp(20px,3vw,26px) 'Hahmlet',serif;color:#f1f4fb}
.deep-reading-dialog .native-deep-report .chapter-toggle{font-size:24px;color:#b7c9df;transition:transform .2s}
.deep-reading-dialog .native-deep-report .chapter-content{padding:0 0 25px}
.deep-reading-dialog .native-deep-report .reading-chapters-head{margin:25px 0;color:#dce5f2}
.deep-reading-dialog .native-deep-report .reading-chapters-head h2{font:400 27px/1.5 'Hahmlet',serif;color:#f0f3f9}
.deep-reading-dialog .native-deep-report .reading-chapters-head p{font-size:13px;color:#aebed3}
@media(max-width:650px){.native-deep-report .native-deep-insights{grid-template-columns:1fr}.native-deep-report .chapter-content>p{padding:0 4px}.deep-reading-dialog .native-deep-report .reading-chapter>summary{gap:12px;min-height:78px}}

/* A small, personal glimpse before checkout. No paid report content is sent to the browser. */
#reading-app .deep-personal-teaser{position:relative;isolation:isolate;overflow:hidden;min-height:285px;margin:27px 0 22px;padding:32px clamp(22px,5vw,44px) 75px;border-radius:19px;background:radial-gradient(ellipse at 90% 10%,#344b713b,transparent 58%),linear-gradient(145deg,#1b283d,#121a2b);border:1px solid #526985;box-shadow:inset 0 1px #fff1a}
#reading-app .deep-personal-teaser .step-label{display:block;color:#a9bfda;font-size:10px;letter-spacing:.17em}
#reading-app .deep-teaser-title{font:600 clamp(22px,3.5vw,30px)/1.55 'Hahmlet',serif;color:#f3f5fa;margin:19px 0 16px;word-break:keep-all}
#reading-app .deep-teaser-copy{font:400 clamp(14px,1.8vw,17px)/2 'Hahmlet',serif;color:#d2dfef;max-width:740px;word-break:keep-all;margin:0}
#reading-app .deep-teaser-fade{position:absolute;inset:43% 0 0;z-index:1;pointer-events:none;background:linear-gradient(to bottom,transparent,#151f30ce 52%,#151f30 83%)}
#reading-app .deep-teaser-lock{position:absolute;z-index:2;bottom:19px;left:0;right:0;display:flex;justify-content:center;gap:9px;align-items:center;color:#d9e5f5;font-family:inherit;font-size:13px;font-weight:500;line-height:1.5;text-shadow:0 1px 4px #0c1420}
#reading-app .deep-teaser-lock span{font-size:19px;color:#b8cbe7}
@media(max-width:650px){#reading-app .deep-personal-teaser{min-height:330px;padding:26px 20px 76px}#reading-app .deep-teaser-fade{inset:35% 0 0}#reading-app .deep-teaser-lock{padding:0 18px;text-align:center}}

/* The teaser's title continues naturally into the unlocked native report. */
.native-deep-report .native-deep-continuation{padding:20px 4px 8px;margin:12px 0 6px}
.native-deep-report .native-deep-continuation .step-label{font-size:10px;letter-spacing:.16em;color:#a4b8d3}
.native-deep-report .native-deep-continuation-title{font:400 clamp(25px,4vw,38px)/1.5 'Hahmlet',serif;color:#eff3fa;letter-spacing:-.055em;margin:16px 0 12px;word-break:keep-all}

.native-deep-report .native-deep-story{max-width:810px;margin:0 auto 38px;padding:8px 16px}
.native-deep-report .native-deep-story p{color:#d6e1ef;font-size:16px;line-height:2.05;word-break:keep-all;margin:0 0 24px}
.native-deep-report .native-deep-story p:first-child{font-family:'Hahmlet',serif;font-size:19px;color:#f0f3fb}

/* Mirror the free-reading disclosure: only the explicit + icon is visible. */
.native-deep-report .reading-chapter > summary{list-style:none!important}
.native-deep-report .reading-chapter > summary::marker{content:''!important;font-size:0!important}
.native-deep-report .reading-chapter > summary::-webkit-details-marker{display:none!important}
.native-deep-report .reading-chapter > summary::before,
.native-deep-report .reading-chapter > summary::after{content:none!important;display:none!important}
.native-deep-report .reading-chapter > summary .chapter-toggle{display:inline-flex!important;flex:0 0 auto;align-items:center;justify-content:center}

/* Conversion CTA: soft moonlit glow, without distracting flashing. */
@keyframes deep-checkout-glow{
  0%,100%{box-shadow:0 0 0 1px #a9c7f44d,0 0 12px #98bce355,0 0 26px #6998d13a}
  50%{box-shadow:0 0 0 1px #d6e8ff9c,0 0 21px #a6c9eea1,0 0 45px #79a6e06b}
}
#reading-app .deep-reading-cta{animation:deep-checkout-glow 3.5s ease-in-out infinite;transition:transform .22s ease,filter .22s ease}
#reading-app .deep-reading-cta:hover{transform:translateY(-2px);filter:brightness(1.08)}
#reading-app .deep-reading-cta:disabled{animation:none}
@media(prefers-reduced-motion:reduce){#reading-app .deep-reading-cta{animation:none;box-shadow:0 0 0 1px #a9c7f44d,0 0 18px #98bce355}}

/* Deep Reading landing: conversion additions use the existing midnight/silver system. */
.deep-sales-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:27px}
.deep-sales-choice-grid>a{display:flex;flex-direction:column;gap:10px;padding:28px clamp(18px,3vw,34px);min-width:0;min-height:208px;border:1px solid #566b889c;border-radius:18px;background:linear-gradient(145deg,#1d2a3e,#111a2b);color:#eaf1fb;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.deep-sales-choice-grid>a:hover,.deep-sales-choice-grid>a:focus-visible{transform:translateY(-4px);border-color:#a7bfdc;box-shadow:0 10px 35px #070e20a8}
.deep-sales-choice-grid>a>span{font-size:10px;letter-spacing:.16em;color:#a7bad2}
.deep-sales-choice-grid>a>strong{font:400 clamp(21px,3vw,29px)/1.5 'Hahmlet',serif}
.deep-sales-choice-grid>a>p{font-size:14px;line-height:1.8;color:#c5d3e5;margin:0;word-break:keep-all}
.deep-sales-choice-grid>a>em{font-size:12px;font-style:normal;color:#bdd4ef;margin-top:auto}
.deep-sales-story-body{position:relative;max-width:850px;margin:30px auto 0;padding:clamp(25px,5vw,49px);border-radius:19px;border:1px solid #667d9b7a;background:radial-gradient(ellipse at 93% 10%,#3f527b40,transparent 60%),#182238;color:#e0e8f3}
.deep-sales-story-body>span{font-size:11px;letter-spacing:.1em;color:#abbfd9}
.deep-sales-story-body>p{font:400 clamp(15px,1.85vw,18px)/2 'Hahmlet',serif;margin:22px 0 0;word-break:keep-all}
.deep-sales-story-foot{max-width:850px;margin:18px auto 0;font-size:13px;line-height:1.8;color:#b7c9e0}
@media(max-width:650px){.deep-sales-choice-grid{grid-template-columns:1fr;gap:11px}.deep-sales-choice-grid>a{min-height:170px;padding:23px}.deep-sales-story-body{padding:25px 20px}}
@media(prefers-reduced-motion:reduce){.deep-sales-choice-grid>a{transition:none}}


/* Deep Reading sales refinement — glass, silver spotlights, stronger paid hierarchy. */
.deep-sales-page{width:100%;max-width:1180px}
.deep-sales-hero{width:100%;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);overflow:hidden}
.deep-sales-hero h1 em{font-family:'Hahmlet',serif;font-weight:500;font-style:normal;letter-spacing:-.045em}
.deep-sales-availability{font-size:10px;line-height:1.65;letter-spacing:-.01em}
.deep-sales-art{isolation:isolate}
.deep-sales-art:before,.deep-sales-art:after{content:'';position:absolute;border-radius:50%;pointer-events:none;z-index:-1;filter:blur(6px)}
.deep-sales-art:before{width:360px;height:360px;top:44%;left:49%;transform:translate(-50%,-50%);background:radial-gradient(circle,#accaf064 0%,#7da8df3b 33%,#496b9c18 59%,transparent 74%);box-shadow:0 0 90px #94b6df3e}
.deep-sales-art:after{width:205px;height:205px;top:38%;left:71%;transform:translate(-50%,-50%);background:radial-gradient(circle,#d5d2f083 0%,#a7a4e33a 40%,transparent 75%);filter:blur(18px)}
.deep-sales-choice-grid>a{position:relative;overflow:hidden;border:1px solid #8ca6ca72;background:linear-gradient(145deg,#d5e8ff1e,#99bce609 50%,#8daee615),#162237b0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #e5f2ff40,0 12px 35px #030a1b65;transition:background .28s ease,filter .28s ease,transform .28s ease,border-color .28s ease,box-shadow .28s ease}
.deep-sales-choice-grid>a:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 85% 0%,#dceaff25,transparent 64%);opacity:.55;transition:opacity .28s ease;pointer-events:none}
.deep-sales-choice-grid>a:hover,.deep-sales-choice-grid>a:focus-visible{transform:translateY(-4px);background:linear-gradient(145deg,#c7defc38,#a4c8f01c 65%,#8daee626),#1c304e;border-color:#c0d9f8;box-shadow:inset 0 1px #ffffff66,0 18px 48px #020b1d99,0 0 30px #a2c5ef35;filter:brightness(1.15)}
.deep-sales-choice-grid>a:hover:before,.deep-sales-choice-grid>a:focus-visible:before{opacity:1}
.deep-sales-compare-grid{gap:19px;align-items:stretch;padding:15px 4px 16px}
.deep-sales-comparison{min-height:275px;box-shadow:inset 0 1px #ffffff10,0 12px 30px #03091455;transition:transform .25s ease}
.deep-sales-comparison.free{opacity:.85;background:linear-gradient(150deg,#202b3e,#111a2b);border-color:#536781}
.deep-sales-comparison.deep{z-index:1;transform:translateY(-8px) scale(1.025);border:1px solid #c0d9f7;background:radial-gradient(ellipse at 82% 4%,#c1dafe40,transparent 65%),linear-gradient(145deg,#344f73db,#1b2b47ed);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #f1f8ff72,0 24px 65px #030b1b9c,0 0 48px #9cbee85b}
.deep-sales-comparison.deep:before{content:'';position:absolute;inset:1px;border-radius:18px;pointer-events:none;background:linear-gradient(120deg,#e6f5ff1c,transparent 52%)}
.deep-sales-comparison.deep h3{font-size:clamp(34px,3.2vw,42px);font-weight:500;color:#fff}
.deep-sales-comparison.deep>span{color:#d9eaff}
.deep-sales-comparison.deep p{font-size:15px;color:#e0ebfa}
.deep-sales-comparison.deep .deep-sales-comparison-foot{font-size:14px;color:#f3f8ff}
.deep-sales-example-grid{grid-template-columns:minmax(0,.8fr) 42px minmax(0,1.2fr);gap:17px}
.deep-sales-example-grid>div:not(.deep-sales-example-arrow){min-height:230px;display:flex;flex-direction:column;justify-content:center}
.deep-sales-example-grid>div:first-child{opacity:.75}
.deep-sales-example-grid>div:last-child{position:relative;isolation:isolate;padding:clamp(26px,3.8vw,43px);border-color:#c5dcf9;border-radius:22px;background:radial-gradient(ellipse at 85% 0%,#d5e9ff42,transparent 65%),linear-gradient(145deg,#334d72d9,#1d2f4be6);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #ffffff7a,0 22px 65px #050b1a9c,0 0 55px #89b7ed55}
.deep-sales-example-grid>div:last-child span{font-size:14px;color:#e6f2ff}
.deep-sales-example-grid>div:last-child p{font-size:clamp(20px,2.35vw,28px);font-weight:500;line-height:1.7;color:#f7fbff}
.deep-sales-example-arrow{font-size:32px;text-shadow:0 0 20px #a6d0ff96}
.deep-sales-story-body{max-width:none;border:1px solid #a4bbd9b0;background:radial-gradient(ellipse at 90% 0%,#d7e9ff4c,transparent 62%),linear-gradient(140deg,#354d6bbd,#20324edc);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px #f0f7ff7a,0 20px 55px #050b1b79,0 0 34px #9ebee83a}
.deep-sales-story-body>p:first-of-type{font-size:clamp(19px,2.2vw,24px);line-height:1.85;color:#f5f9ff}
.deep-sales-story-body>p:not(:first-of-type){color:#dbe7f6}
.deep-sales-heading--action{display:flex;max-width:none;align-items:center;justify-content:space-between;gap:25px}
.deep-sales-heading--action .deep-sales-heading-copy{max-width:760px}
.deep-sales-heading--action .deep-sales-heading-copy>span{display:block;color:#b8cbe4;font:800 11px/1.6 Inter,Pretendard,sans-serif;letter-spacing:.17em}
.deep-sales-heading--action .deep-sales-button{flex:0 0 auto;white-space:nowrap}
@media(max-width:800px){.deep-sales-hero{grid-template-columns:1fr}.deep-sales-heading--action{align-items:flex-start;flex-direction:column}.deep-sales-heading--action .deep-sales-button{width:auto}}
@media(max-width:600px){.deep-sales-page{max-width:100%}.deep-sales-art:before{width:270px;height:270px}.deep-sales-art:after{width:155px;height:155px}.deep-sales-compare-grid{grid-template-columns:1fr;gap:20px;padding:10px 6px}.deep-sales-comparison.deep{transform:none}.deep-sales-example-grid{grid-template-columns:1fr;gap:10px}.deep-sales-example-grid>div:not(.deep-sales-example-arrow){min-height:0}.deep-sales-example-grid>div:last-child p{font-size:20px}.deep-sales-heading--action .deep-sales-button{width:100%}}
@media(prefers-reduced-motion:reduce){.deep-sales-choice-grid>a{transition:none}.deep-sales-choice-grid>a:hover{transform:none}}


/* Sales typography rebalance — final overrides after the shared * typography. */
.deep-sales-page .deep-sales-hero #deep-sales-title{font-family:'Hahmlet',serif!important;font-weight:500!important;letter-spacing:-.075em!important;line-height:1.19!important}
.deep-sales-page .deep-sales-hero #deep-sales-title em{font-family:'Hahmlet',serif!important;font-weight:500!important;font-style:normal!important;letter-spacing:inherit!important;line-height:inherit!important}
.deep-sales-page .deep-sales-heading h2{font-weight:600}
.deep-sales-page #deep-sales-choice-title{font-weight:650}
.deep-sales-page .deep-sales-compare-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.deep-sales-page .deep-sales-comparison{min-height:250px;padding:clamp(22px,2.8vw,30px)}
.deep-sales-page .deep-sales-comparison.deep{transform:translateY(-3px) scale(1.008);box-shadow:inset 0 1px #f1f8ff72,0 17px 45px #030b1b85,0 0 32px #9cbee845}
.deep-sales-page .deep-sales-comparison.free h3{font-size:32px;font-weight:500}
.deep-sales-page .deep-sales-comparison.deep h3{font-size:34px;font-weight:500}
.deep-sales-page .deep-sales-comparison.free p,.deep-sales-page .deep-sales-comparison.deep p{font-size:14px;line-height:1.85}
.deep-sales-page .deep-sales-example-grid{grid-template-columns:minmax(0,1fr) 35px minmax(0,1.08fr);gap:14px}
.deep-sales-page .deep-sales-example-grid>div:first-child p{font-size:clamp(19px,2vw,22px);line-height:1.75}
.deep-sales-page .deep-sales-example-grid>div:last-child p{font-size:clamp(17px,1.8vw,20px);line-height:1.8;font-weight:400}
.deep-sales-page .deep-sales-example-grid>div:last-child span{font-size:12px}
.deep-sales-page .deep-sales-final h2{font-family:'Hahmlet',serif;font-weight:600}
@media(max-width:600px){
 .deep-sales-page .deep-sales-compare-grid{grid-template-columns:1fr;gap:16px}
 .deep-sales-page .deep-sales-comparison.deep{transform:none}
 .deep-sales-page .deep-sales-comparison.free h3{font-size:29px}
 .deep-sales-page .deep-sales-comparison.deep h3{font-size:31px}
 .deep-sales-page .deep-sales-example-grid{grid-template-columns:1fr;gap:9px}
 .deep-sales-page .deep-sales-example-grid>div:first-child p{font-size:19px}
 .deep-sales-page .deep-sales-example-grid>div:last-child p{font-size:18px}
}

/* Deep Reading sample dialog: strengthen section heading hierarchy without changing sizing. */
.deep-reading-dialog .deep-reading-dialog-head strong{font-weight:600}
.deep-reading-dialog .native-deep-report .native-deep-continuation-title{font-weight:600}
.deep-reading-dialog .native-deep-report .reading-chapters-head h2{font-weight:600}

/* Match unlocked real Deep Reading report headings to sample modal typography. */
.native-deep-report .native-deep-continuation-title{font-weight:600}
.native-deep-report .reading-chapters-head h2{font-weight:600}

/* Info and legal pages: hero remains full width without a filled surface. */
.info-legal .info-hero,.info-page>.info-hero{width:100%;max-width:none;background:transparent!important;background-color:transparent!important}

/* Widen hero text column for the intended three-line editorial headline. */
@media(min-width:801px){.deep-sales-page .deep-sales-hero{grid-template-columns:minmax(0,1.42fr) minmax(255px,.58fr);gap:16px}}
@media(max-width:800px){.deep-sales-page .deep-sales-hero .deep-sales-title-break{display:block}}

/* Keep the hero's pre-checkout reassurance quiet and secondary. */
.deep-sales-page .deep-sales-availability{font-size:11px;line-height:1.7}

/* Slightly soften the free-reading sample typography only. */
.deep-sales-page .deep-sales-example-grid>div:first-child p{font-size:15px}

/* Mobile headline: preserve the three intentional lines. Sample modal: give story text breathing room. */
@media(max-width:600px){
 .deep-sales-page .deep-sales-hero{padding-inline:10px!important}
 .deep-sales-page .deep-sales-hero #deep-sales-title{font-size:clamp(30px,8vw,39px)!important;letter-spacing:-.08em!important}
 .deep-sales-page .deep-sales-hero #deep-sales-title em{white-space:nowrap}
 .deep-reading-dialog{width:calc(100% - 16px)!important;padding:18px 10px!important}
 .deep-reading-dialog .native-deep-report .native-deep-story{padding-inline:3px!important}
 .deep-reading-dialog .native-deep-report .native-deep-story p:first-child{font-size:16px!important;line-height:1.9!important}
}

/* Align deep sales footer with the full-width legal/info page footers. */
.deep-sales-page .deep-sales-footer{width:100%;margin:18px 0 0;padding:18px 0 0;border-top:1px solid #4b5f7a}

/* Mirror info-footer typography and explainer link treatment. */
.deep-sales-page .deep-sales-footer{align-items:center;color:var(--muted);font-size:13px}
.deep-sales-page .deep-sales-footer a{display:inline-block;flex:0 0 auto;margin:0;color:#a6afbf;font-size:13px;font-weight:800;text-decoration:none}
@media(max-width:650px){.deep-sales-page .deep-sales-footer{align-items:flex-start;flex-direction:column;gap:8px;padding-top:14px}}

/* Deep sales refund link: mirror .explainer-link hover and keyboard focus. */
.deep-sales-page .deep-sales-footer a{transition:color var(--motion-fast) ease,text-decoration-color var(--motion-fast) ease,opacity var(--motion-fast) ease,translate var(--motion-ui) var(--motion-ease);text-decoration-thickness:1px;text-underline-offset:4px}
@media(hover:hover){.deep-sales-page .deep-sales-footer a:hover{text-decoration-line:underline;translate:2px 0}}
.deep-sales-page .deep-sales-footer a:focus-visible{text-decoration-line:underline}
@media(prefers-reduced-motion:reduce){.deep-sales-page .deep-sales-footer a{transition:none!important;translate:none!important}}


/* Quiet dim on the card table only while the question dialog is present. */
#reading-app .question-session-stage:not(.is-opening)>.question-table-preview{position:relative;opacity:.72!important;filter:saturate(.74) brightness(.76)!important}
#reading-app .question-session-stage:not(.is-opening)>.question-table-preview::after{content:"";position:absolute;inset:0;background:rgba(9,15,29,.20);pointer-events:none;z-index:2;border-radius:inherit}
#reading-app .question-session-stage>.question-modal-layer{background:transparent!important}
#reading-app .question-session-stage.is-opening>.question-table-preview{opacity:1!important;filter:none!important}
#reading-app .question-session-stage.is-opening>.question-table-preview::after{opacity:0}

/* Home reading artwork: desktop only — larger cards, comfortably inset from the right edge. */
@media (min-width: 981px){
  .home-two-column .reading-tile .tile-icon.tile-card-thumb,
  .home-two-column .reading-tile.small .tile-icon.tile-card-thumb{
    width:88px!important;
    height:132px!important;
    right:31px!important;
    bottom:26px!important;
    border-radius:9px!important;
  }
  .home-two-column .reading-tile .tile-icon.tile-card-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
  }
}

/* Desktop reading tiles: one gentle tarot flip on hover, with a restrained silver aura. */
@media (min-width:981px) and (hover:hover) and (pointer:fine){
  .home-two-column .reading-tile .tile-icon.tile-card-thumb{
    overflow:visible!important;
    perspective:850px;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    transform:rotate(7deg);
    transition:transform .4s ease,filter .4s ease!important;
  }
  .home-two-column .tile-card-thumb .tile-flip-inner{
    position:relative;display:block;width:100%;height:100%;
    transform-style:preserve-3d;
    transition:transform .68s cubic-bezier(.2,.75,.2,1);
    border-radius:9px;
  }
  .home-two-column .tile-card-thumb .tile-flip-inner img{
    position:absolute;inset:0;display:block;
    width:100%;height:100%;object-fit:cover;
    border-radius:9px;
    backface-visibility:hidden;-webkit-backface-visibility:hidden;
  }
  .home-two-column .tile-card-thumb .tile-flip-back{transform:rotateY(180deg)}
  .home-two-column .reading-tile:hover .tile-icon.tile-card-thumb,
  .home-two-column .reading-tile:focus-visible .tile-icon.tile-card-thumb{
    transform:translateY(-8px) rotate(7deg)!important;
    animation:tarot-card-hover-float 1.8s ease-in-out infinite alternate, tarot-card-glow-pulse 3s ease-in-out infinite alternate!important;
    filter:drop-shadow(0 0 17px rgba(187,209,244,.68)) drop-shadow(0 0 29px rgba(135,173,225,.35)) drop-shadow(0 13px 18px rgba(0,0,0,.30))!important;
  }
  .home-two-column .reading-tile:hover .tile-flip-inner,
  .home-two-column .reading-tile:focus-visible .tile-flip-inner{transform:rotateY(180deg)}
}
@media (prefers-reduced-motion:reduce){
  .home-two-column .tile-card-thumb .tile-flip-inner{transition:none!important}
}

@keyframes tarot-card-hover-float{
  from{translate:0 0}
  to{translate:0 -7px}
}
@media (prefers-reduced-motion:reduce){
  .home-two-column .reading-tile:hover .tile-icon.tile-card-thumb,
  .home-two-column .reading-tile:focus-visible .tile-icon.tile-card-thumb{
    animation:none!important;
    transform:translateY(-8px) rotate(7deg)!important;
  }
}

/* Soft independent silver aura breathing while desktop tile is hovered. */
@keyframes tarot-card-glow-pulse{
  from{filter:drop-shadow(0 0 10px rgba(187,209,244,.35)) drop-shadow(0 0 18px rgba(135,173,225,.18)) drop-shadow(0 13px 18px rgba(0,0,0,.30))}
  to{filter:drop-shadow(0 0 19px rgba(187,209,244,.72)) drop-shadow(0 0 32px rgba(135,173,225,.43)) drop-shadow(0 13px 18px rgba(0,0,0,.30))}
}


/* Dictionary detail refinement — layered cards, legible hierarchy, answer-style advice. */
.card-dictionary-detail .card-meaning-grid>article:not(.card-advice-box),
.card-dictionary-detail .card-topic-grid>article{
  border:1px solid rgba(126,151,187,.46)!important;
  background:linear-gradient(155deg,#23334a 0%,#1a2639 34%,#121b2b 100%)!important;
  box-shadow:inset 0 1px 0 rgba(224,236,255,.085),0 14px 30px rgba(2,7,18,.3),0 3px 8px rgba(4,10,23,.2)!important;
}
.card-dictionary-detail .card-meaning-grid h3,
.card-dictionary-detail .card-topic-grid h3{
  font-size:clamp(20px,2.15vw,24px)!important;
  line-height:1.42!important;
  font-weight:700!important;
  margin-bottom:15px!important;
  color:#f0f4fc!important;
  letter-spacing:-.025em;
}
.card-dictionary-detail .card-topic-reading>span,
.card-dictionary-detail .card-meaning-grid article>span{
  font-size:12px!important;
  line-height:1.55;
}
.card-dictionary-detail .card-meaning-grid .card-advice-box{
  position:relative;
  overflow:hidden;
  padding:clamp(25px,3vw,36px)!important;
  border:1px solid #71869e!important;
  border-radius:20px;
  background:radial-gradient(circle at 92% 4%,#6e8ca735,transparent 36%),linear-gradient(135deg,#1b293d,#141d2d)!important;
  box-shadow:0 18px 45px #05080f3d,0 0 34px #8ba9c315 inset!important;
}
.card-dictionary-detail .card-meaning-grid .card-advice-box::before{
  content:"";
  position:absolute;
  left:0;
  top:18px;
  bottom:18px;
  width:2px;
  background:linear-gradient(180deg,transparent,#d5e1eb,transparent);
  box-shadow:0 0 14px #d5e1eb66;
}
.card-dictionary-detail .card-meaning-grid .card-advice-box>span{
  font-size:12px!important;
  letter-spacing:.12em!important;
  color:#aebfd1!important;
  margin-bottom:13px!important;
}
.card-dictionary-detail .card-meaning-grid .card-advice-box h3{
  font-family:'Hahmlet',serif!important;
  font-size:clamp(23px,2.6vw,29px)!important;
  font-weight:400!important;
  margin-bottom:12px!important;
  color:#f4f7fa!important;
}
.card-dictionary-detail .card-meaning-grid .card-advice-box p{
  font-family:'Hahmlet',serif!important;
  font-size:clamp(19px,2.1vw,23px)!important;
  font-weight:400!important;
  line-height:1.8!important;
  color:#f4f7fa!important;
  letter-spacing:-.025em;
}
@media(max-width:650px){
  .card-dictionary-detail .card-meaning-grid h3,
  .card-dictionary-detail .card-topic-grid h3{font-size:19px!important}
  .card-dictionary-detail .card-meaning-grid .card-advice-box{padding:23px 21px 24px 25px!important}
  .card-dictionary-detail .card-meaning-grid .card-advice-box h3{font-size:23px!important}
  .card-dictionary-detail .card-meaning-grid .card-advice-box p{font-size:18px!important;line-height:1.75!important}
}

/* Mobile card dictionary: two balanced adjacent cards + unobtrusive full-index link. */
@media(max-width:650px){
 .card-dictionary-detail .card-prev-next{
   display:grid!important;
   grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
   gap:12px!important;
   align-items:stretch!important;
   margin-top:30px!important;
   padding-top:20px!important;
 }
 .card-dictionary-detail .card-prev-next>a:not(.card-all-link){
   min-width:0!important;
   min-height:82px!important;
   display:flex!important;
   flex-direction:column!important;
   justify-content:center!important;
   gap:7px!important;
   padding:14px 12px!important;
   border:1px solid rgba(119,140,169,.48)!important;
   border-radius:14px!important;
   background:linear-gradient(145deg,#1b293d,#131c2b)!important;
   box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 7px 18px rgba(0,0,0,.14)!important;
   text-align:left!important;
 }
 .card-dictionary-detail .card-prev-next>a:nth-child(3){
   text-align:right!important;
   align-items:flex-end!important;
 }
 .card-dictionary-detail .card-prev-next>a:not(.card-all-link) small{
   font-size:11px!important;
   line-height:1.35!important;
   color:#aebfd1!important;
 }
 .card-dictionary-detail .card-prev-next>a:not(.card-all-link) strong{
   font-size:clamp(15px,4vw,18px)!important;
   line-height:1.4!important;
   color:#f1f5fc!important;
   white-space:normal!important;
   overflow-wrap:break-word!important;
   word-break:keep-all!important;
 }
 .card-dictionary-detail .card-prev-next>a:not(.card-all-link) span{display:none!important}
 .card-dictionary-detail .card-prev-next>.card-all-link{
   grid-column:1/-1!important;
   grid-row:2!important;
   min-width:0!important;
   min-height:44px!important;
   display:flex!important;
   flex-direction:row!important;
   justify-content:center!important;
   align-items:center!important;
   gap:8px!important;
   padding:8px 12px!important;
   border:0!important;
   background:transparent!important;
   box-shadow:none!important;
   text-align:center!important;
 }
 .card-dictionary-detail .card-prev-next>.card-all-link small{display:none!important}
 .card-dictionary-detail .card-prev-next>.card-all-link strong{
   font-family:inherit!important;
   font-size:13px!important;
   font-weight:600!important;
   letter-spacing:.01em!important;
   color:#b9cbe2!important;
 }
 .card-dictionary-detail .card-prev-next>.card-all-link strong::after{
   content:" →";
 }
}

/* Ensure previous-card link stays left aligned on narrow mobile screens. */
@media(max-width:650px){
 .card-dictionary-detail .card-prev-next>a:first-child{
   align-items:flex-start!important;
   text-align:left!important;
   justify-self:stretch!important;
 }
 .card-dictionary-detail .card-prev-next>a:first-child small,
 .card-dictionary-detail .card-prev-next>a:first-child strong{
   align-self:flex-start!important;
   text-align:left!important;
 }
}

/* Mobile dictionary pagination: match desktop's restrained divider navigation. */
@media(max-width:650px){
 .card-dictionary-detail .card-prev-next{
   column-gap:0!important;
   row-gap:9px!important;
   border-top:1px solid var(--line)!important;
 }
 .card-dictionary-detail .card-prev-next>a:not(.card-all-link){
   min-height:80px!important;
   padding:12px 13px!important;
   border:0!important;
   border-radius:0!important;
   background:transparent!important;
   box-shadow:none!important;
 }
 .card-dictionary-detail .card-prev-next>a:first-child{
   border-right:1px solid rgba(130,151,180,.45)!important;
   padding-left:0!important;
   align-items:flex-start!important;
   text-align:left!important;
 }
 .card-dictionary-detail .card-prev-next>a:nth-child(3){
   padding-right:0!important;
   align-items:flex-end!important;
   text-align:right!important;
 }
 .card-dictionary-detail .card-prev-next>.card-all-link{
   border-top:1px solid rgba(130,151,180,.32)!important;
   border-radius:0!important;
   margin-top:2px!important;
 }
}

/* Card dictionary question sections: illuminated editorial rows, all 78 cards. */
.card-dictionary-detail .card-topic-section .card-topic-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(28px,4.5vw,64px);
  row-gap:0;
}
.card-dictionary-detail .card-topic-section .card-topic-grid>article{
  position:relative;
  display:flex;
  flex-direction:column;
  min-width:0;
  padding:30px 5px 28px!important;
  border:0!important;
  border-top:1px solid rgba(145,164,191,.4)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.card-dictionary-detail .card-topic-section .card-topic-grid>article h3{
  font-family:'Hahmlet',serif!important;
  font-size:clamp(23px,2.25vw,28px)!important;
  font-weight:400!important;
  line-height:1.45!important;
  margin:0 0 24px!important;
  color:#edf2fa!important;
}
.card-dictionary-detail .card-topic-section .card-topic-reading{
  padding-left:17px;
  border-left:2px solid rgba(152,174,203,.55);
}
.card-dictionary-detail .card-topic-section .card-topic-reading--reversed{
  margin-top:23px;
  padding-top:0;
  border-top:0;
  border-left-color:rgba(108,130,160,.65);
}
.card-dictionary-detail .card-topic-section .card-topic-reading>span{
  font-size:10px!important;
  letter-spacing:.095em;
  color:#b3c6de;
}
.card-dictionary-detail .card-topic-section .card-topic-grid a{
  padding-top:20px;
  font-size:12px;
}
@media(max-width:720px){
 .card-dictionary-detail .card-topic-section .card-topic-grid{
   grid-template-columns:1fr;
   gap:0;
 }
 .card-dictionary-detail .card-topic-section .card-topic-grid>article{
   padding:25px 2px 27px!important;
 }
 .card-dictionary-detail .card-topic-section .card-topic-grid>article h3{
   font-size:23px!important;
   margin-bottom:18px!important;
 }
 .card-dictionary-detail .card-topic-section .card-topic-reading{padding-left:14px}
}

/* A restrained silver illumination along the section rules. */
.card-dictionary-detail .card-topic-section .card-topic-grid>article::before{
 content:"";
 position:absolute;
 top:-1px;
 left:0;
 right:0;
 height:1px;
 pointer-events:none;
 background:linear-gradient(90deg,rgba(198,220,246,.64),rgba(154,181,222,.38) 44%,transparent 95%);
 box-shadow:0 0 10px rgba(145,177,226,.2);
}
.card-dictionary-detail .card-topic-section .card-topic-reading{
 position:relative;
 border-left-color:rgba(171,199,235,.52)!important;
}
.card-dictionary-detail .card-topic-section .card-topic-reading--reversed{
 border-left-color:rgba(124,151,190,.58)!important;
}
@media(max-width:720px){
 .card-dictionary-detail .card-topic-section .card-topic-grid>article::before{
   background:linear-gradient(90deg,rgba(198,220,246,.65),rgba(154,181,222,.28) 70%,transparent);
 }
}


/* Editorial in-depth meanings: line-led design, keep the special advice card. */
.card-dictionary-detail .card-major-editorial .card-meaning-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(28px,4.5vw,64px);
  row-gap:0;
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid>article{
  position:relative;
  min-width:0;
  padding:30px 5px 28px!important;
  border:0!important;
  border-top:1px solid rgba(145,164,191,.4)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid>article::before{
  content:"";
  position:absolute;
  top:-1px;
  left:0;
  right:0;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,rgba(198,220,246,.64),rgba(154,181,222,.38) 44%,transparent 95%);
  box-shadow:0 0 10px rgba(145,177,226,.2);
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid>article h3{
  font-family:'Hahmlet',serif!important;
  font-size:clamp(23px,2.25vw,28px)!important;
  font-weight:400!important;
  line-height:1.45!important;
  margin:0 0 21px!important;
  color:#edf2fa!important;
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid>article p{
  padding-left:17px;
  border-left:2px solid rgba(171,199,235,.52);
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid>article:nth-child(2) p{
  border-left-color:rgba(124,151,190,.58);
}
@media(max-width:720px){
  .card-dictionary-detail .card-major-editorial .card-meaning-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  .card-dictionary-detail .card-major-editorial .card-meaning-grid>article{
    padding:25px 2px 27px!important;
  }
  .card-dictionary-detail .card-major-editorial .card-meaning-grid>article h3{
    font-size:23px!important;
    margin-bottom:18px!important;
  }
  .card-dictionary-detail .card-major-editorial .card-meaning-grid>article p{
    padding-left:14px;
  }
}

/* In-depth meanings: one uninterrupted silver rule beneath the section heading. */
.card-dictionary-detail .card-major-editorial .card-meaning-grid{
  position:relative;
  border-top:1px solid rgba(145,164,191,.4);
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(198,220,246,.64),rgba(154,181,222,.38) 55%,transparent);
  box-shadow:0 0 10px rgba(145,177,226,.2);
  pointer-events:none;
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid>article{
  border-top:0!important;
}
.card-dictionary-detail .card-major-editorial .card-meaning-grid>article::before{
  content:none!important;
  display:none!important;
}
@media(max-width:720px){
  .card-dictionary-detail .card-major-editorial .card-meaning-grid>article+article{
    border-top:1px solid rgba(145,164,191,.28)!important;
  }
}

/* Topic readings: continuous first illuminated divider across both columns. */
.card-dictionary-detail .card-topic-section .card-topic-grid{
  position:relative;
  border-top:1px solid rgba(145,164,191,.4);
}
.card-dictionary-detail .card-topic-section .card-topic-grid::before{
  content:"";
  position:absolute;
  left:0;right:0;top:-1px;
  height:1px;
  background:linear-gradient(90deg,rgba(198,220,246,.64),rgba(154,181,222,.38) 55%,transparent);
  box-shadow:0 0 10px rgba(145,177,226,.2);
  pointer-events:none;
}
@media(min-width:721px){
  .card-dictionary-detail .card-topic-section .card-topic-grid>article:nth-child(-n+2){
    border-top:0!important;
  }
  .card-dictionary-detail .card-topic-section .card-topic-grid>article:nth-child(-n+2)::before{
    display:none!important;
  }
}
@media(max-width:720px){
  .card-dictionary-detail .card-topic-section .card-topic-grid>article:first-child{
    border-top:0!important;
  }
  .card-dictionary-detail .card-topic-section .card-topic-grid>article:first-child::before{
    display:none!important;
  }
}