/*
 * Love compatibility: layout only. Colours are the theme's tokens (Fast:
 * assets/sass/libs/_tokens.scss), the button, the select fields and the
 * related-pair chips are the theme's own (.button.primary, form fields,
 * .link-list), so light / dark mode and each site's accent apply.
 */
.love-compat{max-width:860px;margin:2rem auto;padding:clamp(1rem,4vw,2.5rem);border:1px solid var(--panel-edge,#e9dbe3);border-radius:var(--panel-radius,20px);background:color-mix(in srgb,var(--accent,#923466) 5%,var(--panel-bg-raised,#fff));box-sizing:border-box}
.love-compat *{box-sizing:border-box}
.love-compat__intro{text-align:center;margin-bottom:1.75rem}
.love-compat__symbol{display:block;font-size:3rem;color:var(--accent-text,#923466);line-height:1.2}
.love-compat__intro h2{font-size:clamp(1.4rem,3vw,2rem);margin:.65rem 0;line-height:1.3}
.love-compat__intro p{margin:0;color:var(--text-light,#65545f)}
.love-compat__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}
.love-compat__fields label{display:block;font-weight:600;margin-bottom:.5rem}
.love-compat__fields select{width:100%;max-width:100%;min-width:0}
.love-compat__form .button{display:block;width:100%;margin:1.25rem 0 0;white-space:normal}
.love-compat__form .button:disabled{opacity:.65;cursor:wait}
.love-compat__status{font-size:.95rem;margin:1rem 0 0}
.love-compat__status:empty{display:none}
.love-compat__result{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border,#e9dbe3);line-height:1.8;overflow-wrap:anywhere}
.love-compat__result[hidden]{display:none}
.love-compat__result h3{font-size:1.5rem;margin:0 0 1rem;color:var(--accent-text,#72234e)}
.love-compat__horoscopes{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}
/* The theme's link chips (.link-list a); the markup is also built by love-compat.js. */
.love-compat__horoscopes a{display:inline-flex;align-items:center;min-height:44px;padding:.45rem 1rem;border:1px solid var(--panel-edge,#bca8b4);border-radius:999px;background:var(--panel-bg,#fff);box-shadow:var(--panel-lip,none);color:var(--text-bold,#72234e)!important;line-height:1.4;text-decoration:none}
.love-compat__horoscopes a:hover,.love-compat__horoscopes a:focus-visible{background:color-mix(in srgb,var(--accent,#923466) 8%,var(--panel-bg,#fff));border-color:color-mix(in srgb,var(--accent,#923466) 45%,transparent);color:var(--accent-text,#72234e)!important}
@media(max-width:520px){.love-compat__fields{grid-template-columns:1fr}.love-compat__horoscopes a{width:100%}}
.love-compat__related{margin-top:1.5rem}
.love-compat__related summary{cursor:pointer;padding:.6rem 0;font-weight:600}
.love-compat__related .link-list{margin:1rem 0}
.love-compat__share{display:inline-block;padding:.5rem 0;min-height:44px;margin-top:1rem}