/* Compact hub layout: keep the main systems visible within one desktop screen. */
@media (min-width: 901px) {
  .shell{width:min(1440px,calc(100% - 24px));padding:10px 0 22px}
  .topbar{min-height:46px}
  .brand-mark{width:38px;height:38px;border-radius:11px}
  .brand small{font-size:8px}
  .ghost{padding:7px 10px}

  .hero{padding:12px 2px 10px}
  .hero .eyebrow{margin-bottom:4px;font-size:9px}
  .hero h1{font-size:clamp(27px,3vw,38px);line-height:1;letter-spacing:-1.5px}
  .hero h1 br{display:none}
  .hero h1 span{margin-left:8px}
  .hero>p:last-child{max-width:none;margin:6px 0 0;font-size:11px;line-height:1.35}

  .news-board{margin:0 0 10px;padding:10px 13px;border-radius:14px}
  .news-board-head{align-items:center}
  .news-board-head .eyebrow{display:none}
  .news-board-head h2{font-size:16px}
  .news-board-head>div>p:last-child{margin-top:2px;font-size:10px}
  .news-manage{padding:7px 9px;font-size:10px}
  .news-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:7px}
  .news-card{min-height:66px;padding:8px 10px;border-radius:10px}
  .news-card .news-kind{font-size:8px}
  .news-card h3{margin:3px 0 2px;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .news-card p{font-size:9px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .news-card time{display:none}
  .news-empty{padding:9px;border-radius:10px;font-size:10px}

  .section-heading{margin:0 0 7px}
  .section-heading .eyebrow{display:none}
  .section-heading h2{font-size:17px}
  .section-heading>span{font-size:10px}
  .app-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
  .app-card,.graphic-featured{grid-column:span 1;min-height:126px;padding:10px;border-radius:13px;box-shadow:0 8px 24px #19345b10}
  .app-card:hover{transform:translateY(-2px)}
  .app-card .icon{width:32px;height:32px;border-radius:9px;font-size:10px}
  .number{top:11px;right:10px;font-size:9px}
  .feature-badge{display:none}
  .app-card small{margin-top:7px;font-size:7px;letter-spacing:.1em}
  .app-card h3,.graphic-featured h3{margin:3px 0 0;font-size:14px;line-height:1.25}
  .app-card p{display:none}
  .app-card b{padding-top:7px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .graphic-featured::after{width:100px;height:100px;right:-45px;bottom:-50px;border-width:18px}
  .owner-panel{margin-top:18px;padding:18px}
  footer{margin-top:18px}
}

@media (min-width: 581px) and (max-width: 900px) {
  .hero{padding:28px 0 20px}
  .hero h1{font-size:42px}
  .app-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
  .app-card,.graphic-featured{grid-column:span 1;min-height:150px;padding:12px}
  .graphic-featured h3{font-size:18px}
  .app-card p{display:none}
  .feature-badge{display:none}
}

@media (max-width: 580px) {
  .shell{width:min(100% - 14px,1180px);padding-top:10px}
  .hero{padding:20px 2px 16px}
  .hero h1{font-size:31px}
  .hero h1 br{display:none}
  .hero h1 span{margin-left:5px}
  .hero>p:last-child{font-size:11px;line-height:1.4}
  .news-board{margin-bottom:16px;padding:12px}
  .news-board-head h2{font-size:18px}
  .news-board-head>div>p:last-child{font-size:11px}
  .news-card{min-height:90px;padding:11px}
  .section-heading{margin-bottom:10px}
  .section-heading h2{font-size:20px}
  .app-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  .app-card,.graphic-featured{grid-column:span 1;min-height:122px;padding:10px;border-radius:13px}
  .app-card .icon{width:32px;height:32px;border-radius:9px;font-size:10px}
  .number{top:11px;right:10px;font-size:9px}
  .feature-badge{display:none}
  .app-card small{margin-top:7px;font-size:7px}
  .app-card h3,.graphic-featured h3{margin:3px 0;font-size:14px;line-height:1.25}
  .app-card p{display:none}
  .app-card b{padding-top:6px;font-size:9px}
}