/* Horoscop Space 1.9.29.37 — Premium in magazine articles: side column (desktop), in-text card (phones). Mobile first. */
.hs-art-aside { display: none; }
.hs-art-kicker { display: flex; align-items: center; gap: 7px; margin: 0 0 6px; color: #9b6a26; font-size: .68rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.hs-art-live { display: inline-block; width: 8px; height: 8px; border-radius: 50%; background: #e35d6a; box-shadow: 0 0 0 0 rgba(227, 93, 106, .6); animation: hs-art-pulse 2s infinite; flex: 0 0 auto; }
@keyframes hs-art-pulse { 70% { box-shadow: 0 0 0 7px rgba(227, 93, 106, 0); } 100% { box-shadow: 0 0 0 0 rgba(227, 93, 106, 0); } }
@media (prefers-reduced-motion: reduce) { .hs-art-live { animation: none; } }
.hs-art-title { margin: 0 0 8px; color: #2a1f36; font-family: var(--font-serif, Georgia, serif); font-size: 1.28rem; font-weight: 600; line-height: 1.25; }
.hs-art-lead { margin: 0 0 12px; color: #4b4252; font-size: .95rem; line-height: 1.6; }
.hs-art-btn { display: flex; align-items: center; justify-content: center; gap: 6px; min-height: 48px; padding: 10px 16px; border-radius: 999px; background: #fff4d8; color: #3a2050; font-weight: 750; text-decoration: none; text-align: center; line-height: 1.25; }
.hs-art-btn--gold { background: linear-gradient(135deg, #e7c46a, #c49a3c); color: #2b1d08; box-shadow: 0 10px 22px -14px rgba(150, 105, 30, .9); }
.hs-art-btn:hover, .hs-art-btn:focus-visible { filter: brightness(1.05); }
.hs-art-btn:focus-visible, .hs-art-ghost:focus-visible { outline: 3px solid rgba(212, 175, 55, .55); outline-offset: 2px; }
.hs-art-price { margin: 8px 0 0; color: #6b4a7d; font-size: .84rem; font-weight: 700; text-align: center; }
.hs-art-ghost { display: flex; align-items: center; justify-content: center; min-height: 44px; margin-top: 8px; border: 1px solid rgba(155, 106, 38, .4); border-radius: 999px; color: #7a4f1d; font-weight: 700; font-size: .9rem; text-decoration: none; }
.hs-art-trust { margin: 10px 0 0; color: #8d7e86; font-size: .76rem; text-align: center; line-height: 1.45; }

/* topic card (inline on phones, second card on desktop) */
.hs-art-card { margin: 26px 0; padding: 18px 16px; border: 1px solid rgba(193, 143, 59, .32); border-radius: 20px; background: linear-gradient(150deg, #fffdf8, #f8f0fa); box-shadow: 0 16px 40px -30px rgba(58, 32, 68, .55); }
.hs-art-card--inline .hs-art-title { font-size: 1.2rem; }
.entry-content .hs-art-card p { margin-bottom: 0; }
.entry-content .hs-art-card .hs-art-lead { margin-bottom: 12px; }
.entry-content .hs-art-card a { text-decoration: none; }
.entry-content .hs-art-card .hs-art-btn--gold, .hs-art-card .hs-art-btn--gold { color: #2b1d08; }
.entry-content .hs-art-card .hs-art-ghost { color: #7a4f1d; }
.hs-art-skyline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 12px !important; padding: 8px 11px; border-radius: 12px; background: rgba(58, 32, 80, .06); color: #5a4c62; font-size: .82rem; line-height: 1.45; }
.hs-art-skyline b { color: #3a2050; }

/* live sky card (desktop column) */
.hs-art-sky { padding: 18px 18px 20px; border-radius: 20px; color: #f3e9f7; background: radial-gradient(120% 90% at 50% 0%, #4a2a62 0%, #26162f 70%); box-shadow: 0 18px 40px -26px rgba(30, 14, 40, .9); }
.hs-art-sky .hs-art-kicker { color: #e9c46a; }
.hs-art-sky .hs-art-title { color: #fff; }
.hs-art-sky .hs-art-lead { color: #d9c8e4; font-size: .88rem; }
.hs-art-sky__list { display: grid; gap: 6px; margin: 4px 0 12px; padding: 0; list-style: none; }
.hs-art-sky__list li { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 12px; background: rgba(255, 255, 255, .07); font-size: .9rem; }
.hs-art-sky__list b { color: #f2c46d; font-weight: 400; font-size: 1.05rem; text-align: center; }
.hs-art-sky__list span { color: #fff; font-weight: 650; }
.hs-art-sky__list em { color: #e3d4ec; font-style: normal; white-space: nowrap; }
.hs-art-sky__list i { color: #ff9aa6; font-style: normal; font-weight: 700; }
.hs-art-sky .hs-art-btn { background: rgba(242, 196, 109, .16); color: #fbe7b5; box-shadow: inset 0 0 0 1px rgba(242, 196, 109, .55); }

@media (min-width: 1180px) {
    .shell.hs-art-shell { max-width: 1140px; }
    .hs-art-layout { display: grid; grid-template-columns: minmax(0, 760px) 320px; justify-content: space-between; gap: 48px; align-items: start; }
    .hs-art-layout > .entry { min-width: 0; }
    .hs-art-aside { display: block; height: 100%; }
    .hs-art-aside__sticky { position: sticky; top: calc(var(--hs-header-h, 72px) + 18px); display: grid; gap: 16px; padding-top: 24px; }
    .hs-art-aside .hs-art-card { margin: 0; }
    .hs-art-card--inline { display: none; }
}
@media (min-width: 1180px) and (max-height: 760px) {
    .hs-art-aside__sticky { position: static; }
}