/* HongikLab compact tool directory */
.hub {padding:34px 0 64px}
.hub-hero {display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 0 29px}
.hub-eyebrow {font-size:10px;color:#d0675c;font-weight:850;letter-spacing:1.2px;margin-bottom:6px}
.hub-hero h1 {font-size:27px;line-height:1.4;font-weight:820;letter-spacing:-1.1px;margin:0}
.hub-hero p {font-size:13px;line-height:1.7;color:#7e899e;margin-top:7px}
.hub-tool-count {border-left:1px solid #dfe5ed;padding-left:25px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;color:#8e9ab0}
.hub-tool-count strong {font-size:31px;line-height:1.1;color:#3e659c;letter-spacing:-1px}
.hub-tool-count span {font-size:9px;letter-spacing:1px;margin-top:5px;font-weight:700}
.hub-directory {margin-top:2px}
.hub-directory-head {display:flex;align-items:baseline;gap:15px;margin-bottom:12px}
.hub-directory-head h2 {font-size:18px;font-weight:820;letter-spacing:-.5px}
.hub-directory-head span {font-size:12px;color:#9aa5b7}
.hub-search-wrap {height:48px;display:flex;align-items:center;position:relative}
.hub-search-wrap input {width:100%;height:100%;border:1px solid #dfe6f0;border-radius:10px;background:#fff;padding:0 86px 0 41px;font-size:13px;color:#304259;outline:none;box-shadow:0 2px 9px rgba(31,48,76,.025)}
.hub-search-wrap input:focus {border-color:#8ba6d4;box-shadow:0 0 0 3px rgba(96,139,203,.1)}
.hub-search-wrap input::placeholder {color:#9da8b7}
.hub-search-icon {position:absolute;left:15px;color:#6983ab;font-size:23px;line-height:1;pointer-events:none}
.hub-search-shortcut {position:absolute;right:14px;font-size:9px;letter-spacing:1px;color:#a3aebf;pointer-events:none}
.hub-filter-row {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:16px 0 14px}
.hub-filters {display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.hub-filter {border:1px solid #e0e7f0;background:#fff;padding:7px 13px;border-radius:7px;color:#728199;font-size:12px;font-weight:750}
.hub-filter span {font-size:10px;opacity:.68;margin-left:3px}
.hub-filter:hover {color:#3f6098;border-color:#bed0e9}
.hub-filter.active {background:#354e7d;border-color:#354e7d;color:#fff}
.hub-result {font-size:11px;color:#97a5b8;white-space:nowrap}
.hub-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.hub-card {display:flex;align-items:center;gap:11px;min-width:0;min-height:113px;padding:16px 14px;background:#fff;border:1px solid #e4e9f0;border-radius:11px;box-shadow:0 3px 15px rgba(31,48,76,.025);transition:border-color .15s,transform .15s,box-shadow .15s}
.hub-card:hover {border-color:#b4c9e6;transform:translateY(-2px);box-shadow:0 6px 20px rgba(31,48,76,.07)}
.hub-card[hidden] {display:none!important}
.hub-card-icon {flex:0 0 36px;width:36px;height:36px;margin-bottom:0;display:grid;place-items:center;font-family:"Noto Sans CJK KR","Yu Gothic",sans-serif;background:#eff3fa;border-radius:9px;color:#5674a8;font-size:20px;line-height:1}
.hub-card:nth-child(3n+2) .hub-card-icon {background:#fff1ee;color:#d16d61}
.hub-card:nth-child(3n+3) .hub-card-icon {background:#eaf5f1;color:#4e8d76}
.hub-card-text {display:block;min-width:0;flex:1}
.hub-card-text strong {display:block;margin-top:0;color:#2b3c56;font-size:14px;font-weight:800;letter-spacing:-.35px;line-height:1.35;overflow-wrap:break-word}
.hub-card-text>span {display:block;color:#8794a7;font-size:11px;line-height:1.55;margin-top:5px;overflow-wrap:break-word}
.hub-card-arrow {align-self:flex-start;color:#a6b5c7;font-size:14px;flex-shrink:0}
.hub-no-results {padding:45px 15px;background:#fff;border:1px solid #e8edf3;text-align:center;border-radius:11px;color:#7d8ba1;font-size:13px}
.hub-no-results[hidden] {display:none}
.hub-story {margin-top:27px;padding:19px 22px}
.hub-story h2 {font-size:17px}
@media(max-width:1020px) {.hub-grid {grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:740px) {.hub-grid {grid-template-columns:repeat(2,minmax(0,1fr))}.hub-tool-count {display:none}.hub-hero {padding-top:13px}.hub-hero h1 {font-size:24px}}
@media(max-width:520px) {.hub {padding:17px 0 38px}.hub-hero {padding:8px 0 22px}.hub-hero h1 {font-size:23px}.hub-hero p {font-size:12px}.hub-directory-head h2 {font-size:17px}.hub-directory-head span {display:none}.hub-search-wrap {height:46px}.hub-filter-row {margin:13px 0}.hub-filter {padding:7px 10px;font-size:11px}.hub-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.hub-card {padding:13px 10px;min-height:118px;align-items:flex-start;gap:7px;flex-direction:column}.hub-card-icon {flex:0 0 31px;width:31px;height:31px;font-size:19px}.hub-card-text strong {font-size:13px}.hub-card-text>span {font-size:10.5px;margin-top:4px}.hub-card-arrow {display:none}.hub-story {margin-top:22px;padding:17px}}