/* P258 — Public site mobile presentation + compact Hall of Pride.
   Presentation only; CMS, existing navigation logic, data and reader modal stay intact. */

/* Same award cards on home and the dedicated public awards listing. */
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;align-items:stretch!important
}
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-card.prize-tile,
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-card.prize-tile.featured{
 display:grid!important;grid-template-columns:44px minmax(0,1fr) 15px!important;grid-template-rows:auto!important;grid-auto-rows:auto!important;gap:11px!important;
 align-items:center!important;min-width:0!important;min-height:104px!important;height:auto!important;
 padding:13px!important;margin:0!important;border-radius:15px!important;overflow:hidden!important;
 border:1px solid #dceae4!important;border-left:4px solid var(--p258-tint,#108a66)!important;
 background:#fff!important;color:#1b3d32!important;box-shadow:none!important;cursor:pointer;
 transform:none!important
}
.school-site-body .pride-card.prize-tile:is(:hover,:focus-visible){box-shadow:0 8px 22px rgba(10,66,53,.11)!important;outline:2px solid #a0d8c1;outline-offset:2px}
.school-site-body .pride-card.prize-tile .prize-icon{width:42px;height:42px;border-radius:12px;background:var(--p258-soft,#e5f7f1);color:var(--p258-tint,#108a66);display:grid;place-items:center;font-size:18px}
.school-site-body .pride-card.prize-tile.prize-student{--p258-tint:#396fde;--p258-soft:#eaf1ff}
.school-site-body .pride-card.prize-tile.prize-staff{--p258-tint:#8b56d2;--p258-soft:#f3eaff}
.school-site-body .pride-card.prize-tile.prize-school{--p258-tint:#e59721;--p258-soft:#fff4df}
.school-site-body .pride-card.prize-tile.prize-other{--p258-tint:#db5984;--p258-soft:#fff0f5}
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-card.prize-tile .pride-copy,
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-card.prize-tile.featured .pride-copy{
 display:flex!important;flex-direction:column!important;justify-content:center!important;gap:4px!important;min-width:0!important;padding:0!important;background:none!important
}
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-card.prize-tile .pride-copy h3,
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-card.prize-tile.featured .pride-copy h3{
 display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;
 margin:0!important;font-size:14px!important;line-height:1.5!important;color:#173a2e!important;font-weight:800!important
}
.school-site-body .pride-card.prize-tile .pride-copy .pride-badge{align-self:flex-start!important;display:inline-block!important;border-radius:6px!important;padding:2px 7px!important;margin:0!important;font-size:11px!important;background:var(--p258-soft,#e5f7f1)!important;color:var(--p258-tint,#108a66)!important}
.school-site-body .pride-card.prize-tile .prize-meta{display:flex;flex-wrap:wrap;column-gap:12px;row-gap:2px;color:#667e75;min-width:0;font-size:12px;line-height:1.45}
.school-site-body .pride-card.prize-tile .prize-meta span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.school-site-body .pride-card.prize-tile .prize-meta i{color:var(--p258-tint,#108a66);margin-right:3px}
.school-site-body .pride-card.prize-tile .prize-chevron{color:#a6bbb1;font-size:12px}
.school-site-body :is(.pride-section.p258-home-awards,.p258-awards-list.pride-section) .pride-card.prize-tile .pride-media{display:none!important}
.school-site-body .pride-card.prize-tile [hidden]{display:none!important}
.school-site-body .p258-home-awards .pride-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between!important;gap:8px!important}
.school-site-body .p258-awards-all,.school-site-body .p258-awards-bottom a{
 display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border:1px solid #bddece;
 background:#fff;color:#136a4d;text-decoration:none;font:800 13px Sarabun,Arial,sans-serif;border-radius:10px
}
.school-site-body .p258-awards-bottom{display:flex;justify-content:center;margin-top:15px}
.school-site-body .p258-home-awards .pride-shell{padding:18px!important}

/* Full listing lives at /awards.php, under the exact same header/footer and reader dialog. */
.p258-awards-page{background:#f4f8fb;min-height:55vh;padding:26px 0 55px;color:#183c30}
.p258-breadcrumb{display:flex;align-items:center;gap:9px;font-size:13px;color:#688377;margin-bottom:14px}
.p258-breadcrumb a{color:#137251;text-decoration:none;font-weight:800}
.p258-breadcrumb i{font-size:11px}
.p258-awards-header{border-radius:20px;padding:26px 27px;background:#0b4939;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:14px}
.p258-awards-header span{color:#f2cd69;letter-spacing:.05em;font-size:12px;font-weight:800}
.p258-awards-header h1{margin:6px 0;font-size:clamp(23px,2.7vw,35px);line-height:1.3;color:#fff}
.p258-awards-header p{margin:0;color:#e0efe9;font-size:13px}
.p258-awards-header>strong{flex-shrink:0;background:#fff;color:#15684d;padding:8px 13px;border-radius:12px;font-size:13px}
.p258-awards-filters{display:flex;flex-wrap:wrap;gap:7px;margin:16px 0}
.p258-awards-filters a{display:inline-flex;gap:7px;align-items:center;border-radius:999px;border:1px solid #cfdfd7;background:#fff;padding:9px 12px;text-decoration:none;color:#34584b;font-size:13px;font-weight:800}
.p258-awards-filters a b{background:#e7f2ee;padding:2px 7px;border-radius:999px;font-size:12px}
.p258-awards-filters a.active{background:#107456;color:#fff;border-color:#107456}
.p258-awards-filters a.active b{background:#fff3;color:#fff}
.p258-awards-empty{text-align:center;background:#fff;border-radius:16px;padding:40px;color:#62816f;display:grid;gap:8px;justify-items:center}
.p258-awards-empty>i{font-size:30px;color:#d7a040}.p258-awards-empty a{color:#177b59}
.p258-awards-pager{display:flex;align-items:center;gap:12px;justify-content:center;margin:20px auto}
.p258-awards-pager a{color:#0c6e50;background:#fff;border:1px solid #caddd3;border-radius:9px;padding:8px 12px;text-decoration:none;font-size:13px;font-weight:800}
.p258-awards-pager span{font-size:13px;color:#496558}
.p258-mobile-dock{display:none}

/* Responsive school public site: retain all existing modules and functionality. */
@media(max-width:820px){
 html,body.school-site-body{max-width:100%;overflow-x:clip}
 .school-site-body{padding-bottom:calc(76px + env(safe-area-inset-bottom))!important}
 .school-site-body .site-topbar{display:none!important}
 .school-site-body .site-mainbar{box-shadow:0 2px 14px #122c2610}
 .school-site-body .site-mainbar .site-shell{width:calc(100% - 24px)!important;max-width:none!important}
 .school-site-body .school-brand{min-width:0!important;flex:1!important;max-width:calc(100vw - 145px)}
 .school-site-body .school-brand-copy{min-width:0!important}
 .school-site-body .school-brand-copy strong{font-size:clamp(12px,3.5vw,16px)!important;line-height:1.3!important}
 .school-site-body .school-brand-copy small{display:none!important}
 .school-site-body .school-logo{width:40px!important;height:40px!important;flex:0 0 40px!important}
 .school-site-body .site-login-actions{gap:4px!important;flex-shrink:0}
 .school-site-body .site-nav{max-height:calc(100dvh - 95px)!important;overflow:auto!important;overscroll-behavior:contain}
 .school-site-body .site-shell{width:calc(100% - 24px)!important;max-width:none!important}
 .school-site-body .hero-stage{height:clamp(320px,86vw,520px)!important;min-height:0!important}
 .school-site-body .hero-content{padding:26px 0 18px!important;align-items:center!important}
 .school-site-body .hero-copy{max-width:100%!important}
 .school-site-body .hero-copy h1{font-size:clamp(24px,6.2vw,39px)!important;line-height:1.28!important}
 .school-site-body .hero-copy .hero-desc{display:none!important}
 .school-site-body .hero-copy .hero-motto{font-size:13px!important;line-height:1.45!important}
 .school-site-body .hero-buttons{display:flex!important;gap:8px!important;flex-wrap:wrap!important}
 .school-site-body .hero-buttons .hero-btn{max-width:calc(50% - 5px)!important;min-width:0!important;padding:8px 10px!important;gap:7px!important}
 .school-site-body .hero-buttons .hero-btn small{display:none!important}
 .school-site-body .hero-buttons .hero-btn b{font-size:12px!important}
 .school-site-body .quickdock-live{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important;padding:4px!important}
 .school-site-body .quickdock-live .quickdock-item{min-width:0!important;min-height:74px!important;padding:10px 7px!important;gap:7px!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;text-align:center!important;border:0!important;border-radius:0!important;border-right:1px solid #e3ecea!important;border-bottom:1px solid #e3ecea!important}
 .school-site-body .quickdock-live .quickdock-item>i{font-size:21px!important;min-width:0!important}
 .school-site-body .quickdock-live .quickdock-item span{min-width:0!important}
 .school-site-body .quickdock-live .quickdock-item b{font-size:12px!important;line-height:1.4!important;white-space:normal!important}
 .school-site-body .quickdock-live .quickdock-item small,.school-site-body .quickdock-live .quickdock-item em{display:none!important}
 .school-site-body .stats-grid-live{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
 .school-site-body .stats-grid-live .stat-card{min-width:0!important;padding:12px!important;border-radius:13px!important;gap:9px!important}
 .school-site-body .stats-grid-live .stat-card>span{width:40px!important;height:40px!important;flex:0 0 40px!important}
 .school-site-body .stats-grid-live .stat-card b{font-size:23px!important;line-height:1.1!important}
 .school-site-body .stats-grid-live .stat-card strong{font-size:12px!important}
 .school-site-body .stats-grid-live .stat-card small,.school-site-body .stats-grid-live .stat-open-icon{display:none!important}
 .school-site-body .public-hub-grid{grid-template-columns:minmax(0,1fr)!important}
 .school-site-body .news-module,.school-site-body .calendar-module,.school-site-body .promo-module{min-width:0!important}
 .school-site-body .news-feed{grid-template-columns:minmax(0,1fr)!important;gap:10px!important}
 .school-site-body .news-feed-card,.school-site-body .news-feed-card.is-featured{grid-column:auto!important;min-width:0!important;min-height:0!important;grid-template-columns:112px minmax(0,1fr)!important}
 .school-site-body .news-feed-card.is-featured{grid-template-columns:minmax(0,1fr)!important}
 .school-site-body .news-feed-card.is-featured .news-feed-image{width:100%;min-height:0!important;aspect-ratio:2/1!important}
 .school-site-body .news-feed-card:not(.is-featured) .news-feed-image{min-height:0!important;aspect-ratio:2/1!important}
 .school-site-body .news-feed-image img{width:100%!important;height:100%!important;object-fit:contain!important}
 .school-site-body .news-feed-card.is-featured .news-feed-copy{padding:12px!important}
 .school-site-body .news-feed-copy{padding:10px!important;min-width:0!important}
 .school-site-body .news-feed-copy h3{font-size:14px!important;line-height:1.4!important}
 .school-site-body .news-feed-card:not(.is-featured) .news-feed-copy>p,.school-site-body .news-feed-card:not(.is-featured) .news-feed-foot small{display:none!important}
 .school-site-body .news-feed-copy .news-feed-foot{padding-top:5px!important}
 .school-site-body .news-heading{gap:10px!important;flex-wrap:wrap!important}
 .school-site-body .news-tabs{gap:5px!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:4px}
 .school-site-body .news-tabs button{flex-shrink:0!important;font-size:12px!important}
 .school-site-body .seven-day-calendar{display:flex!important;overflow-x:auto!important;scroll-snap-type:x mandatory}
 .school-site-body .calendar-day{flex-shrink:0!important}
 .school-site-body .pride-head h2{font-size:20px!important}
 .school-site-body .site-showcase-layout{grid-template-columns:minmax(0,1fr)!important}
 .school-site-body :is(.site-section,.hero-section,.quickdock-wrap,.stats-section){scroll-margin-top:80px}
 .school-site-body .p258-mobile-dock{
  position:fixed;z-index:155;left:0;right:0;bottom:0;display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));
  gap:1px;padding:6px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));
  background:#fff;border-top:1px solid #dae5ef;box-shadow:0 -8px 22px #0c35500d
 }
 .school-site-body .p258-mobile-dock-link{min-width:0;min-height:52px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;color:#627d9a;text-decoration:none;background:transparent;border:0;font:600 11px Sarabun,Arial,sans-serif;cursor:pointer;border-radius:10px}
 .school-site-body .p258-mobile-dock-link i{font-size:19px}
 .school-site-body .p258-mobile-dock-link.is-current{color:#0c67bf;background:#f0f6ff;font-weight:800}
 .school-site-body .p258-awards-header{padding:17px;flex-wrap:wrap}
 .school-site-body .p258-awards-page{padding:18px 0 35px}
 .school-site-body .p258-awards-list.pride-section .pride-grid{grid-template-columns:1fr!important}
}
@media(max-width:560px){
 .school-site-body .pride-section.p258-home-awards .pride-grid{grid-template-columns:minmax(0,1fr)!important}
 .school-site-body .pride-section.p258-home-awards .pride-shell{padding:14px!important}
 .school-site-body .pride-card.prize-tile{min-height:95px!important}
 .school-site-body .pride-card.prize-tile .prize-meta{font-size:12px!important}
 .school-site-body .pride-card.prize-tile .prize-icon{width:40px;height:40px}
 .school-site-body .pride-card.prize-tile .pride-copy h3{font-size:14px!important}
 .school-site-body .hero-stage{height:clamp(310px,103vw,410px)!important}
 .school-site-body .hero-copy .hero-eyebrow{font-size:10px!important}
 .school-site-body .hero-copy .hero-place{font-size:13px!important}
 .school-site-body .hero-buttons .hero-btn{max-width:none!important;flex:1 1 140px!important}
 .school-site-body .news-feed-card:not(.is-featured){grid-template-columns:92px minmax(0,1fr)!important}
 .school-site-body .news-feed-card:not(.is-featured) .news-feed-copy{padding:8px 9px!important}
 .school-site-body .news-feed-card:not(.is-featured) .news-feed-copy h3{-webkit-line-clamp:2!important;line-height:1.3!important;font-size:13px!important}
 .school-site-body .stats-grid-live .stat-card{padding:10px!important}
 .school-site-body .stats-grid-live .stat-card b{font-size:20px!important}
 .school-site-body .p258-awards-filters{gap:6px!important}
 .school-site-body .p258-awards-filters a{font-size:12px!important;padding:7px 9px!important}
}
@media(prefers-reduced-motion:reduce){.school-site-body .p258-mobile-dock *{transition:none!important}}