/* Trang danh sách trường Trung Quốc — tách riêng để tránh cache CSS chung. */
.school-directory{background:#f5f2eb;color:#10243e;min-height:100vh}
.directory-hero{position:relative;overflow:hidden;padding:72px clamp(24px,6vw,120px) 78px;border-bottom:1px solid #cfd7df;background:#fbfaf7}
.directory-hero:after{content:"CN";position:absolute;right:5vw;bottom:-.18em;font:500 clamp(150px,22vw,360px)/1 Georgia,serif;color:#e4edff;pointer-events:none}
.new-zealand-directory .directory-hero:after{content:"NZ"}
.directory-hero>*{position:relative;z-index:1}
.directory-hero .country-breadcrumb{display:flex;gap:10px;margin-bottom:50px;color:#64768b;font-size:11px}
.directory-hero .country-breadcrumb b{color:#10243e}.directory-hero .section-kicker{color:#155eef;font-size:10px;font-weight:900;letter-spacing:.16em}
.directory-hero h1{max-width:920px;margin:22px 0 28px;font:500 clamp(58px,7vw,108px)/.9 Georgia,serif;letter-spacing:-.045em;color:#10243e}
.directory-hero h1 em{color:#155eef;font-weight:400}.directory-hero>p{max-width:760px;margin:0 0 30px;color:#5c7088;font-size:17px;line-height:1.75}
.directory-hero .text-link{display:inline-block;border-bottom:1px solid #10243e;padding-bottom:6px;font-size:13px;font-weight:800;color:#10243e}
.directory-tools{position:sticky;top:0;z-index:15;display:grid;grid-template-columns:minmax(280px,2fr) minmax(210px,1fr) 190px;gap:18px;align-items:end;padding:26px clamp(24px,6vw,120px);border-bottom:1px solid #b8c9e0;background:rgba(224,235,255,.96);backdrop-filter:blur(12px)}
.directory-tools label span{display:block;margin-bottom:8px;color:#536a84;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.directory-tools input,.directory-tools select{display:block;width:100%;height:52px;border:1px solid #9eb3ce;border-radius:0;background:#fff;padding:0 16px;color:#10243e;font:500 14px Arial,sans-serif;outline:0}
.directory-tools input:focus,.directory-tools select:focus{border-color:#155eef;box-shadow:0 0 0 2px rgba(21,94,239,.12)}
.directory-count{padding-left:8px}.directory-count strong{display:block;color:#155eef;font:500 40px/1 Georgia,serif}.directory-count span{display:block;margin-top:5px;color:#536a84;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.school-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;padding:58px clamp(24px,6vw,120px);background:#cfd7df}
.school-grid article{display:flex;min-height:330px;flex-direction:column;padding:27px;background:#fbfaf7;transition:transform .2s,background .2s,box-shadow .2s}
.school-grid article:hover{z-index:1;background:#fff;box-shadow:0 18px 45px rgba(16,36,62,.13);transform:translateY(-5px)}
.school-grid article[hidden]{display:none}.school-grid article>div{display:flex;justify-content:space-between;gap:12px;color:#6a7d92;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.school-grid article>div>span{color:#155eef}.school-grid h2{margin:48px 0 8px;font:500 25px/1.13 Georgia,serif;letter-spacing:-.02em;color:#10243e}
.school-grid .school-cn{margin:0 0 22px;color:#253f5e;font-size:18px}.school-grid article>p:last-of-type{margin:0;color:#60748b;font-size:13px}
.school-grid button{align-self:flex-start;margin-top:auto;border:0;border-bottom:1px solid #a7b5c5;background:transparent;padding:8px 0;color:#77889b;font-size:11px;font-weight:700;cursor:not-allowed}
.directory-empty{margin:0;padding:70px 24px;background:#fbfaf7;text-align:center;color:#60748b}
.directory-note{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:82px clamp(24px,6vw,120px);background:#10243e;color:#fff}
.directory-note .section-kicker{color:#8db4ff;font-size:10px;font-weight:900;letter-spacing:.15em}.directory-note h2{margin:22px 0 0;font:500 clamp(38px,4.3vw,65px)/1.05 Georgia,serif;letter-spacing:-.035em}
.directory-note>p{align-self:end;margin:0;color:#bdcad9;font-size:15px;line-height:1.8}
@media(max-width:1050px){.school-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.directory-tools{position:relative;grid-template-columns:1fr 1fr}.directory-count{grid-column:1/-1;padding-left:0}.school-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.directory-note{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.directory-hero{padding:45px 22px 55px}.directory-hero:after{right:-5vw;bottom:0}.directory-hero h1{font-size:56px}.directory-tools{grid-template-columns:1fr;padding:22px}.directory-count{grid-column:auto}.school-grid{grid-template-columns:1fr;padding:28px 22px}.school-grid article{min-height:285px}.directory-note{padding:60px 22px}}

/* ---- New Zealand directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory new-zealand-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho NZ — không sửa bất kỳ rule nào phía trên).
   Bảng màu: xanh lá đậm/teal (#0e6b52) thay cho xanh dương Trung Quốc (#155eef),
   nền be-xanh nhạt (#eef5f1) gợi thiên nhiên, theo đúng tagline NZ trong inc/data.php:
   "Môi trường học tập bằng tiếng Anh, quy mô vừa và gần thiên nhiên." */
.new-zealand-directory{background:#eef5f1}
.new-zealand-directory .directory-hero{background:#f6faf8}
.new-zealand-directory .directory-hero:after{color:#dcefe6}
.new-zealand-directory .directory-hero .section-kicker{color:#0e6b52}
.new-zealand-directory .directory-hero h1 em{color:#0e6b52}
.new-zealand-directory .directory-hero .text-link{border-bottom-color:#10243e}
.new-zealand-directory .directory-tools{background:rgba(224,245,235,.96);border-bottom-color:#b7d9ca}
.new-zealand-directory .directory-tools input:focus,
.new-zealand-directory .directory-tools select:focus{border-color:#0e6b52;box-shadow:0 0 0 2px rgba(14,107,82,.14)}
.new-zealand-directory .directory-count strong{color:#0e6b52}
.new-zealand-directory .school-grid{background:#cfe0d7}
.new-zealand-directory .school-grid article>div>span{color:#0e6b52}
.new-zealand-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(14,60,45,.13)}
.new-zealand-directory .school-grid button{cursor:pointer}
.new-zealand-directory .directory-note{background:#0e2b23}
.new-zealand-directory .directory-note .section-kicker{color:#7fd9b8}

/* ---- Australia directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory australia-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Úc — không sửa bất kỳ rule nào phía trên).
   Bảng màu: đất nung/terracotta (#a1541f) làm accent phụ, nền cát ấm nhạt (#faf3ea) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef) và xanh lá New Zealand (#0e6b52),
   vẫn giữ nền trắng/mực than chủ đạo của hệ thống thiết kế trang chủ. */
.australia-directory{background:#faf3ea}
.australia-directory .directory-hero{background:#fdf9f4}
.australia-directory .directory-hero:after{content:"AU";color:#f1e0cd}
.australia-directory .directory-hero .section-kicker{color:#a1541f}
.australia-directory .directory-hero h1 em{color:#a1541f}
.australia-directory .directory-hero .text-link{border-bottom-color:#10243e}
.australia-directory .directory-tools{background:rgba(250,238,222,.96);border-bottom-color:#e3c9a8}
.australia-directory .directory-tools input:focus,
.australia-directory .directory-tools select:focus{border-color:#a1541f;box-shadow:0 0 0 2px rgba(161,84,31,.14)}
.australia-directory .directory-count strong{color:#a1541f}
.australia-directory .school-grid{background:#e6d3ba}
.australia-directory .school-grid article>div>span{color:#a1541f}
.australia-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(90,50,15,.13)}
.australia-directory .school-grid button{cursor:pointer}
.australia-directory .directory-note{background:#2b1d10}
.australia-directory .directory-note .section-kicker{color:#e8b989}

/* Theme riêng cho trang danh sách trường Hoa Kỳ.
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory usa-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Hoa Kỳ — không sửa bất kỳ rule nào phía trên).
   Bảng màu: đỏ boóc-đô (#9c2b2b) làm accent, nền ngà ấm nhạt (#fbeeee) — tách biệt
   khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52) và đất nung Úc
   (#a1541f), vẫn giữ nền trắng/mực than chủ đạo của hệ thống thiết kế trang chủ. */
.usa-directory{background:#fbeeee}
.usa-directory .directory-hero{background:#fdf6f6}
.usa-directory .directory-hero:after{content:"US";color:#f0d4d4}
.usa-directory .directory-hero .section-kicker{color:#9c2b2b}
.usa-directory .directory-hero h1 em{color:#9c2b2b}
.usa-directory .directory-hero .text-link{border-bottom-color:#10243e}
.usa-directory .directory-tools{background:rgba(250,232,232,.96);border-bottom-color:#e3b3b3}
.usa-directory .directory-tools input:focus,
.usa-directory .directory-tools select:focus{border-color:#9c2b2b;box-shadow:0 0 0 2px rgba(156,43,43,.14)}
.usa-directory .directory-count strong{color:#9c2b2b}
.usa-directory .school-grid{background:#e9c9c9}
.usa-directory .school-grid article>div>span{color:#9c2b2b}
.usa-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(90,15,15,.13)}
.usa-directory .school-grid button{cursor:pointer}
.usa-directory .directory-note{background:#2b1010}
.usa-directory .directory-note .section-kicker{color:#e8a5a5}

/* Theme riêng cho trang danh sách cơ sở đào tạo Nhật Bản.
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory japan-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Nhật Bản — không sửa bất kỳ rule nào phía trên).
   Bảng màu: đỏ chu sa (shu-iro, #b8432f) làm accent nhẹ, nền ngà ấm (#faf2ec) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52),
   đất nung Úc (#a1541f) và đỏ boóc-đô Hoa Kỳ (#9c2b2b). Chỉ dùng làm màu điểm
   nhấn (chữ/viền), KHÔNG vẽ hình tròn đỏ trên nền trắng hay bất kỳ mô-típ nào
   mô phỏng quốc kỳ Nhật Bản. */
.japan-directory{background:#faf2ec}
.japan-directory .directory-hero{background:#fdf8f5}
.japan-directory .directory-hero:after{content:"JP";color:#f0ddd3}
.japan-directory .directory-hero .section-kicker{color:#b8432f}
.japan-directory .directory-hero h1 em{color:#b8432f}
.japan-directory .directory-hero .text-link{border-bottom-color:#10243e}
.japan-directory .directory-tools{background:rgba(250,238,229,.96);border-bottom-color:#e3c3b3}
.japan-directory .directory-tools input:focus,
.japan-directory .directory-tools select:focus{border-color:#b8432f;box-shadow:0 0 0 2px rgba(184,67,47,.14)}
.japan-directory .directory-count strong{color:#b8432f}
.japan-directory .school-grid{background:#e6d0c4}
.japan-directory .school-grid article>div>span{color:#b8432f}
.japan-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(90,35,15,.13)}
.japan-directory .school-grid button{cursor:pointer}
.japan-directory .directory-note{background:#2b1712}
.japan-directory .directory-note .section-kicker{color:#e8a58f}

/* Theme riêng cho trang danh sách cơ sở đào tạo Hàn Quốc.
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory korea-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Hàn Quốc — không sửa bất kỳ rule nào phía trên).
   Bảng màu: chàm tím (indigo, #4a3f8f) làm accent, nền ngà tím nhạt (#f3f0f9) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52),
   đất nung Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b) và đỏ chu sa Nhật Bản
   (#b8432f). Không dùng mô-típ thái cực (taegeuk) hay bất kỳ hình ảnh nào mô
   phỏng quốc kỳ Hàn Quốc.
   Trang Hàn Quốc có nhiều bộ lọc hơn các thị trường khác (tên, khu vực, loại
   hình, bậc học, ngôn ngữ, nhóm ngành, checkbox có cơ sở tiếng Hàn) — ghi đè
   .directory-tools sang lưới auto-fit CHỈ trong phạm vi .korea-directory để
   không phá bố cục 3 cột của các trang khác (đúng như bài học từ lỗi từng gặp
   ở trang Úc: bảng/lưới không được vỡ hoặc chồng chữ trên di động). */
.korea-directory{background:#f3f0f9}
.korea-directory .directory-hero{background:#f8f6fb}
.korea-directory .directory-hero:after{content:"KR";color:#ded8ef}
.korea-directory .directory-hero .section-kicker{color:#4a3f8f}
.korea-directory .directory-hero h1 em{color:#4a3f8f}
.korea-directory .directory-hero .text-link{border-bottom-color:#10243e}
.korea-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(237,233,248,.96);border-bottom-color:#c9c0e6}
.korea-directory .directory-tools input:focus,
.korea-directory .directory-tools select:focus{border-color:#4a3f8f;box-shadow:0 0 0 2px rgba(74,63,143,.14)}
.korea-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.korea-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.korea-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.korea-directory .directory-count strong{color:#4a3f8f}
.korea-directory .school-grid{background:#ded4ee}
.korea-directory .school-grid article>div>span{color:#4a3f8f}
.korea-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(50,35,90,.13)}
.korea-directory .school-grid button{cursor:pointer}
.korea-directory .school-grid .directory-tags{margin:0 0 10px;color:#4a3f8f;font-size:11px;font-weight:700;letter-spacing:.03em}
.korea-directory .directory-note{background:#211c3a}
.korea-directory .directory-note .section-kicker{color:#b3a4e8}
@media(max-width:820px){.korea-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.korea-directory .directory-tools{grid-template-columns:1fr}}

/* ---- Singapore directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory singapore-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Singapore — không sửa bất kỳ rule nào phía trên).
   Bảng màu: xanh ngọc/teal biển (#0f7a86) làm accent, nền be-xanh nhạt (#eef5f4) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52),
   đất nung Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa Nhật Bản (#b8432f)
   và chàm tím Hàn Quốc (#4a3f8f). Không dùng hình ảnh sư tử biển (Merlion) hay mô
   phỏng quốc kỳ Singapore.
   Trang Singapore có 8 bộ lọc (tên, loại cơ sở, khu vực, bậc học, nhóm chương
   trình, ngôn ngữ, checkbox EduTrust, checkbox có trang quốc tế) — nhiều hơn
   lưới 3 cột mặc định — ghi đè .directory-tools sang lưới auto-fit CHỈ trong
   phạm vi .singapore-directory để không phá bố cục của các trang khác. */
.singapore-directory{background:#eef5f4}
.singapore-directory .directory-hero{background:#f6faf9}
.singapore-directory .directory-hero:after{content:"SG";color:#cfe6e3}
.singapore-directory .directory-hero .section-kicker{color:#0f7a86}
.singapore-directory .directory-hero h1 em{color:#0f7a86}
.singapore-directory .directory-hero .text-link{border-bottom-color:#10243e}
.singapore-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(224,241,238,.96);border-bottom-color:#a9d0cb}
.singapore-directory .directory-tools input:focus,
.singapore-directory .directory-tools select:focus{border-color:#0f7a86;box-shadow:0 0 0 2px rgba(15,122,134,.14)}
.singapore-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.singapore-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.singapore-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.singapore-directory .directory-count strong{color:#0f7a86}
.singapore-directory .school-grid{background:#cfe6e3}
.singapore-directory .school-grid article>div>span{color:#0f7a86}
.singapore-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(15,60,60,.13)}
.singapore-directory .school-grid button{cursor:not-allowed}
.singapore-directory .directory-note{background:#0c2e30}
.singapore-directory .directory-note .section-kicker{color:#8fd3cc}
@media(max-width:820px){.singapore-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.singapore-directory .directory-tools{grid-template-columns:1fr}}

/* ---- Canada directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory canada-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Canada — không sửa bất kỳ rule nào phía trên).
   Bảng màu: đỏ phong (maple red, #b5222b) làm accent, nền trắng-xám nhạt (#f6f3f1) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52),
   đất nung Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa Nhật Bản (#b8432f),
   chàm tím Hàn Quốc (#4a3f8f) và xanh ngọc Singapore (#0f7a86). Không dùng hình lá
   phong (maple leaf) hay mô phỏng quốc kỳ Canada. */
.canada-directory{background:#f6f3f1}
.canada-directory .directory-hero{background:#faf8f7}
.canada-directory .directory-hero:after{content:"CA";color:#eccdd0}
.canada-directory .directory-hero .section-kicker{color:#b5222b}
.canada-directory .directory-hero h1 em{color:#b5222b}
.canada-directory .directory-hero .text-link{border-bottom-color:#10243e}
.canada-directory .directory-tools{background:rgba(246,232,233,.96);border-bottom-color:#e2b7ba}
.canada-directory .directory-tools input:focus,
.canada-directory .directory-tools select:focus{border-color:#b5222b;box-shadow:0 0 0 2px rgba(181,34,43,.14)}
.canada-directory .directory-count strong{color:#b5222b}
.canada-directory .school-grid{background:#e2b7ba}
.canada-directory .school-grid article>div>span{color:#b5222b}
.canada-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(80,20,25,.13)}
.canada-directory .school-grid button{cursor:not-allowed}
.canada-directory .directory-note{background:#3a0e11}
.canada-directory .directory-note .section-kicker{color:#e79aa0}

/* ---- Vương quốc Anh directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory vuong-quoc-anh-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Vương quốc Anh — không sửa bất kỳ rule nào phía trên).
   Bảng màu: xanh navy học thuật (Oxford/Cambridge navy, #1c355e) làm accent, nền trắng-xám
   nhạt (#f4f5f8) — tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand
   (#0e6b52), đất nung Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa Nhật Bản
   (#b8432f), chàm tím Hàn Quốc (#4a3f8f), xanh ngọc Singapore (#0f7a86) và đỏ phong
   Canada (#b5222b). Không dùng hình Union Jack hay mô phỏng quốc kỳ UK.
   Có nhiều bộ lọc hơn mặc định (tên, quốc gia cấu thành, thành phố, loại cơ sở, bậc học,
   nhóm chương trình, ngôn ngữ, 2 checkbox) — ghi đè .directory-tools sang lưới auto-fit
   CHỈ trong phạm vi .vuong-quoc-anh-directory để tránh 9 ô lọc bị bó hẹp vào 3 cột mặc định. */
.vuong-quoc-anh-directory{background:#f4f5f8}
.vuong-quoc-anh-directory .directory-hero{background:#fafbfc}
.vuong-quoc-anh-directory .directory-hero:after{content:"UK";color:#c7d0de}
.vuong-quoc-anh-directory .directory-hero .section-kicker{color:#1c355e}
.vuong-quoc-anh-directory .directory-hero h1 em{color:#1c355e}
.vuong-quoc-anh-directory .directory-hero .text-link{border-bottom-color:#10243e}
.vuong-quoc-anh-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(230,234,241,.96);border-bottom-color:#c3ccdb}
.vuong-quoc-anh-directory .directory-tools input:focus,
.vuong-quoc-anh-directory .directory-tools select:focus{border-color:#1c355e;box-shadow:0 0 0 2px rgba(28,53,94,.14)}
.vuong-quoc-anh-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.vuong-quoc-anh-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.vuong-quoc-anh-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.vuong-quoc-anh-directory .directory-count strong{color:#1c355e}
.vuong-quoc-anh-directory .school-grid{background:#c3ccdb}
.vuong-quoc-anh-directory .school-grid article>div>span{color:#1c355e}
.vuong-quoc-anh-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(15,25,45,.13)}
.vuong-quoc-anh-directory .school-grid button{cursor:not-allowed}
.vuong-quoc-anh-directory .directory-note{background:#101d33}
.vuong-quoc-anh-directory .directory-note .section-kicker{color:#9fb2cf}
@media(max-width:820px){.vuong-quoc-anh-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.vuong-quoc-anh-directory .directory-tools{grid-template-columns:1fr}}

/* ---- Đức directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory duc-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Đức — không sửa bất kỳ rule nào phía trên).
   Bảng màu: vàng đồng cổ điển (antique gold, #8a6a1a) làm accent, nền kem ấm (#f7f3ea) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52), đất nung
   Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa Nhật Bản (#b8432f), chàm tím Hàn
   Quốc (#4a3f8f), xanh ngọc Singapore (#0f7a86), đỏ phong Canada (#b5222b) và navy học
   thuật Vương quốc Anh (#1c355e). Không dùng cờ Đức (đen-đỏ-vàng) hay quốc huy.
   Có nhiều bộ lọc hơn mặc định (tên, bang, thành phố, loại cơ sở, công lập/tư thục, bậc
   học, ngôn ngữ, 2 checkbox) — ghi đè .directory-tools sang lưới auto-fit CHỈ trong phạm
   vi .duc-directory để tránh 9 ô lọc bị bó hẹp vào 3 cột mặc định. */
.duc-directory{background:#f7f3ea}
.duc-directory .directory-hero{background:#fbf8f1}
.duc-directory .directory-hero:after{content:"DE";color:#e3d7b0}
.duc-directory .directory-hero .section-kicker{color:#8a6a1a}
.duc-directory .directory-hero h1 em{color:#8a6a1a}
.duc-directory .directory-hero .text-link{border-bottom-color:#10243e}
.duc-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(240,232,209,.96);border-bottom-color:#d9c98f}
.duc-directory .directory-tools input:focus,
.duc-directory .directory-tools select:focus{border-color:#8a6a1a;box-shadow:0 0 0 2px rgba(138,106,26,.14)}
.duc-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.duc-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.duc-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.duc-directory .directory-count strong{color:#8a6a1a}
.duc-directory .school-grid{background:#d9c98f}
.duc-directory .school-grid article>div>span{color:#8a6a1a}
.duc-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(60,45,10,.13)}
.duc-directory .school-grid button{cursor:not-allowed}
.duc-directory .directory-note{background:#2c2308}
.duc-directory .directory-note .section-kicker{color:#d9c98f}
@media(max-width:820px){.duc-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.duc-directory .directory-tools{grid-template-columns:1fr}}

/* ---- Pháp directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory phap-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Pháp — không sửa bất kỳ rule nào phía trên).
   Bảng màu: tím rượu vang/aubergine (#6d2b52) làm accent, nền hồng phấn nhạt (#f7eef2) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52), đất nung
   Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa Nhật Bản (#b8432f), chàm tím Hàn
   Quốc (#4a3f8f), xanh ngọc Singapore (#0f7a86), đỏ phong Canada (#b5222b), navy học thuật
   Vương quốc Anh (#1c355e) và vàng đồng cổ điển Đức (#8a6a1a). Không dùng cờ Pháp (xanh-
   trắng-đỏ) hay quốc huy.
   Có nhiều bộ lọc hơn mặc định (tên, vùng, thành phố, loại cơ sở, công lập/tư thục, nhóm
   ngành, bậc học, ngôn ngữ, 1 checkbox) — ghi đè .directory-tools sang lưới auto-fit CHỈ
   trong phạm vi .phap-directory để tránh 9 ô lọc bị bó hẹp vào 3 cột mặc định. */
.phap-directory{background:#f7eef2}
.phap-directory .directory-hero{background:#fbf5f8}
.phap-directory .directory-hero:after{content:"FR";color:#e1c3d5}
.phap-directory .directory-hero .section-kicker{color:#6d2b52}
.phap-directory .directory-hero h1 em{color:#6d2b52}
.phap-directory .directory-hero .text-link{border-bottom-color:#10243e}
.phap-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(237,222,231,.96);border-bottom-color:#d7b7cb}
.phap-directory .directory-tools input:focus,
.phap-directory .directory-tools select:focus{border-color:#6d2b52;box-shadow:0 0 0 2px rgba(109,43,82,.14)}
.phap-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.phap-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.phap-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.phap-directory .directory-count strong{color:#6d2b52}
.phap-directory .school-grid{background:#d7b7cb}
.phap-directory .school-grid article>div>span{color:#6d2b52}
.phap-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(45,15,32,.13)}
.phap-directory .school-grid button{cursor:not-allowed}
.phap-directory .directory-note{background:#2c1220}
.phap-directory .directory-note .section-kicker{color:#d7b7cb}
@media(max-width:820px){.phap-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.phap-directory .directory-tools{grid-template-columns:1fr}}

/* ---- Hà Lan directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory ha-lan-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Hà Lan — không sửa bất kỳ rule nào phía trên).
   Bảng màu: cam tulip (Dutch orange, #cc6a1e) làm accent, nền kem ấm nhạt (#fdf1e4) —
   tách biệt khỏi xanh dương Trung Quốc (#155eef), xanh lá New Zealand (#0e6b52), đất nung
   Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa Nhật Bản (#b8432f), chàm tím Hàn
   Quốc (#4a3f8f), xanh ngọc Singapore (#0f7a86), đỏ phong Canada (#b5222b), navy học thuật
   Vương quốc Anh (#1c355e), vàng đồng cổ điển Đức (#8a6a1a) và tím rượu vang Pháp
   (#6d2b52). Cam tulip là màu biểu tượng của Hà Lan (Koningsdag, đội tuyển "Oranje") —
   chọn tông cam sáng/bão hòa hơn rõ rệt so với đất nung Úc và đỏ chu sa Nhật Bản để tránh
   nhầm lẫn thị giác. Không dùng cờ Hà Lan (đỏ-trắng-xanh) hay quốc huy.
   Có nhiều bộ lọc hơn mặc định (tên, tỉnh, thành phố, loại cơ sở, hệ WO/HBO/MBO, nhóm
   ngành, ngôn ngữ, 1 checkbox) — ghi đè .directory-tools sang lưới auto-fit CHỈ trong
   phạm vi .ha-lan-directory để tránh 8 ô lọc bị bó hẹp vào 3 cột mặc định. */
.ha-lan-directory{background:#fdf1e4}
.ha-lan-directory .directory-hero{background:#fef8f1}
.ha-lan-directory .directory-hero:after{content:"NL";color:#f0c99a}
.ha-lan-directory .directory-hero .section-kicker{color:#cc6a1e}
.ha-lan-directory .directory-hero h1 em{color:#cc6a1e}
.ha-lan-directory .directory-hero .text-link{border-bottom-color:#10243e}
.ha-lan-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(247,228,205,.96);border-bottom-color:#e8bd8c}
.ha-lan-directory .directory-tools input:focus,
.ha-lan-directory .directory-tools select:focus{border-color:#cc6a1e;box-shadow:0 0 0 2px rgba(204,106,30,.14)}
.ha-lan-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.ha-lan-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.ha-lan-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.ha-lan-directory .directory-count strong{color:#cc6a1e}
.ha-lan-directory .school-grid{background:#e8bd8c}
.ha-lan-directory .school-grid article>div>span{color:#cc6a1e}
.ha-lan-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(60,30,5,.13)}
.ha-lan-directory .school-grid button{cursor:not-allowed}
.ha-lan-directory .directory-note{background:#2e1808}
.ha-lan-directory .directory-note .section-kicker{color:#e8bd8c}
@media(max-width:820px){.ha-lan-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.ha-lan-directory .directory-tools{grid-template-columns:1fr}}

/* ---- Phần Lan directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory phan-lan-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Phần Lan — không sửa bất kỳ rule nào phía trên).
   Bảng màu: xanh cobalt Bắc Âu (Nordic cobalt blue, #1e5fa8) làm accent, nền xanh băng
   nhạt (#eef4fb) — tách biệt khỏi xanh dương Trung Quốc (#155eef, sáng/lạnh hơn), navy
   học thuật Vương quốc Anh (#1c355e, tối/xám hơn nhiều) và chàm tím Hàn Quốc (#4a3f8f,
   ngả tím). Xanh cobalt gợi liên tưởng tới hồ nước và lá cờ Phần Lan mà không sao chép
   trực tiếp màu cờ hay quốc huy. Danh sách các accent khác đã dùng: đất nung Úc
   (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa Nhật Bản (#b8432f), xanh lá New
   Zealand (#0e6b52), xanh ngọc Singapore (#0f7a86), đỏ phong Canada (#b5222b), vàng đồng
   cổ điển Đức (#8a6a1a), tím rượu vang Pháp (#6d2b52), cam tulip Hà Lan (#cc6a1e).
   danh-sach-truong-phan-lan.php có 7 bộ lọc (tên, vùng, thành phố, loại trường, nhóm
   ngành, bậc học, 1 checkbox) — ghi đè .directory-tools sang lưới auto-fit CHỈ trong
   phạm vi .phan-lan-directory để tránh 7 ô lọc bị bó hẹp vào 3 cột mặc định. */
.phan-lan-directory{background:#eef4fb}
.phan-lan-directory .directory-hero{background:#f5f9fd}
.phan-lan-directory .directory-hero:after{content:"FI";color:#a9c6e8}
.phan-lan-directory .directory-hero .section-kicker{color:#1e5fa8}
.phan-lan-directory .directory-hero h1 em{color:#1e5fa8}
.phan-lan-directory .directory-hero .text-link{border-bottom-color:#10243e}
.phan-lan-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(224,236,249,.96);border-bottom-color:#b9d2ec}
.phan-lan-directory .directory-tools input:focus,
.phan-lan-directory .directory-tools select:focus{border-color:#1e5fa8;box-shadow:0 0 0 2px rgba(30,95,168,.14)}
.phan-lan-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.phan-lan-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.phan-lan-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.phan-lan-directory .directory-count strong{color:#1e5fa8}
.phan-lan-directory .school-grid{background:#b9d2ec}
.phan-lan-directory .school-grid article>div>span{color:#1e5fa8}
.phan-lan-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(10,35,60,.13)}
.phan-lan-directory .school-grid button{cursor:not-allowed}
.phan-lan-directory .directory-note{background:#0c2038}
.phan-lan-directory .directory-note .section-kicker{color:#b9d2ec}
@media(max-width:820px){.phan-lan-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.phan-lan-directory .directory-tools{grid-template-columns:1fr}}

/* ---- Đài Loan directory theme ----
   Áp dụng khi bọc toàn trang trong 2 class: class="school-directory dai-loan-directory"
   (giữ nguyên .school-directory để tái sử dụng toàn bộ layout/grid/responsive ở trên,
   chỉ ghi đè màu sắc/accent riêng cho Đài Loan — không sửa bất kỳ rule nào phía trên).
   Bảng màu: xanh ngọc trai Đài Loan (jade teal, #147a6b) làm accent, nền xanh bạc hà nhạt
   (#eaf6f2) — tách biệt khỏi xanh lá New Zealand (#0e6b52, đậm/lục hơn) và xanh ngọc
   Singapore (#0f7a86, ngả xanh dương nhiều hơn). Không dùng cờ Đài Loan (đỏ-lam-trắng)
   hay quốc huy. Danh sách accent khác đã dùng: xanh dương Trung Quốc (#155eef), xanh lá
   New Zealand (#0e6b52), đất nung Úc (#a1541f), đỏ boóc-đô Hoa Kỳ (#9c2b2b), đỏ chu sa
   Nhật Bản (#b8432f), chàm tím Hàn Quốc (#4a3f8f), xanh ngọc Singapore (#0f7a86), đỏ
   phong Canada (#b5222b), navy học thuật Vương quốc Anh (#1c355e), vàng đồng cổ điển
   Đức (#8a6a1a), tím rượu vang Pháp (#6d2b52), cam tulip Hà Lan (#cc6a1e), xanh cobalt
   Bắc Âu Phần Lan (#1e5fa8).
   danh-sach-truong-dai-loan.php có 5 bộ lọc (tên, khu vực, loại trường, loại hình,
   nhóm ngành), không có checkbox — vẫn ghi đè .directory-tools sang lưới auto-fit CHỈ
   trong phạm vi .dai-loan-directory để tránh 5 ô lọc bị bó hẹp vào 3 cột mặc định. */
.dai-loan-directory{background:#eaf6f2}
.dai-loan-directory .directory-hero{background:#f3faf8}
.dai-loan-directory .directory-hero:after{content:"TW";color:#a6d9cd}
.dai-loan-directory .directory-hero .section-kicker{color:#147a6b}
.dai-loan-directory .directory-hero h1 em{color:#147a6b}
.dai-loan-directory .directory-hero .text-link{border-bottom-color:#10243e}
.dai-loan-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));background:rgba(222,242,236,.96);border-bottom-color:#b6e0d5}
.dai-loan-directory .directory-tools input:focus,
.dai-loan-directory .directory-tools select:focus{border-color:#147a6b;box-shadow:0 0 0 2px rgba(20,122,107,.14)}
.dai-loan-directory .directory-checkbox{display:flex;align-items:center;gap:8px;height:52px}
.dai-loan-directory .directory-checkbox input{width:18px;height:18px;flex:none}
.dai-loan-directory .directory-checkbox span{margin:0;color:#3a4a5e;font-size:12px;font-weight:600;letter-spacing:0;text-transform:none}
.dai-loan-directory .directory-count strong{color:#147a6b}
.dai-loan-directory .school-grid{background:#b6e0d5}
.dai-loan-directory .school-grid article>div>span{color:#147a6b}
.dai-loan-directory .school-grid article:hover{box-shadow:0 18px 45px rgba(6,40,33,.13)}
.dai-loan-directory .school-grid button{cursor:not-allowed}
.dai-loan-directory .directory-note{background:#07231d}
.dai-loan-directory .directory-note .section-kicker{color:#b6e0d5}
@media(max-width:820px){.dai-loan-directory .directory-tools{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}
@media(max-width:560px){.dai-loan-directory .directory-tools{grid-template-columns:1fr}}