/* Styles for the SEO landing pages (/signs, /chinese-zodiac). Loaded only by those pages. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.seo-page .crumbs ol{display:flex;flex-wrap:wrap;gap:2px 8px;list-style:none;padding:0;margin:0 0 10px;font-family:var(--sans)}
.seo-page .crumbs li+li::before{content:"/";margin-right:8px;color:var(--muted)}
.seo-page .crumbs a{display:inline-block;padding:10px 2px;min-height:24px}
.seo-page h1{margin-top:.2em}
.seo-page .tablewrap{margin:14px 0}
.seo-page table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:.95rem}
.seo-page th,.seo-page td{padding:7px 9px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.seo-page thead th{color:var(--gold);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.seo-page tbody th{font-weight:600;color:var(--text)}
.seo-page table.facts th{width:40%;color:var(--muted);font-weight:600}
.seo-page .two-col{display:grid;grid-template-columns:1fr;gap:0 24px}
@media(min-width:42rem){.seo-page .two-col{grid-template-columns:1fr 1fr}}
.seo-page .placements dt{font-family:var(--sans);font-weight:600;color:var(--gold);margin-top:1em}
.seo-page .placements dd{margin:.2em 0 0}
.seo-page .pill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:10px 0}
.seo-page .pill-list li{margin:0}
.seo-page .pill-list a,.seo-page .pill-list span{display:inline-flex;align-items:center;min-height:44px;padding:6px 16px;border:1px solid var(--line);border-radius:999px;background:var(--night3);font-family:var(--sans);font-size:.95rem;text-decoration:none}
.seo-page .pill-list span[aria-current=page]{background:var(--gold);color:var(--ink);border-color:var(--gold);font-weight:600}
.seo-page .animal-grid{display:grid;grid-template-columns:1fr;gap:8px;list-style:none;padding:0}
@media(min-width:34rem){.seo-page .animal-grid{grid-template-columns:1fr 1fr}}
.seo-page .animal-grid li{margin:0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--night2);font-family:var(--sans)}
.seo-page .animal-grid a{display:inline-block;min-height:24px;padding:4px 0}
.seo-page .today-sign #sign-today .horo-head{margin:.2em 0}
.seo-page .disclaimer-note{margin-top:2em;border-top:1px solid var(--line);padding-top:1em}