@font-face{font-family:'Arkan Dahab';src:url('fonts/ArkanDahab-Light.ttf') format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Arkan Dahab';src:url('fonts/ArkanDahab-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Arkan Dahab';src:url('fonts/ArkanDahab-Medium.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Arkan Dahab';src:url('fonts/ArkanDahab-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Arkan Dahab';src:url('fonts/ArkanDahab-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Arkan Dahab';src:url('fonts/ArkanDahab-Black.ttf') format('truetype');font-weight:900;font-style:normal;font-display:swap}
:root {
  --green-950: #08231f;
  --green-900: #0d2d27;
  --green-700: #2f6656;
  --green-600: #4d7d68;
  --mint: #e8f5ee;
  --cream: #f7f8f5;
  --ink: #10211d;
  --muted: #68746f;
  --accent: #d6a900;
  --radius: 16px;
  --shadow: 0 16px 45px rgba(3, 24, 19, .14);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family:'Arkan Dahab',Tahoma,Arial,sans-serif;
  line-height: 1.6;
}
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
.container { width: min(1180px, calc(100% - 32px)); margin-inline: auto; }

.site-header { background: var(--green-900); color: white; position: relative; z-index: 30; }
.topbar { min-height: 96px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.menu-toggle { grid-column: 1; justify-self: start; }
.brand-wrap { grid-column: 2; display: flex; align-items: center; justify-content: center; gap: 12px; }
.brand { display:flex; align-items:center; justify-content:center; }
.brand img { width: 190px; height: 58px; object-fit: contain; }
.header-tools { grid-column: 3; justify-self: end; }
.brand-copy { display: none; }
.header-tools { display: flex; align-items: center; gap: 10px; }
.icon-button, .menu-toggle { border: 0; color: white; background: transparent; font-size: 28px; cursor: pointer; }
.menu-toggle { display: none; }
.social-button { border: 1px solid rgba(255,255,255,.28); color: white; background: rgba(255,255,255,.05); padding: 8px 14px; border-radius: 999px; cursor: pointer; }
.main-nav { background: #050807; border-top: 1px solid rgba(255,255,255,.06); }
.nav-inner { height: 54px; display: flex; justify-content: center; align-items: center; gap: 42px; font-weight: 700; }
.nav-inner a { position: relative; padding: 16px 0; }
.nav-inner a::after { content:""; position:absolute; right:0; bottom:8px; width:0; height:3px; background:var(--accent); transition:.2s; }
.nav-inner a:hover::after, .nav-inner a.active::after { width:100%; }

.hero-section { background: #080b0a; padding: 24px 0; }
.hero-grid { display:grid; grid-template-columns: 280px 1fr; gap: 16px; }
.side-stories { display:flex; flex-direction:column; gap:12px; }
.side-card { min-height: 103px; position:relative; overflow:hidden; border-radius:13px; background:#1a2f29; color:#fff; }
.side-card img { height:100%; min-height:103px; object-fit:cover; opacity:.76; }
.side-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(1,9,7,.86),transparent 70%); }
.side-card h3 { position:absolute; z-index:2; right:13px; left:13px; bottom:8px; margin:0; font-size:14px; line-height:1.5; }
.main-story { min-height: 560px; position:relative; overflow:hidden; border-radius:var(--radius); background:var(--green-900); box-shadow:var(--shadow); }
.main-story img { height:560px; object-fit:cover; }
.story-overlay { position:absolute; inset:0; background:linear-gradient(0deg, rgba(2,17,13,.96), rgba(2,17,13,.05) 68%); }
.main-story-content { position:absolute; z-index:2; right:42px; left:42px; bottom:48px; color:#fff; }
.category-pill { display:inline-block; background:var(--green-600); padding:4px 12px; border-radius:999px; font-size:13px; }
.main-story h1 { font-size:clamp(32px,5vw,62px); margin:10px 0 0; line-height:1.15; max-width:850px; }
.main-story p { margin:8px 0 0; color:#e3ece8; }
.slider-dots { position:absolute; z-index:2; left:34px; bottom:20px; display:flex; gap:7px; }
.slider-dots span { width:18px; height:4px; border-radius:8px; background:rgba(255,255,255,.35); }
.slider-dots .active { width:42px; background:#fff; }

.section-pad { padding: 72px 0; }
.section-heading { display:flex; align-items:center; gap:14px; margin-bottom:28px; }
.section-heading h2 { font-size:30px; margin:0; }
.section-heading span { width:4px; height:34px; background:var(--green-700); border-radius:10px; order:-1; }
.latest-grid { display:grid; grid-template-columns:1.08fr .92fr; gap:38px; align-items:start; }
.featured-card { min-height:430px; position:relative; overflow:hidden; border-radius:var(--radius); }
.featured-card img { height:430px; object-fit:cover; }
.featured-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,27,20,.9),transparent 65%); }
.featured-copy { position:absolute; z-index:2; right:28px; left:28px; bottom:26px; color:#fff; }
.featured-copy span { font-size:13px; }
.featured-copy h3 { font-size:28px; margin:8px 0 0; }
.news-list { display:grid; grid-template-columns:1fr 1fr; gap:20px 28px; }
.news-item { display:grid; grid-template-columns:100px 1fr; gap:14px; align-items:center; border-bottom:1px solid #e7eae7; padding-bottom:16px; }
.news-item img { width:100px; height:76px; object-fit:cover; border-radius:10px; }
.news-item span { color:var(--green-600); font-size:12px; }
.news-item h3 { margin:3px 0 0; font-size:16px; line-height:1.45; }

.category-section { background:var(--green-600); padding:58px 0; color:#fff; position:relative; overflow:hidden; }
.category-section::before { content:""; position:absolute; inset:0; opacity:.08; background:radial-gradient(circle at 10% 50%,#fff 0 2px,transparent 3px); background-size:28px 28px; }
.category-wrap { position:relative; }
.section-heading.light span { background:#fff; }
.category-layout { display:grid; grid-template-columns:1.7fr .9fr; gap:24px; }
.large-card { min-height:420px; position:relative; overflow:hidden; border-radius:var(--radius); }
.large-card img { height:420px; object-fit:cover; }
.large-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(2,22,16,.92),transparent 70%); }
.large-card-copy { position:absolute; z-index:2; right:30px; bottom:26px; }
.large-card-copy span { font-size:13px; }
.large-card-copy h3 { margin:4px 0 0; font-size:32px; }
.compact-list { display:flex; flex-direction:column; gap:15px; }
.compact-card { display:grid; grid-template-columns:108px 1fr; gap:14px; align-items:center; background:rgba(0,0,0,.12); border:1px solid rgba(255,255,255,.13); padding:11px; border-radius:14px; }
.compact-card img { width:108px; height:80px; object-fit:cover; border-radius:9px; }
.compact-card h3 { margin:0; font-size:16px; }

.cards-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; }
.standard-card { border:1px solid #e5ebe7; border-radius:var(--radius); overflow:hidden; background:#fff; transition:.2s; }
.standard-card:hover { transform:translateY(-4px); box-shadow:var(--shadow); }
.standard-card img { height:210px; object-fit:cover; }
.standard-copy { padding:18px; }
.standard-copy span { color:var(--green-600); font-size:13px; }
.standard-copy h3 { margin:7px 0 0; font-size:19px; line-height:1.5; }

.site-footer { background:var(--green-900); color:white; padding-top:54px; }
.footer-grid { display:grid; grid-template-columns:1.7fr 1fr; gap:40px; }
.footer-brand img { width:180px; height:58px; object-fit:contain; }
.footer-brand h3 { margin:14px 0 2px; }
.footer-grid h4 { margin-top:0; }
.footer-grid a { display:block; color:#d8e7e1; margin:8px 0; }
.copyright { margin-top:40px; padding:18px; text-align:center; background:var(--green-950); color:#b9cdc5; font-size:13px; }

.search-modal { position:fixed; inset:0; z-index:100; display:none; place-items:center; background:rgba(0,0,0,.65); padding:18px; }
.search-modal.open { display:grid; }
.search-box { width:min(620px,100%); background:white; padding:28px; border-radius:18px; position:relative; }
.search-box button { position:absolute; left:16px; top:10px; border:0; background:transparent; font-size:30px; cursor:pointer; }
.search-box label { display:block; font-weight:700; margin-bottom:12px; }
.search-box input { width:100%; border:1px solid #ccd7d2; border-radius:12px; padding:14px 16px; outline:none; }
.search-box input:focus { border-color:var(--green-600); box-shadow:0 0 0 4px rgba(77,125,104,.15); }

@media (max-width: 900px) {
  .menu-toggle { display:block; }
  .brand-copy { display:none; }
  .main-nav { display:none; }
  .main-nav.open { display:block; }
  .nav-inner { height:auto; padding:14px 0; flex-direction:column; gap:8px; }
  .social-button { display:none; }
  .hero-grid, .latest-grid, .category-layout { grid-template-columns:1fr; }
  .side-stories { display:grid; grid-template-columns:1fr 1fr; order:2; }
  .main-story, .main-story img { min-height:480px; height:480px; }
  .news-list { grid-template-columns:1fr; }
  .cards-grid { grid-template-columns:1fr 1fr; }
}

@media (max-width: 620px) {
  .container { width:min(100% - 20px,1180px); }
  .topbar { min-height:78px; gap:10px; }
  .brand img { width:150px; height:46px; }
  .icon-button, .menu-toggle { font-size:24px; }
  .hero-section { padding-top:12px; }
  .main-story, .main-story img { min-height:410px; height:410px; }
  .main-story-content { right:20px; left:20px; bottom:42px; }
  .main-story h1 { font-size:32px; }
  .main-story p { font-size:14px; }
  .side-stories { grid-template-columns:1fr; }
  .section-pad { padding:48px 0; }
  .section-heading h2 { font-size:25px; }
  .featured-card, .featured-card img { min-height:360px; height:360px; }
  .category-section { padding:45px 0; }
  .large-card, .large-card img { min-height:360px; height:360px; }
  .large-card-copy h3 { font-size:25px; }
  .cards-grid { grid-template-columns:1fr; }
  .footer-grid { grid-template-columns:1fr; }
}
.article-page{max-width:900px}.article-page h1{font-size:clamp(34px,6vw,62px);line-height:1.25}.article-meta{color:var(--green-600)}.article-summary{font-size:21px;color:var(--muted)}.article-cover{border-radius:18px;max-height:560px;object-fit:cover;margin:30px 0}.article-body{font-size:20px;line-height:2.05;white-space:normal}.standard-copy p{color:var(--muted);margin-bottom:0}

.story-meta{font-size:12px;opacity:.75;margin-top:8px;direction:rtl}.light-meta{color:#fff;opacity:.9}.side-card .story-meta,.compact-card .story-meta{font-size:11px;margin-top:5px}

/* گووبخۆبراکەم typography system — Arkan Dahab */
body,button,input,textarea,select{font-family:'Arkan Dahab',Tahoma,Arial,sans-serif}
body{font-weight:400}
.nav-inner,.social-button,.category-pill,.section-heading h2,.footer-grid h4{font-weight:700}
.main-story h1,.featured-copy h3,.large-card-copy h3,.article-page h1{font-weight:900;letter-spacing:0}
.side-card h3,.news-item h3,.compact-card h3,.standard-copy h3{font-weight:700}
.main-story p,.article-summary,.article-body,.standard-copy p,.story-meta,.muted{font-weight:300}
.brand-copy,.footer-brand h3{font-weight:800}


/* Advertisement */
.ad-section{background:#fff;padding:26px 0 24px}
.ad-banner{display:block;position:relative;width:min(100%,1130px);margin-inline:auto;border-radius:14px;overflow:hidden}
.ad-banner img{width:100%;max-height:148px;object-fit:contain;background:#fff}
.ad-label{position:absolute;z-index:2;top:8px;right:10px;background:rgba(0,0,0,.65);color:#fff;padding:2px 8px;border-radius:999px;font-size:11px}

/* Two live clocks */
.site-clocks{display:flex;align-items:center;gap:10px;direction:rtl}
.site-clocks>div{display:grid;grid-template-columns:auto auto;column-gap:6px;align-items:baseline;padding:6px 9px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.05);white-space:nowrap}
.site-clocks span{font-size:10px;color:#bcd2ca}
.site-clocks strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;direction:ltr}
.site-clocks small{grid-column:1/-1;color:#fff;font-size:9px;opacity:.85}

/* Latest news ticker */
.news-ticker{height:46px;background:#211f1e;color:#fff;display:flex;align-items:stretch;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid #373330;position:relative;z-index:20}
.ticker-label{flex:0 0 auto;min-width:150px;display:flex;align-items:center;justify-content:center;padding:0 18px;background:var(--green-700);font-weight:800;white-space:nowrap}
.ticker-window{overflow:hidden;display:flex;align-items:center;flex:1;direction:ltr}
.ticker-track{display:flex;align-items:center;width:max-content;white-space:nowrap;animation:ticker-scroll 52s linear infinite;will-change:transform}
.ticker-track a{direction:rtl;padding:0 20px;font-weight:700}
.ticker-separator{font-size:8px;color:var(--accent)}
@keyframes ticker-scroll{from{transform:translateX(-50%)}to{transform:translateX(0)}}

/* Five-story slideshow */
.news-slider{min-height:560px;position:relative;overflow:hidden;border-radius:var(--radius);background:var(--green-900);box-shadow:var(--shadow)}
.news-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .65s ease,visibility .65s ease}
.news-slide.active{opacity:1;visibility:visible;z-index:1}
.news-slide>img{height:560px;object-fit:cover;transform:scale(1.025);transition:transform 6s ease}
.news-slide.active>img{transform:scale(1)}
.news-slider .story-overlay{z-index:1}
.news-slider .main-story-content{z-index:2}
.news-slider h1{font-size:clamp(32px,5vw,62px);margin:10px 0 0;line-height:1.15;max-width:850px;font-weight:900}
.slider-arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:44px;height:44px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(2,17,13,.45);color:#fff;font-size:32px;line-height:1;cursor:pointer;backdrop-filter:blur(6px)}
.slider-arrow:hover{background:var(--green-700)}
.slider-next{left:18px}.slider-prev{right:18px}
.news-slider .slider-dots{z-index:6}
.news-slider .slider-dots button{border:0;width:18px;height:4px;border-radius:8px;background:rgba(255,255,255,.38);padding:0;cursor:pointer;transition:.2s}
.news-slider .slider-dots button.active{width:42px;background:#fff}

/* Admin ad preview helpers */
.admin-section-title{margin-top:12px;padding-top:18px;border-top:1px solid #e2e8e5}
.admin-section-title h2{margin:0}
.admin-section-title p{margin:3px 0 0;color:#67736e}
.checkbox-field{display:flex!important;flex-direction:row!important;align-items:center;gap:10px}
.checkbox-field input{width:auto!important}
.ad-preview-admin{display:flex;align-items:center;justify-content:center;min-height:110px;margin:8px 0 10px;padding:10px;border:1px dashed #bdc9c4;border-radius:12px;background:#f8faf9}
.ad-preview-admin img{max-width:100%;max-height:120px;object-fit:contain}

@media(max-width:1100px){
  .site-clocks>div:nth-child(2){display:none}
}
@media(max-width:900px){
  .site-clocks{display:none}
  .ad-section{padding:14px 0}
  .news-slider,.news-slide>img{min-height:480px;height:480px}
}
@media(max-width:620px){
  .ad-section{padding:8px 0}
  .ad-banner{border-radius:8px}
  .ad-banner img{max-height:92px}
  .news-ticker{height:42px}
  .ticker-label{min-width:112px;padding:0 10px;font-size:13px}
  .ticker-track a{font-size:13px;padding:0 14px}
  .news-slider,.news-slide>img{min-height:410px;height:410px}
  .slider-arrow{width:36px;height:36px;font-size:26px}
  .slider-next{left:10px}.slider-prev{right:10px}
}
@media(prefers-reduced-motion:reduce){
  .news-slide,.news-slide>img{transition:none}
}




/* Compact date and view metadata placed only over news images */
.card-image-wrap,.news-thumb-wrap,.article-cover-wrap{position:relative;overflow:hidden}
.card-image-wrap{border-radius:inherit}
.card-image-wrap>img,.news-thumb-wrap>img{display:block;width:100%;height:100%;object-fit:cover}
.news-thumb-wrap{flex:0 0 auto;border-radius:10px}
.article-cover-wrap{border-radius:18px;margin:24px 0}
.article-cover-wrap .article-cover{display:block;width:100%;margin:0;border-radius:0}
.image-meta-overlay{position:absolute;right:10px;bottom:10px;z-index:4}
.post-meta{display:flex;align-items:center;gap:6px;direction:ltr;margin:0;color:#fff;font-size:11px;line-height:1;white-space:nowrap}
.meta-item{display:inline-flex;align-items:center;gap:4px;padding:5px 7px;border-radius:999px;background:rgba(4,18,14,.72);backdrop-filter:blur(5px);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.meta-item i{display:block;width:13px;height:13px;flex:0 0 13px;background-repeat:no-repeat;background-position:center;background-size:contain}
.meta-date i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M16 3v4M8 3v4M3 10h18'/%3E%3C/svg%3E")}
.meta-views i{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.5-6 10-6 10 6 10 6-3.5 6-10 6S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E")}
.meta-item b{font-family:'Arkan Dahab',Tahoma,Arial,sans-serif;font-weight:700;color:#fff;direction:ltr;unicode-bidi:isolate}
.meta-label{display:none}
.news-slide .post-meta,.featured-card .post-meta,.large-card .post-meta{font-size:12px}
.news-slide .light-meta{position:absolute;right:0;bottom:-34px}
.featured-card .light-meta,.large-card .light-meta{position:absolute;right:0;bottom:-32px}
.article-topline{display:flex;align-items:center;justify-content:flex-start;margin-bottom:12px;padding:0;border:0;background:transparent}
.article-category{display:inline-flex;align-items:center;padding:7px 14px;border-radius:999px;background:var(--green-700);color:#fff;font-weight:800}
.article-cover-wrap>.image-meta-overlay{right:14px;bottom:14px}
.article-cover-wrap .post-meta{font-size:13px}
.standard-card>.card-image-wrap{height:190px}
.side-card>.card-image-wrap{height:92px}
.compact-card>.card-image-wrap{height:110px}
.news-item>.news-thumb-wrap{width:112px;height:78px}
@media(max-width:620px){
 .image-meta-overlay{right:7px;bottom:7px}
 .post-meta{font-size:10px;gap:4px}
 .meta-item{padding:4px 6px;gap:3px}
 .meta-item i{width:11px;height:11px;flex-basis:11px}
 .article-cover-wrap>.image-meta-overlay{right:9px;bottom:9px}
 .article-cover-wrap .post-meta{font-size:11px}
 .standard-card>.card-image-wrap{height:175px}
}

.post-meta .meta-label{direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif;font-weight:700}

/* Light and dark color system */
:root{
  --page-bg:#ffffff;
  --surface:#ffffff;
  --surface-2:#f3f7f5;
  --text-main:#10231e;
  --text-muted:#65746e;
  --line:#dce6e1;
  --card-shadow:0 14px 38px rgba(9,35,29,.10);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --page-bg:#07110e;
  --surface:#0d1b17;
  --surface-2:#12241e;
  --text-main:#edf6f2;
  --text-muted:#a9bcb4;
  --line:#233a32;
  --card-shadow:0 18px 45px rgba(0,0,0,.34);
}
body{background:var(--page-bg);color:var(--text-main);transition:background-color .25s ease,color .25s ease}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center}
.theme-icon{font-size:20px;line-height:1}
html[data-theme="dark"] .ad-section,
html[data-theme="dark"] .latest-section,
html[data-theme="dark"] .section-pad,
html[data-theme="dark"] .search-modal{background:var(--page-bg)}
html[data-theme="dark"] .news-item,
html[data-theme="dark"] .side-card,
html[data-theme="dark"] .article-page,
html[data-theme="dark"] .search-box,
html[data-theme="dark"] .post-meta{background:var(--surface);color:var(--text-main);border-color:var(--line)}
html[data-theme="dark"] .news-item h3,
html[data-theme="dark"] .side-card h3,
html[data-theme="dark"] .section-heading h2,
html[data-theme="dark"] .article-page h1,
html[data-theme="dark"] .article-body,
html[data-theme="dark"] .article-summary{color:var(--text-main)}
html[data-theme="dark"] .story-meta,
html[data-theme="dark"] .meta-item,
html[data-theme="dark"] .article-summary{color:var(--text-muted)}
html[data-theme="dark"] .ad-banner img{background:#0a1512}
html[data-theme="dark"] .search-box input{background:var(--surface-2);color:var(--text-main);border-color:var(--line)}

/* Rich article content */
.article-body{font-size:20px;line-height:2;color:var(--text-main)}
.article-body h2{font-size:32px;line-height:1.45;margin:38px 0 14px}
.article-body h3{font-size:26px;line-height:1.5;margin:30px 0 12px}
.article-body p{margin:0 0 20px}
.article-body a{color:#1b7660;text-decoration:underline;text-underline-offset:4px}
.article-body blockquote{margin:28px 0;padding:18px 22px;border-right:5px solid var(--green-700);background:var(--surface-2);border-radius:12px;color:var(--text-main)}
.article-body figure{margin:32px 0;text-align:center}
.article-body figure img,.article-body>img{display:block;width:min(100%,1400px);height:auto;margin-inline:auto;border-radius:16px}
.article-body figcaption{margin-top:8px;color:var(--text-muted);font-size:14px}
.article-embed{position:relative;width:100%;aspect-ratio:16/9;margin:30px 0;border-radius:16px;overflow:hidden;background:#000}
.article-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:650px){.article-body{font-size:18px}.article-body h2{font-size:26px}.article-body h3{font-size:22px}}


/* Final polish improvements */
.standard-card,.news-item,.compact-card,.featured-card,.large-card,.side-card,.search-box,.article-page{box-shadow:var(--card-shadow)}
.standard-card,.news-item,.compact-card,.featured-card,.large-card{overflow:hidden}
.standard-card img,.featured-card img,.large-card img,.news-thumb-wrap img,.card-image-wrap img{transition:transform .3s ease}
.standard-card:hover img,.featured-card:hover img,.large-card:hover img,.news-item:hover img,.compact-card:hover img,.side-card:hover img{transform:scale(1.025)}
.section-heading h1{margin:0;font-size:clamp(28px,4vw,40px)}
.article-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.article-category{display:inline-flex;align-items:center;gap:8px;background:rgba(77,125,104,.12);color:var(--green-700);padding:8px 14px;border-radius:999px;font-weight:800}
.article-summary{margin:0 0 20px}
.article-cover-wrap{overflow:hidden;background:var(--surface);box-shadow:var(--card-shadow)}
.article-cover{width:100%;height:auto;max-height:none;aspect-ratio:auto;object-fit:cover}
.article-body{margin-top:8px}
.article-body ul,.article-body ol{padding-right:22px;margin:0 0 22px}
.article-body li{margin-bottom:8px}
.article-body figure{margin:34px auto;text-align:center;width:min(100%,760px)}
.article-body figure img,.article-body>img{display:block;width:100%;height:auto;max-width:760px;margin-inline:auto;border-radius:18px;box-shadow:0 18px 42px rgba(0,0,0,.08)}
.article-body figcaption{margin-top:10px;color:var(--text-muted);font-size:14px;line-height:1.8}
.article-embed{box-shadow:var(--card-shadow)}
.search-box{box-shadow:var(--card-shadow)}
.pagination{display:flex;gap:8px;justify-content:center;margin-top:28px}
.pagination a,.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 14px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.pagination .active{background:var(--green-900);color:#fff;border-color:var(--green-900)}
html[data-theme="dark"] .article-category{background:rgba(255,255,255,.08);color:#dff2ea}
html[data-theme="dark"] .standard-card,html[data-theme="dark"] .news-item,html[data-theme="dark"] .compact-card,html[data-theme="dark"] .featured-card,html[data-theme="dark"] .large-card{background:var(--surface);border-color:var(--line)}
html[data-theme="dark"] .main-nav{background:#040807}
html[data-theme="dark"] .news-ticker{background:#111614;border-bottom-color:#1f2724}
html[data-theme="dark"] .article-body a{color:#7fd4bd}
@media(max-width:900px){
  .article-topline{flex-wrap:wrap}
  .article-body figure{width:100%}
}
@media(max-width:620px){
  .article-page h1{font-size:30px}
  .article-summary{font-size:18px}
  .article-body figure img,.article-body>img{border-radius:14px}
}