/*
 * Yemen Al-Ghad modern presentation layer.
 * Loaded after main.css so the visual refresh is reversible and does not
 * replace the existing editorial/SEO markup.
 */
:root{
  --ayg-modern-red:#b30d2d;
  --ayg-modern-red-2:#e03a50;
  --ayg-modern-surface:rgba(255,255,255,.92);
  --ayg-modern-glass:rgba(255,255,255,.72);
  --ayg-modern-radius:18px;
  --ayg-modern-radius-sm:12px;
}
html[data-theme="dark"]{
  --ayg-modern-surface:rgba(26,29,35,.94);
  --ayg-modern-glass:rgba(21,23,28,.78);
}
body{background:linear-gradient(180deg,var(--ayg-bg-alt) 0%,var(--ayg-bg) 52%,var(--ayg-bg-alt) 100%)}
.ayg-brand-stripe{height:4px;background:linear-gradient(90deg,var(--ayg-modern-red),var(--ayg-modern-red-2),var(--ayg-gold));}
.ayg-topbar{background:var(--ayg-ink);color:var(--ayg-footer-link);border-bottom:1px solid rgba(255,255,255,.08)}
.ayg-header{background:var(--ayg-modern-surface);backdrop-filter:blur(14px);border-bottom:1px solid var(--ayg-line);box-shadow:0 8px 24px rgba(20,22,27,.05)}
.ayg-header-main{min-height:82px;gap:20px}
.ayg-logo{z-index:1}
.ayg-logo-link,.ayg-logo>a{display:inline-flex;align-items:center}
.ayg-header-actions{gap:10px}
.ayg-header-actions button,.ayg-sb-actions button{border:1px solid var(--ayg-line);background:var(--ayg-bg);border-radius:12px;min-width:40px;min-height:40px;transition:transform .18s ease,background .18s ease,border-color .18s ease}
.ayg-header-actions button:hover,.ayg-sb-actions button:hover{transform:translateY(-2px);background:var(--ayg-red);border-color:var(--ayg-red);color:#fff}
.ayg-nav{background:var(--ayg-ink);box-shadow:0 8px 20px rgba(20,22,27,.12)}
.ayg-nav .ayg-wrap{min-height:52px}
.ayg-nav .ayg-menu>li>a{font-weight:700;letter-spacing:-.01em}
.ayg-nav .ayg-menu>li.current-menu-item>a,.ayg-nav .ayg-menu>li>a:hover{color:#fff;background:var(--ayg-red);border-radius:10px}
.ayg-chips .ayg-chip{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:var(--ayg-footer-link)}
.ayg-home-title{font-size:clamp(1.45rem,2.6vw,2.3rem);letter-spacing:-.035em;margin:34px 0 18px;position:relative;padding-inline-start:18px}
.ayg-home-title::before{content:"";position:absolute;inset-inline-start:0;top:.15em;bottom:.15em;width:5px;border-radius:99px;background:linear-gradient(180deg,var(--ayg-modern-red),var(--ayg-gold))}
.ayg-hero,.ayg-latest-row,.ayg-main-layout{gap:24px}
.ayg-hero-main,.ayg-jz-main,.ayg-ocard,.ayg-hero-sub,.ayg-latest-lead,.ayg-latest-list,.ayg-section{border:1px solid var(--ayg-line);box-shadow:var(--ayg-shadow);border-radius:var(--ayg-modern-radius);overflow:hidden;background:var(--ayg-card)}
.ayg-hero-main,.ayg-jz-main,.ayg-ocard,.ayg-hero-sub{transition:transform .22s ease,box-shadow .22s ease}
.ayg-hero-main:hover,.ayg-jz-main:hover,.ayg-ocard:hover,.ayg-hero-sub:hover{transform:translateY(-3px);box-shadow:var(--ayg-shadow-lg)}
.ayg-hero-main img,.ayg-jz-main img,.ayg-ocard img,.ayg-hero-sub img{transition:transform .45s ease}
.ayg-hero-main:hover img,.ayg-jz-main:hover img,.ayg-ocard:hover img,.ayg-hero-sub:hover img{transform:scale(1.025)}
.ayg-hero-body,.ayg-jz-body{padding:20px}
.ayg-hero-body h2,.ayg-jz-body h2{font-size:clamp(1.25rem,2.3vw,2rem);letter-spacing:-.035em}
.ayg-hero-body h3,.ayg-jz-item-body h3{letter-spacing:-.025em}
.ayg-section{padding:22px}
.ayg-section-header{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.ayg-section-header::before{content:"";width:5px;height:28px;flex:0 0 5px;border-radius:99px;background:var(--ayg-red)}
.ayg-section-header h2{letter-spacing:-.035em}
.ayg-section-header a{margin-inline-start:auto;color:var(--ayg-red-text);font-weight:700}
.ayg-main-layout{align-items:start}
.ayg-sidebar,.ayg-widget{border-radius:var(--ayg-modern-radius-sm)}
.ayg-widget{border:1px solid var(--ayg-line);box-shadow:var(--ayg-shadow);background:var(--ayg-card)}
.ayg-widget-title{display:flex;align-items:center;gap:9px}
.ayg-widget-title::before{content:"";width:4px;height:22px;border-radius:99px;background:var(--ayg-red)}
.ayg-article{border:1px solid var(--ayg-line);border-radius:var(--ayg-modern-radius);box-shadow:var(--ayg-shadow);background:var(--ayg-card)}
.ayg-article-header{padding:clamp(20px,4vw,42px)}
.ayg-article-title{font-size:clamp(1.75rem,4vw,3rem);line-height:1.28;letter-spacing:-.045em}
.ayg-standfirst{font-size:clamp(1.04rem,1.5vw,1.22rem);line-height:1.9;color:var(--ayg-muted)}
.ayg-article-content{font-size:1.08rem;line-height:2;}
.ayg-article-content h2{font-size:clamp(1.3rem,2vw,1.75rem);margin-top:2.2em;padding-inline-start:14px;border-inline-start:4px solid var(--ayg-red)}
.ayg-article-content h3{margin-top:1.8em}
.ayg-article-content blockquote{border-inline-start:4px solid var(--ayg-gold);background:var(--ayg-bg-alt);border-radius:0 12px 12px 0;padding:16px 20px}
.ayg-article-content a{text-decoration:underline;text-decoration-color:var(--ayg-red-text);text-underline-offset:3px}
.ayg-article-content a:hover{text-decoration-color:var(--ayg-red-text)}
.ayg-breadcrumbs{font-size:.82rem}
.ayg-meta,.ayg-post-meta{color:var(--ayg-muted)}
.ayg-badge,.ayg-category-badge,.ayg-cat-badge{border-radius:999px}
.ayg-footer{margin-top:48px;border-top:4px solid var(--ayg-red)}
@media(max-width:900px){
  .ayg-header-main{min-height:72px}
  .ayg-home-title{margin-top:24px}
  .ayg-section{padding:16px;border-radius:14px}
  .ayg-hero-main,.ayg-jz-main,.ayg-ocard,.ayg-hero-sub,.ayg-latest-lead,.ayg-latest-list,.ayg-article{border-radius:14px}
}
@media(max-width:680px){
  .ayg-article-content{font-size:1.035rem;line-height:1.95}
  .ayg-article-title{font-size:1.72rem}
  .ayg-hero-body,.ayg-jz-body{padding:16px}
  .ayg-section-header{margin-bottom:14px}
}
@media(prefers-reduced-motion:reduce){
  .ayg-hero-main,.ayg-jz-main,.ayg-ocard,.ayg-hero-sub,.ayg-hero-main img,.ayg-jz-main img,.ayg-ocard img,.ayg-hero-sub img,.ayg-header-actions button,.ayg-sb-actions button{transition:none}
}
@media print{
  .ayg-header,.ayg-nav,.ayg-topbar,.ayg-brand-stripe{box-shadow:none}
  .ayg-article,.ayg-section{border:0;box-shadow:none}
}