@charset "UTF-8";/*!
 * Bootstrap v5.0.0-beta3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-font-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25}hr:not([size]){height:1px}.h1,.h2,.h3,.h4,.h6,h1,h2,h3,h4,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}ol,ul{padding-left:2rem}ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}b,strong{font-weight:bolder}.small,small{font-size:.875em}a{color:#0d6efd;text-decoration:underline}a:hover{color:#0a58ca}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code{font-family:var(--bs-font-monospace);font-size:1em;direction:ltr;unicode-bidi:bidi-override}code{font-size:.875em;color:#d63384;word-wrap:break-word}a>code{color:inherit}img{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:#6c757d;text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,select{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}select{word-wrap:normal}select:disabled{opacity:1}[type=button],button{-webkit-appearance:button}[type=button]:not(:disabled),button:not(:disabled){cursor:pointer}fieldset{min-width:0;padding:0;margin:0;border:0}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.img-fluid{max-width:100%;height:auto}.container{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media (min-width:1400px){.container{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x)/ -2);margin-left:calc(var(--bs-gutter-x)/ -2)}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x)/ 2);padding-left:calc(var(--bs-gutter-x)/ 2);margin-top:var(--bs-gutter-y)}@media (min-width:768px){.col-md-2{flex:0 0 auto;width:16.6666666667%}.col-md-4{flex:0 0 auto;width:33.3333333333%}.col-md-6{flex:0 0 auto;width:50%}}.table{--bs-table-bg:transparent;--bs-table-striped-color:#212529;--bs-table-striped-bg:rgba(0, 0, 0, 0.05);--bs-table-active-color:#212529;--bs-table-active-bg:rgba(0, 0, 0, 0.1);--bs-table-hover-color:#212529;--bs-table-hover-bg:rgba(0, 0, 0, 0.075);width:100%;margin-bottom:1rem;color:#212529;vertical-align:top;border-color:#dee2e6}.table>:not(caption)>*>*{padding:.5rem .5rem;background-color:var(--bs-table-bg);border-bottom-width:1px;box-shadow:inset 0 0 0 9999px var(--bs-table-accent-bg)}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table>:not(:last-child)>:last-child>*{border-bottom-color:currentColor}.table-bordered>:not(caption)>*{border-width:1px 0}.table-bordered>:not(caption)>*>*{border-width:0 1px}.table-striped>tbody>tr:nth-of-type(odd){--bs-table-accent-bg:var(--bs-table-striped-bg);color:var(--bs-table-striped-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control:focus{color:#212529;background-color:#fff;border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{height:1.5em}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled{background-color:#e9ecef;opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:#dde0e3}.form-control::-webkit-file-upload-button{padding:.375rem .75rem;margin:-.375rem -.75rem;-webkit-margin-end:.75rem;margin-inline-end:.75rem;color:#212529;background-color:#e9ecef;pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:1px;border-radius:0;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::-webkit-file-upload-button{-webkit-transition:none;transition:none}}.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button{background-color:#dde0e3}.btn{display:inline-block;font-weight:400;line-height:1.5;color:#212529;text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529}.btn:focus{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.btn:disabled,fieldset:disabled .btn{pointer-events:none;opacity:.65}.btn-primary{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-primary:hover{color:#fff;background-color:#0b5ed7;border-color:#0a58ca}.btn-primary:focus{color:#fff;background-color:#0b5ed7;border-color:#0a58ca;box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary.active,.btn-primary:active{color:#fff;background-color:#0a58ca;border-color:#0a53be}.btn-primary.active:focus,.btn-primary:active:focus{box-shadow:0 0 0 .25rem rgba(49,132,253,.5)}.btn-primary:disabled{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary{color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:hover{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary.active,.btn-outline-primary:active{color:#fff;background-color:#0d6efd;border-color:#0d6efd}.btn-outline-primary.active:focus,.btn-outline-primary:active:focus{box-shadow:0 0 0 .25rem rgba(13,110,253,.5)}.btn-outline-primary:disabled{color:#0d6efd;background-color:transparent}.btn-link{font-weight:400;color:#0d6efd;text-decoration:underline}.btn-link:hover{color:#0a58ca}.btn-link:disabled{color:#6c757d}.btn-lg{padding:.5rem 1rem;font-size:1.25rem;border-radius:.3rem}.collapse:not(.show){display:none}.nav{display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem;text-decoration:none;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.navbar{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:.5rem;padding-bottom:.5rem}.navbar>.container{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-collapse{flex-basis:100%;flex-grow:1;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem;transition:box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 .25rem}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-repeat:no-repeat;background-position:center;background-size:100%}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.55)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.55);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card-body{flex:1 1 auto;padding:1rem 1rem}.card-text:last-child{margin-bottom:0}.card-header{padding:.5rem 1rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.breadcrumb{display:flex;flex-wrap:wrap;padding:0 0;margin-bottom:1rem;list-style:none}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:#6c757d}.alert{position:relative;padding:1rem 1rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-info{color:#055160;background-color:#cff4fc;border-color:#b6effb}@keyframes progress-bar-stripes{0%{background-position-x:1rem}}@-webkit-keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-border{to{transform:rotate(360deg)}}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.float-start{float:left!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.border{border:1px solid #dee2e6!important}.w-100{width:100%!important}.me-auto{margin-right:auto!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.text-center{text-align:center!important}.text-white{color:#fff!important}.bg-warning{background-color:#ffc107!important}.bg-light{background-color:#f8f9fa!important}.bg-dark{background-color:#212529!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media (min-width:992px){.mb-lg-0{margin-bottom:0!important}}@media (min-width:1200px){.fs-4{font-size:1.5rem!important}}
/*# sourceMappingURL=bootstrap.min.css.map */

:root {
    --zodiac-bg: #fbfaf8;
    --zodiac-surface: #fff;
    --zodiac-ink: #2b2433;
    --zodiac-muted: #665e70;
    --zodiac-purple: #5b3f86;
    --zodiac-purple-soft: #efe8fb;
    --zodiac-gold: #c8912a;
    --zodiac-gold-soft: #fff4da;
    --zodiac-border: #e8dfef;
    --zodiac-shadow: 0 .75rem 2rem rgba(70, 45, 105, .08);
}

body {
    color: var(--zodiac-ink);
    background: var(--zodiac-bg);
}

a { color: var(--zodiac-purple); }
a:hover { color: #3d2860; }
img { max-width: 100%; height: auto; }

.green { color: #83a630; }
.pink { color: #c43d80; }
.orange { color: var(--zodiac-gold); }
.purple { color: #7d55bd; }

.site-header {
    background: #211b2d;
    border-bottom: 3px solid var(--zodiac-gold);
    margin-bottom: 1.5rem;
}

.site-brand {
    display: inline-block;
    padding: .75rem 0;
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
}

.site-brand:hover { text-decoration: none; }

.site-nav .nav-link {
    color: rgba(255, 255, 255, .78);
    font-weight: 600;
}

.site-nav .nav-link:hover,
.site-nav .nav-link:focus { color: #fff; }

.site-main { padding-bottom: 2rem; }

.site-footer {
    color: #f7f2ff;
    background: #211b2d;
    padding: 2rem 0 1rem;
    margin-top: 2rem;
}

.site-footer h3 {
    font-size: 1.05rem;
    color: #fff;
}

.site-footer a { color: #f4d38e; }

.site-footer__copy {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    justify-content: center;
    padding-top: 1rem;
    margin-bottom: 0;
    border-top: 1px solid rgba(255, 255, 255, .12);
    text-align: center;
}

.footer-links {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .75rem;
}

.footer-links a { text-decoration: none; }

.zodiac-hero {
    position: relative;
    padding: 1.35rem;
    margin-bottom: 1.5rem;
    overflow: hidden;
    background: linear-gradient(135deg, #fff 0%, #f5eefc 58%, #fff6df 100%);
    border: 1px solid var(--zodiac-border);
    border-radius: .5rem;
    box-shadow: var(--zodiac-shadow);
}

.zodiac-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: .35rem;
    background: var(--zodiac-gold);
}

.zodiac-hero h1 {
    margin-bottom: .5rem;
    font-weight: 750;
}

.zodiac-hero p,
.zodiac-hero .lead,
.zodiac-hero h2 {
    max-width: 56rem;
    margin-bottom: 0;
    color: var(--zodiac-muted);
    font-size: 1.08rem;
    font-weight: 400;
}

.zodiac-hero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
    margin-top: 1rem;
}

.zodiac-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.zodiac-card,
.content-card {
    background: var(--zodiac-surface);
    border: 1px solid var(--zodiac-border);
    border-radius: .5rem;
    box-shadow: var(--zodiac-shadow);
}

.zodiac-card {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    padding: 1rem;
}

.zodiac-card__header {
    display: flex;
    gap: .8rem;
    align-items: center;
}

.zodiac-card__header img {
    width: 72px;
    height: 72px;
    object-fit: contain;
}

.zodiac-card h2 {
    margin-bottom: .15rem;
    color: var(--zodiac-purple);
    font-size: 1.35rem;
}

.zodiac-card__header p {
    margin-bottom: 0;
    color: var(--zodiac-muted);
}

.zodiac-card__summary,
.zodiac-card__traits {
    margin-bottom: 0;
}

.zodiac-card__traits {
    color: var(--zodiac-muted);
}

.zodiac-card__facts {
    display: grid;
    grid-template-columns: minmax(6.5rem, 42%) 1fr;
    gap: .35rem .75rem;
    margin-bottom: .25rem;
}

.zodiac-card__facts dt {
    color: var(--zodiac-muted);
    font-weight: 700;
}

.zodiac-card__facts dd { margin-bottom: 0; }

.zodiac-card__link {
    display: inline-block;
    margin-top: auto;
    font-weight: 700;
}

.zodiac-card__actions {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem .85rem;
    margin-top: auto;
}

.zodiac-card__link--secondary {
    color: var(--zodiac-gold);
}

.zodiac-badge {
    display: inline-block;
    padding: .2rem .65rem;
    color: var(--zodiac-purple);
    background: var(--zodiac-purple-soft);
    border: 1px solid var(--zodiac-border);
    border-radius: 999px;
    font-size: .9rem;
    font-weight: 700;
}

.zodiac-badge--fire {
    color: #8a2f18;
    background: #fff0df;
    border-color: #f1c29a;
}

.zodiac-badge--earth {
    color: #4f6730;
    background: #edf6e3;
    border-color: #c9dda9;
}

.zodiac-badge--air {
    color: #325b78;
    background: #e8f4fb;
    border-color: #bfd8e8;
}

.zodiac-badge--water {
    color: #31537e;
    background: #e8eefb;
    border-color: #c7d4ed;
}

.content-card {
    padding: 1rem;
    margin-bottom: 1rem;
}

.section-title,
.content-card__title {
    padding: .65rem .85rem;
    margin-bottom: 1rem;
    color: var(--zodiac-purple);
    background: var(--zodiac-purple-soft);
    border-left: .25rem solid var(--zodiac-gold);
    border-radius: .35rem;
    font-size: 1.35rem;
}

.quick-links {
    padding: 1rem;
    margin: 1.5rem 0;
    background: var(--zodiac-surface);
    border: 1px solid var(--zodiac-border);
    border-radius: .5rem;
}

.quick-links h2 {
    margin-bottom: .75rem;
    font-size: 1.25rem;
}

.quick-links div {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
}

.quick-links a {
    display: inline-block;
    padding: .35rem .7rem;
    color: var(--zodiac-purple);
    background: var(--zodiac-purple-soft);
    border: 1px solid var(--zodiac-border);
    border-radius: 999px;
    font-weight: 700;
    text-decoration: none;
}

.quick-links a:hover {
    background: var(--zodiac-gold-soft);
    border-color: #ebcd8f;
}

.hero-actions,
.quick-links__inline {
    display: flex;
    flex-wrap: wrap;
    gap: .5rem;
    margin-top: 1rem;
}

.hero-actions a,
.quick-links__inline a,
.cta-card .btn,
.popular-topic {
    text-decoration: none;
}

.cta-card {
    border-left: .35rem solid var(--zodiac-gold);
}

.zodiac-elements,
.popular-topics {
    margin: 1.5rem 0;
}

.zodiac-elements > h2,
.popular-topics > h2 {
    margin-bottom: 1rem;
}

.zodiac-elements__grid,
.popular-topics__grid,
.article-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.article-section {
    margin: 1.5rem 0;
}

.article-section > h2 {
    margin-bottom: 1rem;
}

.article-card {
    display: flex;
    flex-direction: column;
}

.article-card .btn,
.article-card a.btn {
    align-self: flex-start;
    margin-top: auto;
}

.article-callout {
    border-left: .35rem solid var(--zodiac-gold);
}

.article-index {
    margin-bottom: 1.5rem;
}

.article-related-links {
    margin-top: 1.5rem;
}

.popular-topic {
    display: block;
    color: var(--zodiac-ink);
}

.popular-topic strong,
.popular-topic span {
    display: block;
}

.popular-topic strong {
    color: var(--zodiac-purple);
    margin-bottom: .25rem;
}

.popular-topic span {
    color: var(--zodiac-muted);
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.compatibility-table,
.content-card .table,
.zodiac-card table {
    background: #fff;
    border-color: var(--zodiac-border);
}

.compatibility-table img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.zodiac-comparison-table th,
.zodiac-comparison-table td {
    vertical-align: middle;
}

.zodiac-sign-overview {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.zodiac-facts-list {
    display: grid;
    grid-template-columns: minmax(7rem, auto) 1fr;
    gap: .65rem 1rem;
    margin-bottom: 0;
}

.zodiac-facts-list dt {
    color: var(--zodiac-muted);
    font-weight: 700;
}

.zodiac-facts-list dd { margin-bottom: 0; }

.zodiac-page-index .quick-links__inline { margin-top: .5rem; }

.same-element-links {
    margin: .75rem 0 1rem;
    padding: .85rem 1rem;
    background: var(--zodiac-purple-soft);
    border: 1px solid var(--zodiac-border);
    border-radius: .5rem;
}

.same-element-links p { margin-bottom: 0; }

.same-element-links a { font-weight: 700; }

.zodiac-strengths__grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.zodiac-strengths h3 {
    margin-bottom: .65rem;
    color: var(--zodiac-purple);
}

.zodiac-strengths ul {
    margin-bottom: 0;
    padding-left: 1.25rem;
}

.quick-links a.is-active {
    background: var(--zodiac-gold-soft);
    border-color: var(--zodiac-gold);
    color: var(--zodiac-purple);
}

.zodiac-related-links {
    border-left: .35rem solid var(--zodiac-purple);
}

.compatibility-hub-grid,
.compatibility-highlights {
    margin: 1.5rem 0;
}

.compatibility-sign-card h3 {
    margin-bottom: .25rem;
    color: var(--zodiac-purple);
    font-size: 1.2rem;
}

.compatibility-overview {
    align-items: stretch;
}

.compatibility-matrix-table th,
.compatibility-matrix-table td,
.compatibility-elements-table th,
.compatibility-elements-table td {
    vertical-align: middle;
}

.compatibility-pair {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    color: var(--zodiac-ink);
    text-decoration: none;
}

.compatibility-pair img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.compatibility-level {
    display: inline-block;
    padding: .25rem .55rem;
    background: var(--zodiac-purple-soft);
    border: 1px solid var(--zodiac-border);
    border-radius: 999px;
    color: var(--zodiac-purple);
    font-weight: 700;
}

.compatibility-highlight-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
}

.compatibility-highlight h3 {
    margin-bottom: .5rem;
    color: var(--zodiac-purple);
    font-size: 1.1rem;
}

.compatibility-highlight a {
    font-weight: 700;
}

.compatibility-secondary {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin: 1.5rem 0;
}

.compatibility-allies h2 {
    font-size: 1.25rem;
}

.zodiac-breadcrumbs { padding: .75rem 0 0; }

.zodiac-breadcrumbs .breadcrumb {
    padding: .65rem .85rem;
    background: rgba(255, 255, 255, .75);
    border: 1px solid var(--zodiac-border);
    border-radius: .5rem;
}

.text-right,
.text-end { text-align: right; }

.img-responsive {
    max-width: 100%;
    height: auto;
}

.form-group { margin-bottom: 1rem; }

tr.success > * { background: #f5fbef; }

.zodiac-result {
    padding: 1rem;
    margin-bottom: 1rem;
    background: var(--zodiac-gold-soft);
    border: 1px solid #ebcd8f;
    border-radius: .5rem;
}

.calculator-actions {
    padding-top: .75rem;
}

.contact-layout {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.contact-primary {
    position: relative;
    padding: 1.4rem;
    overflow: hidden;
    background: linear-gradient(145deg, #2c223d 0%, #523975 100%);
    border: 1px solid #6c5092;
    border-radius: .5rem;
    box-shadow: var(--zodiac-shadow);
    color: #fff;
}

.contact-primary::after {
    content: "✦";
    position: absolute;
    top: -.65rem;
    right: 1rem;
    color: rgba(244, 211, 142, .18);
    font-size: 7rem;
    line-height: 1;
    pointer-events: none;
}

.contact-primary h2 {
    position: relative;
    z-index: 1;
    margin-bottom: .5rem;
    color: #fff;
    font-size: 1.4rem;
}

.contact-primary p {
    position: relative;
    z-index: 1;
    max-width: 38rem;
    color: rgba(255, 255, 255, .82);
}

.contact-email {
    position: relative;
    z-index: 1;
    display: inline-block;
    max-width: 100%;
    padding: .65rem .85rem;
    margin: .25rem 0 1rem;
    overflow-wrap: anywhere;
    color: #2b2433;
    background: #fff;
    border: 2px solid #f4d38e;
    border-radius: .4rem;
    font-size: 1.08rem;
    font-weight: 750;
    text-decoration: none;
}

.contact-email:hover,
.contact-email:focus {
    color: var(--zodiac-purple);
    background: var(--zodiac-gold-soft);
}

.contact-note {
    margin-bottom: 0;
    font-size: .92rem;
}

.contact-topics {
    display: grid;
    grid-template-columns: 1fr;
    gap: .75rem;
}

.contact-topic {
    padding: 1rem;
    background: var(--zodiac-surface);
    border: 1px solid var(--zodiac-border);
    border-radius: .5rem;
}

.contact-topic__symbol {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    align-items: center;
    justify-content: center;
    margin-bottom: .65rem;
    color: var(--zodiac-purple);
    background: var(--zodiac-purple-soft);
    border-radius: 50%;
    font-size: 1.15rem;
    font-weight: 800;
}

.contact-topic h3 {
    margin-bottom: .35rem;
    color: var(--zodiac-purple);
    font-size: 1.08rem;
}

.contact-topic p {
    margin-bottom: 0;
    color: var(--zodiac-muted);
}

.contact-checklist {
    margin-bottom: 0;
    padding-left: 1.25rem;
}

.contact-checklist li + li {
    margin-top: .45rem;
}

.ad-slot,
.adsbygoogle { max-width: 100%; }

@media (min-width: 768px) {
    .site-brand { font-size: 1.65rem; }
    .zodiac-hero { padding: 2rem; }
    .zodiac-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zodiac-sign-overview { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .zodiac-strengths__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .compatibility-highlight-grid,
    .compatibility-secondary { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .zodiac-elements__grid,
    .popular-topics__grid,
    .article-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .contact-layout { grid-template-columns: minmax(0, 1.35fr) minmax(17rem, .65fr); }
    .contact-topics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

@media (min-width: 992px) {
    .zodiac-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .article-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .popular-topics__grid { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}