/* Theme hub pages (column categories) — category.php */
.hub-hero{display:grid;grid-template-columns:1fr auto;align-items:center;gap:32px;margin-top:18px;padding:40px 44px;border-radius:20px;background:linear-gradient(120deg,#0b2a55 0%,#0a4fa8 70%,#1f6fd6 100%);color:#fff}
.hub-hero h1{margin:0 0 14px;font-size:clamp(26px,3.4vw,38px);line-height:1.35;color:#fff}
.hub-lead{max-width:720px;margin:0;font-size:15px;line-height:1.9;color:#e3eefc}
.hub-count{display:inline-block;margin:18px 0 0;padding:6px 16px;border-radius:99px;background:#ffffff1f;font-size:13px;color:#fff}
.hub-count b{font-size:18px}
.hub-hero-art{display:grid;place-items:center;width:150px;height:150px;border-radius:50%;background:#fff;box-shadow:0 0 0 12px #ffffff1f}
.hub-hero-art .jsax-icon{width:96px;height:96px}

.hub-overview{margin-top:40px;padding:28px 32px;border:1px solid #d8e3ef;border-left:5px solid #0a5cc7;border-radius:14px;background:#f7fbff}
.hub-overview h2{margin:0 0 10px;font-size:19px;color:#0b2a55}
.hub-overview p{margin:8px 0 0;font-size:15px;line-height:1.9;color:#22364a}

.hub-nav{margin-top:8px}
.hub-nav-title{margin:0 0 12px;font-size:15px;font-weight:800;color:#0b2a55}
.hub-nav ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:0;padding:0;list-style:none}
.hub-nav a{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #d8e3ef;border-radius:12px;background:#fff;color:#0b2a55;font-size:14.5px;font-weight:800;text-decoration:none;transition:border-color .2s,box-shadow .2s,transform .2s}
.hub-nav a:hover{border-color:#9cc3ee;box-shadow:0 8px 20px #0b2a5514;transform:translateY(-2px)}
.hub-nav a small{margin-left:auto;font-size:12px;font-weight:700;color:#3d4f61}
.hub-nav-icon{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#eef5ff}
.hub-nav-icon .jsax-icon{width:28px;height:28px}

.hub-group{scroll-margin-top:110px}

.hub-faq-list{display:grid;gap:10px;max-width:880px}
.hub-faq-list details{border:1px solid #d8e3ef;border-radius:12px;background:#fff;padding:0 20px}
.hub-faq-list summary{cursor:pointer;padding:16px 0;font-size:15.5px;font-weight:800;color:#0b2a55;list-style:none;position:relative;padding-right:28px}
.hub-faq-list summary::-webkit-details-marker{display:none}
.hub-faq-list summary:after{content:"+";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:22px;font-weight:700;color:#0a5cc7}
.hub-faq-list details[open] summary:after{content:"−"}
.hub-faq-list details p{margin:0 0 18px;font-size:14.5px;line-height:1.85;color:#22364a}

.hub-others-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;margin:0;padding:0;list-style:none}
.hub-others-list a{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center;padding:18px 20px;border:1px solid #d8e3ef;border-radius:14px;background:#fff;color:inherit;text-decoration:none;transition:border-color .2s,box-shadow .2s}
.hub-others-list a:hover{border-color:#9cc3ee;box-shadow:0 8px 20px #0b2a5514}
.hub-others-list .hub-nav-icon{grid-row:span 2}
.hub-others-list b{font-size:15.5px;color:#0b2a55}
.hub-others-list span:not(.hub-nav-icon){font-size:13px;line-height:1.7;color:#3d4f61}

@media(max-width:760px){
 .hub-hero{grid-template-columns:1fr;padding:28px 22px;gap:18px}
 .hub-hero-art{display:none}
 .hub-overview{padding:22px 18px}
 .hub-nav ul{grid-template-columns:1fr}
}