/* Find Office: pale-blue student directory */
.office-page{max-width:1180px;margin:0 auto;padding:22px 18px 50px;color:#3a3a3a;background:#f5f5f5;min-height:100vh;font-family:Arial,Helvetica,sans-serif}
.office-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.office-brand{display:flex;align-items:center;gap:10px;color:#282828;font-weight:900;font-size:clamp(20px,3vw,30px);text-decoration:none}.office-brand img{width:36px;height:36px;object-fit:contain}.office-topbar a.back-home{padding:10px 14px;border-radius:12px;background:#fff;color:#282828;text-decoration:none;font-weight:800;border:1px solid #f5f5f5}
.office-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:26px;padding:clamp(26px,5vw,58px);min-height:330px;display:flex;align-items:center;background:#f5f5f5;border:1px solid #f5f5f5;box-shadow:0 14px 35px #174e8010}.office-hero:before{content:"";position:absolute;inset:-2px;z-index:-2;background:url('../img/kyambogo-campus-office.jpg') center 52%/cover no-repeat;opacity:.5;filter:none;transform:scale(1.025);animation:officePhotoPulse 8s ease-in-out infinite;will-change:opacity,transform}.office-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(239,247,255,.84),rgba(227,241,255,.72) 56%,rgba(219,236,253,.66));pointer-events:none}
@keyframes officePhotoPulse{0%,100%{opacity:.5;filter:none;transform:scale(1.02)}50%{opacity:.9;filter:none;transform:scale(1.045)}}
@media(prefers-reduced-motion:reduce){.office-hero:before{animation:none;opacity:.75;filter:none}}
.office-hero-content{max-width:880px}.office-kicker{display:inline-flex;padding:7px 12px;background:#fff;border:1px solid #f5f5f5;border-radius:999px;color:#f68b1e;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.office-hero h1{font-size:clamp(32px,5vw,56px);line-height:1.07;letter-spacing:-.035em;margin:16px 0;color:#282828}.office-hero p{font-size:clamp(16px,2vw,20px);line-height:1.6;color:#282828;margin:0 0 24px}.office-search{display:flex;align-items:center;gap:10px;background:#fff;border:2px solid #f5f5f5;border-radius:18px;padding:7px 8px 7px 17px;box-shadow:0 8px 24px #174e8012;max-width:850px}.office-search input{width:100%;min-width:0;border:0;outline:0;padding:13px 5px;font-size:17px;color:#3a3a3a;background:transparent}.office-search button{border:0;border-radius:12px;background:linear-gradient(135deg,#b34f06 0%,#d4620a 45%,#f68b1e 100%);color:#fff;font-weight:800;padding:13px 19px;cursor:pointer}.office-search-help{font-size:13px!important;margin:10px 0 0!important;color:#282828!important}
.office-cats{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 30px}.office-cat{border:1px solid #f5f5f5;background:#fff;color:#282828;border-radius:14px;padding:12px 16px;font-weight:800;cursor:pointer;box-shadow:0 3px 10px #1c56800b}.office-cat:hover,.office-cat.active{background:#f5f5f5;border-color:#f68b1e;color:#282828}.office-section-head{display:flex;justify-content:space-between;align-items:end;gap:14px;margin:30px 0 15px}.office-section-head h2{font-size:clamp(22px,3vw,30px);margin:0;color:#282828}.office-section-head p{margin:5px 0 0;color:#959595}.office-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.office-card{position:relative;background:#fff;border:1px solid #f5f5f5;border-radius:20px;padding:20px;box-shadow:0 8px 22px #204f7809;display:flex;flex-direction:column;min-height:210px}.office-card:hover{border-color:#f68b1e;transform:translateY(-2px);box-shadow:0 12px 26px #204f7815}.office-card-top{display:flex;align-items:center;gap:13px}.office-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#f5f5f5;color:#f68b1e;font-size:25px;flex-shrink:0}.office-card h3{font-size:20px;line-height:1.25;margin:0;color:#282828}.office-card .office-cat-label{font-size:12px;color:#f68b1e;font-weight:900;letter-spacing:.04em;text-transform:uppercase;margin-top:5px}.office-card p{line-height:1.55;color:#8c8c8c;margin:14px 0 18px}.office-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.office-view{color:#f68b1e;text-decoration:none;font-weight:900}.office-view:hover{text-decoration:underline}.office-badge{display:inline-flex;align-items:center;gap:5px;border-radius:999px;background:#f5f5f5;color:#f68b1e;padding:5px 9px;font-size:12px;font-weight:900}.office-badge:empty{display:none}.office-empty{grid-column:1/-1;background:#fff;border:1px dashed #e9e9e9;padding:25px;border-radius:18px;color:#f68b1e;text-align:center}.office-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}.office-detail-card{background:#fff;border:1px solid #f5f5f5;border-radius:18px;padding:20px;min-height:118px}.office-detail-card h2{margin:0 0 11px;color:#282828;font-size:18px}.office-detail-card p{margin:0;color:#9a9a9a;line-height:1.55}.office-detail-hero{margin-top:12px;min-height:220px}.office-note{margin-top:20px;background:#f5f5f5;border:1px solid #f5f5f5;padding:14px 16px;border-radius:14px;color:#282828;font-size:14px;line-height:1.55}.office-home-strip{max-width:1180px;margin:28px auto 34px;padding:0 18px;color:#282828}.office-home-strip h2{font-size:clamp(22px,3vw,30px);margin:0 0 5px}.office-home-strip>p{color:#9c9c9c;margin:0 0 16px}.office-home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.office-home-tile{display:flex;align-items:center;gap:12px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:16px;padding:16px;color:#282828;text-decoration:none;font-weight:900;min-height:84px}.office-home-tile span:first-child{font-size:26px}.office-home-tile small{display:block;color:#f68b1e;font-weight:600;margin-top:5px}.office-home-tile:hover{background:#f5f5f5;border-color:#f68b1e}
@media(max-width:680px){.office-page{padding:14px 12px 35px}.office-hero{padding:25px 19px;min-height:340px;border-radius:20px}.office-search{flex-wrap:wrap;padding:7px}.office-search input{font-size:16px}.office-search button{width:100%}.office-cats{gap:8px}.office-cat{padding:10px 12px;font-size:14px}.office-results,.office-detail-grid{grid-template-columns:1fr}.office-card{padding:17px}.office-home-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.office-home-tile{padding:13px;gap:9px;font-size:14px}.office-topbar{align-items:flex-start}.office-brand img{width:30px;height:30px}}

/* Resource navigation and reserved sponsor area */
.office-resource-links{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 20px;padding:12px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:16px}
.office-resource-links a{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border-radius:10px;background:#fff;border:1px solid #f5f5f5;color:#282828;text-decoration:none;font-weight:800;font-size:13px}
.office-resource-links a:hover{background:#f5f5f5;border-color:#f68b1e}
.office-ad-space{margin:24px 0;padding:22px 18px;min-height:120px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px;background:linear-gradient(135deg,#f5f5f5,#f5f5f5);border:1px dashed #f68b1e;border-radius:18px;color:#282828}
.office-ad-space strong{font-size:18px}.office-ad-space p{margin:0;color:#9a9a9a;font-size:13px}.office-ad-label{font-size:10px;letter-spacing:.13em;font-weight:900;color:#f68b1e}
@media(max-width:680px){.office-resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.office-resource-links a{font-size:12px;padding:10px 7px}}

/* Requested Find Office menu, two-tone headings and blank admin-controlled ad slot */
.office-menu-toggle{padding:10px 14px;border-radius:12px;background:#282828;color:#fff;border:1px solid #f2c400;font-weight:900;cursor:pointer;white-space:nowrap}
.office-resource-links{display:none;position:relative;margin:10px 0 20px;padding:12px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:16px;gap:8px;z-index:20}
.office-resource-links.open{display:flex}
.office-resource-links a{flex:1 1 130px}
.office-page h1,.office-page h2,.office-page .office-section-head,.office-page .office-kicker{color:#111!important}
.office-page h1,.office-page h2{background:linear-gradient(90deg,#111 0%,#111 54%,#f68b1e 54%,#f68b1e 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.office-kicker{border-bottom:2px solid #f68b1e}
.office-ad-space{position:fixed;top:0;right:0;width:50vw;height:50vh;margin:0;padding:0;min-height:0;background:transparent;border:0;border-radius:0;display:block;z-index:80;pointer-events:auto;overflow:hidden}
.office-ad-space:empty{background:transparent;pointer-events:none}
@media(max-width:680px){.office-ad-space{width:50vw;height:50vh}.office-resource-links.open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Accessible, calm office directory palette and notification switch */
.office-page{color:#282828;background:#f5f5f5}
.office-hero h1{color:#1f1f1f;text-shadow:0 1px 0 rgba(255,255,255,.65)}
.office-hero h1::first-line{color:#282828}
.office-detail-card,.office-card{background:#fff;border-color:#f5f5f5;color:#282828;box-shadow:0 8px 24px rgba(0,0,0,.07)}
.office-detail-card h2,.office-card h3{color:#282828}
.office-detail-card p,.office-card p{color:#6d6d6d;line-height:1.65}
.office-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0;padding:12px 14px;border-radius:14px;background:#f5f5f5;color:#282828;font-weight:700;cursor:pointer;width:fit-content}
.office-switch input{position:absolute;opacity:0;width:1px;height:1px}
.office-switch-track{width:48px;height:27px;border-radius:99px;background:#c9c9c9;position:relative;transition:background .25s ease;flex:0 0 auto}
.office-switch-track:after{content:"";position:absolute;left:3px;top:3px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #18344a35;transition:transform .25s ease}
.office-switch input:checked + .office-switch-track{background:#16834a}
.office-switch input:checked + .office-switch-track:after{transform:translateX(21px)}
.office-switch input:focus-visible + .office-switch-track{outline:3px solid #f68b1e;outline-offset:3px}
.office-notify-feedback{min-height:1.5em;color:#282828!important}
.office-resource-links{background:#fff;border:1px solid #f5f5f5;box-shadow:0 8px 22px rgba(0,0,0,.06)}


/* Final readability and phone layout corrections requested by user */
body .office-page{background:#fff!important;color:#111!important}
body .office-page .office-hero{background:#fff!important;border-color:#e8e3d7!important}
body .office-page .office-hero:before{filter:none!important;animation:officePhotoPulse 8s ease-in-out infinite!important;opacity:1}
@keyframes officePhotoPulse{0%,100%{opacity:1;transform:scale(1.015)}50%{opacity:.5;transform:scale(1.015)}}
body .office-page .office-hero:after{background:linear-gradient(100deg,rgba(255,255,255,.88),rgba(255,255,255,.78) 56%,rgba(255,255,255,.72))!important;backdrop-filter:none!important}
body .office-page h1,body .office-page h2,body .office-page h3,body .office-page .office-kicker{background-image:linear-gradient(90deg,#f0ad00 0%,#f68b1e 48%,#e85d04 100%)!important;background-clip:text!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;color:#e87900!important;text-shadow:none!important}
body .office-page p,body .office-page .office-note,body .office-page .office-cat-label,body .office-page .office-section-head p{color:#171717!important}
body .office-page .office-detail-card,body .office-page .office-card,body .office-page .office-resource-links,body .office-page .office-cat{background:#fff!important;color:#111!important;border-color:#ebebeb!important}
body .office-page .office-detail-card p,body .office-page .office-card p,body .office-page .office-switch,body .office-page .office-notify-feedback{color:#171717!important}
body .office-page .office-switch{background:#f5f5f5!important}
body .office-page .office-view,body .office-page .office-resource-links a{color:#111!important}
body .office-page .office-extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}
body .office-page .office-services-card,body .office-page .office-notification-card{background:#fff!important}
body .office-page .office-note{background:#fff!important;border-color:#e7e7e7!important}
@media(max-width:600px){
 body .office-page .office-results,body .office-page .office-detail-grid,body .office-page .office-extras-grid{grid-template-columns:1fr!important}
 body .office-page .office-detail-card{padding:17px!important}
 body .office-page .office-detail-card h2{font-size:18px!important}
 body .office-page .office-detail-card p{font-size:15px!important;line-height:1.6!important}
}
/* Buy & Sell images: show the complete image rather than cutting off the edges. */
.product-image{background:#f5f5f5!important;display:flex;align-items:center;justify-content:center;overflow:hidden}
.product-image img,.detail-image img,.published-photo img{object-fit:contain!important;width:100%;height:100%;background:#f5f5f5}
.buy-sell-image-wrap{background:transparent!important}
.buy-sell-image{object-fit:cover!important;background:transparent!important}
/* Global resource navigation: keep all page links inside the menu button. */
body .office-page .office-resource-links{display:none!important;margin:12px 0 20px!important;}
body .office-page .office-resource-links.open{display:flex!important;flex-wrap:wrap!important;gap:8px!important;}
body .office-page .office-resource-links a{flex:0 0 auto;}
@media(max-width:680px){body .office-page .office-resource-links.open{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;}}

/* =====================================================================
   FIND OFFICE - clear, high-contrast redesign (all Find Office pages)
   Solid navy hero with white text, white cards with dark text, gold accents.
   No gradient/transparent text, no pulsing photo behind text.
===================================================================== */
html body .office-page{max-width:1180px;margin:0 auto;padding:22px 18px 56px;background:#f5f5f5!important;color:#282828!important;min-height:100vh;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.55}

/* every heading/label: plain solid colour (undo earlier gradient text) */
html body .office-page h1,html body .office-page h2,html body .office-page h3,html body .office-page .office-kicker{background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}

/* ---- hero ---- */
html body .office-page .office-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:320px;padding:clamp(26px,5vw,56px);border-radius:24px;border:0!important;background:#282828!important;box-shadow:0 18px 40px rgba(0,0,0,.22)}
html body .office-page .office-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('../img/kyambogo-campus-office.jpg') center 52%/cover no-repeat;opacity:1!important;filter:none;transform:none!important;animation:none!important}
html body .office-page .office-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(11,30,60,.97) 0%,rgba(0,0,0,.94) 52%,rgba(0,0,0,.62) 100%)!important;backdrop-filter:none!important}
html body .office-page .office-detail-hero{min-height:230px}
html body .office-page .office-hero-content{max-width:860px;width:100%}
html body .office-page .office-kicker{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;border:0!important;background:linear-gradient(135deg,#b34f06 0%,#d4620a 45%,#f68b1e 100%)!important;color:#282828!important;font-weight:900;font-size:12px;letter-spacing:.09em;text-transform:uppercase}
html body .office-page .office-hero h1{margin:16px 0 12px;color:#fff!important;font-size:clamp(30px,5vw,54px);line-height:1.1;letter-spacing:-.02em;font-weight:900}
html body .office-page .office-hero p{margin:0 0 24px;color:#f5f5f5!important;font-size:clamp(16px,2vw,19px);line-height:1.6}
html body .office-page .office-detail-hero p{margin-bottom:18px}

/* ---- search bar ---- */
html body .office-page .office-search{display:flex;align-items:center;gap:8px;max-width:820px;padding:6px 6px 6px 18px;background:#fff!important;border:2px solid #f68b1e;border-radius:16px;box-shadow:0 8px 22px rgba(0,0,0,.22)}
html body .office-page .office-search>span{color:#282828;font-size:22px}
html body .office-page .office-search input{flex:1;min-width:0;border:0!important;outline:0;background:transparent!important;color:#1f1f1f!important;font-size:17px;padding:13px 4px}
html body .office-page .office-search input::placeholder{color:#5a5a5a;opacity:1}
html body .office-page .office-search button{border:0;border-radius:11px;background:#282828;color:#fff;font-weight:800;font-size:15px;padding:13px 20px;cursor:pointer;white-space:nowrap}
html body .office-page .office-search button:hover{background:linear-gradient(135deg,#b34f06 0%,#d4620a 45%,#f68b1e 100%)}

/* ---- category chips ---- */
html body .office-page .office-cats{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 8px}
html body .office-page .office-cat{padding:12px 18px;border-radius:999px;background:#fff!important;border:2px solid #e6e6e6!important;color:#282828!important;font-weight:800;font-size:15px;cursor:pointer;box-shadow:none}
html body .office-page .office-cat:hover{border-color:#282828!important;background:#f5f5f5!important}
html body .office-page .office-cat.active{background:#282828!important;border-color:#282828!important;color:#fff!important}

/* ---- section heading ---- */
html body .office-page .office-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin:30px 0 16px;padding-bottom:12px;border-bottom:3px solid #f68b1e;color:#282828!important}
html body .office-page .office-section-head h2{margin:0;color:#282828!important;font-size:clamp(22px,3vw,30px);font-weight:900}
html body .office-page .office-section-head p{margin:5px 0 0;color:#5a5a5a!important;font-size:15px}
html body .office-page .office-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#fff1de!important;color:#282828!important;font-weight:900;font-size:13px;border:1px solid #fbc88a}
html body .office-page .office-badge:empty{display:none}
html body .office-page .office-hero .office-badge{background:linear-gradient(135deg,#b34f06 0%,#d4620a 45%,#f68b1e 100%)!important;color:#282828!important;border-color:#f68b1e}

/* ---- office cards ---- */
html body .office-page .office-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
html body .office-page .office-card{position:relative;display:flex;flex-direction:column;min-height:200px;padding:20px 20px 18px 24px;background:#fff!important;border:1px solid #e6e6e6!important;border-left:6px solid #f68b1e!important;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.08);color:#282828!important;transition:box-shadow .2s,transform .2s}
html body .office-page .office-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.16)}
html body .office-page .office-card-top{display:flex;align-items:center;gap:14px}
html body .office-page .office-icon{display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#282828;color:#fff;font-size:26px}
html body .office-page .office-card h3{margin:0;color:#282828!important;font-size:20px;line-height:1.25;font-weight:900}
html body .office-page .office-cat-label{display:inline-block;margin-top:6px;padding:3px 10px;border-radius:999px;background:#fff1de;color:#282828!important;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
html body .office-page .office-card p{margin:14px 0 18px;color:#3a3a3a!important;font-size:16px;line-height:1.6}
html body .office-page .office-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}
html body .office-page .office-view{display:inline-flex;align-items:center;padding:10px 16px;border-radius:10px;background:#282828;color:#fff!important;font-weight:800;font-size:14px;text-decoration:none}
html body .office-page .office-view:hover{background:linear-gradient(135deg,#b34f06 0%,#d4620a 45%,#f68b1e 100%);text-decoration:none}
html body .office-page .office-empty{grid-column:1/-1;padding:26px;border:2px dashed #cccccc;border-radius:16px;background:#fff;color:#3a3a3a!important;text-align:center;font-size:16px}

/* ---- office detail page ---- */
html body .office-page .office-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
html body .office-page .office-detail-card{min-height:120px;padding:20px 22px;background:#fff!important;border:1px solid #e6e6e6!important;border-top:5px solid #282828!important;border-radius:16px;box-shadow:0 6px 18px rgba(0,0,0,.08);color:#282828!important}
html body .office-page .office-detail-card h2{margin:0 0 10px;padding-bottom:8px;border-bottom:2px solid #f68b1e;color:#282828!important;font-size:14px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}
html body .office-page .office-detail-card p{margin:0;color:#282828!important;font-size:17px;line-height:1.65}
html body .office-page .office-extras-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}
html body .office-page .office-services-card,html body .office-page .office-notification-card{background:#fff!important}
html body .office-page .office-switch{display:flex;align-items:center;gap:12px;flex-wrap:wrap;width:fit-content;max-width:100%;margin:14px 0;padding:12px 16px;border-radius:12px;background:#f5f5f5!important;border:1px solid #e6e6e6;color:#282828!important;font-weight:800;cursor:pointer}
html body .office-page .office-switch strong{color:#282828!important}
html body .office-page .office-switch-track{background:#a1a1a1}
html body .office-page .office-switch input:checked + .office-switch-track{background:#0d7a3e}
html body .office-page .office-notify-feedback{min-height:1.5em;color:#3a3a3a!important;font-weight:700}
html body .office-page .office-note{margin-top:22px;padding:14px 18px;background:#fff8e1!important;border:1px solid #fbc88a!important;border-left:6px solid #f68b1e!important;border-radius:12px;color:#3a2a00!important;font-size:15px;line-height:1.6}

/* ---- phones ---- */
@media(max-width:680px){
 html body .office-page{padding:14px 12px 40px}
 html body .office-page .office-hero{min-height:0;padding:26px 18px;border-radius:18px}
 html body .office-page .office-hero:after{background:linear-gradient(180deg,rgba(11,30,60,.96),rgba(0,0,0,.92))!important}
 html body .office-page .office-search{flex-wrap:wrap;padding:8px}
 html body .office-page .office-search>span{display:none}
 html body .office-page .office-search input{flex:1 1 100%;font-size:16px;padding:11px 8px}
 html body .office-page .office-search button{width:100%}
 html body .office-page .office-cat{padding:10px 14px;font-size:14px}
 html body .office-page .office-results,html body .office-page .office-detail-grid,html body .office-page .office-extras-grid{grid-template-columns:1fr!important}
 html body .office-page .office-card{padding:17px 16px 16px 18px}
 html body .office-page .office-card h3{font-size:18px}
 html body .office-page .office-detail-card p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){html body .office-page .office-card{transition:none}}
/* the old ::first-line colour made the hero title dark on the navy panel */
html body .office-page .office-hero h1::first-line{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 4px #000,0 0 14px rgba(0,0,0,.95),0 0 28px rgba(0,0,0,.8)!important}


/* ---- Find Office (all pages): the photo shows clearly, text above it gets a black shadow ---- */
html body .office-page .office-hero:after,
html body .office-page .office-detail-hero:after{background:none!important;content:none!important}
html body .office-page .office-hero:before{opacity:1!important;filter:none!important}
html body .office-page .office-hero h1,
html body .office-page .office-hero p,
html body .office-page .office-hero .office-hero-content>span{color:#fff!important;text-shadow:0 2px 4px #000,0 0 14px rgba(0,0,0,.95),0 0 28px rgba(0,0,0,.8)!important}
html body .office-page .office-hero .office-kicker,
html body .office-page .office-hero .office-badge{text-shadow:none!important;box-shadow:0 3px 12px rgba(0,0,0,.65)}
@media(max-width:680px){html body .office-page .office-hero:after{background:none!important;content:none!important}}

/* office first-card service info + Help button */
.office-card-services{margin:10px 0 4px;padding:10px 12px;background:#f5f5f5;border:1px solid #f5f5f5;border-radius:12px}.office-card-services strong{display:block;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#f68b1e;margin-bottom:4px}.office-card-services p{margin:0!important;font-size:14px!important;line-height:1.5}

/* office service information: no background box, pulled up closer to the description */
html body .office-page .office-card .office-card-services{background:none!important;border:0!important;box-shadow:none!important;padding:0!important;margin:-12px 0 12px!important}

/* Kyambogo bordered natural satellite map on the Find Office first page */
.office-map{margin:22px 0 0}.office-map-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px}.office-map-head h2{font-size:clamp(18px,2.6vw,24px);margin:0}.office-map-link{color:#f68b1e;font-weight:900;text-decoration:none;white-space:nowrap}.office-map-link:hover{text-decoration:underline}.office-map-frame{border:4px solid #f68b1e;border-radius:20px;overflow:hidden;background:#f5f5f5;box-shadow:0 8px 22px #204f7814;aspect-ratio:16/9;min-height:260px}.office-map-frame iframe{display:block;width:100%;height:100%;border:0}
@media(max-width:680px){.office-map-head{flex-wrap:wrap}.office-map-frame{aspect-ratio:4/3;border-radius:16px}}