*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:Arial, Helvetica, sans-serif;
  background:#eef1f5;
  color:#111;
  direction:rtl;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:96%;max-width:1400px;margin:0 auto}

/* Header */
.top-strip{
  background:#244d6b;
  color:#fff;
  font-size:13px;
  padding:8px 0;
}
.top-strip .container{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}
.top-strip .date{opacity:.95}
.top-social{
  display:flex;
  align-items:center;
  gap:8px;
}
.top-social a{
  width:26px;height:26px;border-radius:3px;
  display:inline-flex;align-items:center;justify-content:center;
  color:#fff;font-size:13px;font-weight:bold;
}
.top-social .fb{background:#3b5998}
.top-social .tw{background:#1da1f2}
.top-social .yt{background:#cc181e}
.top-social .ig{background:#e4405f}

.brand-bar{
  background:#ffffff;
  border-bottom:1px solid #d8dee5;
  padding:14px 0;
}
.brand-wrap{
  display:grid;
  grid-template-columns:290px 1fr 250px;
  gap:14px;
  align-items:center;
}
.brand-box{
  background:linear-gradient(135deg,#c5eef7,#8fd9f2);
  min-height:90px;
  border:1px solid #b5d9e2;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:bold;
  color:#28506b;
  font-size:30px;
  overflow:hidden;
  padding:8px;
}
.site-logo{
  max-width:100%;
  max-height:74px;
  width:auto;
  height:auto;
  object-fit:contain;
}
.brand-ad{
  background:linear-gradient(135deg,#d6f4f4,#b8ebe8);
  min-height:90px;
  border:1px solid #b7dfdf;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2c5563;
  font-size:18px;
  text-align:center;
  padding:10px;
}
.mobile-top-ad{
  display:none;
}
.mobile-top-ad-box{
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  max-width:340px;
  margin:10px auto 0;
  min-height:56px;
  padding:8px 10px;
  background:#fff;
  border:1px solid #d8dee5;
  border-radius:18px;
  box-shadow:0 6px 20px rgba(0,0,0,.08);
  overflow:hidden;
}
.mobile-top-ad-box img,
.mobile-top-ad-box iframe,
.mobile-top-ad-box ins{
  max-width:100% !important;
  width:auto;
  height:auto;
  margin:0 auto;
}
.search-panel{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:flex-end;
}
.search-panel form{
  display:flex;
  width:100%;
  max-width:330px;
  border:1px solid #cad3dd;
  background:#fff;
}
.search-panel input{
  flex:1;
  border:none;
  padding:12px 14px;
  font-size:15px;
}
.search-panel button{
  border:none;
  background:#2f74c0;
  color:#fff;
  padding:0 18px;
  cursor:pointer;
  font-weight:bold;
}

.main-nav{
  background:#fff;
  border-bottom:3px solid #d9dfe6;
}
.main-nav .container{
  display:flex;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  padding:10px 0;
}
.main-nav a{
  color:#1a1a1a;
  font-weight:bold;
  font-size:15px;
}
.main-nav a:hover{color:#1e65b1}

.ticker{
  background:#f7f9fb;
  border-bottom:1px solid #d6dde5;
}
.ticker .container{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 0;
}
.ticker-label{
  background:#111;
  color:#fff;
  padding:6px 10px;
  font-size:12px;
  border-radius:2px;
}
.ticker-viewport{
  flex:1;
  min-width:0;
  overflow:hidden;
  position:relative;
}
.ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:100%;
  animation:tickerScroll 38s linear infinite;
  will-change:transform;
}
.ticker:hover .ticker-track{
  animation-play-state:paused;
}
.ticker-group{
  display:flex;
  align-items:center;
  flex-shrink:0;
  white-space:nowrap;
  padding-inline-start:24px;
}
.ticker-group a{
  color:#222;
  text-decoration:none;
  margin:0 10px;
  font-weight:bold;
  font-size:14px;
}
.ticker-group a:hover{
  color:#1e65b1;
}
.ticker-separator{
  color:#777;
  flex:0 0 auto;
}
@keyframes tickerScroll{
  from{ transform:translateX(0); }
  to{ transform:translateX(50%); }
}

/* Layout */
.page-wrap{padding:16px 0 30px}
.front-layout{
  display:grid;
  grid-template-columns:220px 1fr 300px;
  gap:16px;
  align-items:start;
}
.sidebar-box,.center-box,.right-box{
  background:#fff;
  border:1px solid #d9dfe6;
}
.box-title{
  background:#2f74c0;
  color:#fff;
  padding:10px 14px;
  font-size:22px;
  font-weight:bold;
}
.box-title.orange{background:#e65f18}
.box-title.pink{background:#e43f7a}
.box-title.gray{background:#6a7e8f}
.box-title.green{background:#2f8b57}
.box-body{padding:12px}
.mini-list{display:flex;flex-direction:column;gap:12px}
.mini-item{
  display:grid;
  grid-template-columns:82px 1fr;
  gap:10px;
  border-bottom:1px solid #ebeff4;
  padding-bottom:10px;
}
.mini-item:last-child{border-bottom:none;padding-bottom:0}
.mini-item img{width:82px;height:60px;object-fit:cover;border:1px solid #e5e7eb}
.mini-item h4{
  font-size:14px;line-height:1.5;
}
.mini-item .meta{font-size:12px;color:#777;margin-top:4px}


.media-box .box-body{
  padding:12px;
}
.media-feature{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:10px;
  background:#0f172a;
  margin-bottom:12px;
}
.media-feature img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.media-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.18));
  z-index:1;
}
.media-play{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:62px;
  height:62px;
  border-radius:50%;
  background:rgba(0,0,0,.55);
  border:2px solid rgba(255,255,255,.85);
  z-index:2;
}
.media-play::before{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-35%, -50%);
  border-style:solid;
  border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent #fff;
}
.media-feature-title{
  position:absolute;
  right:14px;
  left:14px;
  bottom:14px;
  color:#fff;
  font-size:18px;
  font-weight:700;
  line-height:1.6;
  z-index:2;
  text-shadow:0 2px 8px rgba(0,0,0,.45);
}
.media-mini-list{
  gap:10px;
}


.hero-grid{
  display:grid;
  grid-template-columns:1fr 290px;
  gap:14px;
}
.hero-stage{
  background:#fff;
  border:1px solid #d9dfe6;
  padding:10px;
}
.hero-image{
  position:relative;
  background:#f0f2f6;
  min-height:360px;
  overflow:hidden;
  border:1px solid #e5e7eb;
}
.hero-image img{
  width:100%;height:360px;object-fit:cover;
}
.hero-caption{
  position:absolute;
  right:0;left:0;bottom:0;
  background:linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.1));
  color:#fff;
  padding:18px 18px 14px;
}
.hero-caption h2{font-size:28px;line-height:1.4;margin-bottom:8px}
.hero-caption p{font-size:14px;line-height:1.8;opacity:.95}
.hero-count{
  display:flex;gap:10px;justify-content:flex-start;
  padding:10px 0 0;
}
.hero-count span{
  width:28px;height:28px;background:#fff;border:1px solid #d7dde5;
  display:inline-flex;align-items:center;justify-content:center;
  font-weight:bold;
}
.hero-count span.active{background:#111;color:#fff;border-color:#111}

.fast-list{
  background:#fff;
  border:1px solid #d9dfe6;
}
.fast-list .items{padding:8px 0}
.fast-row{
  display:grid;
  grid-template-columns:55px 1fr;
  gap:10px;
  padding:10px 12px;
  border-bottom:1px solid #edf1f5;
  align-items:start;
}
.fast-row:last-child{border-bottom:none}
.fast-row .time{color:#777;font-size:13px}
.fast-row .txt{font-size:14px;line-height:1.6}

.section-block{
  margin-top:16px;
  background:#fff;
  border:1px solid #d9dfe6;
}
.section-head{
  display:flex;justify-content:space-between;align-items:center;
  padding:0;
  border-bottom:1px solid #edf1f5;
}
.section-head .plus{
  width:34px;text-align:center;color:#3e86d1;font-weight:bold;font-size:26px;
}
.section-head .name{
  color:#fff;
  padding:10px 18px;
  font-weight:bold;
  font-size:18px;
}
.section-grid{
  padding:14px;
  display:grid;
  gap:14px;
}
.section-grid-three{
  grid-template-columns:repeat(3, minmax(0, 1fr));
}
.story-card img{
  width:100%;height:120px;object-fit:cover;border:1px solid #e5e7eb;
}
.story-card h3{
  font-size:15px;line-height:1.7;margin-top:8px;
}
.story-card-three img{
  width:100%;height:120px;object-fit:cover;border:1px solid #e5e7eb;
}
.story-card-three h3{
  font-size:15px;line-height:1.7;margin-top:8px;
}
.story-card p{
  color:#666;font-size:13px;line-height:1.7;margin-top:6px;
}

.right-feature{
  padding:12px;
}
.right-feature img{
  width:100%;height:220px;object-fit:cover;border:1px solid #e5e7eb;
}
.right-feature h3{
  font-size:18px;line-height:1.6;margin-top:10px;
}
.side-text-list{
  padding:10px 14px 14px;
}
.side-text-list li{
  list-style:none;
  border-bottom:1px solid #edf1f5;
  padding:10px 0;
  font-size:14px;
  line-height:1.7;
}
.side-text-list li:last-child{border-bottom:none}

.article-wrap{
  display:grid;
  grid-template-columns:1fr 290px;
  gap:18px;
}
.article-main,.article-side,.search-results,.category-results{
  background:#fff;border:1px solid #d9dfe6;padding:18px;
}
.article-title{
  font-size:34px;line-height:1.5;margin-bottom:8px;
}
.article-meta{
  color:#666;font-size:14px;margin-bottom:14px
}
.article-image{
  width:100%;max-height:460px;object-fit:cover;border:1px solid #e5e7eb;margin-bottom:18px
}
.article-content{
  font-size:18px;line-height:2;color:#202020
}
.section-title{
  font-size:28px;margin-bottom:16px;border-right:5px solid #2f74c0;padding-right:12px
}
.news-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px
}
.news-card{
  background:#fff;border:1px solid #d9dfe6;padding:10px
}
.news-card img{
  width:100%;height:180px;object-fit:cover;border:1px solid #e5e7eb
}
.news-card h3{
  font-size:17px;line-height:1.6;margin-top:10px
}
.news-card p{font-size:13px;color:#666;line-height:1.7;margin-top:8px}
.site-footer{
  background:#16384e;color:#fff;margin-top:30px
}
.site-footer .container{
  padding:20px 0;text-align:center
}

@media (max-width: 1100px){
  .front-layout{grid-template-columns:1fr}
  .brand-wrap{grid-template-columns:1fr}
  .article-wrap{grid-template-columns:1fr}
}
@media (max-width: 768px){
  .hero-grid,.news-grid,.section-grid{grid-template-columns:1fr}
  .mini-item{grid-template-columns:90px 1fr}
  .hero-image img,.hero-image{height:260px;min-height:260px}
  .hero-caption h2{font-size:22px}
  .box-title{font-size:18px}
  .hespress-personality-head{gap:10px}
  .personality-head-avatar,.personality-head-avatar-placeholder{width:58px;height:58px}
}


.front-layout-custom{display:grid;grid-template-columns:300px 1fr 300px;gap:16px;align-items:start}
.column-area{display:flex;flex-direction:column;gap:16px}
.column-center .hero-stage{margin-bottom:16px}
@media (max-width:1100px){.front-layout-custom{grid-template-columns:1fr}}


.front-layout-custom{display:grid;grid-template-columns:300px 1fr 300px;gap:16px;align-items:start}
.column-area{display:flex;flex-direction:column;gap:16px}
.column-center .hero-stage{margin-bottom:16px}
.section-grid-stacked{display:flex !important;flex-direction:column;gap:16px}
.story-card-stacked{display:block;background:#fff;border:1px solid #e5e7eb;padding:10px}
.story-card-stacked img{width:100%;height:180px;object-fit:cover;border:1px solid #e5e7eb}
.story-card-stacked h3{margin-top:10px;font-size:17px;line-height:1.7}
.hero-stage{position:relative;overflow:hidden}
.hero-slider{position:relative}
.hero-slide{display:none;position:relative}
.hero-slide.active{display:block}
.hero-slide img{width:100%;height:360px;object-fit:cover}
.hero-caption{display:none !important}
.hero-caption h2{margin:0;font-size:28px;line-height:1.5;writing-mode:horizontal-tb !important;text-orientation:mixed !important;white-space:normal;word-break:normal}
.hero-caption p{display:none !important}
.hero-count{position:absolute;right:12px;bottom:12px;display:flex;gap:8px;z-index:5}
.hero-count span{width:32px;height:32px;background:#fff;color:#111;border:1px solid #d7dde5;display:inline-flex;align-items:center;justify-content:center;font-weight:bold;cursor:pointer}
.hero-count span.active{background:#111;color:#fff;border-color:#111}
@media (max-width:1100px){.front-layout-custom{grid-template-columns:1fr}}


.article-video-wrap{
  position:relative;
  width:100%;
  padding-top:56.25%;
  margin-bottom:18px;
  background:#000;
}
.article-video{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}

.slide{margin-bottom:20px}.slide-title{font-size:22px;font-weight:bold;margin-bottom:10px}.slide img{width:100%;border-radius:6px}


/* Modern main slider */
.hero-stage-modern{
  background:#fff;
  border:1px solid #d9dfe6;
  padding:14px;
}
.hero-slider-modern{
  position:relative;
  overflow:hidden;
  background:#0f172a;
  border-radius:10px;
}
.hero-slider-modern .hero-slides-window{
  position:relative;
  min-height:520px;
}
.hero-slider-modern .hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .55s ease, visibility .55s ease;
}
.hero-slider-modern .hero-slide.active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  position:relative;
}
.hero-slider-modern .hero-image-link{
  display:block;
  position:relative;
  width:100%;
  min-height:520px;
  overflow:hidden;
  background:#e5e7eb;
}
.hero-slider-modern .hero-image-link img,
.hero-slider-modern img{
  position:absolute;
  inset:0;
  width:100%;
  height:100% !important;
  object-fit:cover;
  object-position:center center;
  display:block;
  transform:scale(1.02);
}
.hero-slider-modern .hero-slide-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(0,0,0,.08) 0%, rgba(0,0,0,.24) 35%, rgba(0,0,0,.78) 100%);
  z-index:1;
}
.hero-slider-modern .hero-slide-content{
  position:absolute;
  left:24px;
  right:24px;
  bottom:82px;
  z-index:2;
  color:#fff;
}
.hero-slider-modern .hero-slide-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:7px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  backdrop-filter:blur(5px);
  font-size:13px;
  font-weight:700;
  margin-bottom:14px;
}
.hero-slider-modern .hero-top-title{
  margin:0;
  color:#fff;
  font-size:34px;
  line-height:1.45;
  font-weight:800;
  text-shadow:0 2px 18px rgba(0,0,0,.28);
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.hero-slider-modern .hero-top-title a{
  color:inherit;
  text-decoration:none;
}
.hero-slider-modern .hero-caption{
  display:none !important;
}
.hero-slider-modern .hero-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:48px;
  height:48px;
  border:none;
  border-radius:50%;
  background:rgba(255,255,255,.92);
  color:#111827;
  font-size:26px;
  line-height:1;
  cursor:pointer;
  z-index:4;
  box-shadow:0 10px 30px rgba(0,0,0,.15);
}
.hero-slider-modern .hero-nav:hover{
  background:#fff;
}
.hero-slider-modern .hero-nav-prev{ left:18px; }
.hero-slider-modern .hero-nav-next{ right:18px; }
.hero-slider-modern .hero-toolbar{
  position:absolute;
  left:0;
  right:0;
  bottom:18px;
  z-index:4;
  display:flex;
  justify-content:center;
  pointer-events:none;
}
.hero-count-modern{
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:10px;
  width:auto;
  max-width:100%;
  direction:ltr;
  pointer-events:auto;
}
.hero-count-modern button{
  position:relative;
  border:none;
  background:rgba(255,255,255,.18);
  color:#fff;
  border-radius:999px;
  height:40px;
  min-width:58px;
  width:58px;
  padding:0 10px;
  cursor:pointer;
  overflow:hidden;
  backdrop-filter:blur(6px);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
}
.hero-count-modern .hero-count-number{
  position:relative;
  z-index:2;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
}
.hero-count-modern .hero-count-progress{
  position:absolute;
  inset:auto 0 0 0;
  height:3px;
  background:rgba(255,255,255,.22);
}
.hero-count-modern button.active{
  background:#fff;
  color:#111827;
}
.hero-count-modern button.active .hero-count-progress{
  background:#c81e1e;
}
@media (max-width:991px){
  .hero-slider-modern .hero-slides-window,
  .hero-slider-modern .hero-image-link{
    min-height:420px;
  }
  .hero-slider-modern .hero-top-title{
    font-size:28px;
  }
}
@media (max-width:768px){
  .hero-stage-modern{
    padding:10px;
  }
  .hero-slider-modern{
    border-radius:8px;
  }
  .hero-slider-modern .hero-slides-window,
  .hero-slider-modern .hero-image-link{
    min-height:280px;
  }
  .hero-slider-modern .hero-slide-content{
    left:14px;
    right:14px;
    bottom:70px;
  }
  .hero-slider-modern .hero-slide-badge{
    font-size:11px;
    padding:6px 10px;
    margin-bottom:10px;
  }
  .hero-slider-modern .hero-top-title{
    font-size:20px;
    line-height:1.5;
    -webkit-line-clamp:3;
  }
  .hero-slider-modern .hero-nav{
    width:38px;
    height:38px;
    font-size:20px;
  }
  .hero-slider-modern .hero-nav-prev{ left:10px; }
  .hero-slider-modern .hero-nav-next{ right:10px; }
  .hero-slider-modern .hero-toolbar{
    left:0;
    right:0;
    bottom:10px;
  }
  .hero-count-modern{
    gap:8px;
  }
  .hero-count-modern button{
    height:34px;
    min-width:46px;
    width:46px;
    padding:0 8px;
  }
  .hero-count-modern .hero-count-number{
    font-size:12px;
  }
}



.site-footer{
  background:#fff;
  border-top:1px solid #d9dfe6;
  margin-top:24px;
}
.site-footer .container{
  padding:18px 0;
}
.footer-pages{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
  justify-content:center;
  margin-bottom:10px;
  font-weight:bold;
}
.footer-pages a:hover{color:#1e65b1}
.footer-copy{
  text-align:center;
  color:#5b6570;
}
.static-page-box{
  background:#fff;
  border:1px solid #d9dfe6;
  padding:24px;
}
.static-page-box h1{
  font-size:32px;
  margin-bottom:18px;
  color:#1a1a1a;
}
.static-page-breadcrumb{
  color:#6b7280;
  margin-bottom:16px;
  font-size:14px;
}
.static-page-content{
  line-height:2;
  font-size:18px;
  color:#222;
}
.static-page-content p{
  margin-bottom:14px;
}
@media (max-width:900px){
  .footer-pages{justify-content:flex-start}
  .static-page-box h1{font-size:26px}
  .static-page-content{font-size:17px}
}

/* Personalities */
.personalities-widget{overflow:hidden}
.personalities-widget .box-title{
  position:relative;
  background:#2a6db7;
  border-bottom:3px solid #184c84;
}
.personalities-widget .box-title:before{
  content:'';
  position:absolute;
  right:0;
  top:0;
  width:6px;
  height:100%;
  background:#111;
}
.personalities-widget .box-body{padding:10px 12px 12px}
.personalities-list{display:flex;flex-direction:column;gap:0}
.personality-row{
  display:grid;
  grid-template-columns:34px 92px 1fr;
  gap:10px;
  align-items:start;
  padding:12px 0;
  border-bottom:1px solid #edf1f5;
}
.personality-row:last-of-type{border-bottom:none}
.personality-rank{
  width:34px;
  height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  font-size:16px;
  border-radius:3px;
  color:#fff;
  margin-top:2px;
}
.personality-row-media{width:62px;display:flex;align-items:center;justify-content:center}
.personality-row img,.personality-no-image{
  width:54px;
  height:54px;
  object-fit:cover;
  border:1px solid #e5e7eb;
  border-radius:50%;
  background:#f3f5f8;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#6b7280;
  font-weight:bold;
  overflow:hidden;
}
.personality-row-content{min-width:0}
.personality-row-content h4{font-size:18px;line-height:1.5;margin-top:8px;color:#111}
.personality-row-content p{font-size:13px;line-height:1.75;color:#666;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.personality-badge{display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:2px;color:#fff;font-size:12px;font-weight:bold;min-width:56px}
.personality-badge.small{font-size:11px;padding:4px 8px;margin-bottom:8px}
.status-up{background:#15803d}
.status-down{background:#c62828}
.personality-more-link{display:block;margin-top:8px;padding-top:12px;border-top:1px solid #edf1f5;color:#1e65b1;font-weight:bold}
.personality-more-link:hover,.personality-row:hover h4,.personality-card:hover h3,.personality-mini-item:hover h4{color:#1e65b1}
.personalities-archive-head{
  background:#fff;
  border:1px solid #d9dfe6;
  padding:18px 20px;
  margin-bottom:18px;
  border-top:4px solid #2a6db7;
}
.personalities-archive-head .section-title{margin-bottom:6px}
.personalities-archive-note{color:#5f6b7a;line-height:1.9;font-size:15px}
.personalities-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.personality-card{
  background:#fff;
  border:1px solid #d9dfe6;
  display:grid;
  grid-template-columns:220px 1fr;
  min-height:220px;
  overflow:hidden;
}
.personality-thumb-wrap{position:relative;height:100%}
.personality-thumb,.personality-thumb-placeholder{width:100%;height:100%;min-height:220px;object-fit:cover;background:#f3f5f8;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:bold}
.personality-card .personality-badge{position:absolute;top:12px;right:12px}
.personality-card-body{padding:16px 16px 14px}
.personality-card-body h3{font-size:24px;line-height:1.4;color:#111}
.personality-card-body p{margin-top:10px;color:#666;line-height:1.9;font-size:14px;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.personality-single .article-image{border:1px solid #d9dfe6}
.hespress-personality-head{
  border-bottom:1px solid #ebeff4;
  padding-bottom:14px;
  margin-bottom:18px;
  display:flex;
  align-items:flex-start;
  gap:14px;
}
.personality-head-avatar-wrap{flex:0 0 auto}
.personality-head-avatar,.personality-head-avatar-placeholder{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  border:2px solid #e5ebf2;
  background:#f3f5f8;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#6b7280;
  font-size:13px;
  font-weight:bold;
  overflow:hidden;
}
.personality-head-main{min-width:0;flex:1}
.personality-meta-line{font-size:13px;color:#777}
.personality-summary{background:#f7f9fb;border-right:4px solid #2a6db7;border-left:1px solid #e5ebf2;border-top:1px solid #e5ebf2;border-bottom:1px solid #e5ebf2;padding:16px;margin-bottom:18px;line-height:2;font-size:17px}
.personality-mini-item{display:block;border-bottom:1px solid #ebeff4;padding-bottom:12px}
.personality-mini-item:last-child{border-bottom:none;padding-bottom:0}
.personality-mini-item h4{font-size:15px;line-height:1.7;color:#111}
.empty-box{background:#fff;border:1px solid #d9dfe6;padding:18px}

/* Homepage personalities widget refinement */
.home-personalities-widget .box-body{padding:8px 12px 12px}
.home-personality-row{
  grid-template-columns:18px 52px 1fr;
  gap:10px;
  align-items:center;
  padding:10px 0;
}
.home-personality-rank{
  width:18px;
  height:auto;
  margin-top:0;
  border-radius:0;
  background:transparent;
  font-size:13px;
  font-weight:800;
  color:#8a96a3;
}
.home-personality-rank.status-up{color:#15803d}
.home-personality-rank.status-down{color:#c62828}
.home-personality-media{width:52px}
.home-personality-avatar{
  width:44px !important;
  height:44px !important;
  border-radius:50%;
  border:1px solid #dfe5ec;
}
.home-personality-content h4{
  font-size:15px;
  margin:3px 0 0;
  line-height:1.45;
}
.home-personality-content p{
  font-size:12px;
  line-height:1.6;
  margin-top:4px;
  -webkit-line-clamp:2;
}
.home-personality-topline{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.home-personality-badge{
  min-width:auto;
  padding:3px 8px;
  border-radius:999px;
  font-size:11px;
  line-height:1.2;
}
.home-personality-index{
  font-size:11px;
  color:#8a96a3;
  font-weight:700;
}
@media (max-width:768px){
  .home-personality-row{grid-template-columns:16px 48px 1fr;gap:8px}
  .home-personality-media{width:48px}
  .home-personality-avatar{width:40px !important;height:40px !important}
  .home-personality-content h4{font-size:14px}
}

@media (max-width:992px){
  .personalities-grid{grid-template-columns:1fr}
  .personality-card{grid-template-columns:200px 1fr}
}
@media (max-width:768px){
  .personality-row{grid-template-columns:30px 62px 1fr;gap:8px}
  .personality-rank{width:30px;height:30px;font-size:14px}
  .personality-row-media{width:62px}
  .personality-row img,.personality-no-image{width:50px;height:50px}
  .personality-row-content h4{font-size:16px}
  .personality-card{grid-template-columns:1fr}
  .personality-thumb,.personality-thumb-placeholder{height:220px;min-height:220px}
  .hespress-personality-head{gap:10px}
  .personality-head-avatar,.personality-head-avatar-placeholder{width:58px;height:58px}
}

/* Slider title single line fix */
.slider-title,
.slider .title,
.slide-title,
.slider h2,
.slider h3,
.slider .post-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Slider title auto-resize instead of ellipsis */
.slider-title,
.slider .title,
.slide-title,
.slider h2,
.slider h3,
.slider .post-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: unset;
    font-size: clamp(14px, 2vw, 22px); /* تصغير تلقائي */
}


/* Final fix: hero slider titles must stay in one line */
.hero-slider-hespress .hero-top-title{
  display:block !important;
  width:100% !important;
  margin:0 0 14px !important;
  line-height:1.2 !important;
  overflow:hidden !important;
}

.hero-slider-hespress .hero-top-title a{
  display:block !important;
  width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:clip !important;
  font-size:clamp(14px, 2vw, 28px) !important;
  line-height:1.2 !important;
}

@media (max-width:768px){
  .hero-slider-hespress .hero-top-title a{
    font-size:clamp(13px, 3.8vw, 20px) !important;
  }
}



.mobile-home-wrap,.mobile-home-sections{display:none}
@media (max-width:768px){
  .mobile-home-wrap{display:block;margin-bottom:12px}
  .mobile-home-sections{display:flex;flex-direction:column;gap:14px}
  .front-layout-custom{display:none !important}
  .mobile-home-card{position:relative;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #e5e7eb;box-shadow:0 4px 18px rgba(0,0,0,.06)}
  .mobile-home-section-head{position:relative;padding:12px 12px 0}
  .mobile-home-link{display:block;position:relative;color:#fff}
  .mobile-home-featured{margin-top:8px}
  .mobile-home-media img{width:100%;height:220px;object-fit:cover;border:none;display:block}
  .mobile-home-overlay{position:absolute;right:0;left:0;bottom:0;padding:18px 14px 14px;background:linear-gradient(to top, rgba(0,0,0,.88), rgba(0,0,0,.05));z-index:2}
  .mobile-home-overlay h3{font-size:18px;line-height:1.5;margin:0;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}
  .mobile-home-meta{font-size:13px;margin-bottom:8px;color:rgba(255,255,255,.96)}
  .mobile-home-label{position:absolute;top:12px;left:12px;background:#49a27a;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:700;z-index:3}
  .mobile-home-label.static-label{position:static;display:inline-block}
  .mobile-home-list{display:flex;flex-direction:column;padding:0 12px 10px;background:#fff}
  .mobile-home-row{display:flex;align-items:center;gap:10px;padding:10px 0;text-decoration:none;color:#111827;border-top:1px solid #eef2f7}
  .mobile-home-thumb{width:90px;min-width:90px;height:64px;border-radius:10px;overflow:hidden;background:#f3f4f6;display:flex;align-items:center;justify-content:center;color:#64748b;font-size:12px}
  .mobile-home-thumb img{width:100%;height:100%;object-fit:cover;display:block}
  .mobile-home-thumb-avatar{width:58px;min-width:58px;height:58px;border-radius:999px}
  .mobile-home-row-text{display:flex;flex-direction:column;gap:4px;min-width:0}
  .mobile-home-row-text strong{font-size:15px;line-height:1.5;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .mobile-home-row-text small{font-size:12px;color:#6b7280}
}


.mobile-menu-toggle{
  display:none;
}

@media (max-width: 768px){
  .top-strip{
    background:#040738;
    padding:6px 0;
  }
  .top-strip .container{
    flex-direction:row-reverse;
    justify-content:space-between;
    align-items:center;
  }
  .top-strip .date{
    font-size:12px;
    font-weight:500;
    color:rgba(255,255,255,.78);
  }
  .top-social{
    gap:10px;
  }
  .top-social a{
    width:auto;
    height:auto;
    background:transparent !important;
    font-size:16px;
    line-height:1;
    opacity:.92;
  }

  .brand-bar{
    background:linear-gradient(90deg,#171983 0%, #2c2fcb 100%);
    border-bottom:none;
    padding:8px 0;
    position:sticky;
    top:0;
    z-index:1100;
  }
  .brand-wrap{
    display:grid;
    grid-template-columns:52px 1fr;
    grid-template-areas:"menu logo";
    align-items:center;
    gap:10px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    padding:8px 10px;
  }
  .mobile-menu-toggle{
    grid-area:menu;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    width:44px;
    height:44px;
    border:none;
    border-radius:14px;
    background:rgba(255,255,255,.12);
    box-shadow:none;
    cursor:pointer;
    margin:0;
    position:relative;
    z-index:1301;
  }
  .mobile-menu-toggle span{
    display:block;
    width:20px;
    height:2.5px;
    border-radius:999px;
    background:#fff;
    margin:2.5px 0;
    transition:transform .2s ease, opacity .2s ease;
  }
  .mobile-menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .mobile-menu-toggle.active span:nth-child(2){opacity:0}
  .mobile-menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .brand-box{
    grid-area:logo;
    min-height:auto;
    padding:0;
    border:none;
    background:transparent;
    justify-content:flex-end;
  }
  .site-logo{
    width:auto;
    max-width:100%;
    max-height:54px;
  }
  .brand-ad{
    display:none !important;
  }
  .mobile-top-ad{
    display:none !important;
  }
  .mobile-top-ad .container,
  .mobile-top-ad-box{
    display:none !important;
  }
  .search-panel{
    grid-area:search;
    display:none;
  }

  body.mobile-menu-open{
    overflow:hidden;
  }
  .mobile-nav-overlay{
    display:none;
  }
  .main-nav{
    display:block;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    width:min(84vw,340px);
    background:#11153f;
    border-bottom:none;
    box-shadow:18px 0 42px rgba(0,0,0,.28);
    transform:translateX(-110%);
    transition:transform .28s ease;
    z-index:1200;
    padding-top:76px;
    overflow-y:auto;
  }
  .main-nav.mobile-open{
    transform:translateX(0);
  }
  .mobile-nav-overlay{
    display:block;
    position:fixed;
    inset:0;
    background:rgba(15,23,42,.42);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease, visibility .25s ease;
    z-index:1190;
  }
  .mobile-nav-overlay.active{
    opacity:1;
    visibility:visible;
  }
  .main-nav .container{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:0;
    padding:0 0 22px;
    width:100%;
  }
  .main-nav a{
    color:#fff;
    padding:15px 18px;
    border-bottom:1px solid rgba(255,255,255,.08);
    font-size:16px;
  }
  .main-nav a:last-child{
    border-bottom:none;
  }

  .ticker{
    background:#2a2dd0;
    border-bottom:none;
  }
  .ticker .container{
    padding:10px 0;
  }
  .ticker-label{
    background:#ffca0c;
    color:#111;
    border-radius:10px;
    padding:10px 18px;
    font-size:16px;
    font-weight:700;
  }
  .ticker marquee,
  .ticker marquee a{
    color:#f1f1f1;
    font-size:16px;
  }
}


/* Final pagination fix */
.hero-slider-modern .hero-count-modern{position:relative;}
.hero-slider-modern .hero-count-modern button .hero-count-number{display:block; line-height:1;}


/* Slider dots final override */
.hero-slider-modern .hero-toolbar{bottom:16px !important;}
.hero-slider-modern .hero-count-modern{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
}
.hero-slider-modern .hero-count-modern button{
  width:10px !important;
  min-width:10px !important;
  height:10px !important;
  padding:0 !important;
  border-radius:50% !important;
  background:rgba(255,255,255,.45) !important;
  border:none !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  color:transparent !important;
  overflow:hidden !important;
}
.hero-slider-modern .hero-count-modern button .hero-count-number,
.hero-slider-modern .hero-count-modern button .hero-count-progress{
  display:none !important;
  width:0 !important;
  height:0 !important;
  font-size:0 !important;
  line-height:0 !important;
}
.hero-slider-modern .hero-count-modern button.active{
  background:#ffffff !important;
  transform:scale(1.28);
}
@media (max-width:768px){
  .hero-slider-modern .hero-count-modern{gap:6px !important;}
  .hero-slider-modern .hero-count-modern button{
    width:8px !important;
    min-width:8px !important;
    height:8px !important;
  }
}

/* ===== Hespress Plus mobile refinement ===== */
@media (max-width:768px){
  body{
    background:#f4f6fa;
  }
  body.mobile-scrolled .brand-bar{
    padding:5px 0;
    box-shadow:0 10px 26px rgba(17,24,39,.18);
    backdrop-filter:blur(10px);
  }
  body.mobile-scrolled .brand-wrap{
    border-radius:15px;
    padding:6px 9px;
  }
  body.mobile-scrolled .site-logo{
    max-height:46px;
  }
  .top-strip{
    position:relative;
    z-index:1101;
  }
  .brand-bar{
    box-shadow:0 6px 18px rgba(20,28,58,.12);
  }
  .main-nav{
    background:rgba(10,16,49,.96);
    backdrop-filter:blur(14px);
  }
  .mobile-nav-overlay{
    background:rgba(2,6,23,.46);
    backdrop-filter:blur(3px);
  }
  .main-nav .container::before{
    content:'الأقسام';
    color:#fff;
    font-size:15px;
    font-weight:800;
    padding:0 18px 12px;
    margin-bottom:2px;
    border-bottom:1px solid rgba(255,255,255,.08);
  }
  .main-nav a{
    position:relative;
    padding:16px 18px 16px 40px;
    font-weight:700;
  }
  .main-nav a::before{
    content:'';
    position:absolute;
    right:18px;
    top:50%;
    transform:translateY(-50%);
    width:6px;
    height:6px;
    border-radius:50%;
    background:#facc15;
    box-shadow:0 0 0 5px rgba(250,204,21,.08);
  }
  .main-nav a::after{
    content:'‹';
    position:absolute;
    left:18px;
    top:50%;
    transform:translateY(-50%);
    color:rgba(255,255,255,.65);
    font-size:20px;
  }
  .ticker{
    position:sticky;
    top:68px;
    z-index:1000;
    box-shadow:0 6px 18px rgba(59,76,202,.18);
  }
  body.mobile-scrolled .ticker{
    top:58px;
  }
  .ticker .container{
    gap:10px;
    padding:8px 0;
  }
  .ticker-label{
    font-size:13px;
    padding:8px 12px;
    border-radius:999px;
    white-space:nowrap;
  }
  .ticker-viewport{
    background:rgba(255,255,255,.12);
    border-radius:999px;
    padding:8px 12px;
  }
  .ticker-group a{
    color:#fff;
    font-size:14px;
  }
  .ticker-separator{
    color:rgba(255,255,255,.7);
  }
  .hero-stage-modern,
  .mobile-home-card,
  .section-block,
  .sidebar-box,
  .center-box,
  .right-box,
  .article-main,
  .article-side,
  .search-results,
  .category-results,
  .static-page-box{
    border-radius:18px;
    overflow:hidden;
    border:1px solid #e8edf4;
    box-shadow:0 10px 26px rgba(15,23,42,.05);
  }
  .hero-stage-modern{
    padding:8px;
  }
  .hero-slider-modern{
    border-radius:16px;
  }
  .hero-slider-modern .hero-slide-overlay{
    background:linear-gradient(180deg, rgba(0,0,0,.02) 0%, rgba(0,0,0,.18) 34%, rgba(0,0,0,.84) 100%);
  }
  .hero-slider-modern .hero-top-title{
    font-size:22px;
    text-shadow:0 4px 18px rgba(0,0,0,.36);
  }
  .hero-slider-modern .hero-slide-badge{
    background:rgba(255,255,255,.18);
    border:1px solid rgba(255,255,255,.18);
  }
  .mobile-home-card,
  .section-block{
    margin-bottom:2px;
  }
  .section-head{
    min-height:50px;
    align-items:stretch;
  }
  .section-head .plus{
    width:42px;
    font-size:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#1d4ed8;
  }
  .section-head .name{
    flex:1;
    border-radius:0 0 0 14px;
    display:flex;
    align-items:center;
  }
  .story-card-stacked,
  .news-card{
    border-radius:14px;
    overflow:hidden;
    border:1px solid #eef2f7;
    box-shadow:none;
  }
  .story-card-stacked img,
  .news-card img,
  .mobile-home-media img{
    border:none;
  }
  .mini-item,
  .mobile-home-row{
    align-items:flex-start;
  }
  .mini-item img,
  .mobile-home-thumb{
    border-radius:12px;
    border:none;
  }
  .article-main,
  .article-side{
    padding:16px;
  }
  .article-title{
    font-size:28px;
    line-height:1.55;
    letter-spacing:-.01em;
  }
  .article-content{
    font-size:19px;
    line-height:2.05;
  }
  .site-footer{
    margin-top:18px;
    border-radius:22px 22px 0 0;
  }
  .mobile-floating-tools{
    position:fixed;
    left:14px;
    bottom:14px;
    z-index:1400;
    display:flex;
    flex-direction:column;
    gap:10px;
  }
  .mobile-float-btn{
    width:50px;
    height:50px;
    border:none;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    text-decoration:none;
    color:#fff;
    font-size:20px;
    box-shadow:0 12px 24px rgba(15,23,42,.18);
  }
  .mobile-float-btn.share{background:linear-gradient(135deg,#2563eb,#1d4ed8)}
  .mobile-float-btn.top{background:linear-gradient(135deg,#111827,#334155);opacity:0;visibility:hidden;transform:translateY(10px);transition:all .22s ease}
  .mobile-float-btn.top.show{opacity:1;visibility:visible;transform:translateY(0)}
}


/* Performance + consistency improvements */
img{height:auto}
.news-card img,
.article-image,
.personality-thumb,
.home-personality-avatar,
.mini-item img,
.mobile-home-thumb img,
.mobile-home-thumb-avatar{
  image-rendering:auto;
}
.news-card img,
.article-image,
.home-personality-avatar,
.mini-item img,
.mobile-home-thumb img,
.mobile-home-thumb-avatar{
  width:100%;
  object-fit:cover;
  object-position:center;
}
.news-card img,
.home-personality-avatar,
.mini-item img,
.mobile-home-thumb img{
  aspect-ratio:16/9;
}
.article-image{
  max-height:520px;
  border-radius:10px;
}
.search-results .news-card,
.category-results .news-card,
.personalities-grid .personality-card{
  content-visibility:auto;
  contain-intrinsic-size:300px;
}

/* Fix mobile list thumbnail consistency */
@media (max-width:768px){
  .mobile-home-row{
    align-items:center;
    gap:12px;
  }
  .mobile-home-thumb{
    width:118px !important;
    min-width:118px !important;
    max-width:118px !important;
    height:78px !important;
    flex:0 0 118px;
    border-radius:14px;
    overflow:hidden;
    background:#f3f4f6;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  .mobile-home-thumb img{
    width:100% !important;
    height:100% !important;
    display:block;
    object-fit:cover !important;
    object-position:center !important;
    aspect-ratio:auto !important;
  }
  .mobile-home-thumb-avatar{
    width:58px !important;
    min-width:58px !important;
    max-width:58px !important;
    height:58px !important;
    flex-basis:58px;
    border-radius:999px;
    aspect-ratio:1 / 1 !important;
  }
  .mobile-home-row-text{
    flex:1 1 auto;
    min-width:0;
  }
}


/* ===== 24 ساعة - تحسين قريب من هسبريس ===== */
.fast-list.fast-list-hespress{
  background:#f7f7f7;
  border:1px solid #e5e7eb;
}
.fast-list.fast-list-hespress > .box-title{
  background:transparent;
  color:#2143c5;
  text-align:center;
  font-size:28px;
  line-height:1.2;
  padding:16px 10px 10px;
  position:relative;
}
.fast-list.fast-list-hespress > .box-title::after{
  content:"";
  display:block;
  width:76px;
  height:4px;
  margin:10px auto 0;
  background:#2143c5;
  border-radius:999px;
}
.fast-list.fast-list-hespress .items{
  padding:10px 14px 14px;
}
.fast-list.fast-list-hespress .fast-row{
  display:grid;
  grid-template-columns:56px minmax(0,1fr);
  gap:10px;
  align-items:start;
  padding:10px 0;
  border-bottom:none;
  text-decoration:none;
}
.fast-list.fast-list-hespress .fast-row + .fast-row{
  margin-top:4px;
}
.fast-list.fast-list-hespress .time{
  color:#2143c5;
  font-size:13px;
  font-weight:700;
  line-height:1.2;
  text-align:right;
  white-space:nowrap;
}
.fast-list.fast-list-hespress .txt{
  color:#111;
  font-size:13px;
  font-weight:700;
  line-height:1.85;
  word-break:normal;
  overflow-wrap:anywhere;
}
.fast-list.fast-list-hespress .fast-row:hover .txt{
  color:#2143c5;
}
@media (max-width:1100px){
  .fast-list.fast-list-hespress{max-width:340px;margin:0 auto;}
}
@media (max-width:768px){
  .fast-list.fast-list-hespress > .box-title{font-size:24px;}
  .fast-list.fast-list-hespress .txt{font-size:14px;line-height:1.75;}
}

/* Authors */
.article-meta .dot{margin:0 6px;color:#7b8794}.article-author-link{color:#1e65b1;font-weight:700}
.article-author-box{margin-top:26px;padding:18px;border:1px solid #d9e2ec;border-radius:18px;background:linear-gradient(135deg,#f8fbff,#eef6ff);display:grid;grid-template-columns:86px 1fr;gap:16px;align-items:center}
.article-author-avatar{width:86px;height:86px;border-radius:50%;overflow:hidden;background:#2f74c0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:bold;box-shadow:0 10px 24px rgba(47,116,192,.18)}
.article-author-avatar img{width:100%;height:100%;object-fit:cover}.article-author-kicker{font-size:12px;color:#60758a;margin-bottom:4px}.article-author-info h3{font-size:24px;margin-bottom:4px}.article-author-info h3 a{color:#16384e}.article-author-role{font-size:14px;color:#1e65b1;font-weight:700;margin-bottom:8px}.article-author-info p{color:#405261;line-height:1.8}
.author-page{display:grid;gap:20px}.author-hero{position:relative;min-height:320px;border-radius:26px;overflow:hidden;background-size:cover;background-position:center;border:1px solid #d8e1eb;box-shadow:0 16px 36px rgba(0,0,0,.08)}.author-hero-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(12,37,57,.85),rgba(47,116,192,.62))}.author-hero-content{position:relative;z-index:1;display:grid;grid-template-columns:150px 1fr;gap:24px;align-items:end;padding:34px;color:#fff;min-height:320px}.author-hero-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:4px solid rgba(255,255,255,.9);background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;font-size:54px;font-weight:bold}.author-hero-avatar img{width:100%;height:100%;object-fit:cover}.author-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.15);backdrop-filter:blur(8px);font-size:13px;margin-bottom:10px}.author-hero-text h1{font-size:40px;margin-bottom:8px}.author-role-title{font-size:18px;font-weight:700;margin-bottom:14px;color:#d9efff}.author-hero-text p{max-width:760px;line-height:1.9;font-size:16px}.author-stats{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px}.author-stat{min-width:130px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:14px 16px;backdrop-filter:blur(6px)}.author-stat strong{display:block;font-size:24px;margin-bottom:4px}.author-stat span{font-size:13px;color:#e9f5ff}
.section-head.modern{display:flex;align-items:center;gap:8px;margin-bottom:16px}.section-head.modern .plus{background:#111;color:#fff;padding:6px 10px;border-radius:6px}.section-head.modern .name{background:#2f74c0;color:#fff;padding:8px 12px;border-radius:8px;font-weight:bold}
.author-posts-grid,.authors-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.author-post-card,.author-directory-card{background:#fff;border:1px solid #dde4ec;border-radius:22px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.04)}.author-post-image{display:block;aspect-ratio:16/9;background:#dce7f3;overflow:hidden}.author-post-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.author-post-card:hover .author-post-image img{transform:scale(1.05)}.author-post-placeholder{height:100%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:bold;color:#16384e}.author-post-body{padding:16px}.author-post-meta{display:flex;gap:8px;align-items:center;color:#6b7c8f;font-size:13px;margin-bottom:10px}.author-post-body h3{font-size:22px;line-height:1.5;margin-bottom:10px}.author-post-body h3 a{color:#111}.author-post-body p,.author-directory-card p{color:#495b6a;line-height:1.8;font-size:14px}.author-read-more{display:inline-flex;margin-top:14px;padding:10px 14px;border-radius:999px;background:#eef5ff;color:#1e65b1;font-weight:700}.authors-directory{display:grid;gap:18px}.author-directory-card{padding:22px;text-align:center}.author-directory-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;margin:0 auto 14px;background:#2f74c0;color:#fff;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:bold}.author-directory-avatar img{width:100%;height:100%;object-fit:cover}.author-directory-card h3{font-size:24px;margin-bottom:6px}.author-directory-role{color:#1e65b1;font-weight:700;margin-bottom:10px}
@media (max-width:992px){.author-posts-grid,.authors-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.author-hero-content{grid-template-columns:110px 1fr}.author-hero-avatar{width:110px;height:110px;font-size:42px}.author-hero-text h1{font-size:32px}}
@media (max-width:768px){.article-author-box{grid-template-columns:1fr;text-align:center}.article-author-avatar{margin:0 auto}.author-hero{min-height:auto}.author-hero-content{grid-template-columns:1fr;text-align:center;align-items:center;padding:26px;min-height:auto}.author-hero-avatar{margin:0 auto}.author-stats{justify-content:center}.author-posts-grid,.authors-directory-grid{grid-template-columns:1fr}}


/* Article date/time + app stability */
html{
  height:100%;
  overflow-x:hidden;
  -webkit-text-size-adjust:100%;
}
body{
  min-height:100%;
  overflow-x:hidden;
  position:relative;
}
.page-wrap,
.container,
.article-wrap,
.article-main{
  min-width:0;
}
.article-meta{
  display:flex;
  flex-wrap:wrap;
  gap:8px 14px;
  align-items:center;
}
.article-meta-line{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
}
.article-meta-datetime{
  color:#425466;
  font-weight:600;
}
.article-time{
  direction:ltr;
  unicode-bidi:embed;
  display:inline-block;
}
.adsbygoogle,
ins.adsbygoogle,
.brand-ad ins,
.mobile-top-ad-box ins{
  display:block;
  max-width:100%;
}
.adsbygoogle,
ins.adsbygoogle{
  min-height:100px;
}
@supports (-webkit-touch-callout:none){
  html,
  body{
    min-height:-webkit-fill-available;
  }
  .page-wrap{
    min-height:100svh;
  }
}
@media (max-width:768px){
  .article-meta{
    gap:8px;
    line-height:1.8;
  }
  .article-meta-line{
    width:100%;
  }
  .article-title{
    word-break:break-word;
  }
}