/* Horoscop Space 1.9.29.35 — sign-pair pages (/pl/zgodnosc/baran/lew/) and the pair index on the compatibility hub. Mobile first. */
.hs-pair-page { padding-bottom: 32px; }
.hs-pair-hero { position: relative; overflow: hidden; padding: 22px 0 30px; color: #fff7e6; background: radial-gradient(120% 90% at 50% 0%, #4a2a62 0%, #22142f 62%, #170d20 100%); }
.hs-pair-hero__sky { position: absolute; inset: 0; opacity: .55; background-image: radial-gradient(1px 1px at 12% 30%, #fff, transparent), radial-gradient(1px 1px at 72% 18%, #fff, transparent), radial-gradient(1.5px 1.5px at 40% 70%, #f6d98a, transparent), radial-gradient(1px 1px at 88% 62%, #fff, transparent), radial-gradient(1px 1px at 25% 85%, #fff, transparent); pointer-events: none; }
.hs-pair-hero__inner { position: relative; text-align: center; }
.hs-pair-hero .hs-breadcrumbs ol { display: flex; flex-wrap: wrap; justify-content: center; gap: 4px 8px; margin: 0 0 18px; padding: 0; list-style: none; font-size: .78rem; }
.hs-pair-hero .hs-breadcrumbs li + li::before { content: "›"; margin-right: 8px; color: #c9a75c; }
.hs-pair-hero .hs-breadcrumbs a { color: #e9d7ae; text-decoration: none; }
.hs-pair-hero .hs-breadcrumbs span { color: #fff7e6; }
.hs-pair-hero__glyphs { display: flex; align-items: center; justify-content: center; gap: 14px; margin-bottom: 12px; }
.hs-pair-hero__glyphs span { display: grid; place-items: center; width: 68px; height: 68px; border: 1px solid rgba(246, 217, 138, .45); border-radius: 50%; color: #fff1c4; background: rgba(255, 255, 255, .06); font-size: 2rem; box-shadow: 0 0 34px -8px rgba(246, 217, 138, .55); }
.hs-pair-hero__glyphs i { color: #d4af37; font-style: normal; font-size: 1.3rem; }
.hs-pair-hero__kicker { margin: 0 0 6px; color: #d4af37; font-size: .68rem; font-weight: 800; letter-spacing: .16em; }
.hs-pair-hero h1 { margin: 0 0 8px; color: #fff; font-size: clamp(1.6rem, 6.4vw, 2.6rem); line-height: 1.15; }
.hs-pair-hero__dates { margin: 0; color: #d9c8e4; font-size: .85rem; }
.hs-pair-body { max-width: 820px; }
.hs-pair-relation { margin-top: -14px; position: relative; }
.hs-pair-relation .hs-compat__more { display: none; }
.hs-pair-article { margin: 22px 0; color: #3e3545; font-size: 1.04rem; line-height: 1.75; }
.hs-pair-article h2 { margin: 28px 0 8px; color: #2a1f36; font-size: clamp(1.25rem, 4.4vw, 1.6rem); }
.hs-pair-article .hscm-pair__lead { font-size: 1.12rem; color: #2f2638; }
.hs-pair-article ul { padding-left: 1.2em; }
.hs-pair-article li { margin-bottom: 8px; }
.hs-pair-cta { display: grid; gap: 14px; margin: 26px 0; padding: 20px 18px; border-radius: 22px; color: #fff7e6; background: linear-gradient(150deg, #2c1a3c, #5a2f58); box-shadow: 0 22px 48px -30px rgba(40, 20, 50, .8); }
.hs-pair-cta h2 { margin: 0 0 8px; color: #fff; font-size: clamp(1.2rem, 4.4vw, 1.55rem); }
.hs-pair-cta p { margin: 0; color: #e8dbef; line-height: 1.6; }
.hs-pair-cta__kicker { margin-bottom: 6px !important; color: #d4af37 !important; font-size: .68rem; font-weight: 800; letter-spacing: .15em; }
.hs-pair-cta__btns { display: grid; gap: 10px; }
.hs-pair-cta__btns .hs-btn { justify-content: center; min-height: 50px; }
.hs-pair-cta__ghost { display: grid; place-items: center; min-height: 46px; border: 1px solid rgba(246, 217, 138, .4); border-radius: 999px; color: #f6e2ae; text-decoration: none; font-weight: 700; }
.hs-pair-more { margin: 22px 0; }
.hs-pair-more h2 { margin: 0 0 10px; font-size: clamp(1.1rem, 4vw, 1.35rem); }
.hs-pair-more__sign { margin: 10px 0 0; }
.hs-pair-more__sign a { color: #8b5271; font-weight: 700; }
.hs-pairs-index__links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.hs-pairs-index__links a { display: flex; align-items: center; gap: 8px; min-height: 46px; padding: 6px 12px; border: 1px solid rgba(193, 143, 59, .25); border-radius: 14px; color: #30203e; background: #fffdf8; text-decoration: none; font-weight: 650; font-size: .92rem; }
.hs-pairs-index__links a:hover, .hs-pairs-index__links a:focus-visible { border-color: #d4af37; background: #fff6df; }
.hs-pairs-index__links b { color: #8b5271; font-weight: 400; font-size: 1.1rem; }
.hs-pairs-index { margin: 22px 0; padding: 18px 16px; border: 1px solid rgba(132, 100, 85, .16); border-radius: 22px; background: rgba(255, 253, 249, .9); }
.hs-pairs-index h2 { margin: 0 0 6px; font-size: clamp(1.3rem, 4vw, 1.8rem); }
.hs-pairs-index > p { margin: 0 0 12px; color: #4b4252; line-height: 1.6; }
.hs-pairs-index details { border-top: 1px solid rgba(132, 100, 85, .14); }
.hs-pairs-index summary { display: flex; align-items: center; gap: 8px; min-height: 50px; cursor: pointer; color: #2a1f36; font-weight: 750; list-style: none; }
.hs-pairs-index summary::-webkit-details-marker { display: none; }
.hs-pairs-index summary::after { content: "＋"; margin-left: auto; color: #b9782c; }
.hs-pairs-index details[open] summary::after { content: "－"; }
.hs-pairs-index summary b { color: #8b5271; font-weight: 400; font-size: 1.2rem; }
.hs-pairs-index summary small { color: #8d7e86; font-weight: 600; }
.hs-pairs-index details .hs-pairs-index__links { padding-bottom: 14px; }
.hs-compat__pairlink { margin: 4px 0 10px !important; }
.hs-compat__pairlink a { color: #8b5271; font-weight: 750; }
@media (min-width: 720px) {
    .hs-pair-hero { padding: 30px 0 44px; }
    .hs-pair-hero__glyphs span { width: 84px; height: 84px; font-size: 2.5rem; }
    .hs-pair-cta { grid-template-columns: 1.6fr 1fr; align-items: center; padding: 26px 28px; }
    .hs-pairs-index__links { grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .hs-pair-more .hs-pairs-index__links { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}