.page-head-center{text-align: center;}
.page-head-center .kicker{justify-content: center;}
.page-head-center .lede{margin-inline: auto;}
.official-avatar{width: 96px; height: 96px; margin: 0 auto 16px; border-radius: 50%; box-shadow: 0 0 0 3px var(--rose), 0 0 40px rgba(255, 46, 126, .6);}
.link-stack{display: grid; gap: 12px; max-width: 560px; margin: 0 auto; padding: 0; list-style: none;}
.link-stack a{display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; align-items: center; gap: 16px; padding: 12px 20px 12px 12px; border-radius: 999px; border: 1px solid var(--line-2); background: rgba(21, 11, 26, .8); text-decoration: none; transition: border-color .25s, transform .3s var(--ease);}
.link-stack a:hover{border-color: var(--rose); transform: scale(1.02);}
.link-stack img, .link-icon{width: 52px; height: 52px; border-radius: 50%; object-fit: cover;}
.link-icon{display: grid; place-items: center; background: rgba(255, 79, 139, .18); color: var(--rose-2);}
.link-stack strong{display: block;}
.link-stack small{font-size: .8rem; color: var(--dim);}
.link-stack a > .icon{color: var(--gold);}
.link-stack strong > span{color: var(--gold);}
.link-stack small{display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height: 1.4;}
.link-stack em{display: block; margin-top: 2px; font: 700 .72rem/1.4 var(--ui); font-style: normal; color: var(--dim);}
.official-group > h2{max-width: 560px; margin: 0 auto 14px; font: 800 .76rem/1.2 var(--ui); letter-spacing: .2em; text-transform: uppercase; text-align: center; color: var(--gold);}
.official-about{max-width: 820px; padding-bottom: 72px;}
.official-note{padding: 24px 26px; border: 1px solid var(--line); border-radius: 26px; background: rgba(21, 11, 26, .72);}
.official-note h2{font-size: clamp(1.3rem, 2.4vw, 1.6rem); line-height: 1.2; color: var(--cream);}
.official-note p{margin-top: 12px; font-size: .96rem; line-height: 1.65; color: var(--mist);}
.official-note strong{color: var(--cream);}
@media (min-width: 961px){
.official-group .link-stack{grid-template-columns: repeat(2, minmax(0, 1fr)); max-width: 1040px;}
.official-group > h2{max-width: 1040px;}
.link-stack a:hover{transform: scale(1.01);}
}
@media (max-width: 760px){
.official-note{padding: 20px;}
}
@media (max-width: 1180px){
.masthead .nav-right .nav-link[data-nav="community"]{display: none;}
}
@media (max-width: 960px){
.masthead .me-btn{display: inline-grid;}
}
@media (max-width: 760px){
.settings-nav a{flex: none; border: 1px solid var(--line); border-radius: 999px;}
}
.count-pill{display: inline-flex; align-items: center; margin-left: 8px; padding: 2px 10px; border-radius: 999px; background: rgba(255, 79, 139, .18); font: 800 .72rem/1.6 var(--ui); color: var(--rose-2); vertical-align: middle;}
.watch-list strong, .inbox-list strong{display: block;}
.watch-list small, .inbox-list small, .next-list small{color: var(--mist); font-size: .82rem;}
.zb-footer-social a{display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; color: var(--mist); text-decoration: none;}
.zb-footer-social a:hover{color: var(--cream);}
@media (pointer: coarse){
.letter-jump a{min-width: 44px; height: 44px;}
}