/* ===== AglaSem News (child of AglaSem Base) ===== */
:root{--n-ent:#3355B4;--n-comp:#6a3fc8;--n-sch:#1c8a4d;--n-uni:#b4630f;--n-oth:#5c6577}

/* brand + trending strip */
.agn-brand-tag{display:inline-block;margin-left:8px;padding:2px 9px;border-radius:999px;background:#fff;color:var(--blue);font:800 12px/1.6 var(--font);letter-spacing:.04em;text-transform:uppercase;vertical-align:4px}
.ag-strip .wrap::before{content:"Trending";font-weight:800;color:#fff;letter-spacing:.04em;text-transform:uppercase;font-size:11.5px;margin-right:2px}
.ag-strip a:hover{color:#fff;text-decoration:none}

/* section colour chips */
.agn-chip{display:inline-block;font-size:11.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--n-oth);text-decoration:none!important;line-height:1.3}
.agn-chip:hover{text-decoration:underline!important}
.agn-c-ent .agn-chip,.agn-chip.agn-c-ent{color:var(--n-ent)} .agn-chip.agn-c-comp{color:var(--n-comp)} .agn-chip.agn-c-sch{color:var(--n-sch)} .agn-chip.agn-c-uni{color:var(--n-uni)}

/* images */
.agn-img{display:block;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:var(--surface)}
.agn-img img,.agn-img .agn-i{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}
a.agn-tl:hover .agn-i{transform:scale(1.03)}
.agn-noimg{display:grid;place-items:center;background:linear-gradient(135deg,var(--tint),#dfe6fb)}
.agn-noimg span{font:400 clamp(14px,2.2vw,26px) Pacifico,cursive;color:var(--blue);opacity:.35}
.agn-mini .agn-noimg span{font-size:11px}

/* cards */
.agn-card .agn-b{padding-top:10px;display:flex;flex-direction:column;gap:5px}
.agn-card .agn-t{margin:0;font-size:16.5px;line-height:1.35;font-weight:700}
.agn-card .agn-t a,.agn-row .agn-t a,.agn-mini .agn-t{color:var(--strong);text-decoration:none}
.agn-card .agn-t a:hover,.agn-row .agn-t a:hover,.agn-mini .agn-t:hover{color:var(--blue);text-decoration:underline}
.agn-m{font-size:12.5px;color:var(--muted);display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.agn-s{margin:0;color:var(--muted);font-size:14.5px;line-height:1.55}
.agn-lead .agn-t{font-size:clamp(22px,2.6vw,30px);line-height:1.22;font-weight:800;letter-spacing:-.015em}
.agn-lead .agn-s{font-size:16px}
.agn-mini{display:grid;grid-template-columns:84px minmax(0,1fr);gap:12px;align-items:start;padding:10px 0;border-top:1px solid var(--line)}
.agn-mini .agn-img{aspect-ratio:1/1;border-radius:8px}
.agn-mini .agn-t{display:block;font-weight:600;font-size:14.5px;line-height:1.38}
.agn-mini .agn-m{margin-top:4px}

/* rows */
.agn-list{display:flex;flex-direction:column}
.agn-row{display:grid;grid-template-columns:220px minmax(0,1fr);gap:18px;padding:16px 0;border-top:1px solid var(--line)}
.agn-row:first-child{border-top:0;padding-top:4px}
.agn-row .agn-b{display:flex;flex-direction:column;gap:6px;min-width:0}
.agn-row .agn-t{margin:0;font-size:18px;line-height:1.32;font-weight:700}
@media(max-width:640px){.agn-row{grid-template-columns:116px minmax(0,1fr);gap:12px}.agn-row .agn-t{font-size:15.5px}.agn-row .agn-s{display:none}.agn-row .agn-img{aspect-ratio:4/3}}

/* section headings */
.agn-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:19px;font-weight:800;margin:0 0 12px;padding-bottom:9px;border-bottom:2px solid var(--strong)}
.agn-h a{color:var(--strong);text-decoration:none}
.agn-h .more{font-size:13px;font-weight:600;color:var(--blue)}
.agn-c-ent .agn-h{border-color:var(--n-ent)} .agn-c-comp .agn-h{border-color:var(--n-comp)} .agn-c-sch .agn-h{border-color:var(--n-sch)} .agn-c-uni .agn-h{border-color:var(--n-uni)}

/* home */
.agn-top{padding:18px 0 8px;border-bottom:1px solid var(--line)}
.agn-home-h1{font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px}
.agn-top-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:26px;padding-bottom:18px}
.agn-top-side{display:grid;grid-template-columns:1fr 1fr;gap:18px 18px;align-content:start}
.agn-top-side .agn-t{font-size:15px}
@media(max-width:980px){.agn-top-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:520px){.agn-top-side{grid-template-columns:1fr}}
.agn-secgrid{display:grid;grid-template-columns:1fr 1fr;gap:28px 28px}
@media(max-width:720px){.agn-secgrid{grid-template-columns:1fr}}
.agn-sec .agn-card{margin-bottom:4px}

/* sidebar */
.agn-side h3{margin:0 0 10px;font-size:15px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.agn-side .agn-mini:first-of-type{border-top:0;padding-top:0}
.agn-rank{list-style:none;margin:0;padding:0;counter-reset:r}
.agn-rank li{counter-increment:r;display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;padding:9px 0;border-top:1px solid var(--line);font-size:14.5px;line-height:1.38}
.agn-rank li:first-child{border-top:0;padding-top:0}
.agn-rank li::before{content:counter(r);font:800 22px/1 var(--font);color:var(--blue);opacity:.75}
.agn-rank a{color:var(--strong);font-weight:600;text-decoration:none}
.agn-rank a:hover{color:var(--blue);text-decoration:underline}
.agn-secs{list-style:none;margin:0;padding:0}
.agn-secs li{border-top:1px solid var(--line)} .agn-secs li:first-child{border-top:0}
.agn-secs a{display:block;padding:8px 0 8px 12px;font-weight:600;color:var(--strong);border-left:3px solid var(--n-oth)}
.agn-secs a.agn-c-ent{border-color:var(--n-ent)} .agn-secs a.agn-c-comp{border-color:var(--n-comp)} .agn-secs a.agn-c-sch{border-color:var(--n-sch)} .agn-secs a.agn-c-uni{border-color:var(--n-uni)}
.agn-tags,.agn-topics{display:flex;flex-wrap:wrap;gap:7px}
.agn-tags a,.agn-topics a{font-size:13px;padding:5px 11px;border-radius:999px;background:var(--tint);color:var(--blue-700);font-weight:500;text-decoration:none}
.agn-tags a:hover,.agn-topics a:hover{background:var(--blue);color:#fff}

/* article */
.agn-ahero{background:#fff;padding-bottom:20px}
.agn-ahero-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;align-items:center}
.agn-ahero-grid.has-img{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.agn-ahero-grid .agn-feat{margin-top:14px}
@media(max-width:980px){.agn-ahero-grid.has-img{grid-template-columns:minmax(0,1fr);gap:16px}.agn-ahero-grid .agn-feat{margin-top:0}}
.agn-ahero .agn-chip{margin-top:12px}
.agn-ahero h1{font-size:clamp(25px,3.4vw,38px);line-height:1.18;letter-spacing:-.02em;margin:6px 0 0}
.agn-standfirst{font-size:18.5px;line-height:1.55;color:#3a4252;margin:12px 0 0;font-weight:400}
.agn-byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:16px;font-size:13.5px;color:var(--muted)}
.agn-byline .av{width:30px;height:30px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-weight:800;font-size:13px;margin-right:-8px}
.agn-byline b{color:var(--ink)}
.agn-byline span+span:not(:nth-child(2))::before{content:"·";margin-right:16px;margin-left:-8px;opacity:.6}
.agn-share{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px}
.agn-share .lb,.agn-topics .lb{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:4px}
.agn-sh{font:600 13px var(--font);padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:#fff;color:var(--ink);text-decoration:none!important;cursor:pointer}
.agn-sh:hover{border-color:var(--blue);color:var(--blue)}
.agn-sh-wa{background:#e8f8ee;border-color:#bfe8cf;color:#14733b}
.agn-main-share{margin-top:0}
.agn-feat{margin:0}
.agn-feat img{width:100%;height:auto;border-radius:12px;display:block;aspect-ratio:16/9;object-fit:cover;background:var(--surface)}
.agn-feat figcaption{font-size:13px;color:var(--muted);margin-top:6px}
.agn-body{font-size:17px;line-height:1.78}
.agn-body p{margin:0 0 16px}
.agn-body h2{font-size:23px;margin:30px 0 12px}
.agn-body h3{font-size:19px}
.agn-body blockquote{margin:18px 0;padding:4px 0 4px 18px;border-left:4px solid var(--blue);font-size:18px;color:#2b3342}
.agn-body blockquote cite{display:block;font-size:13.5px;font-style:normal;color:var(--muted);margin-top:6px}
.agn-body figure{margin:16px 0}
.agn-topics{align-items:center;padding-top:6px}
.agn-cards4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:980px){.agn-cards4{grid-template-columns:repeat(2,minmax(0,1fr))}}
.agn-cards4 .agn-t{font-size:15px}

/* legacy content from the old theme */
.jnews-faq-wrapper .list-wrapper{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin:0 0 10px}
.jnews-faq-wrapper .question{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--strong)}
.jnews-faq-wrapper .list-toogle{color:inherit;text-decoration:none!important;pointer-events:none}
.jnews-faq-wrapper .faq-icon{display:none}
.rank-math-faq-item{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin:0 0 10px}
.rank-math-question{margin:0 0 6px!important;font-size:16px!important}

/* archive */
.agn-arch h1 small{font-size:.55em;color:var(--muted);font-weight:500}
.agn-arch .agb-kicker{margin:10px 0 0;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.agn-arch.agn-c-ent .agb-kicker{color:var(--n-ent)} .agn-arch.agn-c-comp .agb-kicker{color:var(--n-comp)} .agn-arch.agn-c-sch .agb-kicker{color:var(--n-sch)} .agn-arch.agn-c-uni .agb-kicker{color:var(--n-uni)}
.agn-arch-top{grid-template-columns:minmax(0,1fr);gap:18px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.agn-arch-top .agn-top-side{grid-template-columns:1fr 1fr}
.agn-arch-top .agn-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:center}
.agn-arch-top .agn-lead .agn-b{padding-top:0}
.agn-arch-top .agn-lead .agn-t{font-size:clamp(20px,2.1vw,26px)}
@media(max-width:640px){.agn-arch-top .agn-lead{grid-template-columns:1fr;gap:0}.agn-arch-top .agn-lead .agn-b{padding-top:10px}}

/* small screens + polish */
.ag-strip .wrap{scrollbar-width:none}.ag-strip .wrap::-webkit-scrollbar{display:none}
.agn-ahero .ag-crumbs span[aria-current],.agn-ahero .ag-crumbs .sep:has(+ span[aria-current]){display:none}
@media(max-width:640px){
  .agn-standfirst{font-size:16.5px}
  .agn-byline{gap:4px 12px}
  .agn-byline span+span:not(:nth-child(2))::before{display:none}
  .agn-byline span:nth-child(n+3){font-size:12.5px}
  .agn-body{font-size:16.5px}
  .agn-share{gap:6px}.agn-sh{padding:6px 10px;font-size:12.5px}
  .agn-top-side{grid-template-columns:1fr 1fr;gap:14px}
  .agn-top-side .agn-t{font-size:14px}
  .agn-top-side .agn-chip{font-size:10.5px}
}