
/* V6.2 — editorial identity inspired by the user's Amdaa newsroom, rebuilt for the encyclopedia */
:root{
  --am-navy:#0f2f63;
  --am-navy2:#08254f;
  --am-gold:#d9b341;
  --am-ink:#10264a;
  --am-paper:#ffffff;
  --am-bg:#f3f6f8;
}
body{background:var(--am-bg)}
.top{
  background:#fff!important;color:var(--am-ink)!important;border-bottom:1px solid #dfe5e8!important;
  box-shadow:0 3px 12px rgba(15,47,99,.06)
}
.top .topin{min-height:108px!important;gap:18px}
.logo{gap:14px!important}
.logo .mark{display:none!important}
.logo::before{
  content:"";width:72px;height:72px;flex:0 0 72px;background:url("brand-icon.svg") center/contain no-repeat
}
.logo b{font-size:clamp(1.55rem,3.4vw,2.65rem)!important;color:var(--am-ink)!important;line-height:1.15}
.logo small{color:#71808e!important}
.toptools button{
  width:48px!important;height:48px!important;border-radius:14px!important;background:var(--am-navy)!important;
  color:#fff!important;border:0!important;font-size:1.05rem!important
}
.toptools{color:#647585!important}
.mainnav{
  background:var(--am-navy)!important;border:0!important;box-shadow:none!important
}
.mainnav .wrap{justify-content:flex-start!important}
.mainnav a{
  color:#fff!important;font-weight:800!important;padding:15px 17px!important;border-inline-end:1px solid rgba(255,255,255,.12)
}
.mainnav a:hover{background:rgba(255,255,255,.1)!important;color:var(--am-gold)!important}

/* large entry logo */
.brand-splash{
  display:none;background:#fff;border-bottom:1px solid #e1e7ea;padding:28px 18px 24px;text-align:center
}
body.home-route .brand-splash{display:block}
.brand-splash img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(15,47,99,.14))}
.brand-splash h1{margin:10px 0 2px;color:var(--am-ink);font-size:clamp(2.5rem,7vw,5.2rem);line-height:1.08}
.brand-splash p{margin:0;color:#63717d;font-weight:800;letter-spacing:.01em}
.brand-splash .brand-rule{height:5px;max-width:360px;background:linear-gradient(90deg,transparent,var(--am-gold),transparent);margin:18px auto 0;border-radius:99px}

/* hero becomes newsroom entrance */
.hero{
  background:linear-gradient(125deg,var(--am-navy2),var(--am-navy))!important;padding:54px 0!important
}
.hero h1{font-size:clamp(2.2rem,5vw,4.8rem)!important}
.hero .badge{background:var(--am-gold)!important;color:var(--am-navy)!important;border:0!important;font-weight:900!important}
.searchbox button{background:var(--am-gold)!important;color:var(--am-navy)!important;font-weight:900}
.searchbox{border-radius:10px!important}
.hero-photo{border:1px solid rgba(255,255,255,.18)!important;border-radius:18px!important}
.hero-photo img{border-radius:12px!important}

/* editorial latest-news bar */
.gold-rail{
  position:relative!important;top:auto!important;background:var(--am-navy)!important;
  border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:none!important
}
.gold-rail .wrap{display:flex!important;overflow-x:auto!important;gap:0!important;padding:0!important}
.gold-btn{
  border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;
  padding:16px 18px!important;min-width:max-content!important;border-inline-end:1px solid rgba(255,255,255,.13)!important
}
.gold-btn:hover{background:rgba(255,255,255,.08)!important;color:var(--am-gold)!important;transform:none!important}
.gold-btn:first-child{background:var(--am-gold)!important;color:var(--am-navy)!important}

/* news/cards closer to the newspaper look */
.news-home{background:#fff;border-radius:26px;padding:28px!important;box-shadow:0 8px 28px rgba(15,47,99,.07)}
.news-home-head{border-right:6px solid var(--am-gold);padding-right:18px}
.news-home-head .badge{background:var(--am-gold)!important;color:var(--am-navy)!important;border:0!important}
.news-home-grid{display:block!important}
.news-card{
  grid-template-columns:190px minmax(0,1fr)!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;border-bottom:1px solid #dfe5e8!important;padding:20px 0!important;background:#fff!important
}
.news-card:last-child{border-bottom:0!important}
.news-card img{width:190px!important;height:135px!important;border-radius:18px!important;object-fit:cover!important}
.news-card h3{font-size:clamp(1.35rem,2.2vw,2rem)!important;color:var(--am-ink)!important}
.news-card .tag{background:var(--am-gold)!important;color:var(--am-navy)!important;border:0!important;font-weight:900}
.news-meta{color:#73808c!important}
.article-live-card{background:#fff!important;border-radius:26px!important;border:0!important}
.article-live-card h1{color:var(--am-ink)!important}
.article-live-card img{background:#fff!important;border-radius:20px!important}
.publisher-head,.notebook-head,.docreg-head{
  background:linear-gradient(135deg,var(--am-navy2),var(--am-navy))!important
}
.pub-btn.primary{background:var(--am-gold)!important;color:var(--am-navy)!important}
.share-row a,.share-row button{background:var(--am-navy)!important}

/* Mobile drawer — strong newspaper menu */
#drawer{
  background:rgba(15,47,99,.985)!important;color:#fff!important
}
#drawer #close{
  background:transparent!important;color:#fff!important;border:0!important;font-size:2.3rem!important;
  width:54px!important;height:54px!important
}
#drawerNav h3{color:var(--am-gold)!important;font-size:1rem!important;margin:18px 6px 6px!important}
#drawerNav .vlink{
  color:#fff!important;border-bottom:1px solid rgba(255,255,255,.22)!important;border-radius:0!important;
  padding:18px 8px!important;font-size:1.3rem!important;font-weight:800!important
}
#drawerNav .vlink:hover{background:rgba(255,255,255,.07)!important;color:var(--am-gold)!important}
#drawerNav .vicon{background:transparent!important;color:var(--am-gold)!important}
#shade{background:rgba(4,20,46,.62)!important}

/* page cards */
.card,.ministerial-card,.showcase-card,.gallery-item{
  border-color:#dfe6e9!important;box-shadow:0 8px 24px rgba(15,47,99,.06)!important
}
.card h3,.ministerial-card h3{color:var(--am-ink)!important}

/* desktop */
@media(min-width:1180px){
  .top .topin{min-height:128px!important}
  .logo::before{width:92px;height:92px;flex-basis:92px}
  .brand-splash{padding:38px 18px 32px}
  .brand-splash img{width:180px;height:180px}
  .news-card{grid-template-columns:240px minmax(0,1fr)!important}
  .news-card img{width:240px!important;height:165px!important}
}

/* mobile */
@media(max-width:980px){
  #drawer{width:min(100vw,520px)!important;padding-top:72px!important}
  .top .topin{min-height:100px!important}
}
@media(max-width:640px){
  .top .topin{min-height:92px!important;padding-inline:16px!important}
  .logo::before{width:62px;height:62px;flex-basis:62px}
  .logo b{font-size:1.62rem!important}
  .toptools button:not(#menu){display:none!important}
  .toptools #menu{display:inline-grid!important;place-items:center}
  .brand-splash img{width:122px;height:122px}
  .brand-splash h1{font-size:2.55rem}
  .hero{padding:38px 0!important}
  .news-home{border-radius:0;padding:20px 16px!important}
  .news-card{grid-template-columns:120px minmax(0,1fr)!important;gap:13px!important}
  .news-card img{width:120px!important;height:105px!important;border-radius:14px!important}
  .news-card h3{font-size:1.22rem!important}
}

/* V6.11 gallery image rebuild */
.showcase-card img,.gallery-item img{width:100%;aspect-ratio:16/9;object-fit:cover;object-position:center;border-radius:16px;background:#062832}
.showcase-card,.gallery-item{overflow:hidden}
