/**
 * Emirates Scholar theme — full design system (matches the agreed mockup).
 */
:root{
  --esc-ink:#141618; --esc-tx:#242a2d; --esc-mut:#5b6670; --esc-faint:#8a938d;
  --esc-green:#007A3D; --esc-green-d:#00612f; --esc-green-tint:#eef4f0; --esc-green-line:#cfe3d7;
  --esc-red:#C8102E; --esc-paper:#f5f7f6; --esc-line:#e4e8e6; --esc-line2:#eef1ef; --esc-band:#f0f5f2;
  --esc-sans:'Cairo',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --esc-mono:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  --esc-maxw:1200px;
}

/* ---- Typography ---- */
body,.pkp_structure_page,input,select,textarea,button,h1,h2,h3,h4,h5,h6,.cmp_button,.pkp_navigation_primary a{
  font-family:var(--esc-sans) !important;
}
h1,h2,h3,h4{ font-weight:700; letter-spacing:-.005em; }
body{ color:var(--esc-tx); }
a{ color:var(--esc-green-d); }
a:hover{ color:var(--esc-green); }
.pkp_structure_page a{ text-decoration:none !important; }
/* Strip the default theme's margins & line-heights from content elements (per request) */
.pkp_structure_main p,
.pkp_structure_main ul,
.pkp_structure_main h1,
.pkp_structure_main h2,
.pkp_structure_main h3,
.pkp_structure_main h4{
  margin:0 !important;
  line-height:normal !important;
}
.esc-wrap{ max-width:var(--esc-maxw); margin:0 auto; padding:0 24px; }

/* ==========================================================
   HEADER (utility bar + breadcrumb + journal nav) — from header.tpl
   ========================================================== */
.pkp_structure_head{ background:#fff !important; border-bottom:none !important; }
.esc-util{ background:#fff; border-bottom:1px solid var(--esc-line); }
.esc-util-in{ max-width:var(--esc-maxw); margin:0 auto; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:18px; height:72px; }
.esc-util .esc-logo img{ height:46px; width:auto; display:block; }
.esc-util nav{ display:flex; align-items:center; gap:24px; }
.esc-util nav a{ font-size:14px; color:var(--esc-tx); font-weight:500; }
.esc-util nav a:hover{ color:var(--esc-green-d); }
.esc-util .esc-tools{ display:flex; align-items:center; gap:12px; }
.esc-util .esc-search{ display:flex; align-items:center; gap:8px; border:1px solid var(--esc-line); border-radius:8px; padding:8px 12px; color:var(--esc-mut); font-size:13px; background:var(--esc-paper); }
.esc-util .esc-subm{ background:var(--esc-red); color:#fff !important; font-size:13px; font-weight:600; padding:10px 16px; border-radius:8px; white-space:nowrap; }
.esc-util .esc-subm:hover{ background:#a50d26; }
.esc-util .esc-burger{ display:none; }

.esc-crumb{ border-bottom:1px solid var(--esc-line2); background:#fff; }
.esc-crumb-in{ max-width:var(--esc-maxw); margin:0 auto; padding:0 24px; height:42px; display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--esc-mut); overflow-x:auto; white-space:nowrap; }
.esc-crumb-in a:hover{ color:var(--esc-green-d); }
.esc-crumb-in .sep{ color:var(--esc-faint); }

/* journal nav — white, green active */
.esc-jnav{ background:#fff; border-top:1px solid var(--esc-line2); position:sticky; top:0; z-index:40; }
.esc-jnav-in{ max-width:var(--esc-maxw); margin:0 auto; padding:0 24px; display:flex; align-items:stretch; gap:2px; min-height:52px; }
.esc-jnav a.ji{ display:flex; align-items:center; gap:6px; color:var(--esc-tx); font-size:14px; font-weight:600; padding:0 15px; border-bottom:3px solid transparent; white-space:nowrap; }
.esc-jnav a.ji:hover{ color:var(--esc-green-d); }
.esc-jnav a.ji.active,.esc-jnav .pkp_navigation_primary > li.current > a{ color:var(--esc-green-d); border-bottom-color:var(--esc-green); }
/* render the OJS primary menu inside the journal nav */
.esc-jnav .pkp_navigation_primary{ display:flex; align-items:stretch; gap:2px; margin:0; padding:0; list-style:none; background:transparent; }
.esc-jnav .pkp_navigation_primary > li > a{ display:flex; align-items:center; color:var(--esc-tx) !important; font-size:14px; font-weight:600; padding:0 15px; height:100%; border-bottom:3px solid transparent; }
.esc-jnav .pkp_navigation_primary > li > a:hover{ color:var(--esc-green-d) !important; }
.esc-jnav .pkp_navigation_primary li ul{ background:#fff; border:1px solid var(--esc-line); border-top:2px solid var(--esc-green); box-shadow:0 18px 40px -16px rgba(0,0,0,.28); }
.esc-jnav .pkp_navigation_primary li ul a{ color:var(--esc-tx) !important; }
.esc-jnav .pkp_navigation_primary li ul a:hover{ background:var(--esc-green-tint); color:var(--esc-green-d) !important; }
.esc-jnav .esc-spacer{ flex:1; }
.esc-jnav .esc-jsubmit{ align-self:center; background:var(--esc-green); color:#fff !important; font-size:13px; font-weight:600; padding:8px 16px; border-radius:7px; white-space:nowrap; }
.esc-jnav .esc-jsubmit:hover{ background:var(--esc-green-d); }
.esc-jnav .pkp_navigation_search_wrapper a{ color:var(--esc-mut) !important; }

/* ==========================================================
   Drop the default block sidebar on ES pages, go full width
   ========================================================== */
.pkp_structure_content:has(.esc-home) .pkp_structure_sidebar,
.pkp_structure_content:has(.esc-article) .pkp_structure_sidebar,
.pkp_structure_content:has(.esc-issue) .pkp_structure_sidebar{ display:none !important; }
.pkp_structure_content:has(.esc-home) .pkp_structure_main,
.pkp_structure_content:has(.esc-article) .pkp_structure_main,
.pkp_structure_content:has(.esc-issue) .pkp_structure_main{
  width:100% !important; max-width:100% !important; float:none !important;
  padding:0 !important; margin:0 !important; border:none !important; box-shadow:none !important; background:transparent !important;
}
.pkp_structure_content:has(.esc-home),
.pkp_structure_content:has(.esc-article),
.pkp_structure_content:has(.esc-issue){
  padding:0 !important; margin:0 !important; border:none !important; box-shadow:none !important; max-width:100% !important; width:100% !important;
}
.esc-home{ max-width:none; padding:0; }
/* kill the default theme's 1px full-height column-separator pseudo-elements (the "hairline") */
.pkp_structure_content:has(.esc-home) .pkp_structure_main::before,
.pkp_structure_content:has(.esc-home) .pkp_structure_main::after,
.pkp_structure_content:has(.esc-article) .pkp_structure_main::before,
.pkp_structure_content:has(.esc-article) .pkp_structure_main::after,
.pkp_structure_content:has(.esc-issue) .pkp_structure_main::before,
.pkp_structure_content:has(.esc-issue) .pkp_structure_main::after{ content:none !important; display:none !important; background:none !important; }

/* ==========================================================
   Buttons
   ========================================================== */
.esc-btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; font-size:14px; padding:12px 18px; border-radius:8px; text-align:center; transition:.15s; border:1px solid transparent; }
.esc-btn-primary{ background:var(--esc-green); color:#fff !important; }
.esc-btn-primary:hover{ background:var(--esc-green-d); color:#fff !important; }
.esc-btn-ghost{ border-color:var(--esc-line); color:var(--esc-tx) !important; background:#fff; }
.esc-btn-ghost:hover{ border-color:var(--esc-green); color:var(--esc-green-d) !important; }
.esc-btn-white{ background:#fff; color:var(--esc-ink) !important; }
.esc-btn-white:hover{ background:#e7ecea; }

/* ==========================================================
   HOMEPAGE
   ========================================================== */
.esc-home{ background:#fff; }
.esc-home .esc-mast,
.esc-home .esc-grid,
.esc-home .esc-ctaband{ }

/* masthead */
.esc-mast{ background:linear-gradient(180deg,var(--esc-band),#fff); border-bottom:1px solid var(--esc-line); }
.esc-mast-in{ max-width:var(--esc-maxw); margin:0 auto; padding:34px 24px 30px; display:grid; grid-template-columns:150px 1fr minmax(210px,auto); gap:32px; align-items:start; }
.esc-cover{ width:150px !important; max-width:150px; height:auto; border-radius:8px; box-shadow:0 12px 30px -12px rgba(0,0,0,.42); }
.esc-mast-title{ font-size:clamp(23px,3vw,33px) !important; font-weight:700; color:var(--esc-ink); line-height:1.14; margin:0 0 12px; }
.esc-badges{ display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.esc-badge{ font-size:11.5px; font-weight:600; padding:4px 10px; border-radius:5px; }
.esc-badge.oa{ background:#fdeaed; color:var(--esc-red); }
.esc-badge.pr{ background:var(--esc-green-tint); color:var(--esc-green-d); }
.esc-badge.issn{ background:var(--esc-paper); color:var(--esc-mut); font-family:var(--esc-mono); font-weight:500; }
.esc-pub{ font-size:13.5px; color:var(--esc-mut); margin:0 0 14px; }
.esc-pub b{ color:var(--esc-tx); font-weight:600; }
.esc-scope{ font-size:14.5px; color:var(--esc-tx); max-width:62ch; line-height:1.62; margin:0; }
.esc-scope a{ color:var(--esc-green-d); font-weight:600; white-space:nowrap; }
.esc-mast-actions{ display:flex; flex-direction:column; gap:10px; }
.esc-mini{ font-size:12.5px; color:var(--esc-mut); text-align:center; margin:2px 0 0; }
.esc-mini a{ color:var(--esc-green-d); font-weight:600; }

/* metrics strip */
.esc-metrics{ max-width:var(--esc-maxw); margin:0 auto; display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--esc-line2); border-bottom:1px solid var(--esc-line); border-left:1px solid var(--esc-line2); border-right:1px solid var(--esc-line2); }
.esc-metric{ background:#fff; padding:20px; text-align:center; }
.esc-metric .n{ font-size:24px; font-weight:700; color:var(--esc-green-d); font-variant-numeric:tabular-nums; }
.esc-metric .n small{ font-size:13px; color:var(--esc-mut); font-weight:400; }
.esc-metric .l{ font-size:11.5px; color:var(--esc-mut); margin-top:3px; }

/* body grid */
.esc-grid{ max-width:var(--esc-maxw); margin:0 auto; padding:40px 24px 10px; display:grid; grid-template-columns:1fr 336px; gap:44px; }
.esc-sec-h{ display:flex; align-items:center; justify-content:space-between; gap:16px; padding-bottom:14px; border-bottom:2px solid var(--esc-ink); }
.esc-sec-h h2{ margin:0; font-size:22px; color:var(--esc-ink); }
.esc-viewall{ font-size:13.5px; color:var(--esc-green-d) !important; font-weight:600; white-space:nowrap; }

/* tabs */
.esc-tabs{ display:flex; gap:2px; border-bottom:1px solid var(--esc-line); margin:20px 0 0; flex-wrap:wrap; }
.esc-tab{ appearance:none; border:none; background:none; font-family:inherit; font-size:13.5px; font-weight:600; color:var(--esc-mut); padding:12px 16px; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px; }
.esc-tab:hover{ color:var(--esc-tx); }
.esc-tab[aria-selected="true"]{ color:var(--esc-green-d); border-bottom-color:var(--esc-green); }
.esc-panel{ display:none; }
.esc-panel.on{ display:block; animation:escfade .25s ease; }
@keyframes escfade{ from{opacity:0;transform:translateY(4px)} to{opacity:1;transform:none} }
.esc-issue-tag{ font-size:13px; color:var(--esc-mut); font-weight:600; margin:16px 0 0; }
.esc-empty{ color:var(--esc-mut); padding:20px 0; }

/* article grid (3-column cards) */
.esc-artgrid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:22px; }
.esc-artcard{ display:flex; flex-direction:column; gap:9px; border:1px solid var(--esc-line); border-radius:12px; padding:18px; background:#fff; transition:.15s; }
.esc-artcard:hover{ border-color:var(--esc-green-line); box-shadow:0 10px 24px -14px rgba(0,122,61,.4); }
.esc-atype{ font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--esc-green); margin:0; line-height:1; }
.esc-atitle{ font-size:16px; font-weight:700; line-height:1.2; margin:0; }
.esc-atitle a{ color:var(--esc-ink); }
.esc-atitle a:hover{ color:var(--esc-green-d); }
.esc-aauthors{ font-size:13px; color:var(--esc-mut); margin:0; font-weight:500; }
.esc-aexcerpt{ font-size:13.5px; color:var(--esc-tx); line-height:1.55; margin:0; flex:1; }
.esc-ameta{ font-size:12px; color:var(--esc-faint); font-family:var(--esc-mono); margin:0; }
.esc-aview{ align-self:flex-start; margin-top:6px; font-size:13px; font-weight:600; color:#fff !important; background:var(--esc-green); padding:8px 14px; border-radius:7px; }
.esc-aview:hover{ background:var(--esc-green-d); color:#fff !important; }

/* issue list (All issues tab — one per row) */
.esc-issuelist{ margin-top:22px; border-top:1px solid var(--esc-line2); }
.esc-issrow{ display:flex; align-items:center; gap:18px; padding:16px 6px; border-bottom:1px solid var(--esc-line2); text-decoration:none; transition:background .15s; }
.esc-issrow:hover{ background:var(--esc-paper); }
.esc-issrow-v{ font-weight:700; color:var(--esc-ink); font-size:16px; }
.esc-issrow:hover .esc-issrow-v{ color:var(--esc-green-d); }
.esc-issrow-c{ margin-left:auto; font-size:13px; color:var(--esc-mut); font-family:var(--esc-mono); white-space:nowrap; }
.esc-issrow-a{ font-size:13px; color:var(--esc-green-d); font-weight:600; white-space:nowrap; }

/* sidebar */
.esc-aside{ display:flex; flex-direction:column; gap:20px; }
.esc-card{ border:none; box-shadow:0 2px 16px -8px rgba(20,22,24,.12); border-radius:12px; overflow:hidden; background:#fff; }
.esc-newscard .esc-card-h{ padding:14px 16px; border-bottom:1px solid var(--esc-line); font-weight:700; text-transform:uppercase; font-size:13px; letter-spacing:.03em; color:var(--esc-ink); }
.esc-news-list{ padding:4px 16px; }
.esc-news-item{ display:flex; gap:12px; align-items:flex-start; padding:13px 0; border-bottom:1px solid var(--esc-line2); text-decoration:none; }
.esc-news-item:last-child{ border-bottom:none; }
.esc-news-thumb{ width:70px; height:52px; border-radius:6px; object-fit:cover; flex:none; background:#e6ece8; }
.esc-news-t{ flex:1; font-size:13px; font-weight:600; color:var(--esc-tx); line-height:1.38; }
.esc-news-item:hover .esc-news-t{ color:var(--esc-green-d); }
.esc-newsfoot{ display:block; padding:12px; text-align:center; color:var(--esc-green-d) !important; font-weight:600; background:var(--esc-paper); border-top:1px solid var(--esc-line2); }
.esc-newsfoot:hover{ background:var(--esc-green-tint); }
.esc-jcta{ background:var(--esc-green-tint); box-shadow:none; border:1px solid var(--esc-green-line); }
.esc-jcta{ padding:20px 18px; text-align:center; }
.esc-jt{ font-weight:700; color:var(--esc-green-d); font-size:16px; margin-bottom:8px; }
.esc-jlab{ font-size:13px; color:var(--esc-tx); margin-bottom:14px; line-height:1.5; }
.esc-jbtn{ display:block; background:var(--esc-green); color:#fff !important; font-weight:600; font-size:13.5px; padding:11px; border-radius:8px; text-align:center; }
.esc-jbtn:hover{ background:var(--esc-green-d); }

/* bottom CTA band (full-width block, no radius) */
.esc-ctaband{ background:var(--esc-ink); color:#e7ecea; margin-top:50px; padding:0; border-radius:0; max-width:none; width:100%; }
.esc-ctaband-in{ max-width:var(--esc-maxw); margin:0 auto; padding:44px 24px; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; }
.esc-ctaband-t h2{ font-size:clamp(22px,3vw,30px); font-weight:700; margin:0 0 8px; color:#fff; }
.esc-ctaband-t p{ margin:0; color:#a9b3ad; font-size:15px; max-width:52ch; }
.esc-ctaband-a{ display:flex; gap:12px; flex-wrap:wrap; }

/* ==========================================================
   INNER PAGES: article / issue / archive
   ========================================================== */
.esc-article,.esc-issue{ max-width:var(--esc-maxw); margin:0 auto; padding:18px 24px 10px; }
.esc-article h1,.esc-article .page_title,.esc-issue h1,.esc-issue h2,.esc-archive h1{ font-family:var(--esc-sans) !important; color:var(--esc-ink); }
.esc-article .galleys_links a,.esc-article .obj_galley_link,.esc-article .download a{ background:var(--esc-green) !important; color:#fff !important; border:1px solid var(--esc-green) !important; border-radius:8px !important; font-weight:600; }
.esc-article .item.doi a{ color:var(--esc-green-d); }
.esc-article-cta{ display:flex; flex-wrap:wrap; gap:20px; align-items:center; justify-content:space-between; background:var(--esc-ink); color:#e7ecea; border-radius:14px; padding:26px 28px; margin:34px 0; }
.esc-aci-t{ font-weight:700; color:#fff; font-size:20px; }
.esc-aci-p{ color:#a9b3ad; font-size:14px; }
.esc-aci-actions{ display:flex; gap:12px; flex-wrap:wrap; }
.esc-archive{ max-width:var(--esc-maxw); margin:0 auto; padding:18px 24px 10px; }
.esc-arch-title{ font-size:28px; font-weight:700; color:var(--esc-ink); margin:8px 0 4px; }
.esc-arch-sub{ color:var(--esc-mut); margin:0 0 24px; }
.esc-arch-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.esc-arch-card{ display:block; text-decoration:none; }
.esc-arch-cov{ aspect-ratio:3/4; border-radius:8px; overflow:hidden; box-shadow:0 10px 24px -14px rgba(0,0,0,.5),0 0 0 1px var(--esc-line); background:#06231a; }
.esc-arch-cov img{ width:100%; height:100%; object-fit:cover; display:block; }
.esc-arch-card:hover .esc-arch-cov{ box-shadow:0 16px 32px -14px rgba(0,122,61,.55),0 0 0 1px var(--esc-green-line); }
.esc-arch-ph{ width:100%; height:100%; display:flex; flex-direction:column; justify-content:space-between; padding:16px; color:#eef3ef; background:radial-gradient(circle at 30% 18%,#0d5a34,transparent 60%),linear-gradient(160deg,#053b23,#06231a); }
.esc-arch-ph span{ font-size:9px; letter-spacing:.16em; text-transform:uppercase; color:#9fe3bf; }
.esc-arch-ph b{ font-size:16px; }
.esc-arch-meta{ padding:12px 2px 0; }
.esc-arch-v{ font-weight:700; color:var(--esc-ink); font-size:15px; }
.esc-arch-c{ font-size:12px; color:var(--esc-green-d); }
.esc-pglink{ display:inline-block; margin:22px 14px 0 0; font-weight:600; color:var(--esc-green-d) !important; }

/* ==========================================================
   FOOTER
   ========================================================== */
.esc-footer{ background:#0d0f10; color:#9aa39d; font-size:13px; margin-top:0; }
.esc-footer-in{ max-width:var(--esc-maxw); margin:0 auto; padding:44px 24px 30px; display:grid; grid-template-columns:2fr 1fr 1fr 1fr; gap:30px; }
.esc-footer-about .esc-flogo{ height:42px; width:auto; margin:0 0 16px; display:block; }
.esc-footer-about p{ margin:0 0 14px; max-width:36ch; line-height:1.6; }
.esc-footer-about .esc-fissn{ font-family:var(--esc-mono); font-size:12px; color:#79837c; }
.esc-footer-col h4{ font-size:12px; letter-spacing:.08em; text-transform:uppercase; color:#cdd4cf; margin:0 0 14px; }
.esc-footer-col a{ display:block; color:#9aa39d; padding:5px 0; }
.esc-footer-col a:hover{ color:#fff; }
.esc-footer-btm{ border-top:1px solid #1e2320; }
.esc-footer-btm .esc-footer-in{ display:flex; flex-wrap:wrap; gap:12px 24px; justify-content:space-between; padding:18px 24px; font-size:12px; color:#79837c; }
/* hide the default OJS footer if it renders */
.pkp_structure_footer_wrapper{ display:none; }
@media(max-width:860px){ .esc-footer-in{ grid-template-columns:1fr 1fr; } }
@media(max-width:560px){ .esc-footer-in{ grid-template-columns:1fr; } }

/* ==========================================================
   MOBILE HAMBURGER MENU
   ========================================================== */
.esc-burger{ display:none; width:44px; height:44px; border:1px solid var(--esc-line); border-radius:8px; background:var(--esc-paper); color:var(--esc-ink); align-items:center; justify-content:center; cursor:pointer; flex:none; padding:0; }
.esc-mobile-menu{ position:fixed; inset:0; z-index:1000; background:#fff; display:flex; flex-direction:column; transform:translateX(100%); transition:transform .28s ease; visibility:hidden; }
.esc-mobile-menu.open{ transform:none; visibility:visible; }
.esc-mm-head{ display:flex; align-items:center; justify-content:space-between; padding:14px 20px; border-bottom:1px solid var(--esc-line); flex:none; }
.esc-mm-head img{ height:40px; width:auto; }
.esc-mm-close{ width:44px; height:44px; border:none; background:none; font-size:30px; line-height:1; color:var(--esc-ink); cursor:pointer; }
.esc-mm-viewport{ flex:1; overflow-y:auto; overflow-x:hidden; position:relative; }
.esc-mm-track{ display:flex; width:200%; transition:transform .28s ease; }
.esc-mm-track.show-sub{ transform:translateX(-50%); }
.esc-mm-panel{ width:50%; padding:6px 0 30px; }
.esc-mm-item{ display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; padding:17px 24px; font-size:17px; font-weight:600; color:var(--esc-ink); border:none; border-bottom:1px solid var(--esc-line2); background:none; text-align:left; cursor:pointer; text-decoration:none !important; font-family:inherit; }
.esc-mm-item:hover,.esc-mm-item:active{ background:var(--esc-paper); }
.esc-chev{ color:var(--esc-mut); font-size:22px; }
.esc-mm-back{ display:flex; align-items:center; gap:8px; width:100%; padding:15px 24px; font-size:15px; font-weight:700; color:var(--esc-green-d); border:none; border-bottom:1px solid var(--esc-line); background:var(--esc-paper); cursor:pointer; font-family:inherit; }
.esc-mm-subtitle{ padding:16px 24px 6px; font-size:11.5px; text-transform:uppercase; letter-spacing:.08em; color:var(--esc-mut); font-weight:700; }
.esc-mm-submit{ display:block; margin:18px 24px 8px; text-align:center; background:var(--esc-green); color:#fff !important; font-weight:600; padding:15px; border-radius:8px; border-bottom:none !important; }
.esc-mm-submit:hover{ background:var(--esc-green-d); }

/* ==========================================================
   RESPONSIVE
   ========================================================== */
@media(max-width:1000px){ .esc-grid{ grid-template-columns:1fr 300px; gap:32px; } }
@media(max-width:860px){
  .esc-util .esc-burger{ display:inline-flex; }
  .esc-jnav{ display:none; }
  .esc-util .esc-search{ display:none; }
  .esc-util .esc-subm{ display:none; }
  .esc-util nav{ display:none; }
  .esc-mast-in{ grid-template-columns:120px 1fr; gap:24px; }
  .esc-mast-actions{ grid-column:1 / -1; flex-direction:row; flex-wrap:wrap; }
  .esc-mast-actions .esc-btn{ flex:1; min-width:160px; }
  .esc-mini{ flex-basis:100%; }
  .esc-metrics{ grid-template-columns:repeat(3,1fr); }
  .esc-metric:nth-child(4),.esc-metric:nth-child(5){ border-top:1px solid var(--esc-line2); }
  .esc-grid{ grid-template-columns:1fr; gap:34px; }
  .esc-ctaband-in{ grid-template-columns:1fr; }
  .esc-arch-grid{ grid-template-columns:repeat(3,1fr); }
  .esc-artgrid{ grid-template-columns:repeat(2,1fr); }
  .esc-jnav-in{ overflow-x:auto; }
}
@media(max-width:560px){
  .esc-mast-in{ grid-template-columns:1fr; }
  .esc-cover{ margin:0 auto; }
  .esc-metrics{ grid-template-columns:1fr 1fr; }
  .esc-metric:nth-child(5){ grid-column:1 / -1; }
  .esc-arch-grid{ grid-template-columns:1fr 1fr; }
  .esc-artgrid{ grid-template-columns:1fr; }
  .esc-issuegrid{ grid-template-columns:1fr 1fr; }
  .esc-ctaband{ padding:30px 22px; }
}