/* DHHD Admissions Bulletin v1.1.0 — Admissions Portal */
.dhhd-ab-page,.dhhd-ab-single,.dhhd-ab-page *,.dhhd-ab-single *{box-sizing:border-box}
.dhhd-ab-page,.dhhd-ab-single{--ab-blue:#082E8D;--ab-blue2:#0D4FA3;--ab-dark:#061E61;--ab-red:#E70B1A;--ab-red2:#C90A18;--ab-ink:#183B5B;--ab-muted:#526B83;--ab-line:#CBD8E5;--ab-soft:#F3F7FC;font-family:"Be Vietnam Pro",Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ab-ink);background:#fff}
.dhhd-ab-page a,.dhhd-ab-single a{text-decoration:none}
.dhhd-ab-wrap{width:min(1240px,calc(100% - 36px));margin:auto}

/* ===== ARCHIVE HERO ===== */
.dhhd-ab-portal-hero{padding:62px 0 34px;background:radial-gradient(circle at 88% 10%,rgba(231,11,26,.13),transparent 26%),radial-gradient(circle at 8% 90%,rgba(8,46,141,.09),transparent 24%),linear-gradient(135deg,#E7F1FF 0%,#F7FAFF 56%,#FFF 100%);border-bottom:1px solid var(--ab-line)}
.dhhd-ab-portal-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);gap:44px;align-items:center}
.dhhd-ab-kicker{display:inline-flex;align-items:center;min-height:29px;padding:0 10px;border-radius:999px;background:#FFF0F1;color:var(--ab-red);font-size:9px;font-weight:900;letter-spacing:.09em}
.dhhd-ab-portal-hero h1{max-width:760px;margin:10px 0 11px;color:var(--ab-blue);font-size:50px;line-height:1.07;font-weight:850;letter-spacing:-.045em}
.dhhd-ab-portal-hero p{max-width:760px;margin:0;color:#405A74;font-size:14px;line-height:1.75;font-weight:500}
.dhhd-ab-quick-links{display:flex;gap:6px;flex-wrap:wrap;margin-top:22px}
.dhhd-ab-quick-links a{min-height:37px;display:inline-flex;align-items:center;padding:0 11px;border:1px solid #C9D7E5;border-radius:10px;background:rgba(255,255,255,.78);color:#385775;font-size:9.5px;font-weight:800;transition:.2s}
.dhhd-ab-quick-links a:hover,.dhhd-ab-quick-links a.active{background:var(--ab-blue);border-color:var(--ab-blue);color:#fff;box-shadow:0 7px 18px rgba(8,46,141,.14)}
.dhhd-ab-portal-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dhhd-ab-portal-stats>div{position:relative;min-height:125px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:17px;border-radius:18px;color:#fff;box-shadow:0 13px 30px rgba(8,46,141,.12)}
.dhhd-ab-portal-stats>div:after{content:"";position:absolute;right:-30px;top:-35px;width:115px;height:115px;border-radius:50%;background:rgba(255,255,255,.11)}
.dhhd-ab-portal-stats span,.dhhd-ab-portal-stats small,.dhhd-ab-portal-stats strong{position:relative;z-index:1}
.dhhd-ab-portal-stats span{font-size:9px;font-weight:850;letter-spacing:.04em;text-transform:uppercase}
.dhhd-ab-portal-stats strong{margin-top:8px;font-size:34px;line-height:1;font-weight:850;letter-spacing:-.04em}
.dhhd-ab-portal-stats small{margin-top:5px;color:rgba(255,255,255,.85);font-size:8.5px}
.dhhd-ab-portal-stats .open{background:linear-gradient(135deg,#098B55,#087044)}
.dhhd-ab-portal-stats .closing{background:linear-gradient(135deg,#F29A20,#D67406)}
.dhhd-ab-portal-stats .upcoming{background:linear-gradient(135deg,#2775C7,#0D56A4)}
.dhhd-ab-portal-stats .total{background:linear-gradient(135deg,var(--ab-blue),var(--ab-dark))}

/* ===== ARCHIVE FILTER / RESULTS ===== */
.dhhd-ab-portal-content{padding:30px 0 72px}
.dhhd-ab-filter-shell{position:sticky;top:8px;z-index:28;border:1px solid var(--ab-line);border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 12px 32px rgba(8,46,141,.09);backdrop-filter:blur(10px)}
.admin-bar .dhhd-ab-filter-shell{top:40px}
.dhhd-ab-filter-title{display:flex;justify-content:space-between;align-items:center;padding:12px 14px 0}
.dhhd-ab-filter-title span{display:block;color:var(--ab-red);font-size:8px;font-weight:900;letter-spacing:.08em}
.dhhd-ab-filter-title strong{display:block;margin-top:2px;color:#274967;font-size:12px}
.dhhd-ab-filter-toggle{display:none;border:0;background:#EDF4FD;color:var(--ab-blue);border-radius:9px;min-height:36px;padding:0 10px;font-size:9px;font-weight:850}
.dhhd-ab-filter-modern{display:grid;grid-template-columns:minmax(250px,1.7fr) repeat(4,minmax(120px,.7fr)) auto;gap:8px;padding:11px 14px 14px}
.dhhd-ab-filter-modern label{display:block;margin-bottom:4px;color:#657B91;font-size:8px;font-weight:800}
.dhhd-ab-filter-modern input,.dhhd-ab-filter-modern select{width:100%;height:43px;border:1px solid #C9D6E3;border-radius:9px;background:#fff;color:#314E6B;padding:0 10px;font-size:10px;font-weight:550;outline:none}
.dhhd-ab-filter-modern input:focus,.dhhd-ab-filter-modern select:focus{border-color:var(--ab-blue);box-shadow:0 0 0 3px rgba(8,46,141,.08)}
.dhhd-ab-filter-modern .search>div{display:grid;grid-template-columns:1fr auto}
.dhhd-ab-filter-modern .search input{border-radius:9px 0 0 9px}
.dhhd-ab-filter-modern .search button{border:0;border-radius:0 9px 9px 0;background:var(--ab-blue);color:#fff;padding:0 14px;font-size:9px;font-weight:900;cursor:pointer}
.dhhd-ab-filter-modern .actions{display:flex;gap:5px;align-items:flex-end}
.dhhd-ab-filter-modern .filter-btn,.dhhd-ab-filter-modern .reset{min-height:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;padding:0 12px;font-size:9px;font-weight:900}
.dhhd-ab-filter-modern .filter-btn{border:0;background:var(--ab-red);color:#fff;cursor:pointer}
.dhhd-ab-filter-modern .reset{background:#EDF3F9;color:#526A82}
.dhhd-ab-results-bar{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:34px 0 18px}
.dhhd-ab-results-bar>div:first-child>span{color:var(--ab-red);font-size:9px;font-weight:900;letter-spacing:.08em}
.dhhd-ab-results-bar h2{margin:4px 0;color:var(--ab-blue);font-size:29px;line-height:1.2;font-weight:850}
.dhhd-ab-results-bar p{margin:0;color:var(--ab-muted);font-size:10.5px}
.dhhd-ab-page-info{display:flex;align-items:baseline;gap:4px;padding:10px 12px;border:1px solid #D3DEE8;border-radius:11px;background:#F8FBFE}
.dhhd-ab-page-info strong{color:var(--ab-blue);font-size:21px}
.dhhd-ab-page-info span{color:#708296;font-size:9px}

/* ===== CARD GRID ===== */
.dhhd-ab-grid-portal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.dhhd-ab-card{overflow:hidden;border:1px solid #D2DEE9;border-radius:18px;background:#fff;box-shadow:0 9px 28px rgba(8,46,141,.07);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.dhhd-ab-card:hover{transform:translateY(-5px);border-color:#B9CBE0;box-shadow:0 18px 42px rgba(8,46,141,.14)}
.dhhd-ab-card-image{display:block;position:relative;aspect-ratio:4/5;background:#EEF3F8;overflow:hidden}
.dhhd-ab-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.dhhd-ab-card:hover .dhhd-ab-card-image img{transform:scale(1.025)}
.dhhd-ab-image-empty{width:100%;height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#EAF2FB,#FAFCFE);color:#7B8FA3;font-size:10px;font-weight:900}
.dhhd-ab-status,.dhhd-ab-hot{position:absolute;top:9px;padding:6px 8px;border-radius:999px;color:#fff;font-size:7.5px;font-weight:900;box-shadow:0 5px 14px rgba(0,0,0,.12)}
.dhhd-ab-status{left:9px}.dhhd-ab-hot{right:9px;background:var(--ab-red)}
.dhhd-ab-status.open{background:#16804D}.dhhd-ab-status.closing{background:#DE810F}.dhhd-ab-status.upcoming{background:#3478BD}.dhhd-ab-status.full{background:#7551AD}.dhhd-ab-status.closed{background:#66737E}
.dhhd-ab-card-body{padding:13px}
.dhhd-ab-card-tags{display:flex;gap:5px;flex-wrap:wrap}
.dhhd-ab-card-tags span{padding:4px 7px;border-radius:999px;background:#EAF2FF;color:var(--ab-blue);font-size:7.5px;font-weight:850}
.dhhd-ab-card h2{margin:8px 0 5px;font-size:13.5px;line-height:1.42;font-weight:800}
.dhhd-ab-card h2 a{color:#173F69}
.dhhd-ab-card .school{margin:0;color:#48637D;font-size:9px;font-weight:700}
.dhhd-ab-card-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px;padding-top:9px;border-top:1px solid #E9EEF3;color:#60778D;font-size:8px}
.dhhd-ab-countdown{margin-top:8px;padding:6px 8px;border-radius:8px;background:#FFF1DB;color:#9A5502;font-size:8px;font-weight:850}
.dhhd-ab-more{display:flex;justify-content:space-between;align-items:center;margin-top:10px;color:var(--ab-blue);font-size:9px;font-weight:900}
.dhhd-ab-more span{transition:transform .2s}.dhhd-ab-card:hover .dhhd-ab-more span{transform:translateX(3px)}

/* ===== PAGINATION ===== */
.dhhd-ab-pagination-portal{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding:14px;border:1px solid #D5E0E9;border-radius:15px;background:#F8FBFE}
.dhhd-ab-pagination-portal .summary{color:#667C92;font-size:9px}.dhhd-ab-pagination-portal .summary b{color:var(--ab-blue)}
.dhhd-ab-pagination-portal ul{display:flex;align-items:center;gap:5px;list-style:none;margin:0;padding:0}
.dhhd-ab-pagination-portal a,.dhhd-ab-pagination-portal span.page-numbers{min-width:37px;height:37px;display:grid;place-items:center;padding:0 8px;border:1px solid #D2DDE7;border-radius:9px;background:#fff;color:#45617C;font-size:8.5px;font-weight:800}
.dhhd-ab-pagination-portal .current{background:var(--ab-blue)!important;border-color:var(--ab-blue)!important;color:#fff!important}
.dhhd-ab-pagination-portal a:hover{border-color:var(--ab-blue);color:var(--ab-blue)}

/* ===== EMPTY ===== */
.dhhd-ab-empty-search{text-align:center;padding:48px 20px;border:1px dashed #C6D5E3;border-radius:18px;background:linear-gradient(145deg,#F2F7FC,#FFF)}
.dhhd-ab-empty-search .icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 12px;border-radius:16px;background:var(--ab-blue);color:#fff;font-size:19px;font-weight:900}
.dhhd-ab-empty-search strong{display:block;color:var(--ab-blue);font-size:18px}
.dhhd-ab-empty-search p{max-width:600px;margin:7px auto 14px;color:var(--ab-muted);font-size:10.5px}
.dhhd-ab-empty-search>div:last-child{display:flex;justify-content:center;gap:7px}.dhhd-ab-empty-search a{min-height:41px;display:inline-flex;align-items:center;padding:0 13px;border-radius:9px;background:var(--ab-red);color:#fff;font-size:9px;font-weight:900}.dhhd-ab-empty-search a.outline{background:var(--ab-blue)}

/* ===================== SINGLE DETAIL ===================== */
.dhhd-ab-detail-hero{padding:34px 0 30px;background:radial-gradient(circle at 90% 12%,rgba(231,11,26,.11),transparent 24%),linear-gradient(135deg,#E9F3FF,#FFF);border-bottom:1px solid var(--ab-line)}
.dhhd-ab-breadcrumb{display:flex;gap:6px;align-items:center;overflow:hidden;white-space:nowrap;color:#73869A;font-size:8.5px}.dhhd-ab-breadcrumb a{color:#42617F}.dhhd-ab-breadcrumb b{overflow:hidden;text-overflow:ellipsis}
.dhhd-ab-detail-labels{display:flex;gap:5px;flex-wrap:wrap;margin-top:16px}.dhhd-ab-detail-labels span{padding:6px 9px;border-radius:999px;background:#E7F0FD;color:var(--ab-blue);font-size:7.5px;font-weight:900}.dhhd-ab-detail-labels .status{color:#fff}.dhhd-ab-detail-labels .status.open{background:#16804D}.dhhd-ab-detail-labels .status.closing{background:#DE810F}.dhhd-ab-detail-labels .status.upcoming{background:#3478BD}.dhhd-ab-detail-labels .status.full{background:#7551AD}.dhhd-ab-detail-labels .status.closed{background:#66737E}
.dhhd-ab-detail-hero h1{max-width:1080px;margin:10px 0 6px;color:var(--ab-blue);font-size:39px;line-height:1.16;font-weight:850;letter-spacing:-.035em}
.dhhd-ab-detail-sub{margin:0;color:#587087;font-size:9.5px}
.dhhd-ab-detail-main{padding:28px 0 65px}
.dhhd-ab-detail-grid{display:grid;grid-template-columns:minmax(0,1.6fr) 370px;gap:24px;align-items:start}
.dhhd-ab-detail-mobile-summary{display:none}
.dhhd-ab-urgent{display:flex;gap:9px;align-items:center;margin-bottom:11px;padding:11px 13px;border-radius:10px;background:#FFF0D8;color:#8E4F03;font-size:9.5px}.dhhd-ab-urgent i{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:#E28A13;color:#fff;font-style:normal;font-weight:900}
.dhhd-ab-news-image{margin:0;border:1px solid #CCD9E5;border-radius:18px;overflow:hidden;background:#F0F4F8;box-shadow:0 15px 40px rgba(8,46,141,.10)}.dhhd-ab-news-image img{width:100%;height:auto;display:block}
.dhhd-ab-no-image{min-height:520px;display:grid;place-items:center;border:1px dashed #C5D4E2;border-radius:18px;background:#F0F5F9;color:#7C8EA0}
.dhhd-ab-note{margin-top:14px;padding:16px;border-left:4px solid var(--ab-red);border-radius:10px;background:#FFF5F6}.dhhd-ab-note span{display:block;color:var(--ab-red);font-size:8px;font-weight:900;letter-spacing:.08em}.dhhd-ab-note p{margin:5px 0 0;color:#4D6276;font-size:10px;line-height:1.7}
.dhhd-ab-school-link{display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;margin-top:16px;padding:16px;border:1px solid #CDD9E4;border-radius:15px;background:#fff;box-shadow:0 8px 25px rgba(8,46,141,.05)}
.dhhd-ab-school-link .logo{width:58px;height:58px;display:grid;place-items:center;padding:5px;border:1px solid #DCE5ED;border-radius:12px}.dhhd-ab-school-link .logo img{max-width:100%;max-height:100%;object-fit:contain}
.dhhd-ab-school-link .copy>span{color:var(--ab-red);font-size:7.5px;font-weight:900;letter-spacing:.07em}.dhhd-ab-school-link h2{margin:3px 0;color:var(--ab-blue);font-size:15px}.dhhd-ab-school-link p{margin:0;color:#5A7188;font-size:8.5px;line-height:1.55}
.dhhd-ab-school-link>a{min-height:38px;display:inline-flex;align-items:center;gap:8px;padding:0 11px;border-radius:9px;background:#EAF2FF;color:var(--ab-blue);font-size:8.5px;font-weight:900}.dhhd-ab-school-link>a i{font-style:normal}
.dhhd-ab-school-pending{padding:8px 10px;border-radius:8px;background:#F0F3F6;color:#748493;font-size:8px;font-weight:800}

/* detail sidebar */
.dhhd-ab-detail-sidebar{position:sticky;top:88px;display:grid;gap:12px}
.admin-bar .dhhd-ab-detail-sidebar{top:120px}
.dhhd-ab-detail-summary,.dhhd-ab-consult-card{border:1px solid #CAD7E4;border-radius:17px;background:#fff;box-shadow:0 11px 31px rgba(8,46,141,.08)}
.dhhd-ab-detail-summary{overflow:hidden;padding:19px;border-top:5px solid var(--ab-blue)}
.eyebrow,.dhhd-ab-detail-summary .eyebrow,.dhhd-ab-consult-card .eyebrow{display:block;color:var(--ab-red);font-size:8px;font-weight:900;letter-spacing:.08em}
.dhhd-ab-detail-summary h2,.dhhd-ab-consult-card h2{margin:5px 0 12px;color:var(--ab-blue);font-size:20px;line-height:1.25;font-weight:850}
.dhhd-ab-detail-summary .rows>div{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-top:1px solid #E9EEF3;font-size:8.5px}.dhhd-ab-detail-summary .rows span{color:#61778D}.dhhd-ab-detail-summary .rows b{max-width:62%;color:#2E4B67;text-align:right}.dhhd-ab-detail-summary .status-text.open{color:#16804D}.dhhd-ab-detail-summary .status-text.closing{color:#C56C06}.dhhd-ab-detail-summary .status-text.closed{color:#6D7780}
.dhhd-ab-detail-summary .school-button,.dhhd-ab-copy-link{width:100%;min-height:40px;display:flex;align-items:center;justify-content:space-between;margin-top:9px;border:0;border-radius:9px;padding:0 11px;font-size:8.5px;font-weight:900;cursor:pointer}.dhhd-ab-detail-summary .school-button{background:var(--ab-blue);color:#fff}.dhhd-ab-detail-summary .school-button i{font-style:normal}.dhhd-ab-copy-link{background:#EDF3F9;color:var(--ab-blue)}
.dhhd-ab-consult-card{padding:19px;border-top:5px solid var(--ab-red)}.dhhd-ab-consult-card>p{margin:0 0 12px;color:#4E667D;font-size:9.5px;line-height:1.65}
.dhhd-ab-lead-form .field{margin-top:9px}.dhhd-ab-lead-form label{display:block;margin-bottom:4px;color:#39546F;font-size:8.5px;font-weight:850}.dhhd-ab-lead-form input,.dhhd-ab-lead-form textarea{width:100%;border:1px solid #CAD6E2;border-radius:9px;background:#FFF;color:#314C66;padding:9px 10px;font-size:9.5px;outline:none}.dhhd-ab-lead-form input{min-height:41px}.dhhd-ab-lead-form input:focus,.dhhd-ab-lead-form textarea:focus{border-color:var(--ab-blue);box-shadow:0 0 0 3px rgba(8,46,141,.08)}
.dhhd-ab-lead-form button{width:100%;min-height:45px;display:flex;align-items:center;justify-content:space-between;margin-top:11px;border:0;border-radius:10px;background:var(--ab-red);color:#fff;padding:0 12px;font-size:9px;font-weight:900;box-shadow:0 9px 20px rgba(231,11,26,.16);cursor:pointer}.dhhd-ab-lead-form button i{font-style:normal}.dhhd-ab-lead-form button[disabled]{opacity:.6}.dhhd-ab-form-msg{margin-top:7px;color:#25704C;font-size:8px}.dhhd-ab-form-msg.error{color:#B23B45}
.dhhd-ab-hp{position:absolute!important;left:-10000px!important;opacity:0!important;pointer-events:none!important}
.dhhd-ab-direct{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.dhhd-ab-direct a{min-height:39px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:8.5px;font-weight:900}.dhhd-ab-direct .call{background:var(--ab-blue);color:#fff}.dhhd-ab-direct .zalo{background:#EAF3FF;color:#075EAE}

/* related / CTA */
.dhhd-ab-related-portal{padding:45px 0;background:var(--ab-soft)}.dhhd-ab-related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.dhhd-ab-results-bar .view-all{min-height:40px;display:flex;align-items:center;padding:0 12px;border-radius:9px;background:var(--ab-blue);color:#fff;font-size:8.5px;font-weight:900}
.dhhd-ab-bottom-cta-portal{padding:32px 0;background:radial-gradient(circle at 88% 20%,rgba(231,11,26,.28),transparent 25%),linear-gradient(115deg,var(--ab-blue),var(--ab-dark));border-top:5px solid var(--ab-red)}
.dhhd-ab-bottom-cta-portal>.dhhd-ab-wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}.dhhd-ab-bottom-cta-portal span{color:#C7DDF2;font-size:8px;font-weight:900;letter-spacing:.08em}.dhhd-ab-bottom-cta-portal h2{max-width:760px;margin:4px 0;color:#fff;font-size:23px}.dhhd-ab-bottom-cta-portal p{margin:0;color:#D7E4F0;font-size:9px}.dhhd-ab-bottom-cta-portal>.dhhd-ab-wrap>div:last-child{display:flex;gap:6px}.dhhd-ab-bottom-cta-portal a{min-height:42px;display:flex;align-items:center;padding:0 12px;border-radius:9px;background:var(--ab-red);color:#fff;font-size:8.5px;font-weight:900}.dhhd-ab-bottom-cta-portal a.phone{background:#fff;color:var(--ab-blue)}

/* reveal */
.dhhd-ab-reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease var(--ab-delay,0ms),transform .5s ease var(--ab-delay,0ms)}.dhhd-ab-reveal.is-visible{opacity:1;transform:none}

/* ===== RESPONSIVE ===== */
@media(max-width:1180px){
 .dhhd-ab-portal-hero-grid{grid-template-columns:1fr minmax(360px,.7fr)}
 .dhhd-ab-grid-portal{grid-template-columns:repeat(3,1fr)}
 .dhhd-ab-filter-modern{grid-template-columns:minmax(230px,1.5fr) repeat(2,1fr)}
 .dhhd-ab-filter-modern .actions{align-items:flex-end}
}
@media(max-width:900px){
 .dhhd-ab-portal-hero-grid{grid-template-columns:1fr}
 .dhhd-ab-portal-stats{max-width:650px}
 .dhhd-ab-filter-shell{position:static}
 .dhhd-ab-filter-modern{grid-template-columns:1fr 1fr 1fr}
 .dhhd-ab-grid-portal{grid-template-columns:repeat(2,1fr)}
 .dhhd-ab-detail-grid{grid-template-columns:1fr}
 .dhhd-ab-detail-sidebar{position:static;grid-template-columns:1fr 1fr}
 .dhhd-ab-related-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:767px){
 .dhhd-ab-wrap{width:calc(100% - 24px)}
 .dhhd-ab-portal-hero{padding:40px 0 26px}
 .dhhd-ab-portal-hero h1{font-size:33px}
 .dhhd-ab-portal-hero p{font-size:12px}
 .dhhd-ab-portal-stats{gap:7px}
 .dhhd-ab-portal-stats>div{min-height:100px;padding:13px;border-radius:14px}
 .dhhd-ab-portal-stats strong{font-size:27px}.dhhd-ab-portal-stats span{font-size:7.5px}.dhhd-ab-portal-stats small{font-size:7px}
 .dhhd-ab-quick-links{gap:5px}.dhhd-ab-quick-links a{min-height:34px;font-size:8.5px}
 .dhhd-ab-portal-content{padding-top:18px}
 .dhhd-ab-filter-shell{border-radius:14px}
 .dhhd-ab-filter-title{padding:11px 11px 8px}.dhhd-ab-filter-toggle{display:inline-flex;align-items:center;gap:7px}
 .dhhd-ab-filter-modern{grid-template-columns:1fr 1fr;padding:0 11px 11px;max-height:800px;overflow:hidden;transition:max-height .3s ease,opacity .2s ease}
 .dhhd-ab-filter-modern.is-collapsed{max-height:0;padding-bottom:0;opacity:0;pointer-events:none}
 .dhhd-ab-filter-modern .search,.dhhd-ab-filter-modern .actions{grid-column:1/-1}
 .dhhd-ab-filter-modern label{font-size:7.5px}.dhhd-ab-filter-modern input,.dhhd-ab-filter-modern select{height:41px;font-size:9px}
 .dhhd-ab-filter-modern .filter-btn,.dhhd-ab-filter-modern .reset{flex:1;min-height:41px}
 .dhhd-ab-results-bar{margin:25px 0 14px;align-items:center}.dhhd-ab-results-bar h2{font-size:22px}.dhhd-ab-results-bar p{font-size:9px}.dhhd-ab-page-info{padding:8px}.dhhd-ab-page-info strong{font-size:18px}
 .dhhd-ab-grid-portal{grid-template-columns:repeat(2,1fr);gap:8px}
 .dhhd-ab-card{border-radius:13px}.dhhd-ab-card-body{padding:9px}.dhhd-ab-card h2{font-size:10.5px}.dhhd-ab-card .school{font-size:7.5px}.dhhd-ab-card-meta{font-size:7px}.dhhd-ab-card-tags span{font-size:6.8px}.dhhd-ab-more{font-size:7.8px}
 .dhhd-ab-pagination-portal{display:block;padding:11px}.dhhd-ab-pagination-portal .summary{text-align:center;margin-bottom:8px}.dhhd-ab-pagination-portal ul{justify-content:center;flex-wrap:wrap}.dhhd-ab-pagination-portal a,.dhhd-ab-pagination-portal span.page-numbers{min-width:34px;height:34px;font-size:8px}
 .dhhd-ab-detail-hero{padding:24px 0 20px}.dhhd-ab-detail-hero h1{font-size:27px}.dhhd-ab-detail-sub{font-size:8.5px}
 .dhhd-ab-detail-main{padding:18px 0 48px}.dhhd-ab-detail-grid{gap:14px}
 .dhhd-ab-detail-mobile-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.dhhd-ab-detail-mobile-summary>div{padding:10px;border:1px solid #D4DFE8;border-radius:10px;background:#F8FBFE}.dhhd-ab-detail-mobile-summary span{display:block;color:#72869A;font-size:7px}.dhhd-ab-detail-mobile-summary b{display:block;margin-top:3px;color:#234B72;font-size:9px}
 .dhhd-ab-news-image{border-radius:13px}.dhhd-ab-note{padding:13px}
 .dhhd-ab-school-link{grid-template-columns:auto 1fr;padding:13px}.dhhd-ab-school-link>a,.dhhd-ab-school-pending{grid-column:1/-1;justify-content:center;text-align:center}
 .dhhd-ab-detail-sidebar{grid-template-columns:1fr}.dhhd-ab-detail-summary,.dhhd-ab-consult-card{border-radius:14px}
 .dhhd-ab-related-grid{grid-template-columns:repeat(2,1fr);gap:8px}
 .dhhd-ab-bottom-cta-portal>.dhhd-ab-wrap{display:block}.dhhd-ab-bottom-cta-portal h2{font-size:19px}.dhhd-ab-bottom-cta-portal>.dhhd-ab-wrap>div:last-child{margin-top:13px}.dhhd-ab-bottom-cta-portal a{flex:1;justify-content:center}
}
@media(max-width:520px){
 .dhhd-ab-grid-portal{grid-template-columns:1fr}
 .dhhd-ab-related-grid{grid-template-columns:1fr}
 .dhhd-ab-card{display:grid;grid-template-columns:116px 1fr;align-items:stretch}
 .dhhd-ab-card-image{height:100%;aspect-ratio:auto}
 .dhhd-ab-card h2{font-size:11.5px}
 .dhhd-ab-card .school{font-size:8.5px}
 .dhhd-ab-card-meta{font-size:7.5px}
 .dhhd-ab-card-body{padding:10px}
}
@media(prefers-reduced-motion:reduce){.dhhd-ab-reveal{opacity:1!important;transform:none!important;transition:none!important}}

/* =========================================================
   DHHD Admissions Bulletin v1.1.1 — Readable Typography
   Ưu tiên khả năng đọc trên desktop + mobile.
   ========================================================= */

/* ===== ARCHIVE: general readability ===== */
.dhhd-ab-page{
  font-size:16px!important;
}
.dhhd-ab-kicker{
  font-size:11px!important;
}
.dhhd-ab-portal-hero h1{
  font-size:52px!important;
}
.dhhd-ab-portal-hero p{
  font-size:16px!important;
  line-height:1.75!important;
}
.dhhd-ab-quick-links a{
  min-height:40px!important;
  padding:0 13px!important;
  font-size:11px!important;
}
.dhhd-ab-portal-stats span{
  font-size:10.5px!important;
}
.dhhd-ab-portal-stats strong{
  font-size:38px!important;
}
.dhhd-ab-portal-stats small{
  font-size:10px!important;
}

/* Filter */
.dhhd-ab-filter-title span{
  font-size:10px!important;
}
.dhhd-ab-filter-title strong{
  font-size:14px!important;
}
.dhhd-ab-filter-modern label{
  font-size:10.5px!important;
}
.dhhd-ab-filter-modern input,
.dhhd-ab-filter-modern select{
  height:46px!important;
  font-size:13px!important;
}
.dhhd-ab-filter-modern .search button,
.dhhd-ab-filter-modern .filter-btn,
.dhhd-ab-filter-modern .reset{
  font-size:11px!important;
}

/* Results */
.dhhd-ab-results-bar>div:first-child>span{
  font-size:10.5px!important;
}
.dhhd-ab-results-bar h2{
  font-size:31px!important;
}
.dhhd-ab-results-bar p{
  font-size:13px!important;
  line-height:1.6!important;
}
.dhhd-ab-page-info strong{
  font-size:23px!important;
}
.dhhd-ab-page-info span{
  font-size:11px!important;
}

/* Cards — tăng rõ nhất */
.dhhd-ab-card-tags span{
  padding:5px 8px!important;
  font-size:9.5px!important;
}
.dhhd-ab-card h2{
  font-size:16px!important;
  line-height:1.48!important;
}
.dhhd-ab-card .school{
  font-size:11.5px!important;
  line-height:1.55!important;
}
.dhhd-ab-card-meta{
  font-size:10.5px!important;
  line-height:1.55!important;
}
.dhhd-ab-countdown{
  font-size:10.5px!important;
}
.dhhd-ab-more{
  font-size:11.5px!important;
}
.dhhd-ab-status,
.dhhd-ab-hot{
  font-size:9px!important;
}

/* Pagination */
.dhhd-ab-pagination-portal .summary{
  font-size:11px!important;
}
.dhhd-ab-pagination-portal a,
.dhhd-ab-pagination-portal span.page-numbers{
  min-width:40px!important;
  height:40px!important;
  font-size:10.5px!important;
}

/* Empty state */
.dhhd-ab-empty-search strong{
  font-size:20px!important;
}
.dhhd-ab-empty-search p{
  font-size:13px!important;
  line-height:1.65!important;
}
.dhhd-ab-empty-search a{
  font-size:11px!important;
}

/* ===== SINGLE DETAIL ===== */
.dhhd-ab-single{
  font-size:16px!important;
}
.dhhd-ab-breadcrumb{
  font-size:10.5px!important;
}
.dhhd-ab-detail-labels span{
  font-size:9.5px!important;
}
.dhhd-ab-detail-hero h1{
  font-size:42px!important;
  line-height:1.18!important;
}
.dhhd-ab-detail-sub{
  font-size:11.5px!important;
}
.dhhd-ab-urgent{
  font-size:11.5px!important;
  line-height:1.6!important;
}
.dhhd-ab-note span{
  font-size:9.5px!important;
}
.dhhd-ab-note p{
  font-size:12.5px!important;
  line-height:1.75!important;
}

/* School link */
.dhhd-ab-school-link .copy>span{
  font-size:9px!important;
}
.dhhd-ab-school-link h2{
  font-size:18px!important;
  line-height:1.35!important;
}
.dhhd-ab-school-link p{
  font-size:11.5px!important;
  line-height:1.65!important;
}
.dhhd-ab-school-link>a,
.dhhd-ab-school-pending{
  font-size:10.5px!important;
}

/* Summary + form */
.eyebrow,
.dhhd-ab-detail-summary .eyebrow,
.dhhd-ab-consult-card .eyebrow{
  font-size:9.5px!important;
}
.dhhd-ab-detail-summary h2,
.dhhd-ab-consult-card h2{
  font-size:22px!important;
}
.dhhd-ab-detail-summary .rows>div{
  font-size:11px!important;
  line-height:1.5!important;
}
.dhhd-ab-detail-summary .school-button,
.dhhd-ab-copy-link{
  min-height:43px!important;
  font-size:10.5px!important;
}
.dhhd-ab-consult-card>p{
  font-size:12px!important;
  line-height:1.7!important;
}
.dhhd-ab-lead-form label{
  font-size:10.5px!important;
}
.dhhd-ab-lead-form input,
.dhhd-ab-lead-form textarea{
  font-size:12px!important;
  line-height:1.55!important;
}
.dhhd-ab-lead-form input{
  min-height:44px!important;
}
.dhhd-ab-lead-form button{
  min-height:48px!important;
  font-size:11px!important;
}
.dhhd-ab-form-msg{
  font-size:10px!important;
}
.dhhd-ab-direct a{
  min-height:42px!important;
  font-size:10.5px!important;
}

/* Related / CTA */
.dhhd-ab-results-bar .view-all{
  font-size:10.5px!important;
}
.dhhd-ab-bottom-cta-portal span{
  font-size:9.5px!important;
}
.dhhd-ab-bottom-cta-portal h2{
  font-size:26px!important;
}
.dhhd-ab-bottom-cta-portal p{
  font-size:11.5px!important;
  line-height:1.6!important;
}
.dhhd-ab-bottom-cta-portal a{
  font-size:10.5px!important;
}

/* ===== TABLET ===== */
@media(max-width:900px){
  .dhhd-ab-portal-hero h1{
    font-size:44px!important;
  }
  .dhhd-ab-grid-portal{
    grid-template-columns:repeat(2,1fr)!important;
  }
  .dhhd-ab-card h2{
    font-size:15.5px!important;
  }
  .dhhd-ab-card .school{
    font-size:11px!important;
  }
  .dhhd-ab-card-meta{
    font-size:10px!important;
  }
}

/* ===== MOBILE: không ép 2 cột nữa ===== */
@media(max-width:767px){
  .dhhd-ab-portal-hero h1{
    font-size:34px!important;
  }
  .dhhd-ab-portal-hero p{
    font-size:14px!important;
  }
  .dhhd-ab-kicker{
    font-size:9.5px!important;
  }
  .dhhd-ab-quick-links a{
    min-height:38px!important;
    font-size:10px!important;
  }

  .dhhd-ab-portal-stats span{
    font-size:9px!important;
  }
  .dhhd-ab-portal-stats strong{
    font-size:30px!important;
  }
  .dhhd-ab-portal-stats small{
    font-size:8.5px!important;
  }

  .dhhd-ab-filter-title span{
    font-size:9px!important;
  }
  .dhhd-ab-filter-title strong{
    font-size:13px!important;
  }
  .dhhd-ab-filter-toggle{
    font-size:10px!important;
  }
  .dhhd-ab-filter-modern label{
    font-size:9.5px!important;
  }
  .dhhd-ab-filter-modern input,
  .dhhd-ab-filter-modern select{
    font-size:12px!important;
  }
  .dhhd-ab-filter-modern .filter-btn,
  .dhhd-ab-filter-modern .reset{
    font-size:10.5px!important;
  }

  .dhhd-ab-results-bar h2{
    font-size:24px!important;
  }
  .dhhd-ab-results-bar p{
    font-size:11.5px!important;
  }

  /* Một card / hàng ngang để chữ đủ lớn */
  .dhhd-ab-grid-portal,
  .dhhd-ab-related-grid{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .dhhd-ab-card{
    display:grid!important;
    grid-template-columns:135px minmax(0,1fr)!important;
    align-items:stretch!important;
    border-radius:14px!important;
  }
  .dhhd-ab-card-image{
    height:100%!important;
    min-height:178px!important;
    aspect-ratio:auto!important;
  }
  .dhhd-ab-card-body{
    padding:12px!important;
  }
  .dhhd-ab-card-tags span{
    font-size:8.5px!important;
  }
  .dhhd-ab-card h2{
    margin-top:8px!important;
    font-size:13.5px!important;
    line-height:1.45!important;
  }
  .dhhd-ab-card .school{
    font-size:10.5px!important;
  }
  .dhhd-ab-card-meta{
    font-size:9.5px!important;
  }
  .dhhd-ab-countdown{
    font-size:9.5px!important;
  }
  .dhhd-ab-more{
    font-size:10px!important;
  }
  .dhhd-ab-status,
  .dhhd-ab-hot{
    font-size:8px!important;
  }

  .dhhd-ab-pagination-portal .summary{
    font-size:10.5px!important;
  }
  .dhhd-ab-pagination-portal a,
  .dhhd-ab-pagination-portal span.page-numbers{
    min-width:37px!important;
    height:37px!important;
    font-size:10px!important;
  }

  /* Single */
  .dhhd-ab-detail-hero h1{
    font-size:29px!important;
  }
  .dhhd-ab-breadcrumb{
    font-size:9.5px!important;
  }
  .dhhd-ab-detail-labels span{
    font-size:8.5px!important;
  }
  .dhhd-ab-detail-sub{
    font-size:10.5px!important;
  }
  .dhhd-ab-detail-mobile-summary span{
    font-size:9px!important;
  }
  .dhhd-ab-detail-mobile-summary b{
    font-size:11px!important;
    line-height:1.45!important;
  }
  .dhhd-ab-urgent{
    font-size:10.5px!important;
  }
  .dhhd-ab-note p{
    font-size:11.5px!important;
  }
  .dhhd-ab-school-link h2{
    font-size:16px!important;
  }
  .dhhd-ab-school-link p{
    font-size:10.5px!important;
  }
  .dhhd-ab-detail-summary h2,
  .dhhd-ab-consult-card h2{
    font-size:21px!important;
  }
  .dhhd-ab-detail-summary .rows>div{
    font-size:10.5px!important;
  }
  .dhhd-ab-consult-card>p{
    font-size:11.5px!important;
  }
  .dhhd-ab-lead-form label{
    font-size:10px!important;
  }
  .dhhd-ab-lead-form input,
  .dhhd-ab-lead-form textarea{
    font-size:12px!important;
  }
  .dhhd-ab-lead-form button{
    font-size:10.5px!important;
  }
  .dhhd-ab-direct a{
    font-size:10px!important;
  }
  .dhhd-ab-bottom-cta-portal h2{
    font-size:21px!important;
  }
  .dhhd-ab-bottom-cta-portal p{
    font-size:10.5px!important;
  }
}

@media(max-width:390px){
  .dhhd-ab-card{
    grid-template-columns:112px minmax(0,1fr)!important;
  }
  .dhhd-ab-card-image{
    min-height:160px!important;
  }
  .dhhd-ab-card h2{
    font-size:12.5px!important;
  }
}

/* =========================================================
   DHHD Admissions Bulletin v1.1.2 — Square Archive Thumbnails
   Chỉ ảnh card ở danh sách/related. Ảnh chi tiết giữ nguyên full.
   ========================================================= */

/* Desktop / tablet: ảnh đại diện vuông, crop từ phía trên của bản tin */
.dhhd-ab-grid-portal .dhhd-ab-card-image,
.dhhd-ab-related-grid .dhhd-ab-card-image{
  aspect-ratio:1 / 1!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#eef3f8!important;
}

.dhhd-ab-grid-portal .dhhd-ab-card-image img,
.dhhd-ab-related-grid .dhhd-ab-card-image img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
}

/* Card nhìn gọn hơn */
.dhhd-ab-grid-portal .dhhd-ab-card,
.dhhd-ab-related-grid .dhhd-ab-card{
  align-self:start!important;
}

.dhhd-ab-grid-portal .dhhd-ab-card-body,
.dhhd-ab-related-grid .dhhd-ab-card-body{
  min-height:0!important;
}

/* Mobile: thumbnail vuông bên trái, không kéo dài theo chiều cao card */
@media(max-width:767px){
  .dhhd-ab-grid-portal .dhhd-ab-card,
  .dhhd-ab-related-grid .dhhd-ab-card{
    grid-template-columns:126px minmax(0,1fr)!important;
    align-items:start!important;
  }

  .dhhd-ab-grid-portal .dhhd-ab-card-image,
  .dhhd-ab-related-grid .dhhd-ab-card-image{
    width:126px!important;
    height:126px!important;
    min-height:126px!important;
    aspect-ratio:1 / 1!important;
    align-self:start!important;
  }

  .dhhd-ab-grid-portal .dhhd-ab-card-image img,
  .dhhd-ab-related-grid .dhhd-ab-card-image img{
    object-fit:cover!important;
    object-position:top center!important;
  }
}

/* Điện thoại nhỏ */
@media(max-width:390px){
  .dhhd-ab-grid-portal .dhhd-ab-card,
  .dhhd-ab-related-grid .dhhd-ab-card{
    grid-template-columns:112px minmax(0,1fr)!important;
  }

  .dhhd-ab-grid-portal .dhhd-ab-card-image,
  .dhhd-ab-related-grid .dhhd-ab-card-image{
    width:112px!important;
    height:112px!important;
    min-height:112px!important;
  }
}

/* Ảnh trong trang chi tiết vẫn hiển thị nguyên tờ bản tin */
.dhhd-ab-single .dhhd-ab-news-image{
  aspect-ratio:auto!important;
  height:auto!important;
}
.dhhd-ab-single .dhhd-ab-news-image img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}