.hpa-directory{--hpa-blue:#0064b4;--hpa-cyan:#00a0f0;--hpa-ink:#172033;--hpa-muted:#667085;--hpa-line:#e4e9f0;--hpa-soft:#f6f9fc;--hpa-white:#fff;color:var(--hpa-ink)}
.hpa-directory *{box-sizing:border-box}.hpa-live-test-banner{display:flex;gap:10px;align-items:center;margin:0 0 18px;padding:11px 14px;border-left:4px solid #dba617;background:#fff9e8;border-radius:5px;font-size:.93em}.hpa-live-test-banner strong{color:#7a4d00;letter-spacing:.03em}.hpa-directory-header{margin:0 0 18px}.hpa-directory-header h2{margin:0 0 6px;color:var(--hpa-blue);font-size:clamp(1.35rem,2vw,1.85rem)}.hpa-directory-header p{margin:0;color:var(--hpa-muted)}
.hpa-public-counts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.hpa-public-counts>div{border:1px solid var(--hpa-line);border-radius:12px;padding:18px;text-align:center;background:var(--hpa-white)}.hpa-public-counts strong{display:block;font-size:30px;color:var(--hpa-blue)}.hpa-public-counts span{display:block;color:var(--hpa-muted)}
.hpa-public-filters{margin:16px 0 14px;padding:18px;background:linear-gradient(180deg,#fbfdff,#f6f9fc);border:1px solid var(--hpa-line);border-radius:14px;box-shadow:0 4px 16px rgba(16,45,75,.04)}.hpa-search-line{display:flex;gap:10px}.hpa-search-box{position:relative;display:block;flex:1}.hpa-search-box svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);width:20px;height:20px;fill:#8290a3}.hpa-search-box input{width:100%;min-height:46px;padding:8px 14px 8px 42px;border:1px solid #ccd6e2;border-radius:8px;background:#fff;font-size:1em}.hpa-search-box input:focus,.hpa-public-filters select:focus{outline:2px solid rgba(0,100,180,.18);border-color:var(--hpa-blue)}.hpa-search-button,.hpa-filter-submit{min-height:46px;padding:8px 20px;background:var(--hpa-blue);color:#fff;border:0;border-radius:8px;cursor:pointer;font-weight:700}.hpa-search-button:hover,.hpa-filter-submit:hover{background:#004f91}.hpa-primary-filters,.hpa-advanced-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px}.hpa-public-filters label>span,.hpa-advanced label>span{display:block;margin:0 0 5px;font-size:.84em;font-weight:700;color:#455468}.hpa-public-filters select{width:100%;min-height:42px;padding:6px 10px;border:1px solid #ccd6e2;border-radius:7px;background:#fff}.hpa-public-filters select:disabled{background:#eef1f5;color:#8a94a3;cursor:not-allowed}.hpa-advanced{margin-top:12px;border-top:1px solid var(--hpa-line);padding-top:10px}.hpa-advanced summary{display:inline-flex;cursor:pointer;color:var(--hpa-blue);font-weight:700;font-size:.92em}.hpa-filter-actions{display:flex;gap:10px;align-items:center;margin-top:14px}.hpa-filter-submit{min-height:40px;padding:7px 16px}.hpa-reset{display:inline-flex;align-items:center;min-height:40px;padding:7px 11px;color:var(--hpa-blue);text-decoration:none;font-weight:600}.hpa-reset:hover{text-decoration:underline}
.hpa-level-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 16px}.hpa-level-tabs a{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:11px 13px;border:1px solid var(--hpa-line);border-radius:9px;background:#fff;color:var(--hpa-ink);text-decoration:none}.hpa-level-tabs a:hover{border-color:#b9c9d9}.hpa-level-tabs a.current{border-color:var(--hpa-blue);box-shadow:0 0 0 1px var(--hpa-blue) inset;background:#f3f9fe}.hpa-level-tabs span{font-size:.9em}.hpa-level-tabs strong{color:var(--hpa-blue)}
.hpa-active-filters{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 12px;font-size:.88em}.hpa-active-filters>span{color:var(--hpa-muted)}.hpa-active-filters em{font-style:normal;padding:4px 8px;border-radius:999px;background:#eef6fc;color:#245678}.hpa-result-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:12px 0 14px}.hpa-result-meta{color:var(--hpa-ink)}.hpa-result-range{color:var(--hpa-muted);font-size:.9em}
.hpa-public-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hpa-person-card{display:flex;gap:14px;padding:16px;border:1px solid var(--hpa-line);border-radius:12px;background:#fff;box-shadow:0 2px 8px rgba(16,45,75,.025);transition:border-color .15s,box-shadow .15s,transform .15s}.hpa-person-card:hover{border-color:#c9d7e5;box-shadow:0 5px 16px rgba(16,45,75,.07);transform:translateY(-1px)}.hpa-avatar{width:68px;height:68px;flex:0 0 68px}.hpa-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%;border:1px solid var(--hpa-line)}.hpa-avatar-placeholder{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#e6f3fc,#d8edf9);color:var(--hpa-blue);font-size:1.5rem;font-weight:800;text-transform:uppercase}.hpa-person-main{min-width:0;flex:1}.hpa-card-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.hpa-person-main h3{margin:0 0 7px;color:var(--hpa-blue);font-size:1.08em;line-height:1.3}.hpa-level-badge{flex:0 0 auto;padding:3px 7px;border-radius:999px;font-size:.72em;font-weight:700;background:#eef6fc;color:#245678}.hpa-badge-ma{background:#f4f0ff;color:#6342a5}.hpa-badge-phd{background:#fff1e8;color:#945126}.hpa-person-main p{margin:5px 0;line-height:1.45}.hpa-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:7px}.hpa-tags span{font-size:.8em;background:#f1f5f9;color:#44566c;border-radius:999px;padding:3px 7px}.hpa-person-main details{margin-top:7px;padding-top:5px;border-top:1px dashed #e4e9f0}.hpa-person-main summary{cursor:pointer;font-weight:700;color:#40536a}.hpa-decision{font-size:.88em;color:var(--hpa-muted)}
.hpa-empty{display:flex;flex-direction:column;gap:4px;padding:28px;border:1px dashed #cdd7e2;border-radius:12px;background:#fafcfe;text-align:center}.hpa-empty span{color:var(--hpa-muted)}.hpa-pagination{display:flex;justify-content:center;gap:5px;flex-wrap:wrap;margin:20px 0}.hpa-pagination a,.hpa-pagination span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border:1px solid #dbe2ea;border-radius:7px;text-decoration:none;color:#38516b;background:#fff}.hpa-pagination a:hover{border-color:var(--hpa-blue)}.hpa-pagination a.current{background:var(--hpa-blue);color:#fff;border-color:var(--hpa-blue)}.hpa-pagination .prev,.hpa-pagination .next{font-size:1.25em}
@media(max-width:900px){.hpa-public-list{grid-template-columns:1fr}.hpa-primary-filters,.hpa-advanced-grid{grid-template-columns:1fr 1fr}.hpa-level-tabs{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.hpa-public-counts{grid-template-columns:1fr}.hpa-search-line{flex-direction:column}.hpa-search-button{width:100%}.hpa-primary-filters,.hpa-advanced-grid{grid-template-columns:1fr}.hpa-level-tabs{grid-template-columns:1fr 1fr}.hpa-level-tabs a{padding:9px 10px}.hpa-result-toolbar{align-items:flex-start;flex-direction:column}.hpa-person-card{padding:12px}.hpa-avatar{width:54px;height:54px;flex-basis:54px}.hpa-card-heading{flex-direction:column;gap:2px}.hpa-filter-actions{justify-content:space-between}}

/* 0.2.3 LIVE TEST preview scope */
.hpa-live-test-banner{justify-content:space-between;flex-wrap:wrap;gap:12px 16px}
.hpa-live-test-copy{display:flex;align-items:center;gap:10px;min-width:240px;flex:1}
.hpa-live-test-copy span{color:#5f4b20}
.hpa-preview-switch{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.hpa-preview-switch a{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid #e3ca78;border-radius:7px;background:#fffdf5;color:#6a530e;text-decoration:none;font-size:.84em;font-weight:700}
.hpa-preview-switch a:hover{border-color:#c89d18;background:#fff8dc}
.hpa-preview-switch a.current{background:#8b6500;color:#fff;border-color:#8b6500}
.hpa-directory-header:has(h2:empty){display:none}
.hpa-directory-header p{font-size:.97em}
@media(max-width:650px){.hpa-live-test-copy{align-items:flex-start}.hpa-live-test-copy strong{margin-top:2px}.hpa-preview-switch{width:100%}.hpa-preview-switch a{flex:1;justify-content:center;text-align:center}}

/* 0.2.6 Hồ sơ chi tiết người học / cựu người học */
.hpa-person-link{color:var(--hpa-blue);text-decoration:none}.hpa-person-link:hover{text-decoration:underline}.hpa-card-actions{margin-top:10px;padding-top:8px;border-top:1px solid #edf1f5}.hpa-detail-link{display:inline-flex;align-items:center;gap:5px;color:var(--hpa-blue);font-size:.9em;font-weight:700;text-decoration:none}.hpa-detail-link:hover{text-decoration:underline}.hpa-detail-back{display:inline-flex;align-items:center;margin:0 0 14px;color:var(--hpa-blue);font-weight:700;text-decoration:none}.hpa-detail-back:hover{text-decoration:underline}
.hpa-profile{border:1px solid var(--hpa-line);border-radius:16px;background:#fff;overflow:hidden;box-shadow:0 6px 24px rgba(16,45,75,.06)}.hpa-profile-hero{display:flex;gap:22px;align-items:center;padding:24px;background:linear-gradient(135deg,#f6fbff,#eef6fc);border-bottom:1px solid var(--hpa-line)}.hpa-profile-avatar{width:112px;height:112px;flex:0 0 112px}.hpa-profile-avatar img,.hpa-profile-avatar.hpa-avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 14px rgba(16,45,75,.12)}.hpa-profile-avatar.hpa-avatar-placeholder{display:flex;align-items:center;justify-content:center;font-size:2.4rem}.hpa-profile-heading{min-width:0}.hpa-profile-kicker{margin:0 0 3px;color:var(--hpa-muted);font-size:.84em;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.hpa-profile-heading h2{margin:0 0 9px;color:var(--hpa-blue);font-size:clamp(1.6rem,3vw,2.25rem);line-height:1.15}.hpa-profile-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}.hpa-profile-tags span{padding:4px 9px;border-radius:999px;background:#fff;border:1px solid #dbe7f1;color:#38516b;font-size:.82em;font-weight:700}.hpa-profile-work{margin:6px 0 0;line-height:1.5}.hpa-profile-subtle{margin:5px 0 0;color:var(--hpa-muted)}
.hpa-profile-section{padding:22px 24px}.hpa-section-heading{margin:0 0 14px}.hpa-section-heading h3{margin:0 0 4px;color:#24354a;font-size:1.2em}.hpa-section-heading p{margin:0;color:var(--hpa-muted);font-size:.92em}.hpa-education-timeline{display:grid;gap:14px}.hpa-education-card{position:relative;padding:18px;border:1px solid var(--hpa-line);border-radius:12px;background:#fff}.hpa-education-card:before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:4px;border-radius:0 4px 4px 0;background:var(--hpa-blue)}.hpa-education-ma:before{background:#7657b6}.hpa-education-phd:before{background:#b16a33}.hpa-education-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 0 14px}.hpa-education-card-head h4{margin:7px 0 0;color:#24354a;font-size:1.08em;line-height:1.4}.hpa-education-card-head .hpa-tags{justify-content:flex-end;margin:0}.hpa-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;margin:0}.hpa-detail-field{padding:9px 0;border-top:1px solid #eef2f6}.hpa-detail-field-wide{grid-column:1/-1}.hpa-detail-field dt{margin:0 0 3px;color:var(--hpa-muted);font-size:.8em;font-weight:700}.hpa-detail-field dd{margin:0;color:#24354a;line-height:1.5;overflow-wrap:anywhere}.hpa-decision-box{margin-top:14px;padding:13px 14px;background:#f8fbfe;border:1px solid #e1eaf2;border-radius:9px}.hpa-decision-box>strong{display:block;margin-bottom:5px;color:#40536a;font-size:.9em}.hpa-record-internal,.hpa-internal-panel{margin-top:14px;border:1px dashed #d1dbe5;border-radius:9px;background:#fbfcfd}.hpa-record-internal summary,.hpa-internal-panel summary{cursor:pointer;padding:10px 12px;color:#53677e;font-weight:700}.hpa-record-internal>.hpa-detail-grid,.hpa-internal-panel>.hpa-detail-grid{padding:0 12px 12px}.hpa-internal-panel{margin:0 24px 24px}.hpa-internal-notice{margin:0 12px;padding:10px 12px;border-radius:7px;background:#fff8e7;color:#66501b;font-size:.88em}.hpa-internal-grid{margin-top:6px}
@media(max-width:650px){.hpa-profile-hero{align-items:flex-start;padding:18px;gap:14px}.hpa-profile-avatar{width:76px;height:76px;flex-basis:76px}.hpa-profile-avatar.hpa-avatar-placeholder{font-size:1.8rem}.hpa-profile-section{padding:18px}.hpa-education-card{padding:14px}.hpa-education-card-head{flex-direction:column}.hpa-education-card-head .hpa-tags{justify-content:flex-start}.hpa-detail-grid{grid-template-columns:1fr}.hpa-detail-field-wide{grid-column:auto}.hpa-internal-panel{margin:0 18px 18px}}

/* 0.2.7 — public profile tối giản theo yêu cầu công khai */
.hpa-card-minimal,.hpa-public-minimal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:10px 0 0}.hpa-card-minimal .hpa-detail-field,.hpa-public-minimal-grid .hpa-detail-field{display:flex;flex-direction:column;gap:2px;padding:0;border:0}.hpa-card-minimal dt,.hpa-public-minimal-grid dt{font-size:.78em;color:var(--hpa-muted);font-weight:700}.hpa-card-minimal dd,.hpa-public-minimal-grid dd{margin:0;color:#20364d;font-weight:700}.hpa-public-education-minimal{padding:14px 0;border-top:1px solid var(--hpa-line)}.hpa-public-education-minimal:first-child{border-top:0;padding-top:0}.hpa-person-detail-page:not(.hpa-internal-preview) .hpa-profile-hero{min-height:150px}.hpa-profile-section .hpa-section-heading h3{margin-bottom:0}@media(max-width:650px){.hpa-card-minimal,.hpa-public-minimal-grid{grid-template-columns:1fr}.hpa-public-education-minimal{padding:12px 0}}