/* Responsive adaptation of the approved mobile/tablet birth-chart layout. */
.astral-theme-page{--reading-ink:#f8edf9;--reading-muted:#dccce5;--reading-gold:#f5d497;--reading-line:#ae76ad60;min-width:0;max-width:1120px;margin:auto}
.astral-theme-page *{box-sizing:border-box}
.astral-theme-page .astral-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.astral-theme-page svg{width:28px;height:28px;flex-shrink:0;color:#efcd86}
.astral-theme-page .reading-top-links button{background:#2b103c;border:1px solid #ac7a9c;color:#eddaee;min-height:44px}
.astral-theme-page .astral-hero{position:relative;isolation:isolate;overflow:hidden;border:1px solid #d7af76;border-radius:25px;min-height:340px;background:#1a092d;box-shadow:0 0 14px #efc88735,inset 0 0 10px #e0a3d62b;padding:28px 30px 22px}
.astral-theme-page .astral-hero-art{position:absolute;z-index:-3;inset:0 0 0 auto;width:78%;height:100%;object-fit:cover;object-position:right center}
.astral-theme-page .astral-hero:after{content:'';position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#18092bf5 0%,#1b0a2aeb 30%,#1b0a2a66 54%,transparent 75%)}
.astral-theme-page .astral-hero-copy{max-width:53%;position:relative}
.astral-theme-page .astral-hero h1{font:400 clamp(34px,4.6vw,54px)/1.05 Georgia,serif;color:#ffe6ab;letter-spacing:-.6px;margin:0 0 17px;text-shadow:0 2px 12px #18072b}
.astral-theme-page .astral-hero-copy>p{font-size:18px;line-height:1.55;color:#f1e3f3;max-width:430px;margin:0}
.astral-theme-page .astral-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;max-width:65%;margin-top:26px}
.astral-theme-page .astral-benefit{min-width:0;text-align:center}
.astral-theme-page .astral-benefit>span{display:grid;place-items:center;border:1px solid #d6a873;border-radius:50%;width:52px;height:52px;margin:0 auto 8px;background:radial-gradient(at 40% 20%,#78457388,#230f37);box-shadow:0 0 12px #e4b46d24}
.astral-theme-page .astral-benefit svg{width:31px;height:31px}
.astral-theme-page .astral-benefit p{font-size:13px;line-height:1.4;color:#f2e4f5;margin:0}
.astral-theme-page .astral-offer{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(190px,.8fr) minmax(150px,.7fr);gap:20px;align-items:center;position:relative;overflow:hidden;margin:18px 0;padding:23px 25px 16px;border:1px solid #e2ba7d;border-radius:23px;background:radial-gradient(at 100% 100%,#6c2a6655,transparent 60%),linear-gradient(120deg,#2e103f,#19092c);box-shadow:0 0 13px #efc38735,inset 0 0 15px #dd8eb12d}
.astral-theme-page .astral-offer h2{font:400 25px/1.2 Georgia,serif;color:#ffe8bd;margin:0 0 14px}
.astral-theme-page .astral-offer h2>span{color:#f6d597;font-size:20px;margin-left:5px}
.astral-theme-page .astral-offer ul{list-style:none;margin:0;padding:0}
.astral-theme-page .astral-offer li{position:relative;font-size:15px;line-height:1.5;padding:5px 0 5px 25px;color:#eee0f1}
.astral-theme-page .astral-offer li:before{content:'✓';position:absolute;left:0;top:5px;color:#efd295;border:1px solid #a47c6e;border-radius:50%;width:17px;height:17px;line-height:15px;text-align:center;font-size:12px}
.astral-theme-page .astral-price{text-align:center;position:relative;z-index:1}
.astral-theme-page .astral-price>strong{display:block;font:italic 48px/1.1 Georgia,serif;color:#ffe4a5;text-shadow:0 0 14px #e8b55538;white-space:nowrap}
.astral-theme-page .astral-price>span{display:block;font-size:13px;color:#e1ccdf;margin:8px 0 19px}
.astral-theme-page .astral-price>button,.astral-theme-page .reading-primary{display:flex;align-items:center;justify-content:center;gap:13px;border:1px solid #ffdc98;border-radius:40px;min-height:48px;padding:11px 19px;background:linear-gradient(#87516b,#42203f 45%,#281236)!important;box-shadow:0 0 13px #efb56688,inset 0 0 10px #f4cf7770;color:#fff0c6!important;font:500 17px/1.4 system-ui,sans-serif;transform:none}
.astral-theme-page .astral-price>button{width:100%;font-size:15px;padding-inline:12px}
.astral-theme-page .astral-price>button svg{width:25px;height:25px}
.astral-theme-page .astral-availability{grid-column:1/-1;font-size:12px;line-height:1.5;color:#d0b8d8;margin:0}
.astral-theme-page .astral-book{position:relative;height:195px;perspective:600px;max-width:185px;justify-self:center;width:100%;margin:0 15px}
.astral-theme-page .astral-book-paper{position:absolute;inset:5px -10px 0 20px;background:repeating-linear-gradient(0deg,#e1c796 0 2px,#f7dfb8 2px 7px);border:1px solid #b29562;border-radius:7px;transform:rotate(6deg);box-shadow:0 7px 16px #08021288}
.astral-theme-page .astral-book-cover{position:absolute;inset:0 10px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px solid #d9b57b;border-radius:7px;background:linear-gradient(#17052880,#1a082a88),url('/assets/astramoon-astral-hero-v1.webp') 80% center/cover;transform:rotate(-9deg);box-shadow:0 8px 16px #08021288;color:#fbe3ad;padding:16px}
.astral-theme-page .astral-book-cover>span{font:18px Georgia,serif}.astral-theme-page .astral-book-cover>b{font:15px/1.4 Georgia,serif;letter-spacing:1px}.astral-theme-page .astral-book-cover>div{font:50px/1 Georgia,serif;text-shadow:0 0 18px #eac56d}.astral-theme-page .astral-book-cover>small{font-size:10px}
.astral-theme-page .astral-body-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:18px}
#app .astral-theme-page .reading-panel,.astral-theme-page .astral-review-wrap{position:relative;min-width:0;padding:20px;margin:0;border:1px solid #b787a8;border-radius:23px;background:radial-gradient(at 0 0,#7040743b,transparent 65%),linear-gradient(125deg,#291037,#180b29)!important;box-shadow:inset 0 0 14px #edb5d620}
.astral-theme-page .astral-panel-heading{display:flex;align-items:center;gap:12px;margin:0 0 22px;min-width:0}
.astral-theme-page .astral-number{display:grid;place-items:center;flex:0 0 43px;width:43px;height:43px;border-radius:50%;background:linear-gradient(140deg,#fff0b7,#eab76f);color:#49243e;font:italic 28px Georgia,serif;box-shadow:0 0 12px #eac68444}
.astral-theme-page .astral-panel-heading h2{font:400 25px/1.2 Georgia,serif;color:#ffe5b7;margin:0;flex:1;min-width:0}
.astral-theme-page .astral-steps{gap:6px;margin:0 0 0 auto;flex:0 0 auto;scroll-margin-top:20px}
.astral-theme-page .astral-steps li{flex:none;margin:0;color:#d0aad8}
.astral-theme-page .astral-steps b{width:25px;height:25px;font-size:12px;border-color:#8d619e;color:#dabde5}
.astral-theme-page .astral-steps .active b,.astral-theme-page .astral-steps .complete b{background:#f1ce8c;border-color:#f6d69b;color:#44203f;box-shadow:0 0 9px #f0cd7540}
.astral-theme-page .reading-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px}
.astral-theme-page .reading-field>span{font-size:14px;line-height:1.5;margin-bottom:7px;color:#f1e3f5}
.astral-theme-page .reading-field small{font-size:12px;color:#cbb2d5}
.astral-theme-page .reading-field input,.astral-theme-page .reading-field select,.astral-theme-page .reading-field textarea{min-height:48px;font-size:16px;color:#f9ecff!important;background:#1b0b2f!important;border-color:#9864ab!important;box-shadow:inset 0 0 6px #be80b317;padding:11px 10px;border-radius:10px}
.astral-theme-page .reading-field option{background:#291039;color:#f8e8fa}
.astral-theme-page .reading-field input:focus,.astral-theme-page .reading-field select:focus,.astral-theme-page .reading-field textarea:focus{border-color:#f3d397!important;outline-color:#efc0e266}
.astral-theme-page .reading-field textarea{min-height:82px;background:linear-gradient(110deg,#281139,#3c1c4e)!important}
.astral-theme-page .reading-field textarea::placeholder{color:#c6b2d5;opacity:1}
.astral-theme-page .reading-wide{margin:22px 0 18px!important}
.astral-theme-page .reading-field-hint,.astral-theme-page .reading-submit-note{font-size:12px!important;line-height:1.5!important;color:#d0b8dc!important}
.astral-theme-page .reading-primary{width:100%;font-size:17px;margin-top:18px}
.astral-theme-page .reading-primary svg{width:24px;height:24px}
.astral-theme-page .astral-contents .astral-panel-heading{margin-bottom:8px}
.astral-theme-page .astral-contents-intro{font-size:16px;line-height:1.5;margin:0 0 18px;color:#dbc9e4}
.astral-theme-page .reading-chapter{display:flex;align-items:center;gap:12px;border:1px solid #8e5d9d55;border-radius:15px;margin:9px 0 0;padding:10px;background:linear-gradient(100deg,#48205055,#241030);min-width:0}
.astral-theme-page .astral-chapter-art{display:grid;place-items:center;flex:0 0 63px;width:63px;height:72px;border:1px solid #c89a72;border-radius:12px;background:radial-gradient(#6a366e88,#1b092f),url('/assets/astramoon-astral-hero-v1.webp') right center/cover;box-shadow:inset 0 0 12px #e0a86822}
.astral-theme-page .astral-chapter-art svg{width:38px;height:38px;filter:drop-shadow(0 0 8px #e7b76f77)}
.astral-theme-page .reading-chapter>.astral-chapter-number{color:#e9c2e4;font:18px Georgia,serif;flex:0 0 auto;margin:0}
.astral-theme-page .reading-chapter h3{font:400 19px/1.3 Georgia,serif;color:#ffe6ba;margin:0 0 5px}
.astral-theme-page .reading-chapter p{font-size:15px;line-height:1.45;color:#d9c7e5;margin:0}
.astral-theme-page .astral-reassurance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.astral-theme-page .astral-reassurance>section{display:flex;align-items:center;gap:15px;min-width:0;padding:17px;border:1px solid #b08299;border-radius:20px;background:radial-gradient(at 0 0,#71407b55,transparent 70%),#241033}
.astral-theme-page .astral-reassurance>section>span{display:grid;place-items:center;flex:0 0 57px;width:57px;height:65px;color:#f3d494}
.astral-theme-page .astral-reassurance svg{width:48px;height:48px}
.astral-theme-page .astral-reassurance h2{font:400 20px/1.2 Georgia,serif;color:#ffe4b2;margin:0 0 8px}
.astral-theme-page .astral-reassurance p{font-size:14px;line-height:1.5;color:#dfcce5;margin:0}
#app .astral-theme-page .astral-review-wrap>.reading-panel{border:0!important;padding:0!important;background:none!important;box-shadow:none!important}
.astral-theme-page :is(button,a,input,select,textarea):focus-visible{outline:2px solid #f7d99e;outline-offset:4px}
@media(max-width:1000px){.astral-theme-page .astral-offer{grid-template-columns:minmax(0,1.2fr) minmax(170px,.8fr) 130px;gap:15px;padding:20px}.astral-theme-page .astral-book{height:175px;margin:0}.astral-theme-page .astral-body-grid{gap:13px}.astral-theme-page .astral-panel-heading{gap:9px;flex-wrap:wrap}.astral-theme-page .astral-panel-heading h2{font-size:23px}.astral-theme-page .astral-number{width:36px;height:36px;flex-basis:36px;font-size:25px}.astral-theme-page .astral-chapter-art{flex-basis:50px;width:50px;height:62px}.astral-theme-page .reading-chapter{gap:9px;padding:9px}.astral-theme-page .reading-chapter h3{font-size:18px}.astral-theme-page .reading-chapter p{font-size:14px}.astral-theme-page .astral-reassurance>section{padding:15px;gap:10px}.astral-theme-page .astral-reassurance>section>span{flex-basis:40px;width:40px}.astral-theme-page .astral-reassurance svg{width:38px;height:38px}}
@media(max-width:700px){.astral-theme-page .astral-hero{padding:25px 18px 0;min-height:0;border-radius:22px;overflow:visible;background:none;box-shadow:none;border:0}.astral-theme-page .astral-hero-art{width:100%;height:275px;border-radius:22px;inset:0;object-position:76% center;z-index:-3}.astral-theme-page .astral-hero:after{height:275px;border-radius:22px;background:linear-gradient(90deg,#1b092eec,#1b092eb8 35%,#1b092e25 85%),linear-gradient(0deg,#1b092e,transparent 30%)}.astral-theme-page .astral-hero-copy{max-width:72%;min-height:240px}.astral-theme-page .astral-hero h1{font-size:35px;line-height:1.08;margin-bottom:14px}.astral-theme-page .astral-hero-copy>p{font-size:16px;line-height:1.5}.astral-theme-page .astral-benefits{max-width:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:0 -18px}.astral-theme-page .astral-benefit-relations{display:none}.astral-theme-page .astral-benefit{padding:12px 5px 13px;border:1px solid #a86f9e;border-radius:13px;background:radial-gradient(at 50% 0,#78407155,transparent 70%),#250d34;box-shadow:inset 0 0 10px #e79bc027}.astral-theme-page .astral-benefit>span{width:40px;height:40px;margin-bottom:9px;background:none;border:0;box-shadow:none}.astral-theme-page .astral-benefit p{font-size:12px;line-height:1.4}.astral-theme-page .astral-benefit svg{width:31px;height:31px}.astral-theme-page .astral-offer{grid-template-columns:minmax(0,1.2fr) minmax(130px,.8fr);gap:12px;padding:18px 16px;margin:17px 0}.astral-theme-page .astral-offer h2{font-size:23px;grid-column:1/-1}.astral-theme-page .astral-offer-copy{display:contents}.astral-theme-page .astral-offer ul{grid-column:1;grid-row:2}.astral-theme-page .astral-offer li{font-size:13px;padding-left:23px;padding-block:6px}.astral-theme-page .astral-price{grid-column:2;grid-row:2}.astral-theme-page .astral-price>strong{font-size:37px}.astral-theme-page .astral-price>span{font-size:11px;margin:7px 0 16px}.astral-theme-page .astral-price>button{font-size:13px;gap:7px;padding:10px 8px}.astral-theme-page .astral-price>button svg{width:21px;height:21px}.astral-theme-page .astral-book{display:none}.astral-theme-page .astral-availability{font-size:11px;margin-top:3px}.astral-theme-page .astral-body-grid{grid-template-columns:minmax(0,1fr);gap:17px}#app .astral-theme-page .reading-panel{padding:18px 15px;border-radius:21px}.astral-theme-page .astral-panel-heading{flex-wrap:nowrap;gap:9px;margin-bottom:22px}.astral-theme-page .astral-panel-heading h2{font-size:23px}.astral-theme-page .astral-steps{gap:5px}.astral-theme-page .astral-steps b{width:24px;height:24px;font-size:12px}.astral-theme-page .reading-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 11px}.astral-theme-page .reading-field>span{font-size:13px;min-height:20px}.astral-theme-page .reading-field small{font-size:11px}.astral-theme-page .reading-field input,.astral-theme-page .reading-field select{padding:10px 8px;font-size:16px}.astral-theme-page .reading-chapter h3{font-size:20px}.astral-theme-page .reading-chapter p{font-size:16px}.astral-theme-page .astral-chapter-art{flex-basis:58px;width:58px;height:70px}.astral-theme-page .astral-reassurance{grid-template-columns:minmax(0,1fr);gap:12px}.astral-theme-page .astral-reassurance>section{padding:18px}.astral-theme-page .astral-reassurance h2{font-size:22px}.astral-theme-page .astral-reassurance p{font-size:16px}.astral-theme-page .reading-top-links button{font-size:12px}.astral-theme-page .astral-contents .astral-panel-heading h2{font-size:25px}.astral-theme-page .astral-contents-intro{font-size:17px}}
@media(max-width:380px){.astral-theme-page .astral-hero h1{font-size:31px}.astral-theme-page .astral-hero-copy{max-width:76%;min-height:252px}.astral-theme-page .astral-panel-heading{gap:7px;flex-wrap:wrap}.astral-theme-page .astral-steps{margin-left:auto}.astral-theme-page .astral-panel-heading h2{font-size:22px}.astral-theme-page .astral-offer{grid-template-columns:minmax(0,1.1fr) minmax(119px,.9fr);gap:10px;padding:17px 13px}.astral-theme-page .astral-price>strong{font-size:34px}.astral-theme-page .astral-benefit p{font-size:11px}}
@media(prefers-reduced-motion:reduce){.astral-theme-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Birth-chart reference: full-colour illustrations and solid gold preview CTA. */
.birth-chart-page .astral-price>button {
  background:linear-gradient(135deg,#ffe9b4,#efbd6f 65%,#ffd49b)!important;
  color:#382136!important;
  border-color:#ffe6aa;
  box-shadow:0 0 15px #edbf7188,inset 0 1px 7px #fff8d9aa;
  font-weight:650;
}
.birth-chart-page .astral-price>button svg {color:#4b2c42}
.birth-chart-page .astral-chapter-art {padding:0;overflow:hidden;background:#1c0a2d}
.birth-chart-page .astral-chapter-art img {display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.birth-chart-page .astral-book-cover>div img {display:block;width:73px;height:73px;object-fit:cover;border:1px solid #d4ae72;border-radius:50%;box-shadow:0 0 15px #dca44d55}
.birth-chart-page .astral-reassurance>section {gap:13px;padding:15px 13px}
.birth-chart-page .astral-reassurance-art {display:block;flex:0 0 87px;width:87px;height:102px;max-width:35%;object-fit:contain;border-radius:13px;filter:drop-shadow(0 0 8px #a255aa40)}
@media(max-width:1000px) and (min-width:701px){.birth-chart-page .astral-reassurance-art {flex-basis:68px;width:68px;height:92px}.birth-chart-page .astral-reassurance>section{gap:10px;padding:14px 10px}.birth-chart-page .astral-reassurance h2{font-size:19px}}
@media(max-width:700px){.birth-chart-page .astral-reassurance-art{flex-basis:95px;width:95px;height:108px}.birth-chart-page .astral-reassurance>section{padding:17px;gap:15px}}