/* Compact realm controls and relocated briefing, using native server button slices. */
body[data-mix] .client-realm-strip{padding-block:10px 12px}
body[data-mix] .client-realm-rows button.mu-server-row{min-height:55px;padding-block:4px 6px;gap:4px}
body[data-mix] .dialog-realm-rows button.mu-server-row{min-height:55px;padding-block:4px 6px;gap:4px}
/* Hide the unused population recess baked into the native button texture. */
body[data-mix] .dialog-realm-rows button.mu-server-row::after{content:'';position:absolute;left:5.027933%;right:5.027933%;bottom:-4px;height:5px;background:#000;pointer-events:none}
body[data-mix] .dialog-realm-rows button.mu-server-row:hover::after{background:#38393b}
body[data-mix] .dialog-realm-rows button.mu-server-row[aria-pressed=true]::after{background:#040c19}
body[data-mix] .news-section>.news-briefing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:0 0 18px;padding:0;border:0;background:none}
body[data-mix] .news-briefing>button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;min-width:0;min-height:78px;padding:9px 11px 11px;text-align:left;color:#d8c9a1;background:#080b0d;box-shadow:none;border:7px solid transparent;border-radius:0;border-image:url('assets/server-select/server-idle.png') 6 7 7 7 fill / 6px 7px 7px 7px stretch}
body[data-mix] .news-briefing>button:hover{border-image-source:url('assets/server-select/server-hover.png')}
body[data-mix] .news-briefing>button[aria-pressed=true]{border-image-source:url('assets/server-select/server-selected.png')}
body[data-mix] .news-briefing>button:focus-visible{outline:2px solid #b69b62;outline-offset:3px}
body[data-mix] .news-briefing strong{font:14px/1.3 LegacyBalgruf,Georgia,serif;min-height:0;overflow-wrap:anywhere}
body[data-mix] .news-briefing small{font:8px/1.5 Tahoma,Arial,sans-serif}
body[data-mix] .news-briefing .briefing-label{font:7px/1.3 Tahoma,Arial,sans-serif;letter-spacing:1px}
@media(max-width:1150px) and (min-width:951px){body[data-mix] .news-section>.news-briefing{gap:5px}body[data-mix] .news-briefing>button{padding-inline:6px}body[data-mix] .news-briefing strong{font-size:12px}}
@media(max-width:540px){body[data-mix] .news-section>.news-briefing{grid-template-columns:1fr;gap:8px}body[data-mix] .news-briefing>button{min-height:70px;padding:8px 12px}body[data-mix] .client-realm-rows button.mu-server-row{min-height:55px}}
/* Briefings use the compact button height, without the population-track artwork. */
body[data-mix] .news-briefing>button{position:relative;min-height:55px;padding:1px 8px;gap:2px}
body[data-mix] .news-briefing .briefing-label{font-size:7px;line-height:9px;letter-spacing:.65px}
body[data-mix] .news-briefing strong{font-size:12px;line-height:15px}
body[data-mix] .news-briefing small{font-size:7px;line-height:10px}
body[data-mix] .news-briefing>button::after{content:'';position:absolute;left:5.027933%;right:5.027933%;bottom:-4px;height:5px;background:#000;pointer-events:none}
body[data-mix] .news-briefing>button:hover::after{background:#38393b}
body[data-mix] .news-briefing>button[aria-pressed=true]::after{background:#040c19}