
.hub-hero{padding:66px 0 48px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fcfbf8,#f6f7f5)}
.hub-breadcrumb{font-size:12px;color:#71808d;margin-bottom:20px}.hub-breadcrumb a{color:var(--navy)}
.hub-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(40px,6vw,70px);line-height:1;letter-spacing:-.035em;margin:10px 0 18px;color:var(--ink)}
.hub-hero p{font-size:18px;color:var(--ink-soft);max-width:820px;margin:0}.hub-kicker{font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}
.hub-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.hub-actions a{border:1px solid var(--line-strong);background:white;padding:10px 14px;border-radius:999px;font-size:12px;color:var(--navy)}
.hub-section{padding:58px 0;border-bottom:1px solid var(--line)}.hub-section.alt{background:#f6f7f5}.hub-section h2{font-family:var(--serif);font-weight:500;font-size:clamp(28px,4vw,44px);letter-spacing:-.025em;margin:0 0 10px}.hub-section .intro{color:var(--ink-soft);max-width:780px;margin:0 0 26px}
.hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.hub-card{display:block;border:1px solid var(--line);background:white;border-radius:14px;padding:22px;min-height:148px;transition:.18s}.hub-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(32,50,70,.06)}.hub-card .label{display:block;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:10px}.hub-card strong{display:block;font-family:var(--serif);font-size:23px;font-weight:500;line-height:1.12;margin-bottom:8px}.hub-card small,.hub-card p{color:#6c7985;line-height:1.5;margin:0}.hub-card .status{display:inline-flex;margin-top:14px;padding:4px 8px;border-radius:999px;background:#eef2f5;color:#526c84;font-size:10px;font-weight:800}
.topic-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.topic-list a{display:flex;justify-content:space-between;gap:16px;border:1px solid var(--line);background:#fcfcfb;border-radius:12px;padding:15px 16px}.topic-list a span{font-weight:700}.topic-list a small{color:#7a8691}
.hub-note{margin-top:26px;border-left:3px solid var(--accent);background:#f4f6f6;padding:16px 18px;color:#5b6976;font-size:13px;line-height:1.6}
.specialty-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.specialty-tabs a{padding:9px 12px;border:1px solid var(--line-strong);border-radius:8px;background:white;font-size:12px}.specialty-tabs a:hover{background:#f1f3f3}
.soon-strip{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;border:1px solid var(--line);background:#f8f8f6;border-radius:12px;padding:16px 18px;margin-top:24px}.soon-strip b{font-family:var(--serif);font-weight:500;font-size:20px}.soon-strip span{font-size:12px;color:#71808d}
@media(max-width:1050px){.site-header .header-inner:not(:has(.menu-toggle)){flex-wrap:wrap;padding-block:12px}.site-header .header-inner:not(:has(.menu-toggle)) .main-nav{display:flex!important;position:static!important;order:3;width:100%;overflow-x:auto;gap:18px;padding:4px 0 2px;white-space:nowrap;background:transparent!important;border:0!important;box-shadow:none!important}.site-header .header-inner:not(:has(.menu-toggle)) .main-nav a{padding:7px 0!important}.site-header .header-inner:not(:has(.menu-toggle)) .premium-link{margin-left:auto}}
@media(max-width:900px){.hub-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.hub-hero{padding:44px 0 34px}.hub-grid,.topic-list{grid-template-columns:1fr}.hub-section{padding:42px 0}.soon-strip{grid-template-columns:1fr}.site-header .header-inner:not(:has(.menu-toggle)) .brand span{font-size:18px}.site-header .header-inner:not(:has(.menu-toggle)) .premium-link{font-size:10px;padding:8px 10px}}
