/* UAEU branding and original left-column layout — v4, 30 October 2026.
   bg5.jpg and leftphoto.jpg were not present in the supplied original ZIP.
   Their exact existing faculty URLs are retained; do not delete them on upload.
   The requested official SVG also loads from its original UAEU URL.
*/
:root{--heritage-blue:#3f58bc;--legacy-body-image:url("https://faculty.uaeu.ac.ae/mhajyousef/images/bg5.jpg");--legacy-rail-image:url("https://faculty.uaeu.ac.ae/mhajyousef/images/leftphoto.jpg")}
body{background-color:#ccc;background-image:var(--legacy-body-image);background-repeat:repeat;background-position:left top}
.faculty-frame{width:min(1380px,calc(100% - 40px));margin:20px auto;box-shadow:0 8px 35px #1426412e;border:1px solid #8292ac;background:white}
.faculty-shell{display:grid;grid-template-columns:160px minmax(0,1fr);align-items:stretch}
.heritage-rail{background-color:var(--heritage-blue);background-image:var(--legacy-rail-image);background-repeat:no-repeat;background-position:left bottom;border-right:2px solid #dfe5f2;min-width:0}
.heritage-inner{width:100%;padding:0 0 28px}
.heritage-art-link{display:block;width:100%;text-decoration:none}
.heritage-art{display:block;width:158px;max-width:100%;height:auto;aspect-ratio:158/632;object-fit:contain}
.heritage-caption{padding:16px 12px;color:white;line-height:1.6}
.heritage-site-link{font-weight:750;letter-spacing:.05em;color:white;text-decoration:none;font-size:.95rem}
.heritage-site-link:hover,.heritage-rail a:hover{color:#fff0bd;text-decoration:underline}
.heritage-caption p{font-size:.74rem;line-height:1.6;margin:.4rem 0 1rem;color:white}
.heritage-links{display:grid;gap:.4rem;font-size:.77rem}.heritage-links a{color:white;text-decoration:none;border-top:1px solid #ffffff3b;padding:.45rem 0;overflow-wrap:anywhere}
.heritage-rail a:focus-visible{outline-color:#ffda8f;outline-offset:-3px}
.page-panel{background:#fff;min-width:0}.page-panel .wrap{width:calc(100% - 48px);max-width:1180px}
.page-panel .site-footer{margin-top:0}.page-panel .hero-grid{gap:2.5rem;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}
.page-panel h1{font-size:clamp(2rem,3.2vw,3.35rem)}
.video-link>div{min-width:0}.card h3{overflow-wrap:anywhere}
.compatibility-content{padding-block:3rem;min-height:70vh}
@media(max-width:1150px){.faculty-frame{width:calc(100% - 24px);margin:12px auto}.page-panel .wrap{width:calc(100% - 36px)}.page-panel .hero-grid{gap:1.5rem}.page-panel .hero-portrait{max-width:250px}.page-panel .cards:not(.two){grid-template-columns:repeat(2,minmax(0,1fr))}.page-panel .split{grid-template-columns:minmax(0,1fr) 220px}.page-panel .main-nav a{font-size:.81rem;padding-inline:.5rem}.page-panel .smonad-nav{display:none}.page-panel .band{grid-template-columns:1fr}.page-panel .band .actions{justify-content:start}}
@media(max-width:920px) and (min-width:701px){.faculty-shell{grid-template-columns:112px minmax(0,1fr)}.heritage-art{width:110px}.heritage-caption{padding:14px 9px}.heritage-caption p,.heritage-links{font-size:.72rem}.page-panel .brand small{max-width:30ch}.page-panel .tools button{display:none}.page-panel .hero-grid{grid-template-columns:minmax(0,1fr) 170px}.page-panel .split{grid-template-columns:1fr}.page-panel .hero-grid h1{font-size:2.25rem}.page-panel .download-access{grid-template-columns:1fr}}
@media(max-width:700px){.faculty-frame{width:calc(100% - 16px);margin:8px auto}.faculty-shell{display:flex;flex-direction:column}.heritage-rail{border-right:0;border-bottom:2px solid #dfe5f2;background-position:left bottom;background-size:auto 100%}.heritage-inner{display:flex;gap:15px;padding:0 15px;align-items:center;direction:ltr}.heritage-art-link{width:28px;flex:0 0 28px}.heritage-art{width:28px;height:112px}.heritage-caption{padding:10px 0;min-width:0;direction:inherit}.heritage-caption p{margin:.15rem 0 .4rem;font-size:.76rem}.heritage-site-link{font-size:.9rem}.heritage-links{display:flex;gap:.25rem .85rem;flex-wrap:wrap;font-size:.72rem}.heritage-links a{border:0;padding:0;line-height:1.6}.page-panel .wrap{width:calc(100% - 28px)}.page-panel .hero-grid{grid-template-columns:1fr;gap:1.5rem}.page-panel .hero-portrait{max-width:none}.page-panel h1,.page-panel .hero-grid h1{font-size:clamp(1.85rem,6.7vw,2.55rem)}.page-panel .cards,.page-panel .cards.two,.page-panel .cards:not(.two){grid-template-columns:1fr}.page-panel .split{grid-template-columns:1fr}.page-panel .main-nav a{font-size:.87rem;padding:.65rem .6rem}.page-panel .institution-bar .wrap{font-size:.65rem}.page-panel .brand strong{font-size:.94rem}.page-panel .brand small{font-size:.67rem}.page-panel .tools a{font-size:.75rem}.page-panel .brand img{width:32px;height:32px}.page-panel .brand{gap:.6rem}.page-panel .brand-row{gap:.4rem}.compatibility-content{min-height:40vh}body[dir=rtl] .heritage-caption{direction:rtl;text-align:right}}
@media print{body{background:white!important}.faculty-frame{width:100%;margin:0;border:0;box-shadow:none}.university-header,.heritage-rail{display:none!important}.faculty-shell{display:block}.page-panel .wrap{width:100%}.page-panel .hero-grid,.page-panel .split,.page-panel .cards{display:block}}


/* One shared masthead: official UAEU logo + SMM mark + author name once.
   It replaces the v3 university strip and the separate personal header.
   The existing left rail, background URLs and sticky menu are unchanged. */
.unified-header{background:#fff;border-bottom:3px solid #d09b4a}
.unified-header>.wrap,.unified-header .institution-bar .wrap{width:calc(100% - 48px);max-width:none}
.unified-header .brand-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;padding-block:18px}
.unified-header .university-logo-link{display:flex;align-items:center;justify-content:center;width:clamp(190px,20vw,260px);min-width:0;min-height:72px;padding-inline-end:24px;border-inline-end:1px solid var(--line);color:#173e63;text-decoration:none;direction:ltr}
.unified-header[dir=rtl] .university-logo-link{padding-inline-end:0;padding-inline-start:24px;border-inline-end:0;border-inline-start:1px solid var(--line)}
.university-logo-image{display:block;width:100%;height:72px;max-width:100%;object-fit:contain;object-position:center}
.university-logo-image[hidden],.university-logo-fallback[hidden]{display:none!important}
.university-logo-fallback{display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.55;max-width:100%;text-align:center;color:#173e63}
.university-logo-fallback strong{font-size:1.02rem;font-weight:700}
.university-logo-fallback>span{font-size:.78rem;font-weight:600}
.unified-header .brand{min-width:0;gap:14px}
.unified-header .brand>span{min-width:0}
.unified-header .brand img{width:51px;height:51px;flex:0 0 51px}
.unified-header .brand strong{font-size:clamp(1.08rem,1.5vw,1.3rem);line-height:1.35;overflow-wrap:normal}
.unified-header .brand small{font-size:.8rem;line-height:1.5;margin-top:.25rem;max-width:none}
.unified-header .tools{margin:0;justify-content:flex-end;gap:.4rem}
.unified-header .tools a{white-space:nowrap;min-height:40px;display:inline-flex;align-items:center;justify-content:center}
@media(max-width:1080px){
 .unified-header .brand-row{gap:18px;padding-block:15px}
 .unified-header .university-logo-link{width:210px;padding-inline-end:18px}
 .unified-header[dir=rtl] .university-logo-link{padding-inline-end:0;padding-inline-start:18px}
 .unified-header .tools button{display:none}
 .unified-header .brand img{width:44px;height:44px;flex-basis:44px}
 .unified-header .brand strong{font-size:1.1rem}
 .unified-header .brand small{font-size:.76rem}
}
@media(max-width:820px) and (min-width:701px){
 .unified-header .brand-row{gap:14px}
 .unified-header .university-logo-link{width:180px;padding-inline-end:14px}
 .unified-header[dir=rtl] .university-logo-link{padding-inline-end:0;padding-inline-start:14px}
 .unified-header .brand{gap:10px}
 .unified-header .brand strong{font-size:1.02rem}
 .university-logo-fallback strong{font-size:.92rem}
 .university-logo-fallback>span{font-size:.7rem}
}
@media(max-width:700px){
 .unified-header>.wrap,.unified-header .institution-bar .wrap{width:calc(100% - 28px)}
 .unified-header .brand-row{grid-template-columns:minmax(0,1fr) auto;gap:14px 10px;padding-block:13px}
 .unified-header .university-logo-link,.unified-header[dir=rtl] .university-logo-link{grid-column:1;grid-row:1;width:min(190px,100%);min-height:54px;border:0;padding:0;justify-self:start}
 .university-logo-image{height:54px}
 .university-logo-fallback{gap:1px}
 .university-logo-fallback strong{font-size:.87rem}
 .university-logo-fallback>span{font-size:.68rem}
 .unified-header .tools{grid-column:2;grid-row:1}
 .unified-header .tools a{font-size:.76rem;padding:.25rem .5rem}
 .unified-header .brand{grid-column:1/-1;grid-row:2;gap:11px}
 .unified-header .brand img{width:38px;height:38px;flex-basis:38px}
 .unified-header .brand strong{font-size:1rem;line-height:1.35}
 .unified-header .brand small{font-size:.71rem;max-width:none}
}
@media print{.unified-header{display:none!important}}