/* Marriage compatibility Chinese zodiac encyclopedia; stage 7, scoped styles */
.mcc-article,.mcc-panel,.mcc-reading,.mcc-hero,.mcc-next,.mcc-note,.mcc-toc,.mcc-crumb{direction:rtl;font-family:inherit;box-sizing:border-box}
.mcc-article *, .mcc-panel *, .mcc-reading *, .mcc-hero * {box-sizing:border-box}
.mcc-hero,.mcc-article-hero{border-radius:23px;background:linear-gradient(125deg,#24113f,#4b1b60 62%,#6c366d);color:#fff;display:grid;grid-template-columns:1.12fr .88fr;gap:24px;padding:25px;margin:18px 0 24px;overflow:hidden;align-items:center;box-shadow:0 12px 24px #3420431a;direction:rtl}
.mcc-hero img,.mcc-article-hero img{width:100%;height:auto;max-height:310px;object-fit:cover;border-radius:18px;border:2px solid #e2ac7980}
.mcc-hero h2,.mcc-article-hero h2{font-size:clamp(22px,3vw,37px);color:#fff;line-height:1.7;margin:10px 0}.mcc-hero p,.mcc-article-hero p{font-size:15px;line-height:2.1;color:#f7e9fc}.mcc-kicker{font-weight:700;color:#f8d796;font-size:13px}
.mcc-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #cf8e93;background:linear-gradient(125deg,#cf2d76,#963b86);padding:11px 20px;border-radius:12px;color:#fff!important;font-weight:700;text-decoration:none!important;line-height:1.7;cursor:pointer;text-align:center;font-family:inherit;font-size:14px}.mcc-btn.ghost{background:#ffffff18;border-color:#e3b7da;color:#fff!important}.mcc-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.mcc-note{border-radius:13px;background:#fff8ec;border:1px solid #dfc9a2;padding:15px 18px;margin:19px 0;color:#4b3852;font-size:14px;line-height:2.1}.mcc-note a,.mcc-reading a{color:#93296a;text-decoration:underline}
.mcc-panel{border:1px solid #ead9ea;background:linear-gradient(#fffafd,#fff);box-shadow:0 8px 26px #50345610;border-radius:19px;padding:23px;margin:25px 0}.mcc-section-heading{text-align:center;margin-bottom:17px}.mcc-section-heading span{font-size:13px;color:#ad4786;font-weight:700}.mcc-section-heading h2,.mcc-panel h2{font-size:clamp(20px,2.3vw,28px);line-height:1.6;color:#352344;margin:7px 0}.mcc-section-heading p{color:#5c5266;line-height:2;font-size:14px;margin:5px 0 15px}
.mcc-date-form,.mcc-choose-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.mcc-date-form label,.mcc-choose-form label{display:flex;flex-direction:column;gap:6px;color:#33223e;font-size:14px;font-weight:700}.mcc-date-form select,.mcc-date-form input,.mcc-choose-form select{width:100%;font:inherit;color:#33223e;padding:12px 10px;min-height:46px;border-radius:10px;border:1px solid #d9c9de;background:#fff;direction:rtl}.mcc-date-form .mcc-btn{min-height:45px}.mcc-answer{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;background:#f2e4f4;border:1px solid #ddbddb;border-radius:14px;padding:13px;margin-top:18px;align-items:center}.mcc-answer img{width:100%;height:auto;border-radius:10px}.mcc-answer h3{margin:8px 0;color:#4d1b64}.mcc-answer p{line-height:2;font-size:14px}.mcc-warning{background:#fff0ee;border:1px solid #dbb0a0;border-radius:11px;padding:12px;color:#792f3a}
.mcc-animals-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.mcc-animal-card,.mcc-pair-card,.mcc-phases-grid a,.mcc-related-two a{display:block;background:#fff;border:1px solid #ead6e8;border-radius:13px;overflow:hidden;color:#3e2550!important;text-decoration:none!important;box-shadow:0 6px 16px #40204a11;transition:transform .15s}.mcc-animal-card:hover,.mcc-pair-card:hover,.mcc-phases-grid a:hover{transform:translateY(-3px)}.mcc-animal-card img,.mcc-pair-card img,.mcc-phases-grid img,.mcc-related-two img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;display:block}.mcc-animal-card span{display:flex;flex-direction:column;align-items:center;padding:10px 7px;gap:4px}.mcc-animal-card b{font-size:16px}.mcc-animal-card small{font-size:12px;color:#6c5773;line-height:1.6;text-align:center}
.mcc-choose-form{grid-template-columns:1fr 1fr auto;max-width:830px;margin:0 auto 14px}.mcc-choose-form .mcc-btn{min-height:47px}.mcc-selected{font-size:14px;color:#594766;text-align:center;background:#f8edf8;padding:10px;border-radius:12px;margin:15px auto;max-width:830px}.mcc-allpairs h3{color:#473156;font-size:18px}.mcc-filter{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 17px}.mcc-filter button{border:1px solid #d7bad4;border-radius:20px;padding:6px 10px;font:inherit;font-size:12px;color:#532e5a;background:white;cursor:pointer}.mcc-filter button.active{background:#812f7a;color:#fff}.mcc-pair-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mcc-pair-card span{display:block;text-align:center;padding:8px 6px;font-size:13px;font-weight:700}.mcc-pair-card[hidden]{display:none}
.mcc-phases-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.mcc-phases-grid a strong,.mcc-phases-grid a small{display:block;padding:4px 7px;text-align:center}.mcc-phases-grid a strong{font-size:15px}.mcc-phases-grid a small{font-size:12px;line-height:1.6;color:#765d75;padding-bottom:10px}
.mcc-crumb{font-size:13px;color:#6f5a73;margin:18px 0}.mcc-crumb a{color:#80367c}.mcc-article-hero{border-radius:20px;background:linear-gradient(130deg,#1b133a,#4f1e58 68%,#7b2a66);display:grid;grid-template-columns:1.13fr .87fr;gap:20px;padding:22px;align-items:center;direction:rtl}.mcc-article-hero img{width:100%;border-radius:13px}.mcc-toc{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0 20px}.mcc-toc a{color:#682d68!important;background:#f4e6f2;border:1px solid #e6d0e1;padding:7px 12px;border-radius:22px;font-size:13px;text-decoration:none!important}
.mcc-reading{background:#fff;border:1px solid #eee3ec;border-radius:15px;padding:18px 24px;margin:16px 0;color:#3d3542;font-size:15.2px;line-height:2.2}.mcc-reading h2{font-size:22px;line-height:1.7;color:#3a214c;margin:4px 0 15px}.mcc-reading h3{font-size:17px;color:#743a6c;margin:15px 0 5px}.mcc-reading p{line-height:2.25;margin:10px 0 17px}.mcc-reading li{margin:8px 0;line-height:2.1}.mcc-reading details{margin:9px 0;border:1px solid #eadce8;border-radius:10px;padding:10px;background:#fffbfe}.mcc-reading details summary{cursor:pointer;font-weight:700;color:#76316e}.mcc-reading details p{margin:9px 0}.mcc-phase-links{display:flex;flex-wrap:wrap;gap:10px}.mcc-phase-links a{padding:7px 13px;border:1px solid #dcc8e2;border-radius:10px}.mcc-related-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.mcc-related-two strong{display:block;text-align:center;padding:11px}.mcc-next{margin:20px 0;padding:23px;border-radius:15px;text-align:center;background:#3d254e;color:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px}.mcc-next h2{flex-basis:100%;margin:0;font-size:20px;color:#fff}.mcc-next p{flex-basis:100%;margin:0;line-height:2}.mcc-next .ghost{border-color:#d4aed3}
.mcc-home-promo{margin:25px 0;background:linear-gradient(115deg,#302044,#712c6a);border-radius:18px;padding:22px;color:#fff}.mcc-home-promo h2{color:#fff;font-size:25px}.mcc-home-promo p{line-height:2}.mcc-home-promo .mcc-btn{display:inline-block}
@media(max-width:800px){.mcc-hero,.mcc-article-hero{grid-template-columns:1fr;padding:18px;gap:12px}.mcc-hero img,.mcc-article-hero img{max-height:245px;object-fit:cover}.mcc-animals-grid,.mcc-pair-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mcc-phases-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mcc-date-form{grid-template-columns:repeat(2,minmax(0,1fr))}.mcc-choose-form{grid-template-columns:1fr 1fr}.mcc-choose-form .mcc-btn{grid-column:span 2}}
@media(max-width:490px){.mcc-panel{padding:13px}.mcc-reading{padding:15px 13px;font-size:14.7px;line-height:2}.mcc-reading h2{font-size:19px}.mcc-animals-grid,.mcc-pair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mcc-animals-grid b{font-size:14px}.mcc-phases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mcc-choose-form{grid-template-columns:1fr}.mcc-choose-form .mcc-btn{grid-column:auto}.mcc-date-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.mcc-date-form .mcc-btn{grid-column:span 2}.mcc-answer{grid-template-columns:1fr;text-align:center}.mcc-answer img{max-width:220px;margin:0 auto}.mcc-related-two{grid-template-columns:1fr}.mcc-hero h2,.mcc-article-hero h2{font-size:24px}}

.mcc-report-links{background:#f5edf7;padding:12px;border-radius:11px;line-height:2.1}.mcc-report-links a{color:#8d2a74;font-weight:700;text-decoration:underline}