.p1-hub{box-sizing:border-box;margin:30px auto;max-width:1160px;padding:28px;background:#152c35;color:#edf6f9;border:1px solid #4d6770;border-radius:16px;font-family:system-ui,"Noto Sans SC",sans-serif;line-height:1.6}
.p1-hub *{box-sizing:border-box}.p1-hub header small{color:#92d4c8}.p1-hub h2{font-size:clamp(22px,3vw,32px);margin:8px 0}.p1-hub h3{font-size:16px}.p1-hub header p{color:#d0e5e7;font-size:14px;max-width:850px}
.p1-hub-selectors{margin:20px 0}.p1-hub label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.p1-hub select{color:#fff;background:#234754;padding:10px 12px;border:1px solid #80a7ac;border-radius:8px;font-size:14px}
.p1-hub [data-p1-status]{font-size:13px;color:#bcdbdb}.p1-hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.p1-hub-card{padding:13px;background:#214250;border-radius:10px;border:1px solid #456a7a;display:grid;gap:7px;text-decoration:none!important;color:#f4fcff!important}
.p1-hub-card strong{font-size:14px;overflow-wrap:anywhere}.p1-hub-card small,.p1-hub-card span{font-size:12px;color:#bcd8e2}
.p1-hub-index{margin-top:22px;border-top:1px solid #44636d;padding-top:12px}.p1-hub-index>div{display:flex;gap:8px;flex-wrap:wrap}.p1-hub-index a{padding:8px 10px;border:1px solid #547783;border-radius:9px;text-decoration:none!important;color:#e7fafa!important;font-size:13px}.p1-hub-index small{color:#c1d6d6}
@media(max-width:820px){.p1-hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.p1-hub{padding:17px;margin:18px 13px}}@media(max-width:440px){.p1-hub-grid{grid-template-columns:1fr}}