:root{--bhs-green: #006400;--bhs-gold: #ffcc00;--bhs-red: #c41230;--bhs-bg: #fdf6e3}body{background-color:var(--bhs-bg);font-family:Open Sans,sans-serif;margin:0;padding:0}.container{max-width:1280px;margin:0 auto;padding:0 1rem}.missing-header{background-color:var(--bhs-green);box-shadow:0 4px 6px #0000001a;position:sticky;top:0;z-index:50}.header-content{display:flex;align-items:center;justify-content:space-between;flex-direction:column;gap:1rem;padding:1rem 0}@media(min-width:768px){.header-content{flex-direction:row}}.header-title{font-family:Roboto Slab,serif;font-size:1.5rem;font-weight:700;color:var(--bhs-gold);margin:0}@media(min-width:768px){.header-title{font-size:1.875rem}}.header-subtitle{color:#ffffffe6;font-size:.875rem;margin:.25rem 0 0}.btn-back{display:inline-block;padding:.5rem 1rem;background-color:var(--bhs-gold);color:var(--bhs-green);font-weight:700;border-radius:.5rem;text-decoration:none;transition:all .3s;font-size:.875rem}.btn-back:hover{background-color:#ffcc00e6;transform:translateY(-1px)}@media(min-width:768px){.btn-back{font-size:1rem}}.main-content{padding:2rem 0}.search-section{background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:2px solid rgba(0,100,0,.2);padding:1.5rem;margin-bottom:1.5rem}.search-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}@media(min-width:768px){.search-header{flex-direction:row;align-items:center}}.section-title{font-family:Roboto Slab,serif;font-size:1.25rem;font-weight:700;color:var(--bhs-green);margin:0}.section-subtitle{color:#6b7280;font-size:.875rem;margin:.25rem 0 0}.view-label{font-size:.875rem;color:#6b7280}.btn-view{padding:.25rem .75rem;border-radius:.375rem;font-size:.875rem;font-weight:600;border:none;cursor:pointer;background-color:#d1d5db;color:#374151;transition:all .2s}.btn-view:hover{background-color:#9ca3af}.btn-view.active{background-color:var(--bhs-green);color:#fff}.search-input-wrapper{position:relative;width:100%}.search-input{width:100%;padding:.75rem 3rem .75rem 1rem;font-size:1rem;border:2px solid #d1d5db;border-radius:.5rem;outline:none;transition:all .2s;box-sizing:border-box}.search-input:focus{border-color:var(--bhs-green);box-shadow:0 0 0 3px #ffcc0080}.search-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:#9ca3af;pointer-events:none}.search-count{font-size:.75rem;color:#6b7280;margin:.5rem 0 0;text-align:center}.alphabet-section{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a;border:2px solid rgba(0,100,0,.2);padding:1rem;margin-bottom:1.5rem}.alphabet-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem}.btn-letter{width:2rem;height:2rem;background-color:#fc03;color:var(--bhs-green);font-weight:700;border:none;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s}.btn-letter:hover{background-color:var(--bhs-gold)}.btn-show-all{padding:0 .75rem;height:2rem;background-color:var(--bhs-red);color:#fff;font-weight:700;border:none;border-radius:.25rem;font-size:.875rem;cursor:pointer;transition:all .2s;margin-left:.5rem}.btn-show-all:hover{background-color:#c41230e6}.classmates-grid{display:grid;gap:.75rem}.grid-cols-4{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.grid-cols-4{grid-template-columns:repeat(4,1fr)}}.grid-cols-5{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.grid-cols-5{grid-template-columns:repeat(5,1fr)}}.grid-cols-6{grid-template-columns:repeat(2,1fr)}@media(min-width:768px){.grid-cols-6{grid-template-columns:repeat(6,1fr)}}.classmate-card{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;border:1px solid #e5e7eb;overflow:hidden;transition:all .3s}.classmate-card:hover{box-shadow:0 8px 16px #00000026;transform:translateY(-2px)}.classmate-thumbnail{aspect-ratio:3 / 4;background-color:#f3f4f6;overflow:hidden;position:relative}.classmate-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.classmate-thumbnail img.error{display:none}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#006400,#004d00);color:var(--bhs-gold);font-size:3rem;font-weight:700;font-family:Roboto Slab,serif;letter-spacing:.05em;position:absolute;top:0;left:0}.thumbnail-placeholder.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.classmate-thumbnail img.loaded{position:relative;z-index:10}.image-error{display:none;width:100%;height:100%;align-items:center;justify-content:center;color:#6b7280}.image-error.show{display:flex}.image-error svg{width:2.5rem;height:2.5rem}.classmate-content{padding:.75rem}.classmate-name{font-weight:700;font-size:.875rem;color:var(--bhs-green);margin:0 0 .5rem;text-align:center;line-height:1.2}@media(min-width:768px){.classmate-name{font-size:1rem}}.action-buttons{display:flex;flex-direction:column;gap:.375rem}.btn-action{display:flex;align-items:center;justify-content:center;gap:.25rem;font-size:.75rem;font-weight:600;border-radius:.25rem;border:none;padding:.375rem .5rem;cursor:pointer;transition:all .2s;text-decoration:none}.btn-action svg{width:.75rem;height:.75rem}.btn-email{background-color:var(--bhs-gold);color:var(--bhs-green)}.btn-email:hover{background-color:#ffcc00e6}.btn-text{background-color:var(--bhs-green);color:#fff}.btn-text:hover{background-color:#006400e6}.btn-share{background-color:var(--bhs-red);color:#fff}.btn-share:hover{background-color:#c41230e6}.no-results{text-align:center;padding:4rem 1rem;background-color:#fff;border-radius:.5rem;box-shadow:0 4px 6px #0000001a}.no-results-icon{width:4rem;height:4rem;margin:0 auto 1rem;color:#9ca3af}.no-results-title{font-size:1.25rem;font-weight:600;color:#6b7280;margin:0 0 .5rem}.no-results-subtitle{color:#9ca3af;margin:0}.missing-footer{background-color:var(--bhs-green);margin-top:3rem;padding:1.5rem 0;text-align:center}.footer-text{color:#fff;font-size:.875rem;margin:0}.footer-subtext{color:#ffffffb3;font-size:.75rem;margin:.25rem 0 0}