/* Shared header only. Brand dimensions copied from approved existing homepage CSS. */
.ofn-header-container{box-sizing:border-box;width:min(1180px,calc(100% - 32px));margin-inline:auto}
.ofn-utility{background:#124967;color:#fff;font-size:.875rem;padding-top:env(safe-area-inset-top,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
.ofn-utility>.ofn-header-container{display:flex;gap:8px;justify-content:flex-end;min-height:30px;align-items:center}
.ofn-utility a{color:#fff;padding:4px 0;line-height:1.5;text-decoration:none}
.ofn-header{background:#EDF6F1;border-bottom:1px solid #dce7ee;color:#124967;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.8;position:relative;z-index:40}
.ofn-header *{box-sizing:border-box}
.ofn-brand{display:grid;place-items:center;min-height:104px;padding-block:14px;text-align:center}
.ofn-brand>a{display:flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}
.ofn-brand span{display:grid;gap:0}
.ofn-brand strong{color:#b52026;font-size:clamp(2rem,7vw,3.45rem);font-weight:1000;line-height:1.25}
.ofn-brand small{color:#102438;font-size:clamp(.9rem,3vw,1.12rem);font-weight:800;position:relative;left:-7px}
.ofn-official-logo{display:block;width:74px;height:74px;flex:none;overflow:hidden;border-radius:50%;outline:1px solid #c9e2d5;font-style:normal}
.ofn-official-logo img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.075);transform-origin:50% 48%;border-radius:50%}
.ofn-header-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}
.ofn-header summary{cursor:pointer;list-style:none;min-height:40px;display:flex;align-items:center;gap:8px;font-weight:800}
.ofn-header summary::-webkit-details-marker{display:none}
.ofn-header a{text-decoration:none}
.ofn-header .ofn-menu-panel{position:absolute;top:100%;right:0;width:min(360px,calc(100vw - 32px));max-height:min(70vh,600px);overflow:auto;overscroll-behavior:contain;background:#124967;color:white;border-radius:8px;padding:8px;box-shadow:0 8px 20px #03182755;z-index:50}
.ofn-menu-panel a,.ofn-menu-panel summary{display:flex;align-items:center;min-height:44px;padding:8px 12px;color:#fff;font-size:.9rem;white-space:normal}
.ofn-menu-panel details>div{padding-inline-start:12px}
.ofn-search form{position:absolute;top:100%;left:0;display:flex;width:min(340px,calc(100vw - 32px));padding:8px;gap:4px;background:#fff;border:1px solid #dce7ee;border-radius:6px;z-index:50}
.ofn-search input{min-width:0;flex:1;padding:10px;border:1px solid #b8cbd5;border-radius:4px;font:inherit;color:#102438;background:white}
.ofn-search button{font:inherit;background:#124967;color:#fff;border:0;border-radius:4px;padding:8px;cursor:pointer}
.ofn-header :focus-visible,.ofn-utility :focus-visible{outline:2px solid #c49618;outline-offset:3px}
@media(max-width:760px){.ofn-brand{min-height:82px;padding-top:2px;padding-bottom:8px}.ofn-official-logo{width:64px;height:64px}.ofn-brand strong{font-size:clamp(1.65rem,8vw,2.35rem)}.ofn-brand small{font-size:.8rem}}
@media(max-width:390px){.ofn-official-logo{width:61px;height:61px}}
/* User-supplied architecture reference; decorative and separate from the official logo. */
.ofn-header::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(165deg,transparent 46%,#d5eee14d 74%,transparent 94%);z-index:0}
.ofn-header::after{content:"";position:absolute;left:0;bottom:0;width:min(36vw,220px);height:82px;background:url('/brand/oman-architecture-reference.jpeg') left bottom/contain no-repeat;opacity:.10;pointer-events:none;z-index:0}
.ofn-brand,.ofn-header-tools{position:relative;z-index:1}