.utility-bar{height:30px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#cfdbdf;padding:0 4%;font-size:10px}.hero-secondary{margin-top:16px;color:#d0dadd;font-size:11px;padding:0;text-decoration:underline}.live-notices{border-top:1px solid #9ba9a5}.live-notice-row{display:grid;grid-template-columns:85px 1fr 100px 25px;gap:20px;text-align:left;align-items:center;width:100%;padding:23px 5px;border-bottom:1px solid var(--line)}.live-notice-row:hover{background:#f8f9f6}.live-notice-row strong{font-size:15px;font-weight:500}.live-notice-row small{color:#87918b;font-size:11px}.live-notice-row .label{font-size:10px;color:#9a8155}.news-section{background:#fafaf7}.live-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:28px}.live-news-card{padding:24px;text-align:left;background:white;border:1px solid #e2e6de;display:flex;flex-direction:column;min-height:220px}.live-news-card .card-image{height:145px;width:calc(100% + 48px);margin:-24px -24px 20px;object-fit:cover}.live-news-card h3{font-size:17px;font-weight:500;line-height:1.7;margin:11px 0}.live-news-card p{font-size:12px;color:#7e8980;line-height:1.9}.live-news-card small{margin-top:auto;padding-top:20px;font-size:10px;color:#8c968a}.live-news-card:hover h3{text-decoration:underline}.about-buttons{display:flex;gap:10px;flex-wrap:wrap}.about-buttons .button{gap:20px;min-width:120px}.about-contact{min-width:260px;max-width:420px;padding:20px 0}.about-contact h3{font-size:17px;font-weight:500;margin-bottom:15px}.about-contact>a{font-size:15px;color:#d9c59b}.about-contact .text-link{margin-top:25px;color:#d3dfdc;border-color:#d3dfdc}.live-group{background:white;border:1px solid #e0e4dc;padding:26px;text-align:left;min-height:225px;display:flex;flex-direction:column}.live-group h3{font-size:20px;font-weight:500;margin:10px 0}.live-group p{font-size:12px;line-height:1.9;color:#7f8980}.live-group small{margin-top:auto;padding-top:23px;font-size:10px;color:#8b9685}.live-events{border-top:1px solid #aab5a6}.live-event{display:flex;align-items:center;gap:25px;width:100%;text-align:left;padding:25px 5px;border-bottom:1px solid var(--line)}.event-date{font-size:12px;color:#958158;min-width:110px}.live-event h3{font-size:17px;font-weight:500}.live-event small{font-size:11px;color:#91998d}.live-event>span:last-child{margin-left:auto;font-size:25px}.article-body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#4f6259;line-height:2;margin-top:22px}.article-body p{font-size:14px}.article-links{display:grid;gap:10px;margin-top:22px}.article-links a{font-size:12px;text-decoration:underline;overflow-wrap:anywhere}.dialog-wide{width:min(800px,calc(100vw - 36px))}.article-meta{font-size:11px;color:#88967e;margin-bottom:20px}.status-line{background:#f2f5ec;padding:13px 17px;font-size:12px;color:#667b5f;margin-bottom:20px}.account-actions{display:grid;gap:12px;margin-top:20px}.account-actions .button{width:100%}.record-row{border-top:1px solid var(--line);padding:13px 0;font-size:12px;display:flex;gap:15px;justify-content:space-between}.record-row small{font-size:10px;color:#8e997f}.form-error{color:#a14837!important;font-size:12px!important;margin:0}.empty{font-size:13px;line-height:1.9}.admin-page-heading .button{gap:17px;font-size:11px}.admin-list{display:grid;gap:16px}.admin-item{background:white;border:1px solid #dfe5d8;padding:23px}.admin-item-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.admin-item h3{font-size:15px;font-weight:500;line-height:1.7}.admin-item small{font-size:10px;color:#919b87}.admin-item p{font-size:12px;color:#819078;margin-top:12px;white-space:pre-wrap}.admin-item-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.admin-note{font-size:12px;color:#819078;margin-bottom:18px}.admin-tabs{display:flex;gap:8px;margin-bottom:23px;flex-wrap:wrap}.admin-tabs button{padding:8px 15px;border:1px solid #d9e2d1;background:white;font-size:11px}.admin-tabs button.active{background:var(--navy);color:white}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.admin-form-grid .full{grid-column:1/-1}.form-stack textarea.large{min-height:280px}.public-label{border:1px solid #d6dfcf;font-size:9px;padding:3px 8px;color:#81976c;white-space:nowrap}.private-label{border:1px solid #ded7c8;font-size:9px;padding:3px 8px;color:#9f865a;white-space:nowrap}.admin-action-row{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.admin-inline-search{width:100%;border:1px solid var(--line);padding:12px;font-size:12px;background:white}.import-summary{background:#f0f3e9;border-left:2px solid #a6b38d;padding:17px;font-size:12px;line-height:1.9;margin-top:20px}.admin-profile-list{margin-top:25px}.upload-field{font-size:11px}.save-status{font-size:11px;color:#8d987f}.loading{padding:25px;color:#8c9686;font-size:12px}.admin-table td button{font-size:11px}.main-error{padding:25px;border:1px solid #e2cabf;background:#fff9f6;color:#935945;font-size:12px}.lock-note{font-size:10px;color:#8d957e;display:block;margin-top:10px}.field textarea{line-height:1.9}.admin-main{min-height:65vh}.admin-table-toolbar .admin-inline-search{max-width:450px}
@media(max-width:960px){.live-news-grid{grid-template-columns:repeat(2,1fr)}.about-contact{min-width:220px}}@media(max-width:660px){.utility-bar{font-size:8px;height:27px;padding:0 20px}.utility-bar a{font-size:8px}.hero h1{font-size:45px}.live-notice-row{grid-template-columns:55px 1fr 18px;gap:10px;padding-block:20px}.live-notice-row>small{display:none}.live-notice-row strong{font-size:13px}.live-notice-row .label{font-size:9px}.live-news-grid{grid-template-columns:1fr;gap:18px}.live-news-card{min-height:180px}.live-news-card h3{font-size:17px}.about-contact{margin-top:30px;border-top:1px solid #ffffff25;padding-top:30px}.about-buttons .button{min-width:85px;padding-inline:17px;gap:15px}.live-event{gap:16px}.event-date{min-width:80px;font-size:10px}.live-event h3{font-size:14px}.live-event small{font-size:10px}.admin-form-grid{grid-template-columns:1fr}.admin-item-top{display:block}.admin-item-top .public-label,.admin-item-top .private-label{display:inline-block;margin-top:10px}.groups-grid{grid-template-columns:1fr}.live-group{min-height:190px}.article-body{font-size:13px}.about-contact>a{font-size:14px}}
.article-image{max-width:100%;height:auto;display:block;margin:10px auto}.source-link{font-size:11px;color:#85927f;border-top:1px solid var(--line);padding-top:20px;margin-top:28px}.account-email{font-size:13px;overflow-wrap:anywhere;margin:15px 0}.record-title,.admin-subheading{font-size:18px;font-weight:500;margin:30px 0 17px}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.admin-stats>div{background:white;padding:24px;border:1px solid var(--line)}.admin-stats p{font-size:11px;color:#849177}.admin-stats strong{font-size:34px;font-weight:500;display:block;margin-top:12px}.admin-table-wrap{overflow:auto;background:white}.email-cell{white-space:normal!important;overflow-wrap:anywhere;min-width:180px;max-width:400px}.admin-table-toolbar{display:flex;gap:10px;margin-bottom:15px}.admin-table td{max-width:400px;overflow-wrap:anywhere}.field>small{font-size:10px;line-height:1.8;color:#849177}button:disabled{opacity:.5;cursor:default}.modal-intro{font-size:13px;line-height:1.9;margin:22px 0;color:#6c7f71}.field{display:flex;flex-direction:column;gap:8px}.field>span{font-size:12px}.field input,.field select,.field textarea{font:inherit;font-size:13px;border:1px solid #d7dfd1;padding:12px;width:100%;background:white;border-radius:0}.form-stack{display:grid;gap:18px;margin-top:22px}.button.navy{background:#173341;color:white}.hero h1 em{font-family:var(--sans);font-style:normal;font-weight:500}.hero h1{font-family:var(--sans);font-weight:500;letter-spacing:-3px}.hero-photo img{object-position:35% center}@media(max-width:800px){.admin-stats{grid-template-columns:repeat(2,1fr)}}
.login-page{min-height:100vh;display:grid;place-items:center;background:#f3f5ef;padding:32px 18px}.login-panel{width:min(460px,100%);padding:44px;background:white;border:1px solid #dbe2d4}.login-panel>.brand{margin-bottom:48px;display:inline-flex}.login-panel h1{font-family:var(--sans);font-size:28px;font-weight:500;margin-top:14px}.login-panel .button{justify-content:space-between;width:100%}.login-panel .account-actions{margin-top:26px}.sidebar-bottom button{display:block;color:#b5c5b6;margin-top:13px;font-size:11px;text-align:left}.password-panel{max-width:560px;background:white;padding:28px;border:1px solid var(--line)}.password-panel .modal-intro{margin-top:0}@media(max-width:600px){.login-panel{padding:30px 25px}}

.admin-sidebar nav button{display:flex;align-items:center;gap:15px;width:100%;text-align:left;padding:14px 20px;color:#b4c5bc;border-left:2px solid transparent;font-size:12px}.admin-sidebar nav button span{font-size:18px;width:20px}.admin-sidebar nav button:hover,.admin-sidebar nav button.active{background:#ffffff0d;border-left-color:#ccbb93;color:#eee5cf}

/* Official HAFS emblem, from the existing alumni site */
.brand .crest{width:54px;height:54px;flex:0 0 54px;border-radius:50%;background:white}.brand .crest img,.admin-sidebar .brand .crest img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}.hero-school-brand{display:flex;align-items:center;gap:17px;margin-bottom:20px}.hero-school-brand>img{width:78px;height:78px;flex:0 0 78px;border-radius:50%;background:#fff;border:4px solid #fff}.hero-school-brand>div>span{font-size:12px;font-weight:500;line-height:1.7;letter-spacing:.4px;color:#eef1ec;display:block}.hero-school-brand small{display:block;color:#d3c098;font-size:8px;letter-spacing:1.4px;margin-top:8px}.hero h1{margin-top:0}.hero-copy{padding-top:46px}.footer-brand .crest{width:54px;height:54px;flex-basis:54px}.footer-brand .wordmark{font-size:24px}.admin-sidebar .brand .crest{width:37px;height:37px;flex-basis:37px;background:white}.admin-sidebar .brand{gap:10px}.admin-sidebar .wordmark{font-size:21px}.login-panel .brand{gap:15px}.login-panel .brand .crest{width:60px;height:60px;flex-basis:60px}.login-panel .brand .wordmark{font-size:26px}.login-panel .brand .wordmark small{font-size:8px;letter-spacing:1.4px}@media(max-width:1200px){.header-inner{gap:22px}.desktop-nav{gap:20px}.hero-school-brand>img{width:65px;height:65px;flex-basis:65px}.hero-school-brand>div>span{font-size:11px}.hero-school-brand small{font-size:7px;letter-spacing:1px}.hero-copy{padding-top:42px}}@media(max-width:960px){.brand .crest{width:45px;height:45px;flex-basis:45px}.hero-school-brand{gap:12px;margin-bottom:16px}.hero-school-brand>img{width:58px;height:58px;flex-basis:58px;border-width:3px}.hero-school-brand>div>span{font-size:10px}.hero-school-brand small{font-size:6px;letter-spacing:.8px}.hero-copy{padding-top:35px}}@media(max-width:660px){.header-inner .brand{gap:10px}.header-inner .wordmark{font-size:23px}.header-inner .wordmark small{font-size:8px;letter-spacing:1.4px}.hero-school-brand{gap:14px;margin-bottom:18px}.hero-school-brand>img{width:62px;height:62px;flex-basis:62px}.hero-school-brand>div>span{font-size:11px}.hero-school-brand small{font-size:7px;letter-spacing:1px}.hero-copy{padding-top:32px}.footer-brand .crest{width:48px;height:48px;flex-basis:48px}.footer-brand .wordmark{font-size:25px}.login-panel .brand{gap:12px}.login-panel .brand .crest{width:50px;height:50px;flex-basis:50px}.login-panel .brand .wordmark{font-size:23px}.admin-sidebar .brand .crest{width:37px;height:37px;flex-basis:37px}}