/* STTHAMI Library v1.7.6 — homepage recognition & staff photo UI */
.recognition-section{padding-top:48px;padding-bottom:42px;background:linear-gradient(180deg,#f5f7fa 0%,#fff 100%)}
.recognition-heading{align-items:flex-start;margin-bottom:20px}.recognition-heading h2{font-size:30px;margin:.15em 0}.recognition-heading p{margin:.35em 0 0;max-width:720px}
.recognition-layout{display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);gap:22px;align-items:stretch}
.recognition-panel{background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px;box-shadow:0 9px 28px rgba(10,35,65,.06)}
.recognition-panel-members{border-top:4px solid #3d73bd}.recognition-panel-staff{border-top:4px solid var(--gold)}
.recognition-panel-head{margin-bottom:18px}.recognition-panel-head h3{color:var(--navy);font-size:22px;margin:4px 0}.recognition-panel-head p{color:var(--muted);font-size:13px;margin:0;max-width:680px}
.recognition-kicker{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--gold)}
.recognition-member-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.recognition-staff-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.recognition-card{position:relative;overflow:hidden;border:1px solid #dbe3ec;border-radius:14px;background:#f8fbff;min-width:0}.staff-recognition-card{background:#fffaf0;border-color:#ead8aa}
.recognition-rank{position:absolute;z-index:2;top:10px;left:10px;display:grid;place-items:center;min-width:34px;height:34px;padding:0 8px;border-radius:999px;background:var(--gold);color:#10263f;font-weight:900;font-size:12px;box-shadow:0 3px 10px rgba(0,0,0,.10)}
.recognition-photo{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:#e9eff6}.recognition-photo-placeholder{display:grid;place-items:center;color:#fff;font-size:62px;font-weight:900;background:linear-gradient(145deg,#315f9f,#5d8ad0)}.recognition-photo-placeholder.staff{background:linear-gradient(145deg,#ad8124,#e0bb64)}
.recognition-card-body{padding:13px 13px 15px}.recognition-card-body strong{display:block;color:var(--navy);font-size:15px;line-height:1.25;margin-bottom:6px}.recognition-card-body span{display:block;color:var(--muted);font-size:11px;line-height:1.4}.recognition-card-body b{display:inline-block;margin-top:9px;border-radius:999px;background:#e7f1ff;color:#174f8a;padding:5px 8px;font-size:10px}.staff-recognition-card .recognition-card-body b{background:#fff0c7;color:#7c570b}
.recognition-empty{grid-column:1/-1;border:1px dashed #c9d3df;border-radius:12px;padding:24px;text-align:center;color:var(--muted);background:#fbfcfe;font-size:13px}
.recognition-privacy-note{font-size:11px;color:var(--muted);margin:14px 0 0;text-align:right}
.staff-list-photo{width:48px;height:58px;object-fit:cover;border:1px solid var(--border);border-radius:7px;background:#eef2f6;display:grid;place-items:center;font-size:18px;font-weight:800;color:#52677d}
.recognition-setting-box{border-color:#dfcfaa;background:#fffaf0}
@media(max-width:1000px){.recognition-layout{grid-template-columns:1fr}.recognition-member-grid{grid-template-columns:repeat(3,1fr)}.recognition-staff-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.recognition-section{padding-top:36px}.recognition-panel{padding:16px}.recognition-member-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.recognition-staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.recognition-card-body{padding:10px}.recognition-card-body strong{font-size:12px}.recognition-card-body span{font-size:9px}.recognition-card-body b{font-size:9px}.recognition-rank{top:7px;left:7px;min-width:28px;height:28px;font-size:10px}.recognition-photo-placeholder{font-size:36px}.recognition-privacy-note{text-align:left}}
@media(max-width:440px){.recognition-member-grid{grid-template-columns:1fr}.recognition-staff-grid{grid-template-columns:1fr 1fr}.recognition-photo{aspect-ratio:5/4}.staff-recognition-card .recognition-photo{aspect-ratio:4/5}}