/* Shared IEEE identity and site navigation. Guide components live in styles.css. */
:root{--ieee-blue:#00629b;--ieee-green:#006341;--ieee-gold:#ffc72c;--ieee-purple:#772583}
.ieee-meta{background:#fff;color:#222;border-bottom:1px solid var(--line);font-family:'Open Sans',sans-serif}
.ieee-meta-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:3px 18px;min-height:38px}
.ieee-meta nav{display:flex;align-items:center;flex-wrap:wrap;gap:0 10px;font-size:12px;line-height:1.6}
.ieee-meta a{display:inline-flex;align-items:center;min-height:30px;white-space:nowrap;color:#222;font-size:12px;text-decoration:none}
.ieee-meta a:hover{text-decoration:underline}.ieee-meta a i{margin-left:4px}.ieee-meta sup{font-size:9px;align-self:flex-start;margin-top:4px}.ieee-meta nav>span{color:#666}
.ieee-membership-links{flex-shrink:0}
.site-header{position:sticky;top:0;z-index:30;background:var(--white);border-bottom:1px solid var(--line)}
.header-inner{display:grid;grid-template-columns:max-content 1fr max-content;align-items:center;gap:22px;direction:ltr;min-height:108px}
.site-identifier{display:flex;flex-direction:column;align-items:flex-start;gap:3px;color:var(--deep);text-align:left;text-decoration:none}
.site-identifier b{font-family:'Open Sans',sans-serif;font-size:23px;font-weight:700;line-height:1.45}
.site-identifier b span{font-size:18px}.site-identifier small{font-size:15px;color:var(--muted);line-height:1.5}
.bau-branch-logo{display:flex;align-items:center;justify-content:center;padding:8px;justify-self:end}
.bau-branch-logo img{display:block;width:220px;height:auto;max-width:100%;object-fit:contain}
.site-header nav{display:flex;justify-content:center;align-items:center;gap:18px}
.site-header nav a{position:relative;font-size:15px;line-height:1.7;font-weight:700;padding:16px 0;text-decoration:none;color:var(--ink);white-space:nowrap}
.site-header nav a:hover,.site-header nav a[aria-current]{color:var(--green)}
.site-header nav a[aria-current]::after{content:'';position:absolute;bottom:5px;inset-inline:0;height:2px;background:var(--green)}
.menu-toggle{display:none;background:transparent;direction:rtl}.menu-lines i{display:block;width:20px;height:2px;background:var(--green);margin:5px 0}.menu-label{font-size:15px}
.reading-progress{position:absolute;bottom:-1px;right:0;height:2px;background:var(--gold);width:0}
.button{display:inline-flex;align-items:center;justify-content:center;border:2px solid transparent;border-radius:50px;padding:10px 30px;min-height:48px;font-size:16px;font-weight:700;line-height:1.75;text-decoration:none;text-align:center;transition:background-color .4s,color .4s,border-color .4s}
.button-green{background:var(--green);border-color:var(--green);color:#fff}.button-green:hover{background:#000;border-color:#000}
.button-gold{background:var(--gold);border-color:var(--gold);color:var(--deep)}.button-gold:hover{background:#fff;border-color:#fff}
.button-outline{background:transparent;border-color:var(--green);color:var(--green)}.button-outline:hover{border-color:#000;color:#000}
.text-link:visited,.faq-answer a:visited,.sources-page a:not(.button):visited{color:var(--ieee-purple)}
.site-footer{background:var(--deep);color:#d5ddc9;padding-top:30px}
.footer-main{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:26px}
.site-footer .site-identifier{color:#f0f5e7}.site-footer .site-identifier small,.footer-main>p{color:#d2dfc4;font-size:15px}
.back-top{color:#ffe19b;display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.ieee-footer-links{display:flex;flex-wrap:wrap;gap:9px 22px;border-top:1px solid #5d7851;padding-block:22px}
.ieee-footer-links a{font-size:15px;color:#e3e9d9}.ieee-footer-links a:hover{color:#ffe19b}
.footer-bottom{border-top:1px solid #5d7851;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-block:16px;font-size:15px;color:#d2dfc4}.footer-bottom a{color:#ffe19b}
.ieee-copyright{padding:6px 0 28px;text-align:left}.ieee-copyright p{font-family:'Open Sans',sans-serif;font-size:15px;line-height:1.7;color:#d2dfc4;margin-top:7px}
@media(max-width:1150px){
  :root{--header-offset:174px}
  .header-inner{grid-template-columns:1fr auto;gap:0 20px;padding-block:8px;min-height:100px}
  .site-identifier{grid-column:1;grid-row:1;justify-self:start}.bau-branch-logo{grid-column:2;grid-row:1}.bau-branch-logo img{width:180px}
  .site-header nav{grid-column:1/-1;grid-row:2;gap:28px}.site-header nav a{padding-block:10px}
}
@media(max-width:700px){
  :root{--header-offset:160px}
  .ieee-meta-inner{flex-wrap:wrap;gap:0;padding:5px 12px}.ieee-meta nav{gap:0 8px}.ieee-membership-links{margin-left:auto}
  .header-inner{grid-template-columns:minmax(0,1fr) 172px;gap:0 8px;padding-block:4px}
  .site-identifier b{font-size:19px}.site-header .site-identifier b span{display:block;font-size:17px}.site-header .site-identifier small{display:none}
  .bau-branch-logo{padding:4px}.bau-branch-logo img{width:164px}
  .js .menu-toggle{display:flex;grid-row:2;grid-column:1/-1;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:5px 15px;border-top:1px solid var(--line);margin-top:4px}
  .site-header nav{grid-row:3;flex-wrap:wrap;gap:0 20px;padding-block:6px}
  .js .site-header nav{display:none;position:absolute;top:100%;inset-inline:0;margin:0;padding:10px 18px 18px;background:var(--white);border-bottom:1px solid #bbcbb0;max-height:calc(100dvh - 170px);overflow:auto;flex-direction:column;align-items:stretch;gap:0}
  .js .site-header nav.is-open{display:flex}.js .site-header nav a{padding:12px;min-height:48px;border-bottom:1px solid var(--line);font-size:15px}.site-header nav a[aria-current]::after{display:none}
  .button{padding-inline:24px;font-size:15px}
  .footer-main{flex-wrap:wrap;gap:20px}.footer-main .site-identifier{flex-basis:100%}.footer-main>p{font-size:15px}.back-top{font-size:15px}
  .ieee-footer-links{gap:12px 18px}.ieee-footer-links a,.footer-bottom,.ieee-copyright p{font-size:15px}
}
@media(max-width:359px){.header-inner{grid-template-columns:minmax(0,1fr) 146px}.site-identifier b{font-size:16px}.bau-branch-logo img{width:136px}}