:root { --blue:#275f86; --blue-dark:#17496e; --blue-soft:#dcebf4; --border:#cbd8e1; --text:#293744; --muted:#62717c; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:#edf1f4;color:var(--text);font:14px/1.65 Arial,Helvetica,sans-serif}
a{color:#155c87} .site{max-width:1120px;min-height:100vh;margin:20px auto 0;background:#fff;border:1px solid #b9c8d3;box-shadow:0 2px 12px #1a406019}
.masthead{display:flex;align-items:center;justify-content:space-between;min-height:143px;padding:18px 34px;background:linear-gradient(180deg,#fff 0%,#f1f7fa 100%);border-bottom:4px solid #bcd3e2}
.company-logo{max-width:390px;width:100%;height:auto;display:block}.masthead-right{text-align:right;color:#5b7890;font-size:12px;letter-spacing:.4px;line-height:1.8}
.navbar{background:linear-gradient(#3677a2,#1e557e);border-bottom:3px solid #123f61}.nav-inner{display:flex;padding:0 17px;align-items:stretch;justify-content:flex-start;flex-wrap:wrap}
.nav-inner a{display:flex;align-items:center;justify-content:center;padding:14px 16px;color:white;text-decoration:none;font-size:13px;font-weight:700;white-space:nowrap;border-right:1px solid #ffffff24;text-shadow:0 1px 1px #123a57}
.nav-inner a:hover,.nav-inner a.active{background:linear-gradient(#17476a,#113c5c)}
.breadcrumb{padding:10px 34px;color:#758997;font-size:11px;background:#f7fafb;border-bottom:1px solid #e2e8ed}.page{padding:30px 34px 62px;min-height:460px}
h1{font-size:24px;line-height:1.35;color:#204e71;margin:0 0 7px} h2{font-size:17px;line-height:1.4;color:#204e71;margin:0 0 12px}.lead{margin:0 0 27px;color:#667681;font-size:13px}
.section-heading{background:linear-gradient(#f0f6fa,#dceaf3);border:1px solid #c3d6e4;border-left:5px solid #2b6d97;color:#1c567d;font-size:16px;font-weight:bold;padding:10px 15px;margin:0 0 18px}
.announcement{background:#fff;border:1px solid #d2dce4;margin-bottom:25px}.ann-title{padding:12px 16px;background:linear-gradient(#fafcfd,#eaf2f7);color:#24597d;border-bottom:1px solid #d2dce4;font-size:16px;font-weight:bold}.ann-body{padding:35px 24px;color:#637582;font-size:15px;text-align:center}
.home-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:28px;align-items:start}.home-side{border:1px solid #d2dce4;background:#fbfdfe}.home-side h2{font-size:15px;background:#e9f2f8;border-bottom:1px solid #d2dce4;margin:0;padding:10px 14px}.home-side ul{margin:14px 20px;padding-left:16px}.home-side li{margin:9px 0}.welcome{margin-top:10px}.welcome p{margin:8px 0;color:#4c5b67}
.logo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.logo-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:#fff;text-decoration:none;color:var(--text);border:1px solid #d2dce4;box-shadow:0 1px 2px #17496e0b;transition:box-shadow .15s,border-color .15s}
.logo-card:hover.linked{border-color:#6798b8;box-shadow:0 2px 9px #275f8623}.logo-image{height:145px;width:100%;padding:20px 20px 13px;display:flex;align-items:center;justify-content:center}.logo-image img{width:100%;height:100%;object-fit:contain}.logo-image.dark{background:#203144}.logo-name{display:flex;align-items:center;justify-content:center;min-height:59px;width:100%;padding:12px 13px;border-top:1px solid #edf1f3;background:#f9fbfc;font-size:13px;font-weight:bold;text-align:center;line-height:1.35}.link-marker{color:#4a7d9f;font-size:10px;margin-left:5px}.section-intro{margin:0 0 22px;color:#576876}
.info-panel{background:#fbfdff;border:1px solid #d6e1e7;padding:19px 22px;margin-bottom:22px}.info-panel p{margin:5px 0 12px}.info-panel ul{margin:12px 0 2px;padding-left:20px}.info-panel li{padding:2px 0}
.contact-box{max-width:800px;border:1px solid #ccd9e3}.contact-row{padding:19px 24px;border-bottom:1px solid #e5ecef}.contact-row:last-child{border-bottom:0}.contact-row strong{color:#24597d;display:block;font-size:15px;margin-bottom:7px}.contact-row p{margin:0;line-height:1.85}.contact-row a{color:inherit;text-decoration:none}.contact-row a:hover{text-decoration:underline;color:#24597d}
.empty-panel{border:1px solid #d3dde3;background:#fafcfd;text-align:center;padding:65px 20px;color:#647783}.empty-panel b{display:block;color:#24597d;font-size:18px;margin-bottom:5px}
.footer{padding:20px 34px;background:#e4edf3;border-top:1px solid #c7d8e4;display:flex;gap:15px;align-items:center;justify-content:space-between;font-size:12px;color:#4c6980}
.preview-notice{font-size:11px;color:#906828;background:#fff9e8;border-bottom:1px solid #ebdcba;padding:6px 34px}
@media(max-width:850px){.home-layout{grid-template-columns:1fr}.masthead{min-height:120px;padding:16px 20px}.masthead-right{display:none}.company-logo{max-width:380px}.page{padding:22px 20px 40px}.breadcrumb{padding:8px 20px}.nav-inner{padding:0;justify-content:center}.nav-inner a{flex:1 1 auto;padding:11px 13px}.footer{padding:17px 20px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-notice{padding:6px 20px}}
@media(max-width:520px){body{background:white;font-size:13px}.site{margin:0;border:0;box-shadow:none}.masthead{min-height:98px;padding:15px 15px}.company-logo{max-width:300px}.nav-inner a{width:50%;flex:0 0 50%;border-bottom:1px solid #ffffff25;font-size:12px;padding:10px 5px}.breadcrumb{padding:8px 15px}.page{padding:22px 15px 40px}.preview-notice{padding:6px 15px}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.logo-image{height:104px;padding:13px 9px 9px}.logo-name{padding:10px 5px;min-height:66px;font-size:11px}.footer{padding:14px 15px;display:block}.footer span{display:block}.section-heading{font-size:15px}h1{font-size:22px}}


/* Shared header contact strip and address footer — displayed on every page */
.top-contact-bar{display:flex;align-items:center;justify-content:flex-end;gap:10px 18px;flex-wrap:wrap;padding:9px 34px;background:linear-gradient(#f9fcfe,#e8f2f8);border-bottom:1px solid #cbdde8;color:#315b76;font-size:12px;line-height:1.55}
.top-contact-label{font-weight:700;white-space:nowrap}
.top-contact-links{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:5px 22px}
.top-contact-links a{color:#255775;text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap}
.top-contact-links a:hover,.footer-contact-details a:hover{text-decoration:underline}
.footer.footer-contact{display:block;padding:0;background:#e5eef4;color:#344f64;border-top:3px solid #95b3ca;font-size:13px}
.footer-info{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:24px;padding:24px 34px 20px}
.footer-title{font-weight:700;color:#234f70;font-size:16px;margin-bottom:8px}
.footer-subheading{font-size:13px;color:#234f70;font-weight:700;margin-bottom:6px}
.footer-address address{font-style:normal;line-height:1.75}
.footer-contact-details{padding-top:2px}
.footer-contact-details a{display:block;width:fit-content;color:#344f64;text-decoration:none;overflow-wrap:anywhere;line-height:1.8}
.footer-bottom{padding:10px 34px;border-top:1px solid #c4d6e2;background:#d9e7f0;font-size:11px;color:#526c80}
@media(max-width:850px){.top-contact-bar{padding:8px 20px}.footer-info{padding:22px 20px}.footer-bottom{padding:10px 20px}}
@media(max-width:520px){.top-contact-bar{padding:8px 15px;gap:4px}.top-contact-label{font-size:11px}.top-contact-links{justify-content:flex-start;gap:3px 16px}.top-contact-links a{font-size:11px}.footer-info{grid-template-columns:1fr;gap:18px;padding:20px 15px}.footer-bottom{padding:10px 15px}}

/* Footer update: section headings line up horizontally on desktop. */
.footer-info{column-gap:42px;row-gap:10px;align-items:start}
.footer-info>.footer-title{grid-column:1/-1;margin-bottom:1px}
.footer-info>.footer-address,.footer-info>.footer-contact-details{min-width:0;align-self:start}
.footer-contact-details{padding-top:0}
@media(max-width:650px){.footer-info{grid-template-columns:1fr;row-gap:14px}.footer-info>.footer-title{margin-bottom:0}}