/* Internal hero slots, built into HTML. No script-driven resizing or hidden SEO copy.
   The repeated slot selector outranks the existing page-family !important rules. */
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero]{
 --ba-internal-title:44px;--ba-internal-long-title:40px;
 box-sizing:border-box!important;position:relative!important;isolation:isolate;
 display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;
 min-height:0!important;height:auto!important;margin:0!important;padding:32px!important;
 border:1px solid #f2bd7e2b!important;border-radius:var(--ba-hero-radius,28px)!important;
 background:linear-gradient(130deg,#ffffff07,#17181f 66%,#f2bd7e08)!important;
 box-shadow:none!important;overflow:visible!important;
}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero]::before,
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero]::after{display:none!important}
body main.wrap [data-ba-hero=illustrated][data-ba-hero][data-ba-hero]{display:grid!important;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr)!important;gap:32px!important;align-items:center!important}
body main.wrap [data-ba-hero=editorial][data-ba-hero][data-ba-hero]{padding:0!important;border:0!important;border-radius:0!important;background:none!important;margin-bottom:32px!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-copy]{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;gap:0!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;align-self:center!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] h1[data-ba-hero-title]{
 display:block!important;max-width:100%!important;width:auto!important;height:auto!important;min-height:0!important;
 margin:0!important;padding:0!important;color:var(--ba-text)!important;
 font:700 var(--ba-internal-title)/1.16 var(--ba-font-display,"Space Grotesk","Manrope",sans-serif)!important;
 letter-spacing:-.025em!important;text-wrap:balance;overflow-wrap:break-word!important;hyphens:manual;line-clamp:unset!important;-webkit-line-clamp:unset!important;
}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] h1[data-ba-hero-title=long]{font-size:var(--ba-internal-long-title)!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-eyebrow]{display:block!important;width:auto!important;max-width:100%!important;min-height:0!important;margin:0 0 16px!important;padding:0!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--ba-secondary)!important;font:750 12px/1.5 var(--ba-font-ui)!important;letter-spacing:.09em!important;text-transform:uppercase!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-lead]{max-width:70ch!important;width:auto!important;margin:20px 0 0!important;padding:0!important;color:var(--ba-muted)!important;font:400 17px/1.65 var(--ba-font-ui)!important;letter-spacing:0!important;text-wrap:pretty}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-actions]{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:12px!important;max-width:100%!important;margin:24px 0 0!important;padding:0!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action]{box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:0!important;min-height:48px!important;height:auto!important;max-width:100%!important;padding:12px 22px!important;border-radius:var(--ba-control-radius,999px)!important;font:750 16px/1.4 var(--ba-font-ui)!important;letter-spacing:0!important;text-align:center!important;text-decoration:none!important;white-space:normal!important;transition:background-color .16s,border-color .16s,box-shadow .16s!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-copy]>[data-ba-hero-action]{margin-top:24px!important;align-self:flex-start!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action=primary]{background:var(--ba-primary)!important;color:var(--ba-primary-on)!important;border:1px solid transparent!important;box-shadow:0 8px 24px #ff80841a!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action=secondary]{background:var(--ba-surface)!important;color:var(--ba-primary)!important;border:1px solid var(--ba-outline)!important;box-shadow:none!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action]:focus-visible{outline:3px solid var(--ba-secondary)!important;outline-offset:4px!important}
@media(hover:hover){body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action=primary]:not(:disabled,[aria-disabled=true]):hover{background:#ff9699!important;box-shadow:0 8px 28px #ff80842b!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action=secondary]:not(:disabled,[aria-disabled=true]):hover{background:#30252c!important;border-color:var(--ba-primary)!important}}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-tags]{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:100%!important;margin:24px 0 0!important;padding:0!important;list-style:none!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-tags]>:is(span,a),body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] span[data-ba-hero-tags]{box-sizing:border-box!important;min-width:0!important;min-height:32px!important;height:auto!important;padding:6px 12px!important;border:1px solid #ffffff1c!important;border-radius:999px!important;background:#ffffff04!important;color:var(--ba-muted)!important;font:650 13px/1.5 var(--ba-font-ui)!important;white-space:normal!important}
body main.wrap [data-ba-hero] .astro-trust-line span::before{display:none!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-media]{position:relative!important;inset:auto!important;display:block!important;align-self:center!important;justify-self:stretch!important;min-width:0!important;width:100%!important;max-width:100%!important;height:auto!important;min-height:0!important;margin:0!important;transform:none!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-media=panel]>img{display:block!important;width:100%!important;max-width:100%!important;height:auto!important;max-height:400px!important;object-fit:contain!important;aspect-ratio:var(--ba-hero-art-ratio,3/2)!important;margin:0!important;border:1px solid #ffffff12!important;border-radius:20px!important;box-shadow:none!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-media=cards]{min-height:290px!important;align-self:center!important}
body main.wrap [data-ba-hero][data-ba-hero] .combo-card-pair[data-ba-hero-media]{display:flex!important;gap:16px!important;justify-content:center!important;align-items:center!important;min-height:0!important}
body main.wrap [data-ba-hero] .combo-card-pair img{max-width:calc(50% - 8px)!important;height:auto!important;max-height:300px!important;object-fit:contain!important}
/* Form layout is based on the available card width, not nested page columns. */
body main.wrap .astro-tool-shell:has(>.astro-tool-form[data-tool=compatibility]){grid-template-columns:minmax(0,1fr) 280px!important;gap:24px!important;align-items:start!important}
body main.wrap .astro-tool-form[data-tool=compatibility]{container-type:inline-size;gap:20px!important;padding:24px!important;align-content:start!important}
body main.wrap .astro-tool-form[data-tool=compatibility]>:is(p,h2){margin:0!important}
body main.wrap .astro-tool-form[data-tool=compatibility]>.astro-tool-fields{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:20px!important;align-items:start!important}
body main.wrap .astro-person{padding:20px 16px!important;min-width:0!important}
body main.wrap .astro-person>.astro-tool-fields{grid-template-columns:minmax(0,1fr)!important;gap:16px!important;align-items:start!important}
body main.wrap .astro-tool-field{align-content:start!important;align-items:start!important;gap:8px!important}
body main.wrap .astro-tool-field label{display:block;font-size:14px!important;line-height:1.45!important}
body main.wrap .astro-tool-field :is(input:not([type=checkbox]),select){box-sizing:border-box!important;display:block!important;width:100%!important;max-width:100%!important;min-width:0!important;min-height:54px!important;height:54px!important;padding:0 14px!important;border-radius:12px!important;color:var(--ba-text)!important;font:400 16px/normal var(--ba-font-ui)!important;align-self:start!important;color-scheme:dark}
body main.wrap .astro-tool-field small{font-size:13px!important;line-height:1.5!important;color:var(--ba-muted)!important}
body main.wrap .astro-tool-field :is(input,select):focus-visible{outline:3px solid var(--ba-secondary)!important;outline-offset:3px!important}
@container(max-width:540px){body main.wrap .astro-tool-form[data-tool=compatibility]>.astro-tool-fields{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:1000px){body main.wrap [data-ba-hero=illustrated][data-ba-hero][data-ba-hero]{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-media=panel]{max-width:640px!important;justify-self:center!important}body main.wrap .astro-tool-shell:has(>.astro-tool-form[data-tool=compatibility]){grid-template-columns:minmax(0,1fr)!important}body main.wrap .astro-tool-shell:has(>.astro-tool-form[data-tool=compatibility])>.astro-tool-note{padding:24px!important}}
@media(max-width:760px){body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero]{--ba-internal-title:32px;--ba-internal-long-title:28px;padding:24px 20px!important;border-radius:24px!important}body main.wrap [data-ba-hero=editorial][data-ba-hero][data-ba-hero]{padding:0!important;margin-bottom:24px!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-lead]{font-size:16px!important;margin-top:16px!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-eyebrow]{margin-bottom:12px!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-actions]{width:100%!important;gap:10px!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action]{width:100%!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-media=cards]{min-height:250px!important}body main.wrap .astro-tool-form[data-tool=compatibility]{padding:20px!important}body main.wrap .astro-person{padding:16px!important}}
@media(prefers-reduced-motion:reduce){body main.wrap [data-ba-hero] *{transition:none!important;animation:none!important}}
@media print{body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero]{display:block!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] h1[data-ba-hero-title]{font-size:24pt!important;color:#111!important}body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-lead]{color:#222!important}}
/* Preserve native visibility and disabled states in interactive hero variants. */
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero][hidden],body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [hidden]{display:none!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] [data-ba-hero-action]:is(:disabled,[aria-disabled=true]){opacity:.5!important;cursor:not-allowed!important;box-shadow:none!important}
@supports not (container-type:inline-size){@media(max-width:700px){body main.wrap .astro-tool-form[data-tool=compatibility]>.astro-tool-fields{grid-template-columns:minmax(0,1fr)!important}}}

/* Explicit geometry keeps the first screen stable while the illustrations load. */
[data-ba-hero] img[src$="solar-pair-example-20261103.svg"],[data-ba-hero] img[src$="natal-result-example-20261103.svg"]{--ba-hero-art-ratio:4/3}

body main.wrap [data-ba-hero] [data-ba-hero-eyebrow]::before,body main.wrap [data-ba-hero] [data-ba-hero-eyebrow]::after{display:none!important}
body main.wrap [data-ba-hero] .dm-form-card{box-sizing:border-box;width:100%!important;max-width:none!important;padding:20px!important}
body main.wrap [data-ba-hero] .dm-form-row{grid-template-columns:minmax(180px,1fr) auto!important;gap:16px!important;align-items:end!important}
body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] .dm-form-row>[data-ba-hero-action]{min-height:54px!important;white-space:nowrap!important}
body main.wrap [data-ba-hero] .dm-field input{height:54px!important;min-height:54px!important}
@media(max-width:680px){body main.wrap [data-ba-hero] .dm-form-row{grid-template-columns:minmax(0,1fr)!important}}
@media(max-width:680px){body main.wrap [data-ba-hero][data-ba-hero][data-ba-hero] .dm-form-row>[data-ba-hero-action]{white-space:normal!important}}