.hl-expert-directory{--navy:#0a2d5a;--blue:#2d6ee1;--gray:#4b505a;--bg:#f5f5fa;--text-secondary:#5b6270;--text-tertiary:#8a90a0;--border:#e4e6ec;--border-strong:#d6d9e0;--surface:#fff}.hl-expert-directory *{box-sizing:border-box;margin:0;padding:0}.hl-expert-directory{color:var(--navy);background:var(--bg);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Malgun Gothic,sans-serif;line-height:1.5}.hl-expert-directory .container{max-width:1040px;margin:0 auto;padding:0 28px}.hl-expert-directory .icon{vertical-align:-.15em;flex-shrink:0;width:1em;height:1em}.hl-expert-directory .nav{background:var(--surface);border-bottom:.5px solid var(--border);z-index:100;justify-content:space-between;align-items:center;padding:16px 28px;display:flex;position:sticky;top:0}.hl-expert-directory .logo{color:var(--navy);font-size:17px;font-weight:700;text-decoration:none}.hl-expert-directory .back-link{color:var(--text-secondary);align-items:center;gap:6px;font-size:13px;text-decoration:none;display:inline-flex}.hl-expert-directory .page-head{padding:40px 0 24px}.hl-expert-directory .page-eyebrow{color:var(--blue);align-items:center;gap:6px;margin-bottom:10px;font-size:12px;font-weight:600;display:flex}.hl-expert-directory .page-title{color:var(--navy);margin-bottom:8px;font-size:26px;font-weight:700}.hl-expert-directory .page-sub{color:var(--text-secondary);margin-bottom:22px;font-size:14px}.hl-expert-directory .search-row{border:.5px solid var(--border-strong);background:#fff;border-radius:12px;align-items:center;gap:8px;max-width:520px;padding:12px 16px;display:flex}.hl-expert-directory .search-row svg{color:var(--text-tertiary);flex-shrink:0}.hl-expert-directory .search-row input{width:100%;color:var(--navy);border:none;outline:none;font-family:inherit;font-size:14px}.hl-expert-directory .filter-bar{flex-wrap:wrap;gap:8px;padding:22px 0;display:flex}.hl-expert-directory .filter-chip{border:.5px solid var(--border-strong);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;transition:background .15s,color .15s,border-color .15s}.hl-expert-directory .filter-chip:hover:not(.active){border-color:var(--blue);color:var(--blue)}.hl-expert-directory .result-count{color:var(--text-tertiary);padding-bottom:16px;font-size:13px}.hl-expert-directory .grid-directory{grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:60px;display:grid}.hl-expert-directory .expert-card{background:var(--surface);border:.5px solid var(--border);text-align:center;border-radius:14px;padding:22px;transition:box-shadow .2s,transform .2s,background .2s,border-color .2s;position:relative}.hl-expert-directory .expert-card:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-3px);box-shadow:0 14px 30px -18px #0a2d5a33}.hl-expert-directory .expert-cred{color:#fff;background:var(--navy);border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700;position:absolute;top:14px;left:14px}.hl-expert-directory .expert-avatar{background:var(--navy);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:20px auto 12px;display:flex}.hl-expert-directory .expert-avatar svg{width:24px;height:24px}.hl-expert-directory .expert-name{color:var(--navy);margin-bottom:4px;font-size:14px;font-weight:600}.hl-expert-directory .expert-card:hover .expert-name{color:#fff}.hl-expert-directory .expert-role{color:var(--text-tertiary);margin-bottom:12px;font-size:12px}.hl-expert-directory .expert-card:hover .expert-role{color:#fff9}.hl-expert-directory .expert-stats-row{color:var(--text-secondary);border-top:.5px solid var(--border);border-bottom:.5px solid var(--border);justify-content:center;gap:14px;margin-bottom:14px;padding:12px 0;font-size:11px;display:flex}.hl-expert-directory .expert-card:hover .expert-stats-row{color:#ffffffa6;border-color:#ffffff26}.hl-expert-directory .expert-tags{flex-wrap:wrap;gap:6px;display:flex;position:absolute;top:14px;right:14px}.hl-expert-directory .expert-tag{color:#fff;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.hl-expert-directory .expert-tag.safety{background:#2d6ee1}.hl-expert-directory .expert-tag.quality{background:#6366f1}.hl-expert-directory .expert-tag.env{background:#16a34a}.hl-expert-directory .expert-tag.esg{background:#d97706}.hl-expert-directory .btn-view{background:var(--blue);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:12px;padding:10px;font-size:13px;font-weight:600;text-decoration:none;display:block}.hl-expert-directory .expert-card:hover .btn-view{color:var(--navy);background:#fff}.hl-expert-directory .disclaimer{color:var(--text-tertiary);text-align:center;padding-bottom:40px;font-size:11px}@media (max-width:768px){.hl-expert-directory .grid-directory{grid-template-columns:1fr}.hl-expert-directory .page-title{font-size:22px}}.hl-expert-directory{--blue-soft:#edf3fe;--navy-deep:#071f3e;--shadow-sm:0 2px 10px #0a2d5a0d;--shadow-md:0 12px 32px #0a2d5a14;--navy:#0a2d5a!important;--blue:#2d6ee1!important;--gray:#4b505a!important;--bg:#f5f5fa!important;--surface:#fff!important;--text-secondary:#4b505a!important;--text-tertiary:#8a909b!important;--border:#e7e9f0!important;--border-strong:#d6dce6!important}html{scroll-behavior:smooth}.hl-expert-directory{word-break:keep-all;-webkit-font-smoothing:antialiased;color:var(--navy)!important;background:#fff!important;font-family:Pretendard,Pretendard Variable,-apple-system,BlinkMacSystemFont,system-ui,Malgun Gothic,sans-serif!important;line-height:1.65!important}.hl-expert-directory .container{width:min(100% - 40px,1040px);padding-left:0!important;padding-right:0!important}.hl-expert-directory .nav{-webkit-backdrop-filter:blur(16px);background:#ffffffe6!important;border-bottom:1px solid #e7e9f0eb!important;padding-top:17px!important;padding-bottom:17px!important}.hl-expert-directory .logo{line-height:1.1;display:inline-block;position:relative;letter-spacing:.02em!important;color:var(--navy)!important;font-family:Pretendard,Pretendard Variable,sans-serif!important;font-size:20px!important;font-weight:900!important}.hl-expert-directory .logo:after{content:"";background:var(--blue);border-radius:999px;width:100%;height:3px;margin-top:5px;display:block}.hl-expert-directory .back-link{transition:color .15s;font-weight:600!important}.hl-expert-directory .back-link:hover{color:var(--blue)!important}.hl-expert-directory .page-head{padding-top:64px!important;padding-bottom:34px!important}.hl-expert-directory .page-eyebrow{letter-spacing:-.01em;color:var(--blue)!important;margin-bottom:12px!important;font-weight:800!important}.hl-expert-directory .page-eyebrow .icon{color:var(--blue)}.hl-expert-directory .page-title{color:var(--navy)!important;letter-spacing:-.035em!important;font-size:32px!important;font-weight:800!important;line-height:1.3!important}.hl-expert-directory .page-sub{font-weight:500;color:var(--gray)!important;font-size:15px!important;line-height:1.75!important}.hl-expert-directory button,.hl-expert-directory a,.hl-expert-directory input,.hl-expert-directory select{font-family:inherit}.hl-expert-directory button,.hl-expert-directory a{transition:background .16s,color .16s,border-color .16s,box-shadow .16s,transform .16s}.hl-expert-directory :focus-visible{outline-offset:3px;outline:3px solid #2d6ee152}@media (max-width:768px){.hl-expert-directory .container{width:min(100% - 32px,1040px)}.hl-expert-directory .nav{padding-left:18px!important;padding-right:18px!important}.hl-expert-directory .page-head{padding-top:44px!important}.hl-expert-directory .page-title{font-size:26px!important}}.hl-expert-directory .search-row{box-shadow:var(--shadow-sm);border:1px solid var(--border)!important;border-radius:16px!important;max-width:560px!important;padding:14px 18px!important}.hl-expert-directory .search-row:focus-within{box-shadow:0 0 0 4px #2d6ee114;border-color:#afc5ed!important}.hl-expert-directory .filter-chip{border:1px solid var(--border)!important;color:var(--gray)!important;background:#fff!important;font-weight:600!important}.hl-expert-directory .filter-chip.active{background:var(--navy)!important;color:#fff!important;border-color:var(--navy)!important}.hl-expert-directory .filter-chip:hover:not(.active){background:var(--blue-soft)!important;color:var(--blue)!important;border-color:#c9d8f6!important}.hl-expert-directory .grid-directory{gap:18px!important;padding-bottom:72px!important}.hl-expert-directory .expert-card{box-shadow:var(--shadow-sm);border:1px solid var(--border)!important;background:#fff!important;border-radius:20px!important;padding:24px!important}.hl-expert-directory .expert-card:hover{box-shadow:var(--shadow-md)!important;background:#fff!important;border-color:#d5deeb!important;transform:translateY(-3px)!important}.hl-expert-directory .expert-avatar{background:var(--blue-soft)!important;color:var(--blue)!important;width:54px!important;height:54px!important}.hl-expert-directory .expert-cred{background:var(--navy)!important}.hl-expert-directory .expert-tag,.hl-expert-directory .expert-tag.safety,.hl-expert-directory .expert-tag.quality,.hl-expert-directory .expert-tag.env,.hl-expert-directory .expert-tag.esg{background:var(--blue-soft)!important;color:var(--blue)!important}.hl-expert-directory .expert-name,.hl-expert-directory .expert-card:hover .expert-name{color:var(--navy)!important;font-size:15px!important;font-weight:700!important}.hl-expert-directory .expert-role,.hl-expert-directory .expert-card:hover .expert-role{color:var(--text-tertiary)!important}.hl-expert-directory .expert-stats-row,.hl-expert-directory .expert-card:hover .expert-stats-row{color:var(--gray)!important;border-color:var(--border)!important}.hl-expert-directory .btn-view,.hl-expert-directory .expert-card:hover .btn-view{background:var(--blue)!important;color:#fff!important;border-radius:12px!important;font-weight:700!important}.hl-expert-directory .btn-view:hover{box-shadow:0 6px 16px #2d6ee133;background:#215ecb!important}.hl-expert-directory .directory-empty{text-align:center;border:.5px solid var(--border);background:var(--surface);color:var(--text-secondary);border-radius:14px;flex-direction:column;align-items:center;gap:10px;margin:24px 0 48px;padding:40px 24px;display:flex}.hl-expert-directory .directory-empty p{color:var(--text);margin:0;font-size:15px;font-weight:600}.hl-expert-directory .directory-empty-sub{max-width:36rem;line-height:1.6;color:var(--text-secondary)!important;font-size:13px!important;font-weight:400!important}.hl-expert-directory .directory-empty .btn-view{width:auto;margin-top:8px;padding:10px 16px;display:inline-flex}.hl-expert-directory .directory-empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:4px;display:flex}.hl-expert-directory .btn-view-secondary{border:1px solid var(--line);color:var(--navy)!important;background:0 0!important}.hl-expert-directory .btn-view-secondary:hover{background:var(--mist,#f3f5fa)!important}