/* Shared destinations and navigation retain the Minecraft inventory surfaces. */
#nav { flex-wrap:wrap; }
#nav a { font-size:.84rem; padding:8px 9px; }
#identity { display:flex; align-items:center; flex-wrap:wrap; justify-content:flex-end; gap:8px; }
.hub-menu-toggle { display:none; }
.hub-bell { position:relative; white-space:nowrap; }
[data-notification-count] { display:inline-block; background:#492b64; color:#fff; padding:1px 6px; margin-left:4px; font-size:.72rem; border:1px solid #160d20; }
[data-notification-count]:empty { display:none; }
.hub-home-section { margin-top:32px; }
.hub-home-section .section-head { margin-top:0; }
.hub-server { display:flex; flex-direction:column; gap:13px; overflow:hidden; }
.hub-server h2,.hub-products h2 { font:700 23px/1.45 'Segoe UI',Arial,sans-serif; margin:0; }
.hub-server > img,.hub-products article > img { width:calc(100% + 50px); max-width:none; margin:-25px -25px 9px; aspect-ratio:16/9; object-fit:cover; border-bottom:3px solid #161a11; }
.hub-server > p { flex:1; margin:0 0 12px; white-space:pre-line; }
.hub-server > .row { gap:12px; flex-wrap:wrap; }
.hub-server-detail { margin-top:25px; }
.hub-server-banner { width:100%; height:300px; object-fit:cover; border:4px solid #141a10; image-rendering:pixelated; }
.hub-facts { display:grid; grid-template-columns:1fr 1.5fr; gap:13px 18px; margin:20px 0 30px; }
.hub-facts dt { font-weight:700; }
.hub-facts dd { margin:0; overflow-wrap:anywhere; }
.hub-gallery { display:grid; grid-template-columns:repeat(auto-fit,minmax(230px,1fr)); gap:18px; margin-top:28px; }
.hub-gallery img { width:100%; aspect-ratio:16/10; object-fit:cover; border:3px solid #13180e; }
.hub-checklist h2 { font-size:17px; margin:0; }
.hub-checklist ul { padding:0; list-style:none; display:grid; grid-template-columns:repeat(auto-fit,minmax(210px,1fr)); gap:12px; margin:20px 0 0; }
.hub-checklist li { display:flex; gap:12px; align-items:center; border:2px solid #777f6e; padding:12px; background:#d0d5c8; }
.hub-checklist li > span { color:#315b23; font-size:23px; font-weight:800; }
.hub-welcome,.hub-featured { display:flex; align-items:center; gap:25px; }
.hub-welcome > .block-icon,.hub-featured > .block-icon { width:55px; height:55px; flex-shrink:0; }
.hub-welcome > div,.hub-featured > div { flex:1; min-width:0; }
.hub-welcome h2,.hub-featured h2 { font-size:19px; }
.hub-featured { margin-top:30px; }
.hub-featured > img { width:35%; max-height:260px; object-fit:cover; border:3px solid #11180d; }
.hub-store-filter { display:flex; align-items:flex-end; gap:15px; margin-bottom:28px; }
.hub-store-filter label { flex:1; min-width:0; margin:0; }
.hub-store-filter :is(input,select) { display:block; width:100%; margin:7px 0 0; }
.hub-store-filter button { margin:0; }
.hub-products article { min-width:0; overflow:hidden; }
.hub-products .row { gap:10px; flex-wrap:wrap; margin-bottom:16px; }
.hub-products .bodytext { max-height:380px; overflow:auto; }
.hub-products .product-price { font-size:1.4rem; font-weight:800; }
.hub-guide { line-height:1.9; font-size:1rem; margin-bottom:25px; overflow-wrap:anywhere; }
#voice-dock:empty { display:none; }
body:has(#voice-dock:not(:empty)) { padding-bottom:100px; }
@media(max-width:1100px) {
  header { flex-wrap:wrap; gap:14px; }
  header .brand { flex:1; }
  #nav { order:3; flex-basis:100%; justify-content:center; }
}
@media(max-width:650px) {
  header { padding-top:18px; padding-bottom:18px; }
  .brand { font-size:15px; }
  .brand small { font-size:8px; }
  #identity { flex-basis:100%; justify-content:flex-start; }
  #identity button { max-width:100%; }
  .hub-menu-toggle { display:inline-block; }
  #nav { display:none; }
  #nav.hub-nav-open { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:5px; }
  #nav a { text-align:center; border:1px solid #5c6552; }
  .hub-store-filter { flex-direction:column; align-items:stretch; }
  .hub-server-banner { height:190px; }
  .hub-facts { grid-template-columns:1fr 1.3fr; gap:12px; font-size:.88rem; }
  .hub-welcome,.hub-featured { flex-direction:column; align-items:flex-start; }
  .hub-featured > img { width:100%; }
  .hub-checklist .row { gap:15px; flex-wrap:wrap; }
}