.hkw-rules{min-width:0}.hkw-rules-heading{color:#0a477e;font-size:1.35rem;margin:0 0 18px}.hkw-rules-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hkw-rules-group,.hkw-rules-documents{background:#fff;border:1px solid #dce7f3;border-radius:17px;padding:18px;box-shadow:0 6px 24px #103b6910}.hkw-rules-group h3{color:#124b7f;font-size:1.06rem;margin:0 0 14px}.hkw-rules-picture{margin:0 0 14px}.hkw-rules-picture:last-child{margin-bottom:0}.hkw-rules-picture a{display:block;border-radius:12px;overflow:hidden;background:#f0f5fa}.hkw-rules-picture img{display:block;width:100%;height:auto;object-fit:contain}.hkw-rules-picture figcaption{font-size:.9rem;text-align:center;padding-top:8px;color:#344d67}.hkw-rules-empty{color:#75869b;font-size:.9rem}.hkw-rules-documents{margin-top:23px}.hkw-rules-documents ul{list-style:none;padding:0;margin:0}.hkw-rules-documents li{display:flex;align-items:center;gap:13px;border-top:1px solid #edf1f6;padding:15px 0}.hkw-rules-documents li div{flex:1;min-width:0}.hkw-rules-documents li strong{display:block;color:#173f68;overflow-wrap:anywhere}.hkw-rules-documents li small{display:block;color:#677c92}.hkw-rules-documents li a{color:#075db0;font-weight:700;white-space:nowrap}.hkw-rules-documents li a:hover{text-decoration:underline}@media(max-width:720px){.hkw-rules-grid{grid-template-columns:1fr}.hkw-rules-documents li{flex-wrap:wrap}.hkw-rules-documents li a{margin-left:33px}}
/* Student hair regulations: three independent columns; uniform remains two. */
.hkw-rules-hair-heading{margin-top:26px}
.hkw-rules-hair-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hkw-rules-hair-grid .hkw-rules-group{padding:14px}
.hkw-rules-hair-grid .hkw-rules-group h3{font-size:.98rem}
.hkw-rules-picture a:focus-visible{outline:3px solid #d6aa3d;outline-offset:3px}
.hkw-rules-modal{position:fixed;inset:0;width:min(1040px,calc(100vw - 32px));max-width:1040px;max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #bcd5ed;border-radius:18px;background:#fff;color:#153b66;box-shadow:0 28px 90px #021c3f80;overflow:hidden}
.hkw-rules-modal::backdrop{background:rgba(3,20,44,.78);backdrop-filter:blur(6px)}
.hkw-rules-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;background:linear-gradient(110deg,#062a53,#1265aa);color:#fff;border-bottom:3px solid #e3ba57}
.hkw-rules-modal-head strong{font-size:1rem;color:#fff}
.hkw-rules-modal-head button{background:rgba(255,255,255,.15);border:1px solid #ffffff55;border-radius:9px;color:#fff;font:inherit;min-width:39px;min-height:38px;cursor:pointer}
.hkw-rules-modal-content{max-height:calc(100dvh - 108px);overflow:auto;padding:12px;text-align:center;background:#f5f9fd}
.hkw-rules-modal-content img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 158px);object-fit:contain;margin:auto;border-radius:8px}
.hkw-rules-modal-content p{color:#365c7e;margin:10px 0 0;line-height:1.5}
@media(max-width:850px){.hkw-rules-hair-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.hkw-rules-hair-grid{grid-template-columns:1fr}.hkw-rules-modal{width:calc(100vw - 14px);max-height:calc(100dvh - 14px)}.hkw-rules-modal-content{max-height:calc(100dvh - 90px)}}