:root{--ink:#45332c;--pink:#f9e8e6;--rose:#e68c86;--paper:#fff9ee}
*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}
.zodiac-panel,.zodiac-page{max-width:680px;margin:24px auto;padding:18px;border:2px solid #efd3d0;border-radius:28px;background:var(--pink)}
.zodiac-panel-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:4px 10px 14px}.zodiac-panel h2{margin:0;font-size:clamp(22px,5vw,32px);letter-spacing:.04em}.zodiac-panel-heading span{white-space:nowrap;font-size:14px}
.zodiac-list{margin:0;padding:0;list-style:none;overflow:hidden;border-radius:22px;background:#fff8f8}.zodiac-list li+li{border-top:1px dashed #dbccca}.zodiac-list a,.zodiac-item{display:flex;align-items:center;gap:12px;min-height:112px;padding:12px 16px;color:inherit;text-decoration:none}.zodiac-list a:hover{background:#fff0ed}.zodiac-medal{flex:0 0 54px;height:54px;display:grid;place-items:center;border-radius:50%;font-size:19px;font-weight:bold;background:#ebe6e0;border:2px solid #e0d7d0}.medal-1{background:#ffdf88;border-color:#f5c75a}.medal-2{background:#d6e1e8;border-color:#b2c4d1}.medal-3{background:#f7cbaa;border-color:#e9aa7e}
.zodiac-list img,.zodiac-glyph{flex:0 0 80px;width:80px;height:80px;object-fit:contain}.zodiac-glyph{display:grid;place-items:center;font-size:56px;color:#bc7772}.zodiac-text{min-width:0;flex:1}.zodiac-text strong,.zodiac-text small{display:block}.zodiac-text strong{font-size:21px}.zodiac-text small{font-size:15px;line-height:1.6;margin-top:3px}.zodiac-arrow{font-size:30px;color:#bc7772}.zodiac-more{display:block;max-width:410px;margin:18px auto 2px;padding:14px;text-align:center;border-radius:50px;background:var(--rose);color:white;font-weight:bold;text-decoration:none}.zodiac-more span{padding-left:8px}.zodiac-page{background:none;border:0;padding:22px 14px}.zodiac-back{color:#8e5d58}.zodiac-page-title{text-align:center;padding:30px 0}.zodiac-page-title p{font-size:14px}.zodiac-page-title h1{font-size:clamp(26px,6vw,40px)}.zodiac-full{box-shadow:0 8px 30px #e9d7cf77}.zodiac-note{line-height:1.8;font-size:13px;padding:20px 8px}.ranking-error{text-align:center;padding:30px}
@media(max-width:420px){.zodiac-panel{margin:12px;padding:12px}.zodiac-list a,.zodiac-item{gap:8px;padding:12px 8px}.zodiac-medal{flex-basis:44px;height:44px;font-size:16px}.zodiac-list img,.zodiac-glyph{flex-basis:66px;width:66px;height:66px}.zodiac-glyph{font-size:46px}.zodiac-text strong{font-size:18px}.zodiac-text small{font-size:13px}}
.zodiac-page{max-width:1000px}.zodiac-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:0;padding:0;list-style:none}.zodiac-result{padding:22px;border:1px solid #edd8d2;border-radius:22px;background:#fffafa;box-shadow:0 5px 22px #d8c2bb36;scroll-margin-top:16px}.zodiac-featured{grid-column:1/-1;background:#fff5f3;border-color:#ebbbb4}.zodiac-result-head{display:flex;align-items:center;gap:14px}.zodiac-result-head img{width:82px;height:82px;object-fit:contain}.zodiac-result-head h2{margin:0;font-size:24px}.zodiac-reading{font-size:16px;line-height:1.9;margin:12px 0 16px}.zodiac-details{display:grid;gap:8px;margin:0;padding:14px;border-radius:14px;background:#fff3ef}.zodiac-details div{display:grid;grid-template-columns:150px 1fr;gap:8px}.zodiac-details dt{font-weight:bold;color:#a35952}.zodiac-details dd{margin:0;line-height:1.5}.zodiac-note{max-width:780px;margin:20px auto}.zodiac-featured .zodiac-reading{font-size:17px}
@media(max-width:720px){.zodiac-results{grid-template-columns:1fr}.zodiac-result{padding:16px}.zodiac-details div{grid-template-columns:125px 1fr}.zodiac-result-head img{width:70px;height:70px}.zodiac-result-head h2{font-size:21px}}