/* Compact choices inside platform directories only. Preserve the gateway cards. */
@media screen {
 #hamad-school-modern .hp-directory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(144px,180px));grid-auto-rows:1fr;gap:12px;justify-content:start;border:0;background:transparent;overflow:visible}
 #hamad-school-modern .hp-directory-list>a{box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;aspect-ratio:1;min-height:144px;min-width:0;width:100%;padding:14px;margin:0;border:1px solid #dccbd2;border-radius:14px;background:#fffdfa;color:#782e49;text-align:center;box-shadow:0 2px 6px #53223908;transform:none;font-size:18px;line-height:1.4}
 #hamad-school-modern .hp-directory-list>a:focus-visible{outline:3px solid #bd8e34;outline-offset:3px}
 #hamad-school-modern .hp-directory-list>a:hover{background:#f4e9ed;border-color:#b98094;transform:none}
 #hamad-school-modern .hp-directory-columns{display:none}
 #hamad-school-modern .hp-directory-list>a::before{content:'▦';font-size:28px;line-height:1}
 #hamad-school-modern .hp-directory-list>a>strong{padding:0;display:block;font-size:18px;line-height:1.4}
 #hamad-school-modern .hp-directory-list>a>span{display:none}
}
@media screen and (max-width:480px){
 #hamad-school-modern .hp-directory-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 #hamad-school-modern .hp-directory-list>a{padding:10px;min-height:140px}
 #hamad-school-modern .hp-directory-list>a>strong{font-size:17px}
}

/* Approved gateway palette: cream, gold and maroon. */
@media screen {
 #hamad-school-modern .hp-directory-list>a{background:linear-gradient(#d5ba84,#d5ba84) right 16px top / 30px 3px no-repeat,linear-gradient(145deg,#fffefa,#ffffff);border-color:#e9e0d8;color:#332a2b;min-height:min-content;padding-bottom:10px;box-shadow:0 5px 14px #5d31400a}
 #hamad-school-modern .hp-directory-list>a:is(:hover,.active,.chosen,[aria-pressed=true],[aria-current=page]){background:linear-gradient(#d5ba84,#d5ba84) right 16px top / 30px 3px no-repeat,linear-gradient(145deg,#fffaf1,#ffffff);border-color:#d5ba84;color:#332a2b}
 #hamad-school-modern .hp-directory-list>a::after{content:'فتح ←';position:static;width:100%;margin-top:auto;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;min-height:28px;padding:3px 10px;border-radius:8px;background:#782e49;color:#fffaf5;font-size:14px;font-weight:600;line-height:1.5;pointer-events:none}
 #hamad-school-modern .hp-directory-list>a:hover::after{background:#501a30}
 #hamad-school-modern .hp-directory-list>a::before{box-sizing:border-box;width:32px;height:32px;padding:5px;border-radius:10px;background:#f4e9ed;color:#782e49;flex-shrink:0}
 #hamad-school-modern .hp-directory-list>a>strong{color:#332a2b}
}