/* Brand book: neutral reading surfaces, burgundy actions, restrained teal markers. */
.horoscope-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px;align-items:start}.horoscope-layout aside,.horoscope-main{min-width:0}.horoscope-layout .calendar-card{padding:24px}.calendar-grid button{display:grid;place-items:center;min-height:38px;border-radius:50%;font-size:12px;aspect-ratio:1;border:1px solid transparent}.calendar-grid button:hover{border-color:var(--battai-burgundy);background:var(--soft)}.calendar-grid button[aria-pressed=true]{background:var(--battai-burgundy);color:#fff;font-weight:700}.calendar-grid button.is-today{box-shadow:inset 0 0 0 1px var(--battai-teal)}
.horoscope-selection>p{font-size:13px;color:var(--muted);line-height:1.8}.horoscope-selection .sign-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.sign-grid button{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;min-width:0;padding:14px 5px;background:var(--surface);transition:transform 150ms,background 150ms,border-color 150ms}.sign-grid button>span{font-size:27px;line-height:1;color:var(--brand);font-family:Arial,sans-serif}.sign-grid button>b{font-size:12px}.sign-grid button>small{font-size:9px;color:var(--muted)}.sign-grid button[aria-pressed=true]{background:var(--soft);border-color:var(--brand);box-shadow:inset 0 -3px var(--brand)}
.horoscope-reading{margin-top:24px;border:1px solid var(--line);border-top:3px solid var(--battai-burgundy);border-radius:12px;padding:30px;background:var(--surface)}.horo-reading-head{display:flex;gap:20px;align-items:center}.zodiac-mark{width:66px;height:66px;display:grid;place-items:center;flex:none;background:var(--soft);border-radius:50%;font-size:40px;color:var(--brand);font-family:Arial,sans-serif}.horo-reading-head .eyebrow{margin-bottom:8px}.horo-reading-head h2{font-size:27px;line-height:1.4;margin-bottom:8px}.horo-reading-head p{font-size:12px;color:var(--muted);margin:0}.horo-body{font-size:17px;line-height:1.9;margin:25px 0}.horo-advice{display:grid;grid-template-columns:1fr 1fr;gap:22px;border-top:1px solid var(--line);padding-top:22px}.horo-advice h3{font-size:14px;padding-left:10px;border-left:3px solid var(--battai-teal)}.horo-advice p{font-size:14px;line-height:1.9;margin:0}.horo-disclosure{border-top:1px solid var(--line);padding-top:17px;margin:24px 0 0;font-size:11px;color:var(--muted);line-height:1.8}
.moon-facts{margin-top:20px;border:1px solid var(--line);border-radius:12px;padding:22px;background:var(--surface)}.moon-disc{display:grid;place-items:center;width:50px;height:50px;background:var(--soft);color:var(--brand);border-radius:50%;font-size:38px;margin-bottom:20px}.moon-facts .eyebrow{font-size:10px}.moon-facts h2{font-size:20px;line-height:1.5;margin-bottom:12px}.moon-facts p{font-size:13px;line-height:1.8}.moon-facts small{font-size:10px;color:var(--muted)}.horo-prompt{border:1px dashed var(--line);border-radius:12px;text-align:center;padding:35px 20px;margin-top:24px;background:var(--surface)}.horo-prompt>span{font-size:36px;color:var(--brand)}.horo-prompt h2{font-size:23px;margin-top:15px}.horo-prompt p{font-size:13px;color:var(--muted)}
.horoscope-sources{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:12px}.horoscope-sources h2{font-size:21px;line-height:1.5}.horoscope-sources p{font-size:13px;line-height:1.9}.horoscope-sources .text-link{margin-left:16px}.horoscope-sources summary{cursor:pointer;font-size:14px;font-weight:700;padding:10px 0}.horoscope-sources details>a{font-size:12px;color:var(--brand);text-decoration:underline}.morning-reading{color:var(--ink)}.morning-reading>div{min-width:0}.morning-reading small{display:block}.morning-reading p{line-height:1.8}.morning-reading .text-link{margin-bottom:7px}
/* Approved logo size and clear space; slogan remains separate HTML, not part of SVG. */
.horoscope-layout .calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.horoscope-layout .calendar-grid>button{min-width:0;width:100%;padding:0;aspect-ratio:auto}
.brand-lockup{gap:24px}.masthead .brand-lockup .logo{width:220px}.brand-slogan{font-weight:400;color:var(--ink)}.news-visual figcaption>span{color:var(--ink)}
@media(max-width:1100px){.masthead .brand-lockup .logo{width:200px}.brand-lockup{gap:16px}}
@media(max-width:900px){.horoscope-layout{grid-template-columns:240px minmax(0,1fr);gap:18px}.horoscope-layout .calendar-card{padding:18px}.horoscope-selection .sign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.horoscope-reading{padding:23px}.horo-advice{grid-template-columns:1fr}.brand-slogan{max-width:125px}}
@media(max-width:760px){.horoscope-layout{grid-template-columns:1fr}.horoscope-layout aside{display:grid;grid-template-columns:1fr}.horoscope-selection .sign-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.horoscope-selection{padding:22px 16px}.moon-facts{display:flex;gap:20px;align-items:center;padding:20px}.moon-disc{margin:0;flex:none}.moon-facts p{margin-bottom:8px}.moon-facts h2{font-size:18px;margin-bottom:7px}.moon-facts .eyebrow{margin-bottom:5px}.horoscope-sources{grid-template-columns:1fr;padding:23px;gap:15px}.horo-reading-head{gap:14px}.horo-reading-head h2{font-size:23px}.zodiac-mark{width:50px;height:50px;font-size:31px}.horo-body{font-size:16px}.masthead .brand-lockup .logo{width:180px}.brand-lockup{gap:14px}.brand-slogan{max-width:none;font-size:10px;color:var(--ink)}.masthead{height:113px}.horoscope-sources .text-link{display:flex;margin-left:0;margin-top:8px}}
@media(max-width:360px){.horoscope-selection .sign-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.masthead .brand-lockup .logo{width:160px}.brand-lockup{gap:12px}.brand-slogan{font-size:9px}.horo-reading-head h2{font-size:21px}.moon-facts{gap:13px;padding:18px}}
@media(prefers-reduced-motion:reduce){.sign-grid button{transition:none;transform:none}}
.horoscope-modes{display:inline-flex;gap:5px;padding:5px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:20px}.horoscope-modes button{padding:12px 20px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-weight:700;transition:background 160ms,color 160ms}.horoscope-modes button[aria-pressed=true]{background:var(--battai-burgundy);color:#fff}.horoscope-modes button:hover{box-shadow:inset 0 0 0 1px var(--brand)}.eastern-reading{margin-top:0;border-top-color:var(--battai-teal)}.eastern-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.eastern-head h2{font-size:30px;line-height:1.3;margin:12px 0}.eastern-head p{color:var(--muted);font-size:14px}.lunar-badge{width:94px;flex:none;display:grid;justify-items:center;padding:16px 8px;background:var(--soft);border:1px solid var(--line);border-radius:16px}.lunar-badge strong{font-size:44px;line-height:1.25;color:var(--brand)}.lunar-badge small{font-size:11px;color:var(--muted)}.eastern-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:22px 0}.eastern-facts dt{font-size:11px;color:var(--muted);margin-bottom:8px}.eastern-facts dd{margin:0;font-size:17px;font-weight:700}.haircut-card{padding:24px;border-radius:12px;background:var(--soft);margin-top:28px;border-left:3px solid var(--line)}.haircut-card.favorable{border-left-color:var(--battai-teal)}.haircut-card h3{font-size:20px;line-height:1.5}.haircut-card p{font-size:14px;line-height:1.9}.haircut-card small{font-size:11px;color:var(--muted)}.calendar-exception{font-size:13px;line-height:1.8;border-left:3px solid var(--battai-teal);padding-left:14px;margin-top:24px}.eastern-calendar-note{padding:24px;border-radius:12px;border:1px solid var(--line);background:var(--surface);margin-top:20px}.eastern-calendar-note h3{font-size:19px}.eastern-calendar-note p{font-size:13px;line-height:1.8}.eastern-calendar-note small{font-size:10px;color:var(--muted)}.eastern-grid button{min-height:45px!important;border-radius:9px!important;gap:1px;padding:6px 0!important}.eastern-grid button b{font-size:13px}.lunar-number{font-size:9px;color:var(--battai-teal);line-height:1.3}.eastern-grid button[aria-pressed=true] .lunar-number{color:#fff}.calendar-source-list{padding-left:18px;font-size:12px;line-height:2.3}.calendar-source-list a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}.calendar-source-list a:hover{color:var(--brand)}
@media(max-width:760px){.horoscope-modes{display:flex;width:100%}.horoscope-modes button{flex:1;padding:12px 8px;font-size:13px}.eastern-head h2{font-size:25px}.eastern-reading{padding:23px}.eastern-facts{gap:10px}.eastern-facts dd{font-size:14px}.lunar-badge{width:78px}.lunar-badge strong{font-size:38px}.haircut-card{padding:20px}.haircut-card h3{font-size:18px}.eastern-calendar-note{display:none}}
@media(prefers-reduced-motion:reduce){.horoscope-modes button{transition:none}}