.blog-presence{box-sizing:border-box;display:flex;align-items:start;gap:8px 16px;max-width:1432px;margin:0 auto 12px;padding:0 12px;border:1px solid #d9e9ef;border-radius:10px;color:#35596b;background:#eff8fb;font-size:1rem;line-height:1.5}
.blog-presence a{min-height:44px;display:inline-flex;align-items:center;color:#35596b;text-decoration:none;font-weight:600}.blog-presence a:hover{text-decoration:underline}.blog-presence-player{display:grid;gap:8px;min-width:0}.blog-presence-player>span{display:inline-flex;gap:8px;align-items:center;font-weight:600;line-height:1.5}.blog-presence-player>span::before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:#a5a5ad}.blog-presence [data-state=online]::before{background:#497e5b}.blog-presence [data-state=offline]::before{background:#8894a0}
.presence-times{display:grid;gap:4px;font-size:.875rem;color:#526c7a;font-variant-numeric:tabular-nums}.presence-times>div{display:flex;align-items:baseline;gap:8px}.presence-times time{white-space:normal;overflow-wrap:anywhere}
.presence-disclosure{flex:1;min-width:0}.presence-disclosure>summary{display:flex;align-items:center;min-height:44px;cursor:pointer;gap:8px}.presence-disclosure>summary::after{content:'⌄';margin-left:auto}.presence-disclosure[open]>summary::after{content:'⌃'}.presence-roster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0 12px}.blog-presence a{flex-shrink:0}
@media(max-width:899px){.blog-presence{max-width:calc(100% - 28px);gap:8px 12px}.presence-times>div{gap:4px}.presence-roster{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr))}.presence-disclosure[open]{flex-basis:100%}.blog-presence:has(.presence-disclosure[open]){flex-wrap:wrap}}
@media(max-width:359px){.blog-presence{flex-wrap:wrap}.presence-disclosure{flex-basis:100%}.blog-presence a{min-height:44px}}

.presence-times>div>span{white-space:nowrap;flex-shrink:0}