.ast-birth-chart__preview{display:grid;grid-template-columns:minmax(250px,.66fr) minmax(420px,1.34fr);gap:clamp(28px,3.5vw,52px);align-items:center;margin:clamp(26px,3.5vw,48px) 0;padding:clamp(28px,3.5vw,46px);overflow:hidden;border:1px solid rgba(205,171,112,.42);border-radius:28px;background:linear-gradient(135deg,#fffdf8 0%,#f8f1e5 58%,#edf7f5 100%);box-shadow:0 20px 54px rgba(57,42,27,.08)}
.ast-birth-chart__preview-art{position:relative;min-height:390px;display:flex;align-items:center;justify-content:center}
.ast-birth-chart__sample-page{position:absolute;width:min(66%,250px);aspect-ratio:210/297;box-sizing:border-box;border:1px solid rgba(168,127,65,.34);border-radius:5px;background:#fffdf8;box-shadow:0 18px 42px rgba(46,35,24,.17);color:#43362c}
.ast-birth-chart__sample-page--chart{z-index:2;left:4%;top:1%;padding:25px 24px;text-align:center;transform:rotate(-3deg)}
.ast-birth-chart__sample-page--reading{right:3%;bottom:1%;padding:34px 25px;transform:rotate(4deg);background:linear-gradient(180deg,#fffdfa,#fbf5eb)}
.ast-birth-chart__sample-page--chart,.ast-birth-chart__sample-page--reading{padding:0;overflow:hidden}
.ast-birth-chart__sample-page>img{display:block;width:100%;height:100%;object-fit:cover}
.ast-birth-chart__sample-badge{position:absolute;top:14px;right:14px;padding:6px 10px;border-radius:999px;background:#0f7775;color:#fff;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ast-birth-chart__sample-brand{color:#b57c2d;font-family:Georgia,serif;font-size:16px;letter-spacing:.19em;text-align:center}
.ast-birth-chart__sample-page p{margin:8px 0 4px;font-family:Georgia,serif;font-size:15px}
.ast-birth-chart__sample-page--chart img{display:block;width:88%;height:auto;margin:12px auto 7px;border-radius:50%;background:#fff}
.ast-birth-chart__sample-page--chart strong{font-size:13px;color:#0a7775}
.ast-birth-chart__sample-page--reading h3{margin:27px 0 12px;color:#0a7775;font-family:Georgia,serif;font-size:18px}
.ast-birth-chart__sample-row{display:flex;justify-content:space-between;gap:14px;padding:8px 0;border-bottom:1px solid rgba(190,155,103,.25);font-size:13px}
.ast-birth-chart__sample-line{display:block;height:7px;margin:10px 0;border-radius:999px;background:#e5d9c7}.ast-birth-chart__sample-line--short{width:64%}
.ast-birth-chart__preview-copy h2{max-width:680px;margin:7px 0 14px;color:#422f23;font-family:Georgia,serif;font-size:clamp(29px,2.45vw,40px);line-height:1.1}
.ast-birth-chart__preview-copy>p:not(.ast-new-page__eyebrow){margin:0 0 16px;font-size:clamp(16px,1.25vw,18px);line-height:1.55;color:#665448}
.ast-birth-chart__preview-copy ul{display:grid;gap:8px;margin:0 0 20px;padding:0;list-style:none}
.ast-birth-chart__preview-copy li{position:relative;padding-left:30px;font-size:16px;line-height:1.38;color:#49392f}
.ast-birth-chart__preview-copy li:before{content:'✓';position:absolute;left:0;top:-1px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#dff3ea;color:#0a7775;font-weight:900}
.ast-birth-chart__preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.ast-birth-chart__preview-copy .ast-birth-chart__primary{display:inline-flex;margin:0}
.ast-birth-chart__preview-start{color:#086d70!important;font-size:15px;font-weight:850;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.ast-birth-chart__preview-start:hover,.ast-birth-chart__preview-start:focus{color:#063f45!important;font-size:15px}
.ast-birth-chart__preview-copy small{display:block;margin-top:10px;color:#75665b;font-size:13px}
@media(max-width:820px){.ast-birth-chart__preview{grid-template-columns:1fr;gap:22px;margin:24px 0;padding:27px 18px;border-radius:22px}.ast-birth-chart__preview-art{min-height:390px}.ast-birth-chart__sample-page{width:min(68%,250px)}.ast-birth-chart__sample-page--chart{left:2%;padding:0}.ast-birth-chart__sample-page--reading{right:0;padding:0}.ast-birth-chart__preview-copy h2{font-size:30px}.ast-birth-chart__preview-copy>p:not(.ast-new-page__eyebrow){font-size:17px}.ast-birth-chart__preview-copy li{font-size:16px}.ast-birth-chart__preview-actions{align-items:stretch;flex-direction:column}.ast-birth-chart__preview-copy .ast-birth-chart__primary{width:100%;justify-content:center;text-align:center}.ast-birth-chart__preview-start{text-align:center}.ast-birth-chart__preview-copy small{text-align:center}}
@media(max-width:420px){.ast-birth-chart__preview-art{min-height:345px}.ast-birth-chart__sample-page{width:68%}.ast-birth-chart__sample-brand{font-size:12px}.ast-birth-chart__sample-page--chart p{font-size:12px}.ast-birth-chart__sample-page--reading h3{margin:16px 0 8px;font-size:14px}.ast-birth-chart__sample-row{padding:5px 0;font-size:10px}.ast-birth-chart__preview-copy h2{font-size:27px}}

/* Compact introduction: keep the complete sample content without letting it dominate the page. */
.ast-birth-chart__preview{grid-template-columns:minmax(220px,.54fr) minmax(480px,1.46fr);gap:clamp(24px,3vw,40px);margin:28px 0;padding:30px 36px;border-radius:24px;box-shadow:0 16px 42px rgba(57,42,27,.07)}
.ast-birth-chart__preview-art{min-height:300px}
.ast-birth-chart__sample-page{width:min(62%,190px);box-shadow:0 14px 32px rgba(46,35,24,.16)}
.ast-birth-chart__preview-copy h2{margin:5px 0 10px;font-size:clamp(27px,2.2vw,36px)}
.ast-birth-chart__preview-copy>p:not(.ast-new-page__eyebrow){margin-bottom:13px;font-size:clamp(15px,1.15vw,17px);line-height:1.48}
.ast-birth-chart__preview-copy ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 16px;margin-bottom:16px}
.ast-birth-chart__preview-copy li{padding-left:27px;font-size:15px;line-height:1.35}
.ast-birth-chart__preview-actions{gap:12px}
.ast-birth-chart__preview-copy small{margin-top:8px}
@media(max-width:820px){
	.ast-birth-chart__preview{grid-template-columns:1fr;gap:18px;margin:22px 0;padding:24px 18px}
	.ast-birth-chart__preview-art{min-height:285px}
	.ast-birth-chart__sample-page{width:min(58%,185px)}
	.ast-birth-chart__preview-copy h2{font-size:28px}
	.ast-birth-chart__preview-copy>p:not(.ast-new-page__eyebrow){font-size:16px}
	.ast-birth-chart__preview-copy ul{grid-template-columns:1fr}
	.ast-birth-chart__preview-copy li{font-size:15px}
}
@media(max-width:420px){
	.ast-birth-chart__preview-art{min-height:265px}
	.ast-birth-chart__sample-page{width:56%}
}
@media(max-width:820px){
	.ast-birth-chart__preview-copy>p:not(.ast-new-page__eyebrow),
	.ast-birth-chart__preview-copy small{text-align:left}
}