.announcement-section{
  width:min(100% - 32px,1260px);
  margin-inline:auto;
  padding:22px!important;
  border-radius:22px!important;
  overflow:hidden!important;
  box-shadow:none!important;
}

.announcement-section::before,.announcement-section::after,
.announcement-slider::before,.announcement-slider::after,
.announcement-slider .slider-track::before,.announcement-slider .slider-track::after,
.announcement-slider .news-card::before,.announcement-slider .news-card::after,
.announcement-slider .card-media::before,.announcement-slider .card-media::after{
  content:none!important;
  display:none!important;
  box-shadow:none!important;
  background:none!important;
}

.announcement-section .section-heading{
  margin-bottom:16px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.announcement-slider{
  position:relative;
  width:100%;
  min-height:390px;
  overflow:hidden!important;
  border-radius:18px;
  background:transparent!important;
  box-shadow:none!important;
  isolation:isolate;
}

.announcement-slider .slider-track{
  display:flex!important;
  align-items:stretch;
  gap:0!important;
  width:100%;
  min-height:390px;
  margin:0!important;
  padding:0!important;
  transition:transform .55s cubic-bezier(.22,.78,.24,1);
  will-change:transform;
  background:transparent!important;
  box-shadow:none!important;
}

.announcement-slider .news-card{
  flex:0 0 100%!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  width:100%!important;
  min-width:100%!important;
  max-width:none!important;
  min-height:390px;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(45,120,91,.38)!important;
  border-radius:18px!important;
  background:#06291f!important;
  box-shadow:none!important;
  transform:none!important;
}

.announcement-slider .card-media{
  position:relative;
  display:block;
  width:100%;
  height:390px!important;
  min-height:390px;
  overflow:hidden!important;
  border:0!important;
  background:#08261e!important;
  box-shadow:none!important;
}

.announcement-slider .card-media img{
  display:block;
  width:100%!important;
  height:100%!important;
  min-height:390px;
  object-fit:cover;
  object-position:center;
  filter:none!important;
  transform:none;
  transition:transform .55s ease;
}

.announcement-slider .news-card:hover .card-media img{transform:scale(1.025);filter:none!important}

.announcement-slider .card-body{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(28px,3.7vw,52px)!important;
  background:linear-gradient(145deg,#073326,#05281f)!important;
  box-shadow:none!important;
}

.announcement-slider .card-top{margin-bottom:14px}

.announcement-slider .card-top time{font-weight:700;color:#bdcec8}

.announcement-slider .news-card h3{
  margin:0 0 14px!important;
  font-size:clamp(1.45rem,2.15vw,2.05rem)!important;
  line-height:1.55!important;
}

.announcement-slider .news-card p{
  display:-webkit-box;
  margin:0 0 18px!important;
  overflow:hidden;
  color:#c5d3ce!important;
  font-size:1rem!important;
  line-height:1.9!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.announcement-slider .read-link{
  align-self:flex-start;
  margin-top:4px;
  padding:10px 16px;
  border:1px solid rgba(40,217,155,.34);
  border-radius:10px;
  transition:.2s ease;
}

.announcement-slider .read-link:hover{background:#f3d321;color:#08231a!important;border-color:#f3d321;transform:translateY(-2px)}

.announcement-slider .slider-controls{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:12px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:9px;
  transform:translateX(-50%);
  padding:6px 9px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:999px;
  background:rgba(3,31,23,.88)!important;
  box-shadow:none!important;
  backdrop-filter:blur(7px);
}

.announcement-slider .slider-controls button{
  width:36px;
  height:36px;
  padding:0!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:50%!important;
  color:#fff!important;
  background:#0a4937!important;
  box-shadow:none!important;
  font-size:1.45rem;
  cursor:pointer;
  transition:.2s ease;
}

.announcement-slider .slider-controls button:hover{background:#f3d321!important;color:#08231a!important;border-color:#f3d321!important;transform:scale(1.05)}

.announcement-slider [data-slider-dots]{display:flex;align-items:center;gap:6px}

.announcement-slider [data-slider-dots] button{
  width:8px!important;height:8px!important;min-width:8px!important;
  padding:0!important;border:0!important;border-radius:999px!important;
  background:rgba(255,255,255,.38)!important;
}

.announcement-slider [data-slider-dots] button.active,
.announcement-slider [data-slider-dots] button[aria-current=true]{width:24px!important;background:#f3d321!important}

.announcement-slider .slider-track{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  width:100%!important;
  transform:none!important;
  direction:inherit!important;
}

.announcement-slider .slider-track > .news-card{
  grid-column:1;
  grid-row:1;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(8px)!important;
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease!important;
}

.announcement-slider .slider-track > .news-card.is-active{
  visibility:visible!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:none!important;
  z-index:2;
}

@media(prefers-reduced-motion:reduce){
  .announcement-slider .slider-track > .news-card{transition:none!important}
}

:root{
  --su-layout-width:min(80vw,1440px);
  --su-layout-gutter:clamp(14px,2vw,30px);
}



.site-header .header-inner,
.site-footer .footer-inner.footer-inner--compact,
.page-flow,
.inner-page > .breadcrumb,
.inner-page > .listing-shell,
.inner-page > .post-shell,
.inner-page > .videos-shell{
  width:var(--su-layout-width)!important;
  max-width:none!important;
  margin-inline:auto!important;
}

.page-flow{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:clamp(26px,3vw,46px);
}

.page-flow > .content-section{
  width:100%!important;
  max-width:none!important;
  margin-inline:auto!important;
}

.page-flow > .announcement-section{
  width:100%!important;
  max-width:none!important;
}

.site-header .header-inner{
  min-height:74px;
  padding-inline:0!important;
  gap:clamp(18px,2.5vw,42px);
}

.site-header .brand{
  display:flex!important;
  align-items:center;
  gap:11px;
  min-width:0;
  max-width:min(520px,42vw);
  overflow:visible!important;
}

.site-header .brand-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  align-items:flex-start;
  direction:rtl;
  text-align:right;
}

[dir="ltr"] .site-header .brand-copy{
  direction:ltr;
  text-align:left;
}

.site-header .brand-portal-title{
  display:block;
  color:#fff;
  font-size:clamp(1.05rem,1.35vw,1.34rem);
  font-weight:900;
  line-height:1.2;
  white-space:nowrap;
}

.site-header .brand-subtitle{
  display:flex!important;
  align-items:center;
  gap:.28em;
  min-width:0;
  max-width:100%;
  margin-top:2px;
  color:#d8e5df;
  font-size:clamp(.72rem,.82vw,.88rem);
  line-height:1.4;
  white-space:nowrap;
}

.site-header .brand-media-prefix{flex:0 0 auto}

.site-header .brand-entity-name{
  display:inline-block!important;
  min-width:0;
  max-width:330px;
  overflow:hidden!important;
  color:#fff;
  font-weight:800;
  text-overflow:ellipsis!important;
  white-space:nowrap;
}

.inner-page{
  width:100%;
  padding-block:clamp(20px,2.7vw,38px) clamp(44px,5vw,74px);
}

.inner-page > .breadcrumb{
  position:relative;
  min-height:76px;
  margin-bottom:22px!important;
  padding:18px var(--su-layout-gutter)!important;
  overflow:hidden;
  border:1px solid rgba(49,137,103,.34);
  border-radius:18px;
  background:
    radial-gradient(circle at 88% 10%,rgba(21,174,117,.12),transparent 36%),
    linear-gradient(135deg,rgba(11,57,43,.97),rgba(5,35,27,.98));
  box-shadow:none!important;
}

.inner-page > .breadcrumb::before{
  content:"";
  position:absolute;
  inset-block:18px;
  inset-inline-start:0;
  width:4px;
  border-radius:999px;
  background:#f3d321;
}

.inner-page > .breadcrumb > div{
  position:relative;
  z-index:1;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  width:100%;
}

.inner-page > .breadcrumb b{
  color:#fff;
  font-size:clamp(1.05rem,1.4vw,1.32rem);
}

.inner-page > .listing-shell{
  padding:clamp(18px,2vw,28px)!important;
  border-radius:20px!important;
  box-shadow:none!important;
}

.inner-page .filters{
  width:100%;
  margin-bottom:22px!important;
}

@media (min-width:1600px){
  :root{--su-layout-width:min(80vw,1500px)}
}

@media (max-width:1100px){
  :root{--su-layout-width:calc(100% - 34px)}
  .site-header .brand{max-width:380px}
  .site-header .brand-entity-name{max-width:220px}
}

@media (max-width:760px){
  :root{--su-layout-width:calc(100% - 20px)}
  .site-header .header-inner{width:calc(100% - 20px)!important}
  .site-header .brand{max-width:calc(100% - 112px)}
  .site-header .brand img{width:44px!important;height:44px!important}
  .site-header .brand-portal-title{font-size:1rem}
  .site-header .brand-subtitle{font-size:.7rem}
  .site-header .brand-entity-name{max-width:145px}
  .inner-page{padding-top:14px}
  .inner-page > .breadcrumb{
    min-height:66px;
    padding:15px 17px!important;
    border-radius:15px;
  }
  .inner-page > .listing-shell{
    padding:12px!important;
    border-radius:16px!important;
  }
}

.site-footer{padding:0!important;min-height:0!important}

.site-footer .footer-inner.footer-inner--compact{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  grid-template-areas:"brand social nav";
  align-items:center!important;
  gap:clamp(14px,2vw,28px)!important;
  width:min(100% - 32px,1320px)!important;
  min-height:68px!important;
  margin:0 auto!important;
  padding:10px 0!important;
}

.footer-inner--compact .footer-brand{
  grid-area:brand;display:flex!important;align-items:center!important;
  justify-self:start!important;gap:9px!important;min-width:0!important;margin:0!important;
}

.footer-inner--compact .footer-brand img{width:36px!important;height:36px!important;object-fit:contain!important;flex:0 0 auto!important}

.footer-inner--compact .footer-brand strong{display:block!important;min-width:0!important;font-size:.86rem!important;line-height:1.45!important;white-space:normal!important}

.footer-social-slot{grid-area:social;display:flex;align-items:center;justify-content:center;min-width:42px;min-height:36px;justify-self:center}

.entity-social-footer.entity-social-footer--inline{width:auto!important;margin:0!important;padding:0!important}

.entity-social-footer--inline .entity-social-footer__links{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;flex-wrap:nowrap!important}

.entity-social-link{width:34px!important;height:34px!important;box-shadow:none!important}

.entity-social-link svg{width:16px!important;height:16px!important}

.footer-inner--compact .footer-nav{
  grid-area:nav;display:flex!important;align-items:center!important;justify-content:flex-end!important;
  justify-self:end!important;gap:9px!important;margin:0!important;white-space:nowrap!important;font-size:.9rem!important;
}

.footer-nav>a,.footer-categories>summary{color:inherit;font-weight:800;text-decoration:none}

.footer-nav__separator{color:rgba(255,255,255,.35);user-select:none}

.footer-categories{position:relative}

.footer-categories>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}

.footer-categories>summary::-webkit-details-marker{display:none}

.footer-categories>summary::after{content:"⌄";font-size:.78em;transition:transform .18s ease}

.footer-categories[open]>summary::after{transform:rotate(180deg)}

.footer-categories__menu{
  position:absolute;z-index:60;inset-inline-end:0;bottom:calc(100% + 12px);display:grid;
  min-width:230px;max-height:300px;overflow:auto;padding:8px;border:1px solid rgba(255,255,255,.12);
  border-radius:13px;background:#06261d;box-shadow:0 18px 38px rgba(0,0,0,.34);
}

.footer-categories__menu a{padding:9px 11px;border-radius:9px;color:#eef7f3;text-align:start;text-decoration:none;white-space:normal}

.footer-categories__menu a:hover,.footer-categories__menu a:focus-visible{color:#092319;background:#f3d321}

@media(max-width:980px){
  .site-footer .footer-inner.footer-inner--compact{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"brand social" "nav nav"!important;gap:8px 14px!important}
  .footer-inner--compact .footer-nav{justify-self:center!important;justify-content:center!important;flex-wrap:wrap!important}
}

@media(max-width:650px){
  .site-footer .footer-inner.footer-inner--compact{grid-template-columns:1fr!important;grid-template-areas:"brand" "social" "nav"!important;gap:8px!important;padding:11px 0!important;text-align:center!important}
  .footer-inner--compact .footer-brand,.footer-social-slot,.footer-inner--compact .footer-nav{justify-self:center!important;justify-content:center!important}
  .footer-inner--compact .footer-brand strong{font-size:.8rem!important}
  .footer-inner--compact .footer-nav{gap:7px!important;font-size:.84rem!important}
  .footer-categories__menu{inset-inline-start:50%;inset-inline-end:auto;transform:translateX(-50%)}
}

n/**/n.video-page .listing-shell{n  overflow:visible!important;n}

n.video-page .video-search{n  margin-bottom:clamp(22px,2.2vw,32px)!important;n}

n.video-card-grid{n  display:grid!important;n  grid-template-columns:repeat(3,minmax(0,1fr))!important;n  gap:clamp(18px,2vw,28px)!important;n  width:100%!important;n  max-width:none!important;n  margin:0!important;n  align-items:stretch!important;n}

n.video-card-grid--single{n  grid-template-columns:minmax(0,760px)!important;n  justify-content:center!important;n}

n.video-library-card{n  position:relative;n  display:flex;n  flex-direction:column;n  min-width:0;n  overflow:hidden;n  border:1px solid rgba(50,145,109,.34);n  border-radius:18px;n  background:linear-gradient(180deg,rgba(6,49,37,.98),rgba(3,34,26,.99));n  box-shadow:0 14px 34px rgba(0,0,0,.18);n  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;n}

n.video-library-card:hover,n.video-library-card:focus-within{n  transform:translateY(-5px);n  border-color:rgba(243,211,33,.72);n  box-shadow:0 20px 44px rgba(0,0,0,.27);n}

n.video-library-card__media{n  position:relative;n  display:block;n  width:100%;n  aspect-ratio:16/9;n  padding:0;n  overflow:hidden;n  border:0;n  border-radius:0;n  background:#031d16;n  cursor:pointer;n}

n.video-library-card__media::after{n  content:"";n  position:absolute;n  inset:0;n  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35));n  pointer-events:none;n}

n.video-library-card__media img{n  width:100%!important;n  height:100%!important;n  display:block;n  object-fit:cover!important;n  transition:transform .35s ease,filter .35s ease;n}

n.video-library-card:hover .video-library-card__media img{n  transform:scale(1.035);n  filter:saturate(1.05) contrast(1.03);n}

n.video-library-card__media>span{n  position:absolute;n  z-index:2;n  inset:50% auto auto 50%;n  width:64px;n  height:64px;n  display:grid;n  place-items:center;n  padding-inline-start:4px;n  border:1px solid rgba(255,255,255,.24);n  border-radius:50%;n  color:#fff;n  background:rgba(5,92,67,.92);n  box-shadow:0 12px 28px rgba(0,0,0,.35),0 0 0 7px rgba(255,255,255,.08);n  transform:translate(-50%,-50%);n  transition:transform .22s ease,background .22s ease,color .22s ease;n}

n.video-library-card__media:hover>span,n.video-library-card__media:focus-visible>span{n  color:#06251b;n  background:#f3d321;n  transform:translate(-50%,-50%) scale(1.08);n}

n.video-library-card__body{n  display:flex;n  flex:1;n  flex-direction:column;n  gap:10px;n  padding:18px 20px 20px;n}

n.video-library-card__tag{n  align-self:flex-start;n  display:inline-flex;n  align-items:center;n  min-height:30px;n  padding:4px 13px;n  border:1px solid rgba(243,211,33,.58);n  border-radius:999px;n  color:#f3d321;n  background:rgba(8,74,55,.72);n  font-size:.83rem;n  font-weight:850;n}

n[dir="rtl"] .video-library-card__tag{align-self:flex-end}

n.video-library-card__title{n  margin:0;n  color:#fff;n  font-size:clamp(1rem,1.15vw,1.18rem);n  font-weight:900;n  line-height:1.65;n}

n.video-library-card__date{n  margin-top:auto;n  color:#b8ccc4;n  font-size:.86rem;n  font-weight:750;n}

n@media(max-width:1100px){n  .video-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}n}

n@media(max-width:700px){n  .video-card-grid,n  .video-card-grid--single{grid-template-columns:1fr!important}n  .video-library-card{border-radius:15px}n  .video-library-card__body{padding:15px 16px 17px}n  .video-library-card__media>span{width:56px;height:56px}n}

n@media(prefers-reduced-motion:reduce){n  .video-library-card,n  .video-library-card__media img,n  .video-library-card__media>span{transition:none!important}n}

n


.card-taxonomy {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    max-width: 100%;
}

.card-taxonomy .tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 24px;
    padding: 3px 8px;
    border-radius: 999px;
    font-size: clamp(.68rem, .72vw, .78rem);
    font-weight: 800;
    line-height: 1.15;
    white-space: normal;
    text-align: center;
    max-width: 100%;
}

.card-taxonomy .tag--type {
    flex: 0 0 auto;
}

.card-taxonomy .tag--category {
    flex: 0 1 auto;
}

@media (max-width: 720px) {
    .card-taxonomy {
        gap: 4px;
    }

    .card-taxonomy .tag {
        min-height: 22px;
        padding: 3px 7px;
        font-size: .68rem;
    }
}

.post-taxonomy,
.post-chip-list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.post-chip {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 27px;
    padding: 4px 9px;
    border: 1px solid rgba(244, 215, 31, .35);
    border-radius: 999px;
    background: rgba(4, 53, 40, .88);
    color: #eefaf5;
    text-decoration: none;
    font-size: clamp(.7rem, .76vw, .82rem);
    font-weight: 800;
    line-height: 1.2;
}

.post-chip--type {
    color: #f4d71f;
    border-color: rgba(244, 215, 31, .65);
}

.post-chip--category {
    color: #dff8ed;
    border-color: rgba(75, 191, 146, .55);
}

.post-chip--tag {
    color: #b9f5dc;
}

.post-chip--keyword {
    color: #f8e889;
}

.post-chip--subtype {
    color: #d7e9ff;
}

.post-information {
    margin-top: 28px;
    padding: clamp(18px, 2.4vw, 30px);
    border: 1px solid rgba(88, 181, 145, .25);
    border-radius: 20px;
    background: rgba(5, 45, 35, .58);
}

.compact-heading {
    margin-bottom: 16px;
}

.post-detail-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.post-detail-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    min-width: 0;
    padding: 12px;
    border: 1px solid rgba(255, 255, 255, .08);
    border-radius: 13px;
    background: rgba(0, 0, 0, .16);
}

.post-detail-item strong,
.post-meta-group h3 {
    color: #f4d71f;
    font-size: .82rem;
}

.post-detail-item span,
.post-detail-item a {
    overflow-wrap: anywhere;
    color: #effaf5;
    font-size: .9rem;
}

.post-meta-group {
    margin-top: 18px;
}

.post-meta-group > p {
    margin: 8px 0 0;
    color: #d8ebe3;
    line-height: 1.8;
}

.post-media-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.post-media-item {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 12px;
    border: 1px solid rgba(75, 191, 146, .25);
    border-radius: 13px;
    color: #eefaf5;
    text-decoration: none;
    background: rgba(0, 0, 0, .15);
}

.post-media-item span,
.post-media-item small {
    color: #bcd7cc;
}

@media (max-width: 900px) {
    .post-detail-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 620px) {
    .post-detail-grid,
    .post-media-list {
        grid-template-columns: 1fr;
    }

    .post-information {
        padding: 15px;
    }

    .post-chip {
        min-height: 24px;
        padding: 3px 8px;
        font-size: .7rem;
    }
}

@media (min-width: 1024px) {
    .post-page .article-wrap {
        min-width: 80vw !important;
        width: 90vw !important;
        max-width: none;
        margin-inline: auto;

    }

    .post-page .post-information {
        width: 100%;
        margin-inline: auto;
    }

    .post-page .related {
        width: 80%;
        max-width: none;
        margin-inline: auto;
    }
}

.post-page .post-detail-grid {
    grid-template-columns: repeat(
        auto-fit,
        minmax(190px,1fr)
    );
    align-items: stretch;
}

.post-page .post-detail-item {
    min-height: 74px;
}

.post-page .post-meta-group {
    width: 100%;
}

.post-page .post-chip-list {
    max-width: 100%;
}

@media (max-width: 1023px) {
    .post-page .article-wrap,
    .post-page .related {
        width: calc(100% - 28px);
        max-width: none;
        margin-inline: auto;
    }
}

@media (max-width: 640px) {
    .post-page .article-wrap,
    .post-page .related {
        width: calc(100% - 18px);
    }
}

.post-extra-meta {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 22px;
    padding: 16px 18px;
    border: 1px solid rgba(75, 191, 146, .22);
    border-radius: 15px;
    background: rgba(6, 44, 35, .42);
}

.post-extra-row {
    display: grid;
    grid-template-columns: 145px minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.post-extra-row + .post-extra-row {
    padding-top: 12px;
    border-top: 1px solid rgba(255, 255, 255, .07);
}

.post-extra-row > strong {
    color: #f4d71f;
    font-size: .82rem;
}

.post-attachments {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.post-attachments a {
    padding: 6px 10px;
    border: 1px solid rgba(75, 191, 146, .32);
    border-radius: 9px;
    color: #dff8ed;
    text-decoration: none;
    font-size: .8rem;
}

.share-box--social {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-top: 22px;
}

.share-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.share-actions a,
.share-actions button {
    min-height: 36px;
    padding: 7px 12px;
    border: 1px solid rgba(75, 191, 146, .28);
    border-radius: 9px;
    background: rgba(5, 50, 39, .72);
    color: #f4f8f6;
    text-decoration: none;
    font: inherit;
    font-size: .82rem;
    font-weight: 800;
    cursor: pointer;
}

.share-actions a:hover,
.share-actions button:hover {
    border-color: #f4d71f;
    color: #f4d71f;
}

@media (max-width: 700px) {
    .post-extra-row {
        grid-template-columns: 1fr;
        gap: 8px;
    }

    .share-box--social {
        align-items: flex-start;
        flex-direction: column;
    }
}

.post-page .related .card-grid {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 14px;
}

.post-page .related .news-card h3 {
    font-size: .92rem;
}

.post-page .related .news-card p {
    font-size: .78rem;
}

.share-box--social .share-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

@media (max-width: 1400px) {
    .post-page .related .card-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 900px) {
    .post-page .related .card-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 560px) {
    .post-page .related .card-grid {
        grid-template-columns: 1fr;
    }
}

.card-meta-stack {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 10px;
}

.card-publish-date {
    display: block;
    color: #c6ddd4;
    font-size: .78rem;
    font-weight: 800;
    line-height: 1.2;
}

.card-taxonomy--single-row {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 5px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 2px;
    scrollbar-width: thin;
}

.card-taxonomy--single-row .tag {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: clamp(.64rem, .66vw, .72rem);
    min-height: 22px;
    padding: 3px 7px;
}

.card-taxonomy--single-row::-webkit-scrollbar {
    height: 3px;
}

@media (max-width: 640px) {
    .card-meta-stack {
        gap: 6px;
    }

    .card-publish-date {
        font-size: .72rem;
    }

    .card-taxonomy--single-row .tag {
        font-size: .64rem;
        min-height: 21px;
        padding: 3px 6px;
    }
}

.card-taxonomy--single-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    width: 100%;
    overflow: visible;
    padding-bottom: 0;
    scrollbar-width: none;
}

.card-taxonomy--single-row::-webkit-scrollbar {
    display: none;
}

.card-taxonomy--single-row .tag {
    flex: 0 1 auto;
    white-space: normal;
    text-align: center;
    line-height: 1.2;
    max-width: 100%;
}

.post-extra-meta {
    display: flex;
}

.post-extra-row {
    display: grid;
}

.post-extra-row .post-chip-list {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    overflow: visible;
}

@media (max-width: 640px) {
    .card-taxonomy--single-row {
        gap: 4px;
    }

    .card-taxonomy--single-row .tag {
        font-size: .63rem;
        padding: 3px 6px;
    }
}

.homepage-sections {
    display: flex;
    flex-direction: column;
    gap: clamp(26px, 3vw, 44px);
}

.homepage-fixed-section {
    scroll-margin-top: 120px;
}

.homepage-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.homepage-section-title h2 {
    margin: 0;
}

.homepage-section-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    min-height: 28px;
    padding: 3px 8px;
    border: 1px solid rgba(244, 215, 31, .45);
    border-radius: 999px;
    background: rgba(6, 76, 56, .72);
    color: #f4d71f;
    font-size: .76rem;
    font-weight: 900;
}

.homepage-empty-section {
    display: flex;
    min-height: 150px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 24px;
    border: 1px dashed rgba(79, 181, 142, .35);
    border-radius: 17px;
    background: rgba(5, 45, 35, .26);
    color: #b9d3c8;
    text-align: center;
}

.homepage-empty-section span {
    color: #f4d71f;
    font-size: 1.4rem;
}

.homepage-empty-section p {
    margin: 0;
}

@media (max-width: 640px) {
    .homepage-sections {
        gap: 22px;
    }

    .homepage-fixed-section .section-heading {
        align-items: flex-start;
        gap: 10px;
    }

    .homepage-section-title {
        gap: 7px;
    }

    .homepage-section-count {
        min-width: 24px;
        min-height: 24px;
        padding: 2px 7px;
        font-size: .7rem;
    }
}

.template-homepage .news-card > .card-media,
.template-homepage .news-card .card-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background:
        radial-gradient(circle at center, #ffffff 0%, #edf5f1 100%) !important;
}

.template-homepage .news-card > .card-media img,
.template-homepage .news-card .card-media img,
.template-homepage .card-grid .news-card .card-media img,
.template-homepage [data-su-slider] .news-card .card-media img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    scale: 1 !important;
    background:
        radial-gradient(circle at center, #ffffff 0%, #edf5f1 100%) !important;
}

.template-homepage .news-card:hover .card-media img,
.template-homepage [data-su-slider] .news-card:hover .card-media img {
    transform: none !important;
}

.template-homepage [data-su-slider] {
    min-height: 360px !important;
    border-radius: 20px !important;
}

.template-homepage [data-su-slider-track] {
    min-height: 360px !important;
}

.template-homepage [data-su-slider-track] > .news-card {
    grid-template-columns: minmax(320px, 56%) minmax(280px, 44%) !important;
    grid-template-areas: "media body" !important;
    align-items: stretch !important;
    min-height: 360px !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

.template-homepage [data-su-slider-track] > .news-card > .card-media {
    grid-area: media !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 360px !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
}

.template-homepage [data-su-slider-track] > .news-card > .card-body {
    grid-area: body !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: clamp(24px, 3vw, 42px) !important;
}

.template-homepage [data-su-slider-track] > .news-card .card-body h3 {
    margin-block: 12px 9px !important;
    font-size: clamp(1.45rem, 2.2vw, 2.15rem) !important;
    line-height: 1.5 !important;
}

.template-homepage [data-su-slider-track] > .news-card .card-body p {
    font-size: .98rem !important;
    line-height: 1.9 !important;
}

.template-homepage [data-su-slider-track] > .news-card .read-link {
    margin-top: 18px !important;
}

html[data-theme="light"] .template-homepage [data-su-slider] {
    background: #ffffff !important;
    border: 1px solid #bdd8ce !important;
    box-shadow: 0 18px 40px rgba(19, 73, 57, .11) !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card {
    background: #ffffff !important;
    border: 1px solid #bfd9cf !important;
    color: #123f32 !important;
    box-shadow: none !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card > .card-body {
    background:
        linear-gradient(145deg, #f8fcfa 0%, #eef7f3 100%) !important;
    color: #123f32 !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card h3,
html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card h3 a {
    color: #063e30 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card p,
html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card time,
html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card .card-publish-date {
    color: #496e62 !important;
    text-shadow: none !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card .read-link {
    color: #067453 !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card .tag,
html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card .pill {
    background: #e8f5ef !important;
    border-color: #70b89e !important;
    color: #07523c !important;
    text-shadow: none !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card .tag--type,
html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card .pill--type {
    background: #fff7d1 !important;
    border-color: #b89f16 !important;
    color: #564800 !important;
}

.template-homepage [data-su-slider-dots],
.template-homepage [data-su-slider-dots] button {
    filter: none !important;
    box-shadow: none !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-dots] button {
    background: #dceee7 !important;
    border: 1px solid #75b89f !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-dots] button.active {
    background: #087454 !important;
    border-color: #087454 !important;
}

@media (max-width: 900px) {
    .template-homepage [data-su-slider],
    .template-homepage [data-su-slider-track] {
        min-height: 0 !important;
    }

    .template-homepage [data-su-slider-track] > .news-card,
    html[dir="rtl"] .template-homepage [data-su-slider-track] > .news-card {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "media"
            "body" !important;
        min-height: 0 !important;
    }

    .template-homepage [data-su-slider-track] > .news-card > .card-media {
        min-height: 260px !important;
        height: 260px !important;
    }
}

@media (max-width: 560px) {
    .template-homepage [data-su-slider-track] > .news-card > .card-media {
        min-height: 220px !important;
        height: 220px !important;
    }

    .template-homepage [data-su-slider-track] > .news-card > .card-body {
        padding: 20px !important;
    }
}

.template-homepage [data-su-slider] .slider-controls {
    position: absolute !important;
    inset-inline: 0 !important;
    bottom: 14px !important;
    z-index: 20 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    width: max-content !important;
    max-width: calc(100% - 28px) !important;
    margin-inline: auto !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(111, 181, 155, .35) !important;
    border-radius: 999px !important;
    background: rgba(3, 50, 38, .82) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, .18) !important;
}

.template-homepage [data-su-slider] .slider-controls > button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(127, 210, 179, .45) !important;
    border-radius: 50% !important;
    background: #0a6a4e !important;
    color: #ffffff !important;
    font-size: 1.1rem !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: none !important;
}

.template-homepage [data-su-slider] .slider-controls > button:hover,
.template-homepage [data-su-slider] .slider-controls > button:focus-visible {
    background: #0d8a64 !important;
    border-color: #f4d71f !important;
    outline: none !important;
}

.template-homepage [data-su-slider-dots] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

.template-homepage [data-su-slider-dots] button {
    width: 8px !important;
    height: 8px !important;
    min-width: 8px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .34) !important;
    box-shadow: none !important;
    transition: width .22s ease, background-color .22s ease !important;
}

.template-homepage [data-su-slider-dots] button.active {
    width: 24px !important;
    border-radius: 999px !important;
    background: #f4d71f !important;
}

.template-homepage [data-su-slider-track] > .news-card > .card-media {
    background: #dce9e4 !important;
}

.template-homepage [data-su-slider-track] > .news-card > .card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
}

.template-homepage .card-grid .news-card .card-media img {
    object-fit: contain !important;
    object-position: center center !important;
}

html[data-theme="light"] .template-homepage [data-su-slider] .slider-controls {
    background: rgba(255, 255, 255, .92) !important;
    border-color: #a9cfc0 !important;
    box-shadow: 0 10px 24px rgba(19, 73, 57, .14) !important;
}

html[data-theme="light"] .template-homepage [data-su-slider] .slider-controls > button {
    background: #0b6b4f !important;
    border-color: #0b6b4f !important;
    color: #ffffff !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-dots] button {
    background: #b8d7cb !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-dots] button.active {
    background: #0b6b4f !important;
}

.template-homepage [data-su-slider] {
    position: relative !important;
    display: block !important;
    min-height: 390px !important;
    overflow: hidden !important;
    overflow-anchor: none !important;
}

.template-homepage [data-su-slider-track] {
    position: relative !important;
    display: grid !important;
    grid-template-areas: "slide" !important;
    width: 100% !important;
    min-height: 390px !important;
    overflow-anchor: none !important;
}

.template-homepage [data-su-slider-track] > .news-card {
    grid-area: slide !important;
    position: relative !important;
    display: grid !important;
    width: 100% !important;
    min-width: 100% !important;
    min-height: 390px !important;
    margin: 0 !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: none !important;

    transition:
        opacity .45s ease,
        visibility 0s linear .45s !important;

    overflow-anchor: none !important;
    z-index: 1 !important;
}

.template-homepage [data-su-slider-track] > .news-card.su-slide-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;

    transition:
        opacity .45s ease,
        visibility 0s linear 0s !important;

    z-index: 3 !important;
}

.template-homepage [data-su-slider-track] > .news-card:not(.su-slide-active) {
    position: absolute !important;
    inset: 0 !important;
}

.template-homepage [data-su-slider-track] > .news-card.su-slide-active {
    position: relative !important;
    inset: auto !important;
}

.template-homepage [data-su-slider-track] > .news-card {
    grid-template-columns: minmax(300px, 48%) minmax(0, 52%) !important;
    grid-template-areas: "media body" !important;
    align-items: stretch !important;
    border-radius: 18px !important;
    overflow: hidden !important;
}

html[dir="rtl"] .template-homepage [data-su-slider-track] > .news-card {
    grid-template-areas: "body media" !important;
}

.template-homepage [data-su-slider-track] > .news-card > .card-media {
    grid-area: media !important;
    width: 100% !important;
    height: 390px !important;
    min-height: 390px !important;
    overflow: hidden !important;
    border-radius: 0 !important;
    background: #dce9e4 !important;
}

.template-homepage [data-su-slider-track] > .news-card > .card-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.template-homepage [data-su-slider-track] > .news-card > .card-body {
    grid-area: body !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    min-width: 0 !important;
    padding: clamp(26px, 3vw, 44px) !important;
}

.template-homepage [data-su-slider] .slider-controls {
    z-index: 30 !important;
}

html[data-theme="light"] .template-homepage [data-su-slider-track] > .news-card.su-slide-active {
    background: #ffffff !important;
    color: #123f32 !important;
}

@media (max-width: 900px) {
    .template-homepage [data-su-slider],
    .template-homepage [data-su-slider-track] {
        min-height: 0 !important;
    }

    .template-homepage [data-su-slider-track] > .news-card,
    html[dir="rtl"] .template-homepage [data-su-slider-track] > .news-card {
        grid-template-columns: 1fr !important;
        grid-template-areas:
            "media"
            "body" !important;
        min-height: 0 !important;
    }

    .template-homepage [data-su-slider-track] > .news-card > .card-media {
        height: 270px !important;
        min-height: 270px !important;
    }
}

@media (max-width: 560px) {
    .template-homepage [data-su-slider-track] > .news-card > .card-media {
        height: 220px !important;
        min-height: 220px !important;
    }
}

.template-homepage .news-card .card-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #edf4f1 !important;
}

.template-homepage .news-card .card-media img,
.template-homepage [data-su-slider-track] .news-card .card-media img,
.template-homepage [data-latest-track] .news-card .card-media img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    background: #edf4f1 !important;
}

[data-home-section="latest-news"] .news-card .card-body > p {
    display: none !important;
}

.latest-news-carousel {
    position: relative;
    width: 100%;
}

.latest-news-viewport {
    width: 100%;
    overflow: hidden;
    overflow-anchor: none;
}

.latest-news-track {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    width: 100%;
    transition: transform .46s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}

.latest-news-track > .news-card {
    flex: 0 0 calc((100% - 36px) / 3);
    min-width: calc((100% - 36px) / 3);
}

.latest-carousel-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    width: max-content;
    max-width: 100%;
    margin: 20px auto 0;
    padding: 7px 10px;
    border: 1px solid rgba(92, 168, 139, .38);
    border-radius: 999px;
    background: rgba(4, 61, 45, .76);
}

.latest-carousel-controls > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    min-width: 34px;
    padding: 0;
    border: 1px solid rgba(126, 208, 177, .45);
    border-radius: 50%;
    background: #087253;
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
}

.latest-carousel-controls > button:disabled {
    opacity: .38;
    cursor: default;
}

.latest-carousel-dots {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.latest-carousel-dots button {
    width: 8px;
    height: 8px;
    min-width: 8px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255,255,255,.34);
    transition: width .2s ease, background-color .2s ease;
}

.latest-carousel-dots button.active {
    width: 23px;
    background: #f4d71f;
}

.site-footer .footer-inner.footer-inner--compact {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 12px 24px !important;
    text-align: center !important;
}

.site-footer .footer-brand,
.site-footer .footer-nav,
.site-footer .entity-social-footer,
.site-footer .entity-social-footer__links {
    justify-content: center !important;
    text-align: center !important;
    margin-inline: auto !important;
}

.site-footer .footer-brand {
    flex: 1 1 100% !important;
}

.site-footer .entity-social-footer,
.site-footer .footer-nav {
    flex: 0 1 auto !important;
}

@media (max-width: 760px) {
    .site-header .header-inner {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto !important;
        align-items: center !important;
        gap: 8px !important;
        width: calc(100% - 18px) !important;
    }

    .site-header .brand {
        display: flex !important;
        align-items: center !important;
        min-width: 0 !important;
        max-width: 100% !important;
        gap: 7px !important;
    }

    .site-header .brand img {
        width: 38px !important;
        height: 38px !important;
        flex: 0 0 38px !important;
        object-fit: contain !important;
    }

    .site-header .brand > span {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .site-header .brand strong {
        font-size: .87rem !important;
        line-height: 1.2 !important;
        white-space: normal !important;
    }

    .site-header .brand small {
        display: block !important;
        max-width: 100% !important;
        font-size: .62rem !important;
        line-height: 1.25 !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }

    .site-header .brand small > span:first-child {
        display: none !important;
    }

    .site-header .brand-entity-name {
        display: block !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
    }

    .site-header .header-tools {
        display: flex !important;
        align-items: center !important;
        gap: 5px !important;
        flex: 0 0 auto !important;
    }

    .site-header .header-tools .utility,
    .site-header .menu-toggle {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
    }

    
    .site-header .main-nav[data-menu] {
        position: fixed !important;
        inset-block: 0 !important;
        inset-inline-end: 0 !important;
        z-index: 10020 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: min(86vw, 360px) !important;
        height: 100dvh !important;
        padding: 76px 16px 24px !important;
        overflow-y: auto !important;
        background: #001c15 !important;
        box-shadow: -18px 0 42px rgba(0,0,0,.38) !important;
        transform: translateX(110%) !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: transform .28s ease, visibility 0s linear .28s !important;
    }

    [dir="ltr"] .site-header .main-nav[data-menu] {
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        transform: translateX(-110%) !important;
    }

    .site-header .main-nav[data-menu].su-mobile-menu-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: transform .28s ease, visibility 0s linear 0s !important;
    }

    .site-header .main-nav[data-menu] > a {
        display: flex !important;
        align-items: center !important;
        min-height: 48px !important;
        padding: 10px 14px !important;
        border-radius: 10px !important;
    }

    .site-header .main-nav[data-menu] .nav-search {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .site-header .main-nav[data-menu] .menu-close {
        position: absolute !important;
        inset-block-start: 18px !important;
        inset-inline-start: 16px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 10px !important;
    }

    .menu-backdrop[data-menu-backdrop] {
        position: fixed !important;
        inset: 0 !important;
        z-index: 10010 !important;
        display: block !important;
        background: rgba(0,0,0,.58) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition: opacity .25s ease, visibility 0s linear .25s !important;
    }

    .menu-backdrop[data-menu-backdrop].su-mobile-backdrop-open {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition: opacity .25s ease, visibility 0s linear 0s !important;
    }

    body.su-mobile-nav-open {
        overflow: hidden !important;
    }

    .latest-news-track {
        gap: 12px;
    }

    .latest-news-track > .news-card {
        flex-basis: calc((100% - 12px) / 2);
        min-width: calc((100% - 12px) / 2);
    }

    .latest-news-track .news-card h3 {
        font-size: .94rem !important;
        line-height: 1.55 !important;
    }

    .latest-news-track .news-card .card-body {
        padding: 12px !important;
    }

    .latest-news-track .news-card .card-media {
        height: 135px !important;
        min-height: 135px !important;
    }

    .site-footer .footer-inner.footer-inner--compact {
        flex-direction: column !important;
        gap: 10px !important;
    }
}

html[data-theme="light"] .latest-carousel-controls {
    background: rgba(255,255,255,.94);
    border-color: #aacfc1;
    box-shadow: 0 9px 22px rgba(19,73,57,.12);
}

html[data-theme="light"] .latest-carousel-dots button {
    background: #b8d7cb;
}

html[data-theme="light"] .latest-carousel-dots button.active {
    background: #087253;
}

.template-homepage .standard-section-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
}

.template-homepage .standard-section-grid > .news-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
}

.template-homepage .standard-section-grid > .news-card .card-media {
    width: 100% !important;
    height: 210px !important;
    min-height: 210px !important;
    aspect-ratio: auto !important;
    border-radius: 14px 14px 0 0 !important;
}

.template-homepage .standard-section-grid > .news-card .card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
}

.template-homepage .standard-section-grid > .news-card .card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    padding: 16px !important;
}

.template-homepage .standard-section-grid > .news-card .read-link {
    margin-top: auto !important;
    padding-top: 14px !important;
}

.template-homepage .standard-section-grid.single > .news-card {
    grid-column: auto !important;
}

@media (max-width: 1100px) {
    .template-homepage .standard-section-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 760px) {
    .template-homepage .standard-section-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .template-homepage .standard-section-grid > .news-card .card-media {
        height: 145px !important;
        min-height: 145px !important;
    }

    .template-homepage .standard-section-grid > .news-card .card-body {
        padding: 12px !important;
    }

    .template-homepage .standard-section-grid > .news-card h3 {
        font-size: .93rem !important;
        line-height: 1.55 !important;
    }

    .template-homepage .standard-section-grid > .news-card p {
        font-size: .78rem !important;
        line-height: 1.65 !important;
    }
}

@media (max-width: 420px) {
    .template-homepage .standard-section-grid {
        gap: 9px !important;
    }

    .template-homepage .standard-section-grid > .news-card .card-media {
        height: 125px !important;
        min-height: 125px !important;
    }
}

.template-homepage
.homepage-section--scientific-articles
.standard-section-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 760px) {
    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:first-child {
        grid-column: 1 / -1 !important;
    }

    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:first-child
    .card-media {
        height: 220px !important;
        min-height: 220px !important;
    }

    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:first-child
    h3 {
        font-size: 1.08rem !important;
        line-height: 1.6 !important;
    }

    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:not(:first-child)
    .card-media {
        height: 130px !important;
        min-height: 130px !important;
    }

    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:not(:first-child)
    .card-body {
        padding: 11px !important;
    }

    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:not(:first-child)
    h3 {
        font-size: .88rem !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 420px) {
    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:first-child
    .card-media {
        height: 190px !important;
        min-height: 190px !important;
    }

    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:not(:first-child)
    .card-media {
        height: 115px !important;
        min-height: 115px !important;
    }
}

.events-mobile-carousel,
.events-mobile-viewport {
    width: 100%;
}

.events-mobile-track {
    transform: none;
}

.events-mobile-controls {
    display: none;
}

@media (max-width: 760px) {
    .events-mobile-carousel {
        position: relative;
        width: 100%;
    }

    .events-mobile-viewport {
        width: 100%;
        overflow: hidden;
        overflow-anchor: none;
    }

    .events-mobile-track {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 0 !important;
        width: 100% !important;
        transition: transform .42s cubic-bezier(.22,.61,.36,1);
        will-change: transform;
    }

    .events-mobile-track > .news-card {
        flex: 0 0 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .events-mobile-track > .news-card .card-media {
        height: 230px !important;
        min-height: 230px !important;
    }

    .events-mobile-track > .news-card .card-body {
        padding: 16px !important;
    }

    .events-mobile-track > .news-card h3 {
        font-size: 1.05rem !important;
        line-height: 1.6 !important;
    }

    .events-mobile-controls {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 9px;
        width: max-content;
        max-width: 100%;
        margin: 16px auto 0;
        padding: 7px 10px;
        border: 1px solid rgba(92, 168, 139, .38);
        border-radius: 999px;
        background: rgba(4, 61, 45, .78);
    }

    .events-mobile-controls > button {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        min-width: 34px;
        padding: 0;
        border: 1px solid rgba(126, 208, 177, .45);
        border-radius: 50%;
        background: #087253;
        color: #ffffff;
        font-size: 1.1rem;
        cursor: pointer;
    }

    .events-mobile-controls > button:disabled {
        opacity: .38;
        cursor: default;
    }

    .events-mobile-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
    }

    .events-mobile-dots button {
        width: 8px;
        height: 8px;
        min-width: 8px;
        padding: 0;
        border: 0;
        border-radius: 999px;
        background: rgba(255,255,255,.34);
        transition: width .2s ease, background-color .2s ease;
    }

    .events-mobile-dots button.active {
        width: 23px;
        background: #f4d71f;
    }

    html[data-theme="light"] .events-mobile-controls {
        background: rgba(255,255,255,.94);
        border-color: #aacfc1;
        box-shadow: 0 9px 22px rgba(19,73,57,.12);
    }

    html[data-theme="light"] .events-mobile-dots button {
        background: #b8d7cb;
    }

    html[data-theme="light"] .events-mobile-dots button.active {
        background: #087253;
    }
}

@media (max-width: 420px) {
    .events-mobile-track > .news-card .card-media {
        height: 205px !important;
        min-height: 205px !important;
    }
}

.template-homepage .latest-news-carousel {
    position: relative !important;
    width: 100% !important;
}

.template-homepage .latest-news-viewport {
    width: 100% !important;
    overflow: hidden !important;
    overflow-anchor: none !important;
}

.template-homepage .latest-news-track {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    gap: 18px !important;
    width: 100% !important;
    transition: transform .46s cubic-bezier(.22,.61,.36,1) !important;
    will-change: transform !important;
}

.template-homepage .latest-news-track > .news-card {
    display: flex !important;
    flex-direction: column !important;
    flex: 0 0 calc((100% - 36px) / 3) !important;
    min-width: calc((100% - 36px) / 3) !important;
    width: calc((100% - 36px) / 3) !important;
    margin: 0 !important;
}

.template-homepage
.homepage-section--latest-news
.latest-news-track
.news-card
.card-body > p {
    display: none !important;
}

@media (min-width: 761px) {
    .template-homepage .events-mobile-viewport {
        overflow: visible !important;
    }

    .template-homepage
    .events-mobile-track.standard-section-grid {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        gap: 18px !important;
        transform: none !important;
    }

    .template-homepage
    .events-mobile-track.standard-section-grid > .news-card {
        width: 100% !important;
        min-width: 0 !important;
        flex: initial !important;
    }

    .template-homepage .events-mobile-controls {
        display: none !important;
    }
}

@media (max-width: 760px) {
    .template-homepage .latest-news-track {
        gap: 12px !important;
    }

    .template-homepage .latest-news-track > .news-card {
        flex: 0 0 calc((100% - 12px) / 2) !important;
        min-width: calc((100% - 12px) / 2) !important;
        width: calc((100% - 12px) / 2) !important;
    }

    .template-homepage .events-mobile-carousel {
        position: relative !important;
        width: 100% !important;
    }

    .template-homepage .events-mobile-viewport {
        width: 100% !important;
        overflow: hidden !important;
        overflow-anchor: none !important;
    }

    .template-homepage
    .events-mobile-track.standard-section-grid {
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        grid-template-columns: none !important;
        gap: 0 !important;
        width: 100% !important;
        transition: transform .42s cubic-bezier(.22,.61,.36,1) !important;
        will-change: transform !important;
    }

    .template-homepage
    .events-mobile-track.standard-section-grid > .news-card {
        display: flex !important;
        flex-direction: column !important;
        flex: 0 0 100% !important;
        min-width: 100% !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        grid-column: auto !important;
    }

    .template-homepage
    .events-mobile-track.standard-section-grid > .news-card
    .card-media {
        width: 100% !important;
        height: 230px !important;
        min-height: 230px !important;
    }

    .template-homepage .events-mobile-controls {
        display: flex !important;
    }
}

.site-footer {
    width: 100% !important;
    max-width: none !important;
    margin-inline: 0 !important;
}

.site-footer .footer-inner.footer-inner--compact {
    width: calc(100% - 40px) !important;
    max-width: 1290px !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

@media (min-width: 761px) {
    .site-footer .footer-inner.footer-inner--compact {
        position: relative !important;
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 18px !important;
    }

    html[dir="rtl"] .site-footer .footer-brand {
        grid-column: 3 !important;
        justify-self: end !important;
        text-align: right !important;
        width: auto !important;
    }

    html[dir="rtl"] .site-footer .entity-social-footer {
        grid-column: 2 !important;
        justify-self: center !important;
        width: auto !important;
    }

    html[dir="rtl"] .site-footer .footer-nav {
        grid-column: 1 !important;
        justify-self: start !important;
        text-align: left !important;
        width: auto !important;
    }

    html[dir="ltr"] .site-footer .footer-brand {
        grid-column: 1 !important;
        justify-self: start !important;
        text-align: left !important;
        width: auto !important;
    }

    html[dir="ltr"] .site-footer .entity-social-footer {
        grid-column: 2 !important;
        justify-self: center !important;
        width: auto !important;
    }

    html[dir="ltr"] .site-footer .footer-nav {
        grid-column: 3 !important;
        justify-self: end !important;
        text-align: right !important;
        width: auto !important;
    }
}

@media (max-width: 760px) {
    .site-footer .footer-inner.footer-inner--compact {
        width: calc(100% - 24px) !important;
        max-width: none !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 10px !important;
        text-align: center !important;
    }
}

.template-homepage [data-su-slider] {
    overflow: visible !important;
    padding-bottom: 0 !important;
}

.template-homepage [data-su-slider] .slider-controls {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    margin: 16px auto 0 !important;
}

.template-homepage [data-su-slider-track] {
    overflow: hidden !important;
    border-radius: 18px !important;
}

@media (max-width: 760px) {
    .template-homepage .events-mobile-controls {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        margin: 16px auto 0 !important;
    }
}

@media (max-width: 760px) {
    .template-homepage .latest-news-track > .news-card .card-body > p,
    .template-homepage .standard-section-grid > .news-card .card-body > p,
    .template-homepage
    .homepage-section--scientific-articles
    .standard-section-grid > .news-card:not(:first-child)
    .card-body > p {
        display: none !important;
    }
}

.template-homepage .latest-news-viewport {
    overflow: hidden !important;
    isolation: isolate !important;
}

.template-homepage .latest-news-track {
    position: relative !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    backface-visibility: hidden !important;
}

.template-homepage .latest-news-track > .news-card {
    position: relative !important;
    flex-shrink: 0 !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
}

.template-homepage .student-activities-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) minmax(0, 1fr) !important;
    grid-template-rows: repeat(2, minmax(190px, auto)) !important;
    gap: 16px !important;
    align-items: stretch !important;
}

.template-homepage .student-activities-showcase > .news-card {
    min-width: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
}

.template-homepage .student-activities-showcase > .news-card:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    display: flex !important;
    flex-direction: column !important;
}

.template-homepage
.student-activities-showcase > .news-card:first-child
.card-media {
    height: 310px !important;
    min-height: 310px !important;
}

.template-homepage
.student-activities-showcase > .news-card:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.template-homepage
.student-activities-showcase > .news-card:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

.template-homepage
.student-activities-showcase > .news-card:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

.template-homepage
.student-activities-showcase > .news-card:nth-child(5) {
    grid-column: 3 !important;
    grid-row: 2 !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child) {
    display: grid !important;
    grid-template-columns: minmax(92px, 38%) minmax(0, 62%) !important;
    grid-template-areas: "media body" !important;
    align-items: stretch !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-media {
    grid-area: media !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 190px !important;
    border-radius: 14px 0 0 14px !important;
}

html[dir="rtl"] .template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-media {
    border-radius: 0 14px 14px 0 !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-body {
    grid-area: body !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 13px !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-body h3 {
    order: 1 !important;
    margin: 0 0 8px !important;
    font-size: .93rem !important;
    line-height: 1.55 !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-taxonomy {
    order: 2 !important;
    margin-bottom: 7px !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-publish-date,
.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
time {
    order: 3 !important;
    margin-bottom: 7px !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-body > p {
    display: none !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.read-link {
    order: 4 !important;
    margin-top: 5px !important;
    padding-top: 0 !important;
}

@media (max-width: 760px) {
    .template-homepage .student-activities-showcase {
        display: grid !important;
        grid-template-columns: 1fr !important;
        grid-template-rows: auto !important;
        gap: 12px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child {
        grid-column: 1 !important;
        grid-row: auto !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-media {
        height: 230px !important;
        min-height: 230px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        grid-column: 1 !important;
        grid-row: auto !important;
        grid-template-columns: minmax(112px, 38%) minmax(0, 62%) !important;
        min-height: 150px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        min-height: 150px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        padding: 12px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body h3 {
        font-size: .9rem !important;
    }
}

@media (max-width: 420px) {
    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-media {
        height: 205px !important;
        min-height: 205px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        grid-template-columns: 105px minmax(0, 1fr) !important;
        min-height: 140px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        min-height: 140px !important;
    }
}

@media (max-width: 760px) {
    .template-homepage
    .homepage-section--graduate-studies
    .standard-section-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .template-homepage
    .homepage-section--graduate-studies
    .standard-section-grid > .news-card {
        width: 100% !important;
        min-width: 0 !important;
        grid-column: 1 !important;
    }

    .template-homepage
    .homepage-section--graduate-studies
    .standard-section-grid > .news-card
    .card-media {
        height: 220px !important;
        min-height: 220px !important;
    }

    .template-homepage
    .homepage-section--graduate-studies
    .standard-section-grid > .news-card
    .card-body {
        padding: 15px !important;
    }

    .template-homepage
    .homepage-section--graduate-studies
    .standard-section-grid > .news-card
    h3 {
        font-size: 1rem !important;
        line-height: 1.6 !important;
    }
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child) {
    grid-template-columns: minmax(100px, 42%) minmax(0, 58%) !important;
    min-height: 150px !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-media {
    min-height: 150px !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-body {
    justify-content: center !important;
    padding: 12px !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-body h3 {
    display: block !important;
    order: 1 !important;
    margin: 0 !important;
    font-size: .96rem !important;
    line-height: 1.55 !important;
}

.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-taxonomy,
.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-publish-date,
.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
time,
.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.card-body > p,
.template-homepage
.student-activities-showcase > .news-card:not(:first-child)
.read-link {
    display: none !important;
}

@media (min-width: 761px) {
    .template-homepage .student-activities-showcase {
        grid-template-rows: repeat(2, minmax(150px, auto)) !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        min-height: 150px !important;
    }
}

@media (max-width: 760px) {
    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        grid-template-columns: 118px minmax(0, 1fr) !important;
        min-height: 125px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        height: 125px !important;
        min-height: 125px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        min-height: 125px !important;
        padding: 11px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body h3 {
        font-size: .9rem !important;
        line-height: 1.5 !important;
    }
}

@media (max-width: 420px) {
    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        grid-template-columns: 104px minmax(0, 1fr) !important;
        min-height: 116px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media,
    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        height: 116px !important;
        min-height: 116px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body h3 {
        font-size: .84rem !important;
    }
}

@media (min-width: 761px) {
    .template-homepage .student-activities-showcase {
        grid-template-rows: repeat(2, 118px) !important;
        gap: 12px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        grid-template-columns: 112px minmax(0, 1fr) !important;
        min-height: 118px !important;
        height: 118px !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        width: 112px !important;
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        min-height: 118px !important;
        height: 118px !important;
        padding: 10px 12px !important;
        justify-content: center !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body h3 {
        margin: 0 !important;
        font-size: .9rem !important;
        line-height: 1.45 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child {
        min-height: 248px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-media {
        height: 205px !important;
        min-height: 205px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-body {
        padding: 14px !important;
    }
}

@media (max-width: 760px) {
    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        grid-template-columns: 96px minmax(0, 1fr) !important;
        min-height: 104px !important;
        height: 104px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        width: 96px !important;
        height: 104px !important;
        min-height: 104px !important;
        max-height: 104px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        min-height: 104px !important;
        height: 104px !important;
        padding: 9px 10px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body h3 {
        font-size: .84rem !important;
        line-height: 1.4 !important;
        -webkit-line-clamp: 3 !important;
    }
}

@media (min-width: 761px) {
    .template-homepage .student-activities-showcase {
        grid-template-rows: repeat(2, 136px) !important;
        gap: 12px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child {
        min-height: 284px !important;
        height: 284px !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-media {
        height: 170px !important;
        min-height: 170px !important;
        max-height: 170px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-body {
        min-height: 114px !important;
        padding: 12px 14px !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-body h3 {
        margin-block: 6px !important;
        font-size: 1rem !important;
        line-height: 1.5 !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-body > p {
        display: none !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        min-height: 136px !important;
        height: 136px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media,
    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        height: 136px !important;
        min-height: 136px !important;
        max-height: 136px !important;
    }
}

@media (min-width: 761px) {
    .template-homepage .student-activities-showcase {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: repeat(2, 210px) !important;
        gap: 14px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        height: 434px !important;
        min-height: 434px !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-media {
        height: 280px !important;
        min-height: 280px !important;
        max-height: 280px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-body {
        min-height: 154px !important;
        padding: 16px !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        display: flex !important;
        flex-direction: column !important;
        min-width: 0 !important;
        width: 100% !important;
        height: 210px !important;
        min-height: 210px !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        width: 100% !important;
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
        border-radius: 14px 14px 0 0 !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        width: 100% !important;
        height: 92px !important;
        min-height: 92px !important;
        padding: 10px 12px !important;
        justify-content: center !important;
        text-align: center !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body h3 {
        margin: 0 !important;
        font-size: .9rem !important;
        line-height: 1.45 !important;
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

@media (max-width: 760px) {
    .template-homepage .student-activities-showcase {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:first-child
    .card-media {
        height: 220px !important;
        min-height: 220px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child) {
        display: grid !important;
        grid-template-columns: 120px minmax(0, 1fr) !important;
        grid-template-areas: "media body" !important;
        min-height: 118px !important;
        height: 118px !important;
        overflow: hidden !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        grid-area: media !important;
        width: 120px !important;
        height: 118px !important;
        min-height: 118px !important;
        max-height: 118px !important;
        border-radius: 0 14px 14px 0 !important;
    }

    html[dir="ltr"] .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-media {
        border-radius: 14px 0 0 14px !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body {
        grid-area: body !important;
        height: 118px !important;
        min-height: 118px !important;
        padding: 12px !important;
        justify-content: center !important;
        text-align: start !important;
    }

    .template-homepage
    .student-activities-showcase > .news-card:not(:first-child)
    .card-body h3 {
        margin: 0 !important;
        font-size: .9rem !important;
        line-height: 1.5 !important;
        -webkit-line-clamp: 3 !important;
    }
}

.inner-page .listing-shell .news-card .card-media {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    background: #eef4f1 !important;
}

.inner-page .listing-shell .news-card .card-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    background: #eef4f1 !important;
}

.inner-page .listing-shell .news-card:hover .card-media img {
    transform: none !important;
}

.card-media,
.video-library-card__media,
.video-page .video-card .card-media,
.news-card .card-media {
    position: relative !important;
    isolation: isolate !important;
    overflow: hidden !important;
    background-color: #e9f2ee !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.card-media > img,
.video-library-card__media > img,
.video-page .video-card .card-media > img,
.news-card .card-media > img {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-position: center center !important;
    transform: none !important;
    transition: opacity .2s ease !important;
}

.card-media > img:not(.su-smart-cover),
.video-library-card__media > img:not(.su-smart-cover),
.video-page .video-card .card-media > img:not(.su-smart-cover),
.news-card .card-media > img:not(.su-smart-cover) {
    object-fit: contain !important;
}

.su-smart-media--contain {
    background-size: cover !important;
}

.su-smart-media--contain::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;
    inset: -18px !important;
    background-image: inherit !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    filter: blur(18px) saturate(.82) brightness(.66) !important;
    opacity: .48 !important;
    transform: scale(1.08) !important;
    pointer-events: none !important;
}

.su-smart-media--contain > img.su-smart-contain {
    object-fit: contain !important;
    background: rgba(239, 246, 243, .9) !important;
}

html[data-theme="dark"] .su-smart-media--contain > img.su-smart-contain,
body:not(.light-theme) .su-smart-media--contain > img.su-smart-contain {
    background: rgba(3, 35, 26, .72) !important;
}

.su-smart-media--cover > img.su-smart-cover {
    object-fit: cover !important;
}

.news-card:hover .card-media > img,
.video-library-card:hover .video-library-card__media > img,
.video-page .video-card:hover .card-media > img {
    transform: none !important;
}

.hero,
.post-hero {
    position: relative !important;
    isolation: isolate !important;
    background-image: var(--hero) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    overflow: hidden !important;
    object-fit:fill !important;
}

.hero::before,
.post-hero::before {
    content: "" !important;
    position: absolute !important;
    z-index: -2 !important;
    inset: -14px !important;
    background-image: var(--hero) !important;
    background-position: top center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    filter: blur(22px) saturate(.82) brightness(.58) !important;
    opacity: .86 !important;
    transform: scale(1.08) !important;
    pointer-events: none !important;
}

.hero-overlay,
.post-hero .hero-overlay {
    z-index: -1 !important;
}

.hero-content,
.post-hero-content {
    position: relative !important;
    z-index: 1 !important;
}

.site-header img,
.site-footer img,
.brand img,
.footer-brand img,
.entity-logo img {
    object-fit: contain !important;
    object-position: center !important;
    transform: none !important;
}

@media (max-width: 760px) {
    .su-smart-media--contain::before {
        inset: -12px !important;
        filter: blur(14px) saturate(.8) brightness(.62) !important;
    }

    .hero::before,
    .post-hero::before {
        inset: -14px !important;
        filter: blur(16px) saturate(.82) brightness(.58) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .card-media > img,
    .video-library-card__media > img {
        transition: none !important;
    }
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase {
    display: grid !important;
    grid-template-columns: minmax(0, 2fr) repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: repeat(2, 220px) !important;
    gap: 12px !important;
    direction: rtl !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 220px !important;
    min-height: 220px !important;
    overflow: hidden !important;
    border-radius: 16px !important;
    border: 1px solid rgba(108, 190, 158, .24) !important;
    background: #06251c !important;
    box-shadow: none !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:first-child {
    grid-column: 1 !important;
    grid-row: 1 / span 2 !important;
    height: 452px !important;
    min-height: 452px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 1 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:nth-child(3) {
    grid-column: 3 !important;
    grid-row: 1 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:nth-child(4) {
    grid-column: 2 !important;
    grid-row: 2 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:nth-child(5) {
    grid-column: 3 !important;
    grid-row: 2 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: inherit !important;
    background: #0b2f24 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    border-radius: inherit !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card::after {
    content: "" !important;
    position: absolute !important;
    z-index: 1 !important;
    inset: 0 !important;
    background:
        linear-gradient(
            180deg,
            rgba(0, 18, 13, .03) 20%,
            rgba(0, 18, 13, .22) 48%,
            rgba(0, 18, 13, .94) 100%
        ) !important;
    pointer-events: none !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-body {
    position: absolute !important;
    z-index: 2 !important;
    inset-inline: 0 !important;
    bottom: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 18px !important;
    background: transparent !important;
    color: #fff !important;
    text-align: start !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:first-child .card-body {
    padding: 26px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-body h3 {
    order: 1 !important;
    display: -webkit-box !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #fff !important;
    font-size: 1rem !important;
    font-weight: 900 !important;
    line-height: 1.55 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .72) !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:first-child .card-body h3 {
    font-size: 1.45rem !important;
    line-height: 1.5 !important;
    -webkit-line-clamp: 3 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-taxonomy,
.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-publish-date,
.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card time,
.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-body > p,
.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .read-link {
    display: none !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:hover {
    transform: translateY(-3px) !important;
    border-color: rgba(244, 215, 31, .72) !important;
    box-shadow: 0 14px 28px rgba(0, 0, 0, .24) !important;
}

@media (max-width: 760px) {
    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: auto repeat(2, 170px) !important;
        gap: 10px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
        height: 300px !important;
        min-height: 300px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:nth-child(2) {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:nth-child(3) {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:nth-child(4) {
        grid-column: 1 !important;
        grid-row: 3 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:nth-child(5) {
        grid-column: 2 !important;
        grid-row: 3 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 170px !important;
        min-height: 170px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-body {
        padding: 12px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child .card-body {
        padding: 18px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-body h3 {
        font-size: .86rem !important;
        line-height: 1.45 !important;
        -webkit-line-clamp: 3 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child .card-body h3 {
        font-size: 1.15rem !important;
        line-height: 1.55 !important;
    }
}

@media (max-width: 420px) {
    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-rows: auto repeat(2, 150px) !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        height: 260px !important;
        min-height: 260px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 150px !important;
        min-height: 150px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-body h3 {
        font-size: .78rem !important;
    }
}

:root {
    --su-card-radius: 18px;
    --su-card-shadow: 0 14px 34px rgba(0, 18, 13, .2);
    --su-card-shadow-hover: 0 22px 48px rgba(0, 18, 13, .34);
    --su-card-line: rgba(106, 190, 158, .25);
    --su-motion: cubic-bezier(.22, .61, .36, 1);
}

.featured-editorial-slider {
    position: relative;
    width: min(1290px, calc(100% - 32px));
    min-height: 500px;
    margin: 34px auto 70px;
    overflow: hidden;
    border: 1px solid rgba(244, 215, 31, .3);
    border-radius: 30px;
    background:
        radial-gradient(circle at 86% 18%, rgba(13, 138, 100, .24), transparent 38%),
        linear-gradient(135deg, #041c15, #07392b);
    box-shadow: 0 30px 70px rgba(0, 0, 0, .36);
    isolation: isolate;
}

.featured-editorial-slider::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: .16;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
    background-size: 32px 32px;
}

.featured-editorial-viewport {
    position: relative;
    min-height: 500px;
}

.featured-editorial-slide {
    position: absolute;
    inset: 0;
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate3d(28px, 0, 0) scale(.985);
    transition:
        opacity .55s var(--su-motion),
        transform .55s var(--su-motion),
        visibility .55s;
}

.featured-editorial-slide.is-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate3d(0, 0, 0) scale(1);
}

.featured-editorial-media {
    position: relative;
    min-height: 500px;
    overflow: hidden;
    background: #eaf3ef;
}

.featured-editorial-media::after {
    content: "";
    position: absolute;
    inset: 0;
    box-shadow: inset -34px 0 50px rgba(4, 28, 21, .5);
    pointer-events: none;
}

.featured-editorial-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    filter: saturate(.98) contrast(1.02);
    transition: transform .8s var(--su-motion);
}

.featured-editorial-slide.is-active .featured-editorial-media img {
    transform: scale(1.018);
}

.featured-editorial-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(28px, 4vw, 58px);
    color: #fff;
}

.featured-editorial-kicker {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    margin-bottom: 16px;
    padding: 8px 12px;
    border: 1px solid rgba(244, 215, 31, .42);
    border-radius: 999px;
    background: rgba(244, 215, 31, .08);
    color: #f4d71f;
    font-size: .84rem;
    font-weight: 900;
}

.featured-editorial-taxonomy {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 16px;
}

.featured-editorial-taxonomy .pill {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.featured-editorial-content h1 {
    margin: 0;
    color: #fff;
    font-size: clamp(2rem, 3.3vw, 3.65rem);
    font-weight: 900;
    line-height: 1.32;
    text-wrap: balance;
    text-shadow: 0 3px 18px rgba(0, 0, 0, .34);
}

.featured-editorial-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 22px;
    color: #c8ddd5;
    font-size: .9rem;
    font-weight: 800;
}

.featured-editorial-meta span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.featured-editorial-read {
    display: inline-flex;
    align-items: center;
    align-self: flex-end;
    gap: 8px;
    margin-top: 26px;
    padding: 12px 18px;
    border: 1px solid rgba(244, 215, 31, .55);
    border-radius: 13px;
    color: #f4d71f;
    font-weight: 900;
    transition:
        transform .25s var(--su-motion),
        color .25s,
        background-color .25s,
        box-shadow .25s;
}

.featured-editorial-read:hover {
    color: #06251b;
    background: #f4d71f;
    box-shadow: 0 10px 24px rgba(244, 215, 31, .22);
    transform: translateY(-2px);
}

.featured-editorial-navigation {
    position: absolute;
    z-index: 5;
    inset-inline-start: 50%;
    bottom: 18px;
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 7px 10px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 999px;
    background: rgba(0, 24, 18, .82);
    backdrop-filter: blur(14px);
    transform: translateX(50%);
}

[dir="ltr"] .featured-editorial-navigation {
    transform: translateX(-50%);
}

.featured-editorial-navigation > button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    padding: 0;
    border: 1px solid rgba(117, 210, 174, .35);
    border-radius: 50%;
    background: #087253;
    color: #fff;
    cursor: pointer;
    transition: transform .2s, background-color .2s;
}

.featured-editorial-navigation > button:hover {
    background: #0da577;
    transform: scale(1.07);
}

.featured-editorial-dots {
    display: flex;
    align-items: center;
    gap: 6px;
}

.featured-editorial-dots button {
    width: 8px;
    height: 8px;
    padding: 0;
    border: 0;
    border-radius: 99px;
    background: rgba(255,255,255,.32);
    transition: width .25s, background-color .25s;
}

.featured-editorial-dots button.is-active {
    width: 26px;
    background: #f4d71f;
}

.news-card {
    position: relative;
    display: flex !important;
    flex-direction: column !important;
    min-width: 0;
    height: 100% !important;
    overflow: hidden !important;
    border: 1px solid var(--su-card-line) !important;
    border-radius: var(--su-card-radius) !important;
    background: linear-gradient(155deg, rgba(6, 45, 34, .98), rgba(2, 27, 20, .98)) !important;
    box-shadow: var(--su-card-shadow) !important;
    transition:
        transform .32s var(--su-motion),
        box-shadow .32s var(--su-motion),
        border-color .32s;
}

.news-card:hover {
    z-index: 2;
    border-color: rgba(244, 215, 31, .62) !important;
    box-shadow: var(--su-card-shadow-hover) !important;
    transform: translateY(-6px);
}

.card-media {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden !important;
    border: 5px solid rgba(255,255,255,.035);
    border-radius: calc(var(--su-card-radius) - 2px) calc(var(--su-card-radius) - 2px) 0 0 !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.08),
        0 8px 22px rgba(0,0,0,.2);
}

.card-media img {
    transition:
        transform .55s var(--su-motion),
        filter .35s var(--su-motion) !important;
}

.news-card:hover .card-media img.su-smart-cover {
    transform: scale(1.035) !important;
    filter: saturate(1.06) contrast(1.03);
}

.card-body {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    min-height: 0;
    padding: 16px !important;
}

.card-taxonomy {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    margin-bottom: 10px;
}

.card-taxonomy .tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-card h3 {
    margin: 0 0 9px !important;
    font-size: 1.02rem !important;
    line-height: 1.6 !important;
}

.news-card h3 a {
    color: inherit;
    text-decoration: none;
}

.news-card .card-body > p {
    display: -webkit-box;
    margin: 0 0 12px !important;
    overflow: hidden;
    color: #bcd0c8 !important;
    font-size: .88rem;
    line-height: 1.75;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.card-footer-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: auto;
    padding-top: 12px;
    border-top: 1px solid rgba(122, 194, 166, .15);
    color: #a9c3b9;
    font-size: .78rem;
    font-weight: 800;
}

.card-footer-meta > * {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.card-views {
    padding: 4px 8px;
    border-radius: 999px;
    background: rgba(13, 138, 100, .14);
    color: #bfe3d5;
}

.read-link {
    display: inline-flex !important;
    align-items: center !important;
    align-self: flex-end !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    margin-top: 12px !important;
    padding-top: 0 !important;
    color: #2dd69d !important;
    text-align: left !important;
    transition: gap .22s, color .22s, transform .22s;
}

.read-link:hover {
    gap: 10px !important;
    color: #f4d71f !important;
    transform: translateX(-2px);
}

.latest-news-track,
.standard-section-grid,
.events-mobile-track {
    align-items: stretch !important;
}

.latest-news-track > .news-card,
.standard-section-grid > .news-card,
.events-mobile-track > .news-card {
    height: 100% !important;
}

.latest-news-track > .news-card {
    min-height: 505px !important;
}

.standard-section-grid > .news-card {
    min-height: 470px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase {
    grid-template-rows: repeat(2, 220px) !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card {
    height: 220px !important;
    min-height: 220px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:first-child {
    height: 452px !important;
    min-height: 452px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media img.su-smart-contain {
    object-fit: contain !important;
    padding: 8px;
    background: rgba(234, 243, 239, .96) !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media img.su-smart-cover {
    object-fit: cover !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-body {
    padding: 14px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-taxonomy,
.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-footer-meta {
    display: flex !important;
    position: relative;
    z-index: 3;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-taxonomy {
    order: 1;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card h3 {
    order: 2;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-footer-meta {
    order: 3;
    width: 100%;
    margin-top: 10px;
    padding-top: 8px;
    color: #d2e2dc;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .read-link,
.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-body > p {
    display: none !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-body {
    justify-content: flex-end !important;
    background: linear-gradient(
        180deg,
        transparent,
        rgba(0, 24, 18, .12) 8%,
        rgba(0, 24, 18, .92) 45%,
        rgba(0, 24, 18, .98)
    ) !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card h3 a,
.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .tag {
    color: #fff !important;
}

.news-card a:focus-visible,
.featured-editorial-slider a:focus-visible,
.featured-editorial-slider button:focus-visible {
    outline: 3px solid #f4d71f !important;
    outline-offset: 3px !important;
}

html[data-theme="light"] .news-card {
    background: linear-gradient(155deg, #fff, #f8fbf9) !important;
    color: #0c3a2d !important;
    border-color: #cce1d8 !important;
    box-shadow: 0 14px 34px rgba(10, 75, 55, .1) !important;
}

html[data-theme="light"] .news-card .card-body > p {
    color: #61776f !important;
}

html[data-theme="light"] .card-footer-meta {
    color: #547066;
    border-color: #dceae4;
}

html[data-theme="light"] .card-views {
    color: #086246;
    background: #e8f5ef;
}

@media (max-width: 900px) {
    .featured-editorial-slide {
        grid-template-columns: 1fr 1fr;
    }

    .featured-editorial-content {
        padding: 28px;
    }
}

@media (max-width: 760px) {
    .featured-editorial-slider {
        width: calc(100% - 18px);
        min-height: 590px;
        margin: 22px auto 46px;
        border-radius: 22px;
    }

    .featured-editorial-viewport {
        min-height: 590px;
    }

    .featured-editorial-slide {
        grid-template-columns: 1fr;
        grid-template-rows: 270px 1fr;
    }

    .featured-editorial-media {
        min-height: 270px;
        border-radius: 21px 21px 0 0;
    }

    .featured-editorial-media::after {
        box-shadow: inset 0 -28px 40px rgba(4, 28, 21, .36);
    }

    .featured-editorial-content {
        justify-content: flex-start;
        padding: 22px 18px 66px;
    }

    .featured-editorial-content h1 {
        font-size: 1.55rem;
        line-height: 1.45;
    }

    .featured-editorial-read {
        margin-top: 18px;
    }

    .latest-news-track > .news-card {
        min-height: 430px !important;
    }

    .standard-section-grid > .news-card {
        min-height: 0 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-rows: auto repeat(2, 190px) !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        height: 310px !important;
        min-height: 310px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 190px !important;
        min-height: 190px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-body {
        padding: 10px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card h3 {
        font-size: .82rem !important;
        line-height: 1.4 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .tag {
        max-width: 100px;
        font-size: .66rem !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-footer-meta {
        font-size: .66rem;
    }
}

@media (max-width: 420px) {
    .featured-editorial-slider,
    .featured-editorial-viewport {
        min-height: 565px;
    }

    .featured-editorial-slide {
        grid-template-rows: 240px 1fr;
    }

    .featured-editorial-media {
        min-height: 240px;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-rows: auto repeat(2, 168px) !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 168px !important;
        min-height: 168px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .featured-editorial-slide,
    .featured-editorial-media img,
    .news-card,
    .card-media img,
    .read-link {
        transition: none !important;
    }
}

.featured-editorial-slider {
    display: none !important;
}

.hero-pinned-slider {
    position: relative !important;
    width: min(1290px, calc(100% - 32px)) !important;
    min-height: 560px !important;
    margin: 0 auto 70px !important;
    overflow: hidden !important;
    border: 1px solid rgba(244, 215, 31, .36) !important;
    border-radius: 0 0 28px 28px !important;
    box-shadow: 0 24px 60px rgba(0, 0, 0, .30) !important;
    background: #031711 !important;
}

.hero-pinned-viewport {
    position: relative !important;
    min-height: 560px !important;
}

.hero-pinned-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    min-height: 560px !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transition:
        opacity .48s cubic-bezier(.22,.61,.36,1),
        visibility .48s !important;
}

.hero-pinned-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
}

.hero-pinned-slide .hero-content {
    max-width: 660px !important;
}

.hero-pinned-slide .hero-content h1 {
    max-width: 16ch !important;
    font-size: clamp(2.6rem, 4.8vw, 5rem) !important;
    line-height: 1.18 !important;
}

.hero-pinned-slide .hero-content h1 a {
    color: inherit;
    text-decoration: none;
}

.hero-pinned-slide .hero-content h1 a:focus-visible {
    outline: 3px solid #f4d71f;
    outline-offset: 7px;
    border-radius: 4px;
}

.hero-read-more {
    align-self: flex-start !important;
    margin-top: 22px !important;
}

.hero-pinned-controls {
    position: absolute !important;
    z-index: 8 !important;
    left: 50% !important;
    bottom: 18px !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 999px !important;
    background: rgba(0, 28, 20, .86) !important;
    backdrop-filter: blur(12px) !important;
    transform: translateX(-50%) !important;
}

.hero-pinned-controls > button {
    display: grid !important;
    place-items: center !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    border: 1px solid rgba(255,255,255,.2) !important;
    border-radius: 50% !important;
    background: #087253 !important;
    color: #fff !important;
    font-size: 18px !important;
    line-height: 1 !important;
}

.hero-pinned-dots {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
}

.hero-pinned-dots button {
    width: 7px !important;
    height: 7px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.35) !important;
}

.hero-pinned-dots button.is-active {
    width: 22px !important;
    background: #f4d71f !important;
}

.news-card,
.video-library-card,
.video-page .video-card {
    overflow: hidden !important;
    border: 1px solid rgba(105, 190, 158, .28) !important;
    border-radius: 18px !important;
    background: linear-gradient(155deg, #073126, #031e17) !important;
    box-shadow:
        0 12px 28px rgba(0, 0, 0, .22),
        inset 0 0 0 1px rgba(255,255,255,.025) !important;
    transition:
        transform .28s cubic-bezier(.22,.61,.36,1),
        border-color .28s,
        box-shadow .28s !important;
}

.news-card:hover,
.video-library-card:hover,
.video-page .video-card:hover {
    border-color: rgba(244, 215, 31, .68) !important;
    box-shadow:
        0 18px 38px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(244, 215, 31, .10) !important;
    transform: translateY(-4px) !important;
}

.news-card .card-media,
.video-library-card__media,
.video-page .video-card .card-media {
    position: relative !important;
    overflow: hidden !important;
    border: 5px solid rgba(255,255,255,.035) !important;
    border-radius: 16px 16px 0 0 !important;
    background: #eaf3ef !important;
    box-shadow:
        inset 0 0 0 1px rgba(0,0,0,.06),
        0 8px 18px rgba(0,0,0,.16) !important;
}

.news-card .card-media img,
.video-library-card__media img,
.video-page .video-card .card-media img {
    width: 100% !important;
    height: 100% !important;
    object-position: center !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media {
    background: #eaf3ef !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media img {
    object-fit: contain !important;
    object-position: center !important;
    padding: 10px !important;
    background: #eaf3ef !important;
    transform: none !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:hover .card-media img {
    transform: none !important;
}

.card-image-views {
    position: absolute !important;
    z-index: 5 !important;
    left: 12px !important;
    bottom: 12px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 34px !important;
    padding: 7px 11px !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    border-radius: 999px !important;
    background: rgba(0, 25, 18, .82) !important;
    color: #fff !important;
    font-size: .84rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    backdrop-filter: blur(10px) !important;
    box-shadow: 0 7px 18px rgba(0,0,0,.28) !important;
}

.card-image-views .views-icon {
    display: inline-grid !important;
    place-items: center !important;
    width: 20px !important;
    height: 20px !important;
    font-size: 16px !important;
}

.read-link {
    align-self: flex-end !important;
    margin-inline-start: auto !important;
    margin-inline-end: 0 !important;
    margin-top: 14px !important;
}

.card-taxonomy .tag,
.hero-taxonomy .pill {
    gap: 4px !important;
    padding: 5px 8px !important;
    font-size: .72rem !important;
    line-height: 1.2 !important;
}

.card-taxonomy .tag span[aria-hidden="true"],
.hero-taxonomy .pill span[aria-hidden="true"] {
    font-size: .72em !important;
}

.latest-news-track .card-media {
    height: 230px !important;
    min-height: 230px !important;
}

.standard-section-grid .card-media {
    height: 210px !important;
    min-height: 210px !important;
}

.related .card-media {
    height: 175px !important;
    min-height: 175px !important;
}

@media (max-width: 760px) {
    .hero-pinned-slider,
    .hero-pinned-viewport,
    .hero-pinned-slide {
        min-height: 610px !important;
    }

    .hero-pinned-slider {
        width: calc(100% - 18px) !important;
        margin-bottom: 48px !important;
        border-radius: 0 0 22px 22px !important;
    }

    .hero-pinned-slide .hero-content {
        max-width: 100% !important;
        padding-inline: 22px !important;
        padding-bottom: 74px !important;
    }

    .hero-pinned-slide .hero-content h1 {
        max-width: 13ch !important;
        font-size: clamp(2rem, 10vw, 3.15rem) !important;
    }

    .latest-news-track .card-media {
        height: 180px !important;
        min-height: 180px !important;
    }

    .standard-section-grid .card-media {
        height: 190px !important;
        min-height: 190px !important;
    }

    .card-image-views {
        left: 8px !important;
        bottom: 8px !important;
        min-height: 30px !important;
        padding: 6px 9px !important;
        font-size: .76rem !important;
    }

    .card-image-views .views-icon {
        width: 18px !important;
        height: 18px !important;
        font-size: 14px !important;
    }
}

.hero-pinned-slider {
    width: min(1290px, calc(100% - 32px)) !important;
    min-height: 430px !important;
    margin: 34px auto 68px !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg, #092d23, #041b15) !important;
}

.hero-pinned-viewport,
.hero-pinned-slide {
    min-height: 430px !important;
}

.hero-pinned-slide {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(360px, .95fr) !important;
    background: transparent !important;
    background-image: none !important;
}

.hero-pinned-slide::before {
    content: "" !important;
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-height: 430px !important;
    background-image: var(--hero) !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-color: #eef4f1 !important;
}

.hero-pinned-slide .hero-overlay {
    display: none !important;
}

.hero-pinned-slide .hero-content {
    grid-column: 2 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    max-width: none !important;
    min-width: 0 !important;
    padding: 42px !important;
    background:
        radial-gradient(circle at 85% 20%, rgba(13,138,100,.22), transparent 36%),
        linear-gradient(145deg, #07392b, #03251c) !important;
}

.hero-pinned-slide .hero-content h1 {
    max-width: 100% !important;
    margin: 12px 0 !important;
    font-size: clamp(2rem, 3.2vw, 3.35rem) !important;
    line-height: 1.35 !important;
}

.hero-pinned-slide .hero-taxonomy {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
}

.hero-pinned-slide .meta {
    margin-top: 14px !important;
}

.hero-read-more {
    align-self: flex-end !important;
    margin-top: 22px !important;
}

.hero-pinned-controls {
    bottom: 14px !important;
}

.latest-news-track > .news-card,
.standard-section-grid > .news-card {
    min-height: 0 !important;
    height: auto !important;
}

.news-card .card-body {
    min-height: 210px !important;
}

.latest-news-track .news-card .card-body {
    min-height: 220px !important;
}

.standard-section-grid .news-card .card-body {
    min-height: 205px !important;
}

.news-card .card-body > p {
    margin-bottom: 10px !important;
    -webkit-line-clamp: 2 !important;
}

.card-bottom-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    margin-top: auto !important;
    padding-top: 12px !important;
    border-top: 1px solid rgba(122, 194, 166, .16) !important;
}

.card-bottom-row .card-publish-date,
.card-bottom-row .read-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 0 !important;
}

.card-bottom-row .read-link {
    margin-inline-start: auto !important;
    color: #2dd69d !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase {
    grid-template-rows: repeat(2, 242px) !important;
    gap: 14px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card {
    height: 242px !important;
    min-height: 242px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card:first-child {
    height: 498px !important;
    min-height: 498px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media {
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media::before {
    content: "" !important;
    position: absolute !important;
    inset: -16px !important;
    z-index: 0 !important;
    background-image: inherit !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    filter: blur(16px) brightness(.66) saturate(.85) !important;
    opacity: .42 !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-media img {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    object-position: center !important;
    padding: 8px !important;
    background: rgba(238,245,242,.88) !important;
}

.news-card .card-media,
.video-library-card__media,
.video-page .video-card .card-media,
.related .card-media {
    border: 5px solid rgba(255,255,255,.055) !important;
    box-shadow:
        inset 0 0 0 1px rgba(0,0,0,.08),
        0 8px 20px rgba(0,0,0,.18) !important;
}

.card-image-views {
    min-width: 58px !important;
    justify-content: center !important;
    font-size: .88rem !important;
}

@media (max-width: 760px) {
    .hero-pinned-slider {
        min-height: 610px !important;
        margin-top: 20px !important;
    }

    .hero-pinned-viewport,
    .hero-pinned-slide {
        min-height: 610px !important;
    }

    .hero-pinned-slide {
        grid-template-columns: 1fr !important;
        grid-template-rows: 270px 1fr !important;
    }

    .hero-pinned-slide::before {
        grid-column: 1 !important;
        grid-row: 1 !important;
        min-height: 270px !important;
    }

    .hero-pinned-slide .hero-content {
        grid-column: 1 !important;
        grid-row: 2 !important;
        padding: 22px 18px 68px !important;
    }

    .hero-pinned-slide .hero-content h1 {
        font-size: 1.65rem !important;
        line-height: 1.5 !important;
    }

    .news-card .card-body,
    .latest-news-track .news-card .card-body,
    .standard-section-grid .news-card .card-body {
        min-height: 190px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-rows: auto repeat(2, 205px) !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        height: 330px !important;
        min-height: 330px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 205px !important;
        min-height: 205px !important;
    }
}

.hero-pinned-slider {
    width: 100% !important;
    min-height: calc(100vh - 72px) !important;
    margin: 0 0 74px !important;
    border: 0 !important;
    border-bottom: 2px solid #f4d71f !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: #020c09 !important;
}

.hero-pinned-viewport,
.hero-pinned-slide {
    min-height: calc(100vh - 72px) !important;
}

.hero-pinned-slide {
    display: block !important;
    background-image: var(--hero) !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.hero-pinned-slide::before {
    content: none !important;
    display: none !important;
}

.hero-pinned-slide .hero-overlay {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    background:
        linear-gradient(
            90deg,
            rgba(0, 10, 7, .82) 0%,
            rgba(0, 10, 7, .46) 46%,
            rgba(0, 10, 7, .62) 100%
        ),
        linear-gradient(
            180deg,
            rgba(0, 0, 0, .12),
            rgba(0, 0, 0, .34)
        ) !important;
}

.hero-pinned-slide .hero-content {
    position: relative !important;
    z-index: 2 !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    width: min(1290px, calc(100% - 44px)) !important;
    min-height: calc(100vh - 72px) !important;
    margin-inline: auto !important;
    padding: 70px 24px 96px !important;
    background: transparent !important;
}

.hero-pinned-slide .hero-taxonomy {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
    margin-bottom: 24px !important;
}

.hero-pinned-slide .hero-content h1 {
    max-width: 13ch !important;
    margin: 0 0 24px !important;
    font-size: clamp(3rem, 5.4vw, 6rem) !important;
    line-height: 1.16 !important;
    text-shadow: 0 4px 24px rgba(0, 0, 0, .55) !important;
}

.hero-pinned-slide .meta {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    margin: 0 0 28px !important;
}

.hero-read-more {
    align-self: flex-start !important;
    margin: 0 !important;
    padding: 13px 21px !important;
    border: 1px solid rgba(255,255,255,.78) !important;
    border-radius: 12px !important;
    background: rgba(0, 24, 18, .32) !important;
    color: #fff !important;
    font-weight: 900 !important;
    backdrop-filter: blur(8px) !important;
    box-shadow: 0 10px 24px rgba(0,0,0,.22) !important;
    transition:
        transform .25s ease,
        background-color .25s ease,
        border-color .25s ease,
        color .25s ease !important;
}

.hero-read-more:hover {
    color: #06251b !important;
    background: #f4d71f !important;
    border-color: #f4d71f !important;
    transform: translateY(-2px) !important;
}

.hero-pinned-controls {
    bottom: 22px !important;
}

.news-card .card-taxonomy {
    margin-bottom: 14px !important;
}

.news-card h3 {
    margin-bottom: 12px !important;
}

.news-card .card-body > p {
    margin-bottom: 16px !important;
}

.card-bottom-row {
    margin-top: auto !important;
    padding-top: 14px !important;
}

.template-homepage
.homepage-section--announcements
.news-card .read-link {
    min-height: 40px !important;
    margin-top: 14px !important;
    padding: 10px 15px !important;
    border: 1px solid rgba(45, 214, 157, .38) !important;
    border-radius: 11px !important;
    background:
        linear-gradient(
            135deg,
            rgba(13, 138, 100, .18),
            rgba(13, 138, 100, .06)
        ) !important;
    color: #37dfa7 !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.025),
        0 7px 16px rgba(0,0,0,.14) !important;
    transition:
        transform .22s ease,
        background-color .22s ease,
        border-color .22s ease,
        color .22s ease,
        box-shadow .22s ease !important;
}

.template-homepage
.homepage-section--announcements
.news-card .read-link:hover {
    color: #052219 !important;
    background: #f4d71f !important;
    border-color: #f4d71f !important;
    box-shadow: 0 10px 22px rgba(244, 215, 31, .2) !important;
    transform: translateY(-2px) !important;
}

.template-homepage
.homepage-section--announcements
.news-card .read-link span[aria-hidden="true"] {
    display: inline-grid !important;
    place-items: center !important;
    width: 21px !important;
    height: 21px !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,.09) !important;
    font-size: .8rem !important;
}

.news-card .card-body {
    gap: 0 !important;
}

@media (max-width: 760px) {
    .hero-pinned-slider,
    .hero-pinned-viewport,
    .hero-pinned-slide {
        min-height: calc(100svh - 66px) !important;
    }

    .hero-pinned-slide {
        background-position: center center !important;
    }

    .hero-pinned-slide .hero-content {
        width: calc(100% - 18px) !important;
        min-height: calc(100svh - 66px) !important;
        padding: 52px 16px 92px !important;
    }

    .hero-pinned-slide .hero-taxonomy {
        gap: 7px !important;
        margin-bottom: 18px !important;
    }

    .hero-pinned-slide .hero-content h1 {
        max-width: 12ch !important;
        margin-bottom: 18px !important;
        font-size: clamp(2.4rem, 12vw, 4.1rem) !important;
        line-height: 1.2 !important;
    }

    .hero-pinned-slide .meta {
        margin-bottom: 20px !important;
    }

    .hero-read-more {
        padding: 11px 17px !important;
    }

    .news-card .card-taxonomy {
        margin-bottom: 11px !important;
    }

    .news-card h3 {
        margin-bottom: 9px !important;
    }
}

@media (max-width: 760px) {
    :root {
        --mobile-page-gap: 14px;
        --mobile-section-gap: 34px;
        --mobile-card-gap: 10px;
        --mobile-radius: 16px;
    }

    html {
        font-size: 15px !important;
        overflow-x: hidden !important;
    }

    body {
        overflow-x: hidden !important;
    }

    
    .page-flow,
    .homepage-sections {
        gap: var(--mobile-section-gap) !important;
    }

    .content-section,
    .archive-shell,
    .related,
    .post-main-card {
        width: calc(100% - 16px) !important;
        margin-inline: auto !important;
        padding: 14px !important;
        border-radius: 18px !important;
    }

    .homepage-section {
        margin-block: 0 !important;
    }

    .section-heading {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        min-height: 48px !important;
        margin-bottom: 14px !important;
        padding-bottom: 12px !important;
    }

    .section-heading h2 {
        min-width: 0 !important;
        margin: 0 !important;
        font-size: clamp(1.35rem, 6vw, 1.72rem) !important;
        line-height: 1.25 !important;
        white-space: normal !important;
    }

    .section-heading .section-count {
        flex: 0 0 auto !important;
        min-width: 27px !important;
        height: 27px !important;
        font-size: .72rem !important;
    }

    .section-more {
        flex: 0 0 auto !important;
        font-size: .78rem !important;
        line-height: 1 !important;
        white-space: nowrap !important;
    }

    
    .site-header .header-inner {
        min-height: 66px !important;
        padding: 9px 10px !important;
        gap: 8px !important;
    }

    .site-header .brand {
        min-width: 0 !important;
        gap: 7px !important;
    }

    .site-header .brand img,
    .site-header .brand-logo,
    .site-header .entity-logo {
        flex: 0 0 auto !important;
        width: 38px !important;
        height: 38px !important;
    }

    .site-header .brand strong {
        font-size: .92rem !important;
        line-height: 1.25 !important;
    }

    .site-header .brand small {
        display: -webkit-box !important;
        max-width: 150px !important;
        overflow: hidden !important;
        font-size: .62rem !important;
        line-height: 1.3 !important;
        white-space: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }

    .site-header .icon-btn,
    .site-header button {
        min-width: 34px !important;
        width: 34px !important;
        height: 34px !important;
        padding: 0 !important;
        font-size: .72rem !important;
    }

    
    .hero-pinned-slider,
    .hero-pinned-viewport,
    .hero-pinned-slide {
        min-height: calc(100svh - 66px) !important;
    }

    .hero-pinned-slide .hero-content {
        width: calc(100% - 20px) !important;
        padding: 44px 14px 88px !important;
    }

    .hero-pinned-slide .hero-taxonomy {
        gap: 6px !important;
        margin-bottom: 16px !important;
    }

    .hero-pinned-slide .hero-taxonomy .pill {
        padding: 5px 8px !important;
        font-size: .67rem !important;
    }

    .hero-pinned-slide .hero-content h1 {
        max-width: 12ch !important;
        margin-bottom: 16px !important;
        font-size: clamp(2.2rem, 11.5vw, 3.7rem) !important;
        line-height: 1.18 !important;
    }

    .hero-pinned-slide .meta {
        gap: 7px !important;
        margin-bottom: 18px !important;
        font-size: .76rem !important;
    }

    .hero-read-more {
        min-height: 42px !important;
        padding: 10px 16px !important;
        font-size: .8rem !important;
    }

    .hero-pinned-controls {
        bottom: 14px !important;
        gap: 6px !important;
        padding: 6px 8px !important;
    }

    .hero-pinned-controls > button {
        width: 32px !important;
        height: 32px !important;
        font-size: 16px !important;
    }

    
    .latest-news-viewport {
        overflow: hidden !important;
    }

    .latest-news-track {
        display: flex !important;
        align-items: stretch !important;
        gap: var(--mobile-card-gap) !important;
        padding-inline: 0 !important;
    }

    .latest-news-track > .news-card {
        flex: 0 0 calc((100% - var(--mobile-card-gap)) / 2) !important;
        width: calc((100% - var(--mobile-card-gap)) / 2) !important;
        min-width: calc((100% - var(--mobile-card-gap)) / 2) !important;
        min-height: 0 !important;
        border-radius: var(--mobile-radius) !important;
    }

    .latest-news-track .card-media {
        height: 132px !important;
        min-height: 132px !important;
        border-width: 3px !important;
    }

    .latest-news-track .news-card .card-body {
        min-height: 215px !important;
        padding: 11px !important;
    }

    .latest-news-track .news-card .card-body > p {
        display: none !important;
    }

    .latest-news-track .card-taxonomy {
        gap: 4px !important;
        margin-bottom: 9px !important;
    }

    .latest-news-track .card-taxonomy .tag {
        max-width: 100% !important;
        padding: 4px 6px !important;
        font-size: .59rem !important;
    }

    .latest-news-track .news-card h3 {
        margin-bottom: 10px !important;
        font-size: .81rem !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 4 !important;
    }

    .latest-news-track .card-bottom-row {
        align-items: flex-end !important;
        gap: 6px !important;
        padding-top: 9px !important;
    }

    .latest-news-track .card-publish-date {
        max-width: 58% !important;
        font-size: .62rem !important;
        line-height: 1.35 !important;
    }

    .latest-news-track .read-link {
        gap: 3px !important;
        font-size: .66rem !important;
        white-space: nowrap !important;
    }

    .latest-news-track .card-image-views {
        left: 7px !important;
        bottom: 7px !important;
        min-width: 48px !important;
        min-height: 27px !important;
        padding: 5px 7px !important;
        gap: 4px !important;
        font-size: .68rem !important;
    }

    .latest-news-track .card-image-views .views-icon {
        width: 15px !important;
        height: 15px !important;
        font-size: 12px !important;
    }

    
    .latest-news-controls,
    .events-mobile-controls {
        gap: 7px !important;
        margin-top: 14px !important;
        padding: 6px 8px !important;
    }

    .latest-news-controls button,
    .events-mobile-controls button {
        width: 32px !important;
        height: 32px !important;
        font-size: 14px !important;
    }

    
    .standard-section-grid {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
    }

    .standard-section-grid > .news-card {
        min-width: 0 !important;
        border-radius: var(--mobile-radius) !important;
    }

    .standard-section-grid .card-media {
        height: 132px !important;
        min-height: 132px !important;
        border-width: 3px !important;
    }

    .standard-section-grid .news-card .card-body {
        min-height: 200px !important;
        padding: 11px !important;
    }

    .standard-section-grid .news-card h3 {
        font-size: .8rem !important;
        line-height: 1.5 !important;
    }

    .standard-section-grid .news-card .card-body > p {
        display: none !important;
    }

    .standard-section-grid .card-taxonomy .tag {
        padding: 4px 6px !important;
        font-size: .58rem !important;
    }

    .standard-section-grid .card-bottom-row {
        gap: 5px !important;
        padding-top: 9px !important;
    }

    .standard-section-grid .card-publish-date,
    .standard-section-grid .read-link {
        font-size: .62rem !important;
    }

    
    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: auto repeat(2, 218px) !important;
        gap: 11px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        grid-column: 1 / -1 !important;
        height: 350px !important;
        min-height: 350px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 218px !important;
        min-height: 218px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-body {
        padding: 11px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card h3 {
        margin-bottom: 8px !important;
        font-size: .83rem !important;
        line-height: 1.48 !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child h3 {
        font-size: 1.05rem !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-taxonomy {
        gap: 4px !important;
        margin-bottom: 8px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .tag {
        max-width: 108px !important;
        padding: 4px 6px !important;
        font-size: .59rem !important;
    }

    
    .template-homepage
    .homepage-section--announcements
    .news-card .read-link {
        min-height: 36px !important;
        padding: 8px 11px !important;
        font-size: .7rem !important;
    }

    
    .site-footer .footer-inner {
        min-height: 0 !important;
        padding: 20px 12px !important;
        gap: 13px !important;
    }

    .site-footer .footer-nav {
        justify-content: center !important;
        gap: 8px 13px !important;
        font-size: .76rem !important;
    }

    .site-footer .social {
        gap: 8px !important;
    }

    .site-footer .social a {
        width: 34px !important;
        height: 34px !important;
    }

    .site-footer .footer-copy {
        font-size: .7rem !important;
        line-height: 1.55 !important;
        text-align: center !important;
    }
}

@media (max-width: 390px) {
    html {
        font-size: 14px !important;
    }

    .content-section {
        width: calc(100% - 12px) !important;
        padding: 11px !important;
    }

    .latest-news-track {
        gap: 8px !important;
    }

    .latest-news-track > .news-card {
        flex-basis: calc((100% - 8px) / 2) !important;
        width: calc((100% - 8px) / 2) !important;
        min-width: calc((100% - 8px) / 2) !important;
    }

    .latest-news-track .card-media,
    .standard-section-grid .card-media {
        height: 120px !important;
        min-height: 120px !important;
    }

    .latest-news-track .news-card .card-body,
    .standard-section-grid .news-card .card-body {
        min-height: 205px !important;
        padding: 9px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-rows: auto repeat(2, 202px) !important;
        gap: 9px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        height: 325px !important;
        min-height: 325px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 202px !important;
        min-height: 202px !important;
    }
}

.news-card .card-body > p,
.news-card .card-summary,
.news-card .summary {
    display: none !important;
}

.news-card .card-media,
.related .card-media,
.archive-shell .card-media,
.video-library-card__media,
.video-page .video-card .card-media,
.student-activities-showcase .card-media {
    position: relative !important;
    overflow: hidden !important;
    border: 4px solid rgba(238, 247, 243, .16) !important;
    border-radius: 16px 16px 0 0 !important;
    background: #eaf3ef !important;
    box-shadow:
        inset 0 0 0 1px rgba(0, 40, 29, .14),
        0 8px 20px rgba(0, 0, 0, .22) !important;
}

.news-card .card-media > img,
.related .card-media > img,
.archive-shell .card-media > img,
.video-library-card__media > img,
.video-page .video-card .card-media > img,
.student-activities-showcase .card-media > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 11px 11px 0 0 !important;
}

.news-card .card-body,
.latest-news-track .news-card .card-body,
.standard-section-grid .news-card .card-body {
    min-height: 0 !important;
    height: auto !important;
}

.latest-news-track > .news-card,
.standard-section-grid > .news-card {
    height: 100% !important;
}

.news-card .card-taxonomy {
    margin-bottom: 13px !important;
}

.news-card h3 {
    margin: 0 0 12px !important;
}

.card-bottom-row {
    margin-top: auto !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card .card-taxonomy {
    margin-bottom: 12px !important;
}

.template-homepage
.homepage-section--student-activities
.student-activities-showcase > .news-card h3 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.site-header .header-tools > a.utility {
    width: auto !important;
    min-width: 42px !important;
    padding-inline: 10px !important;
    white-space: nowrap !important;
    font-size: .72rem !important;
    font-weight: 900 !important;
}

@media (max-width: 760px) {
    .site-header .menu-toggle {
        display: inline-flex !important;
        position: relative !important;
        z-index: 10031 !important;
    }

    .site-header .main-nav[data-menu] {
        position: fixed !important;
        inset-block: 0 !important;
        inset-inline-end: 0 !important;
        z-index: 10030 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: min(88vw, 350px) !important;
        height: 100dvh !important;
        padding: 76px 16px 24px !important;
        overflow-y: auto !important;
        background:
            radial-gradient(circle at 80% 8%, rgba(13,138,100,.22), transparent 32%),
            #001b14 !important;
        box-shadow: -20px 0 48px rgba(0,0,0,.48) !important;
        transform: translateX(110%) !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition:
            transform .28s cubic-bezier(.22,.61,.36,1),
            opacity .22s ease,
            visibility 0s linear .28s !important;
    }

    [dir="ltr"] .site-header .main-nav[data-menu] {
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        transform: translateX(-110%) !important;
    }

    .site-header .main-nav[data-menu].su-mobile-menu-open {
        transform: translateX(0) !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transition:
            transform .28s cubic-bezier(.22,.61,.36,1),
            opacity .22s ease,
            visibility 0s !important;
    }

    .site-header .main-nav[data-menu] > a {
        display: flex !important;
        align-items: center !important;
        min-height: 50px !important;
        margin-bottom: 7px !important;
        padding: 11px 14px !important;
        border: 1px solid rgba(118,195,165,.13) !important;
        border-radius: 12px !important;
        color: #fff !important;
        font-size: .9rem !important;
        font-weight: 900 !important;
    }

    .site-header .main-nav[data-menu] > a.active {
        border-color: rgba(244,215,31,.58) !important;
        background: rgba(13,138,100,.22) !important;
        color: #f4d71f !important;
    }

    .site-header .main-nav[data-menu] .nav-search {
        margin-top: 8px !important;
    }

    .site-header .main-nav[data-menu] .menu-close {
        display: grid !important;
        place-items: center !important;
        position: absolute !important;
        inset-block-start: 18px !important;
        inset-inline-start: 16px !important;
        width: 38px !important;
        height: 38px !important;
        border-radius: 11px !important;
        background: rgba(13,138,100,.22) !important;
        color: #fff !important;
    }

    .menu-backdrop[data-menu-backdrop] {
        z-index: 10020 !important;
    }

    
    .hero-pinned-slider {
        width: 98vw !important;
        max-width: none !important;
        margin-inline: calc(50% - 49vw) !important;
    }

    .hero-pinned-slide .hero-content {
        width: min(100%, 430px) !important;
        max-width: none !important;
        margin-inline: auto !important;
        padding-inline: 18px !important;
    }

    .hero-pinned-slide .hero-content h1 {
        max-width: 17ch !important;
        font-size: clamp(1.9rem, 9.2vw, 2.85rem) !important;
        line-height: 1.22 !important;
        letter-spacing: -.025em !important;
    }

    .hero-pinned-slide .hero-taxonomy {
        margin-bottom: 17px !important;
    }

    .hero-pinned-slide .meta {
        font-size: .72rem !important;
    }

    
    .latest-news-track .card-bottom-row,
    .standard-section-grid .card-bottom-row,
    .student-activities-showcase > .news-card:not(:first-child) .card-bottom-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        gap: 8px !important;
    }

    .latest-news-track .card-bottom-row .read-link,
    .standard-section-grid .card-bottom-row .read-link,
    .student-activities-showcase > .news-card:not(:first-child) .card-bottom-row .read-link {
        margin-inline: 0 !important;
        align-self: flex-start !important;
    }

    .latest-news-track .card-bottom-row .card-publish-date,
    .standard-section-grid .card-bottom-row .card-publish-date {
        max-width: 100% !important;
    }

    
    .latest-news-track .news-card .card-body,
    .standard-section-grid .news-card .card-body {
        min-height: 0 !important;
        padding: 11px !important;
    }

    .latest-news-track .news-card h3,
    .standard-section-grid .news-card h3 {
        min-height: 0 !important;
        margin-bottom: 12px !important;
    }

    
    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase {
        grid-template-rows: auto repeat(2, 225px) !important;
        gap: 12px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        height: 360px !important;
        min-height: 360px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 225px !important;
        min-height: 225px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-taxonomy {
        margin-bottom: 12px !important;
    }

    .template-homepage
    .homepage-section--student-activities
    .student-activities-showcase > .news-card h3 {
        line-height: 1.5 !important;
    }

    
    .latest-news-track .card-media,
    .standard-section-grid .card-media {
        border-width: 3px !important;
        border-radius: 14px 14px 0 0 !important;
    }

    .latest-news-track .card-media > img,
    .standard-section-grid .card-media > img {
        border-radius: 10px 10px 0 0 !important;
    }
}

@media (max-width: 390px) {
    .hero-pinned-slide .hero-content h1 {
        max-width: 16ch !important;
        font-size: clamp(1.75rem, 8.9vw, 2.45rem) !important;
    }

    .site-header .header-tools > a.utility {
        min-width: 40px !important;
        padding-inline: 8px !important;
        font-size: .66rem !important;
    }
}

.hero-pinned-slide .hero-content {
    padding-top: clamp(112px, 14vh, 150px) !important;
}

.hero-pinned-slide .hero-taxonomy {
    margin-bottom: 22px !important;
}

.hero-pinned-slide .hero-content h1 {
    width: 80% !important;
    max-width: 80% !important;
    font-size: clamp(2.35rem, 4.4vw, 4.65rem) !important;
    line-height: 1.2 !important;
}

.news-card .card-media,
.archive-shell .news-card .card-media,
.related .news-card .card-media,
.events-mobile-carousel .card-media,
.standard-section-grid .card-media,
.latest-news-carousel .card-media,
.student-activities-showcase .card-media,
.video-library-card__media,
.video-page .video-card .card-media {
    overflow: hidden !important;
    border: 4px solid rgba(225, 242, 235, .18) !important;
    border-radius: 16px 16px 0 0 !important;
    background: #eaf3ef !important;
    box-shadow:
        inset 0 0 0 1px rgba(0, 45, 32, .16),
        0 9px 22px rgba(0, 0, 0, .22) !important;
}

.news-card .card-media > img,
.archive-shell .news-card .card-media > img,
.related .news-card .card-media > img,
.events-mobile-carousel .card-media > img,
.standard-section-grid .card-media > img,
.latest-news-carousel .card-media > img,
.student-activities-showcase .card-media > img,
.video-library-card__media > img,
.video-page .video-card .card-media > img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: 11px 11px 0 0 !important;
    transition:
        transform .45s cubic-bezier(.22,.61,.36,1),
        filter .35s ease !important;
}

.news-card:hover .card-media > img.su-smart-cover,
.archive-shell .news-card:hover .card-media > img.su-smart-cover,
.related .news-card:hover .card-media > img.su-smart-cover,
.events-mobile-carousel .news-card:hover .card-media > img.su-smart-cover,
.standard-section-grid .news-card:hover .card-media > img.su-smart-cover,
.latest-news-carousel .news-card:hover .card-media > img.su-smart-cover {
    transform: scale(1.045) !important;
    filter: saturate(1.08) contrast(1.035) !important;
}

.news-card:hover,
.archive-shell .news-card:hover,
.related .news-card:hover {
    transform: translateY(-5px) !important;
    border-color: rgba(244, 215, 31, .62) !important;
    box-shadow:
        0 20px 42px rgba(0, 0, 0, .34),
        0 0 0 1px rgba(244, 215, 31, .10) !important;
}

.news-card .card-body > p,
.news-card .summary,
.news-card .card-summary {
    display: none !important;
}

.news-card .card-body {
    min-height: 0 !important;
    height: auto !important;
}

.latest-news-track > .news-card,
.standard-section-grid > .news-card,
.su-latest-page > .news-card {
    height: 100% !important;
}

.homepage-section--student-activities .news-card .card-taxonomy {
    margin-bottom: 16px !important;
}

.homepage-section--student-activities .news-card h3 {
    margin-top: 0 !important;
    padding-top: 2px !important;
}

html[data-theme="light"] body,
body.light-theme {
    background: #edf5f1 !important;
    color: #10372d !important;
}

html[data-theme="light"] .site-header,
body.light-theme .site-header {
    background: rgba(248, 252, 250, .96) !important;
    border-bottom-color: #c9ddd5 !important;
}

html[data-theme="light"] .site-header a,
html[data-theme="light"] .site-header button,
body.light-theme .site-header a,
body.light-theme .site-header button {
    color: #123c31 !important;
}

html[data-theme="light"] .news-card,
body.light-theme .news-card {
    background: linear-gradient(155deg, #fff, #f8fbf9) !important;
    color: #12382e !important;
    border-color: #c9ded5 !important;
}

html[data-theme="light"] .news-card h3,
html[data-theme="light"] .news-card h3 a,
body.light-theme .news-card h3,
body.light-theme .news-card h3 a {
    color: #12382e !important;
}

html[data-theme="light"] .card-bottom-row,
body.light-theme .card-bottom-row {
    border-top-color: #dce9e3 !important;
    color: #557269 !important;
}

.latest-news-viewport {
    width: 100% !important;
    overflow: hidden !important;
}

.latest-news-track.su-paged-latest-track {
    display: flex !important;
    width: 100% !important;
    gap: 0 !important;
    direction: ltr !important;
    transform: translate3d(
        calc(var(--su-latest-index, 0) * -100%),
        0,
        0
    ) !important;
    transition: transform .48s cubic-bezier(.22,.61,.36,1) !important;
    will-change: transform !important;
}

.su-latest-page {
    flex: 0 0 100% !important;
    width: 100% !important;
    min-width: 100% !important;
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: stretch !important;
    gap: 16px !important;
    padding: 2px !important;
    direction: rtl !important;
    box-sizing: border-box !important;
}

@media (max-width: 760px) {
    .site-header [data-menu-toggle],
    .site-header .menu-toggle,
    button[data-menu-toggle] {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }

    .site-header [data-menu],
    .site-header .main-nav {
        color: #fff !important;
    }

    html[data-theme="light"] .site-header [data-menu],
    html[data-theme="light"] .site-header .main-nav,
    body.light-theme .site-header [data-menu],
    body.light-theme .site-header .main-nav {
        background:
            radial-gradient(circle at 80% 8%, rgba(13,138,100,.20), transparent 32%),
            #f7fbf9 !important;
        color: #12382e !important;
    }

    html[data-theme="light"] .site-header [data-menu] > a,
    html[data-theme="light"] .site-header .main-nav > a,
    body.light-theme .site-header [data-menu] > a,
    body.light-theme .site-header .main-nav > a {
        color: #12382e !important;
        border-color: #d0e1da !important;
        background: rgba(255,255,255,.76) !important;
    }

    html[data-theme="light"] .site-header [data-menu] > a.active,
    html[data-theme="light"] .site-header .main-nav > a.active,
    body.light-theme .site-header [data-menu] > a.active,
    body.light-theme .site-header .main-nav > a.active {
        color: #07543e !important;
        border-color: #e1bd10 !important;
        background: #fff9cf !important;
    }

    
    .hero-pinned-slide .hero-content {
        width: 100% !important;
        padding: 104px 18px 90px !important;
    }

    .hero-pinned-slide .hero-taxonomy {
        margin-bottom: 18px !important;
    }

    .hero-pinned-slide .hero-content h1 {
        width: 80% !important;
        max-width: 80% !important;
        font-size: clamp(1.72rem, 8.2vw, 2.5rem) !important;
        line-height: 1.25 !important;
    }

    
    .su-latest-page {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 10px !important;
        padding: 2px !important;
    }

    .latest-news-track .news-card {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        flex: initial !important;
    }

    
    .su-latest-page > .news-card {
        display: flex !important;
        flex-direction: column !important;
        height: 100% !important;
    }

    .su-latest-page > .news-card .card-body {
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
    }

    
    .su-latest-page .card-bottom-row,
    .standard-section-grid .card-bottom-row,
    .student-activities-showcase > .news-card:not(:first-child) .card-bottom-row {
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 8px !important;
    }

    .su-latest-page .card-bottom-row .read-link,
    .standard-section-grid .card-bottom-row .read-link,
    .student-activities-showcase > .news-card:not(:first-child) .card-bottom-row .read-link {
        align-self: flex-start !important;
        margin-inline: 0 !important;
    }

    
    .events-mobile-track .news-card .card-bottom-row,
    .graduate-studies-grid .news-card .card-bottom-row,
    .archive-shell .news-card .card-bottom-row {
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
    }

    
    .homepage-section--student-activities .news-card .card-taxonomy {
        margin-bottom: 16px !important;
    }

    .homepage-section--student-activities .news-card h3 {
        padding-top: 4px !important;
    }
}

@media (max-width: 390px) {
    .hero-pinned-slide .hero-content h1 {
        width: 82% !important;
        max-width: 82% !important;
        font-size: clamp(1.62rem, 7.9vw, 2.25rem) !important;
    }

    .su-latest-page {
        gap: 8px !important;
    }
}

@media (max-width: 760px) {
    
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-taxonomy {
        display: none !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card h3 {
        margin: 0 0 12px !important;
        padding: 0 !important;
        font-size: .96rem !important;
        font-weight: 900 !important;
        line-height: 1.55 !important;
        -webkit-line-clamp: 3 !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child h3 {
        font-size: 1.15rem !important;
        line-height: 1.55 !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-bottom-row {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        margin-top: auto !important;
        padding-top: 10px !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-bottom-row .card-publish-date,
    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-bottom-row .read-link {
        display: inline-flex !important;
        align-items: center !important;
        width: auto !important;
        max-width: none !important;
        margin: 0 !important;
        font-size: .69rem !important;
        line-height: 1.3 !important;
        white-space: nowrap !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-bottom-row .read-link {
        margin-inline-start: auto !important;
        align-self: center !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card .card-body {
        justify-content: flex-end !important;
        padding: 13px !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 232px !important;
        min-height: 232px !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child {
        height: 365px !important;
        min-height: 365px !important;
    }

    
    .site-header [data-menu-toggle],
    .site-header .menu-toggle,
    .site-header .mobile-menu-toggle,
    .site-header button[aria-controls*="menu"],
    .site-header button[aria-label*="قائمة"],
    .site-header button[aria-label*="menu" i] {
        position: relative !important;
        z-index: 10051 !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border: 1px solid rgba(83, 188, 146, .36) !important;
        border-radius: 11px !important;
        background: rgba(6, 74, 54, .78) !important;
        color: #fff !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        overflow: hidden !important;
    }

    .site-header [data-menu-toggle]::before,
    .site-header .menu-toggle::before,
    .site-header .mobile-menu-toggle::before,
    .site-header button[aria-controls*="menu"]::before,
    .site-header button[aria-label*="قائمة"]::before,
    .site-header button[aria-label*="menu" i]::before {
        content: "☰" !important;
        display: block !important;
        color: currentColor !important;
        font-size: 20px !important;
        font-weight: 900 !important;
        line-height: 1 !important;
    }

    .site-header .su-mobile-nav-toggle-open::before {
        content: "×" !important;
        font-size: 25px !important;
    }

    
    .site-header nav.su-mobile-nav-drawer,
    .site-header .su-mobile-nav-drawer {
        position: fixed !important;
        inset-block: 0 !important;
        inset-inline-end: 0 !important;
        z-index: 10050 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: min(88vw, 350px) !important;
        max-width: 350px !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 78px 16px 26px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border-inline-start: 1px solid rgba(112, 199, 164, .22) !important;
        background:
            radial-gradient(circle at 82% 8%, rgba(12, 140, 98, .22), transparent 34%),
            #001b14 !important;
        box-shadow: -22px 0 55px rgba(0, 0, 0, .52) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translateX(108%) !important;
        transition:
            transform .3s cubic-bezier(.22,.61,.36,1),
            opacity .22s ease,
            visibility 0s linear .3s !important;
    }

    [dir="ltr"] .site-header nav.su-mobile-nav-drawer,
    [dir="ltr"] .site-header .su-mobile-nav-drawer {
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        border-inline-start: 0 !important;
        border-inline-end: 1px solid rgba(112, 199, 164, .22) !important;
        transform: translateX(-108%) !important;
    }

    .site-header .su-mobile-nav-drawer.su-mobile-nav-visible {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translateX(0) !important;
        transition:
            transform .3s cubic-bezier(.22,.61,.36,1),
            opacity .22s ease,
            visibility 0s !important;
    }

    .site-header .su-mobile-nav-drawer > a,
    .site-header .su-mobile-nav-drawer .nav-link {
        display: flex !important;
        align-items: center !important;
        min-height: 50px !important;
        margin: 0 0 8px !important;
        padding: 12px 14px !important;
        border: 1px solid rgba(117, 196, 165, .16) !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.025) !important;
        color: #fff !important;
        font-size: .92rem !important;
        font-weight: 900 !important;
        text-decoration: none !important;
    }

    .site-header .su-mobile-nav-drawer > a.active,
    .site-header .su-mobile-nav-drawer .nav-link.active {
        border-color: rgba(244, 215, 31, .6) !important;
        background: rgba(12, 140, 98, .2) !important;
        color: #f4d71f !important;
    }

    .su-mobile-nav-backdrop {
        position: fixed !important;
        inset: 0 !important;
        z-index: 10040 !important;
        display: block !important;
        background: rgba(0, 10, 7, .68) !important;
        backdrop-filter: blur(3px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition:
            opacity .22s ease,
            visibility 0s linear .22s !important;
    }

    .su-mobile-nav-backdrop.su-mobile-nav-visible {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition:
            opacity .22s ease,
            visibility 0s !important;
    }

    body.su-mobile-nav-lock {
        overflow: hidden !important;
        touch-action: none !important;
    }

    
    html[data-theme="light"] .site-header .su-mobile-nav-drawer,
    body.light-theme .site-header .su-mobile-nav-drawer {
        border-color: #c9ded5 !important;
        background:
            radial-gradient(circle at 82% 8%, rgba(12, 140, 98, .15), transparent 34%),
            #f8fcfa !important;
        color: #103a2e !important;
    }

    html[data-theme="light"] .site-header .su-mobile-nav-drawer > a,
    body.light-theme .site-header .su-mobile-nav-drawer > a {
        border-color: #d3e4dd !important;
        background: rgba(255,255,255,.82) !important;
        color: #103a2e !important;
    }
}

@media (max-width: 390px) {
    .homepage-section--student-activities
    .student-activities-showcase > .news-card h3 {
        font-size: .89rem !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card:first-child h3 {
        font-size: 1.06rem !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase > .news-card:not(:first-child) {
        height: 220px !important;
        min-height: 220px !important;
    }
}

@media (max-width: 760px) {
    
    .site-header .su-nav-toggle-52 {
        position: relative !important;
        z-index: 12021 !important;
        display: inline-grid !important;
        place-items: center !important;
        flex: 0 0 38px !important;
        width: 38px !important;
        min-width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        border: 1px solid rgba(83, 188, 146, .38) !important;
        border-radius: 11px !important;
        background: rgba(5, 75, 54, .88) !important;
        color: #fff !important;
        cursor: pointer !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        box-shadow: 0 7px 16px rgba(0,0,0,.16) !important;
    }

    .site-header .su-nav-toggle-52 .su-nav-toggle-lines,
    .site-header .su-nav-toggle-52 .su-nav-toggle-lines::before,
    .site-header .su-nav-toggle-52 .su-nav-toggle-lines::after {
        display: block !important;
        width: 19px !important;
        height: 2px !important;
        border-radius: 99px !important;
        background: currentColor !important;
        transition:
            transform .24s ease,
            opacity .2s ease !important;
    }

    .site-header .su-nav-toggle-52 .su-nav-toggle-lines {
        position: relative !important;
    }

    .site-header .su-nav-toggle-52 .su-nav-toggle-lines::before,
    .site-header .su-nav-toggle-52 .su-nav-toggle-lines::after {
        content: "" !important;
        position: absolute !important;
        left: 0 !important;
    }

    .site-header .su-nav-toggle-52 .su-nav-toggle-lines::before {
        top: -6px !important;
    }

    .site-header .su-nav-toggle-52 .su-nav-toggle-lines::after {
        top: 6px !important;
    }

    .site-header .su-nav-toggle-52[aria-expanded="true"]
    .su-nav-toggle-lines {
        background: transparent !important;
    }

    .site-header .su-nav-toggle-52[aria-expanded="true"]
    .su-nav-toggle-lines::before {
        top: 0 !important;
        transform: rotate(45deg) !important;
    }

    .site-header .su-nav-toggle-52[aria-expanded="true"]
    .su-nav-toggle-lines::after {
        top: 0 !important;
        transform: rotate(-45deg) !important;
    }

    
    .site-header .su-nav-drawer-52 {
        position: fixed !important;
        inset-block: 0 !important;
        inset-inline-end: 0 !important;
        z-index: 12020 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        width: min(88vw, 350px) !important;
        max-width: 350px !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 78px 16px 28px !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        border-inline-start: 1px solid rgba(118, 202, 168, .22) !important;
        background:
            radial-gradient(
                circle at 82% 8%,
                rgba(11, 139, 97, .23),
                transparent 35%
            ),
            #001b14 !important;
        box-shadow: -24px 0 60px rgba(0,0,0,.56) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transform: translate3d(108%, 0, 0) !important;
        transition:
            transform .30s cubic-bezier(.22,.61,.36,1),
            opacity .22s ease,
            visibility 0s linear .30s !important;
    }

    [dir="ltr"] .site-header .su-nav-drawer-52 {
        inset-inline-start: 0 !important;
        inset-inline-end: auto !important;
        border-inline-start: 0 !important;
        border-inline-end: 1px solid rgba(118, 202, 168, .22) !important;
        transform: translate3d(-108%, 0, 0) !important;
    }

    .site-header .su-nav-drawer-52.su-nav-open-52 {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
        transition:
            transform .30s cubic-bezier(.22,.61,.36,1),
            opacity .22s ease,
            visibility 0s !important;
    }

    .site-header .su-nav-drawer-52 > a,
    .site-header .su-nav-drawer-52 .nav-link {
        display: flex !important;
        align-items: center !important;
        min-height: 50px !important;
        margin: 0 0 8px !important;
        padding: 12px 14px !important;
        border: 1px solid rgba(119, 199, 167, .16) !important;
        border-radius: 12px !important;
        background: rgba(255,255,255,.025) !important;
        color: #fff !important;
        font-size: .92rem !important;
        font-weight: 900 !important;
        text-decoration: none !important;
    }

    .site-header .su-nav-drawer-52 > a.active,
    .site-header .su-nav-drawer-52 .nav-link.active {
        border-color: rgba(244, 215, 31, .62) !important;
        background: rgba(11, 139, 97, .22) !important;
        color: #f4d71f !important;
    }

    .su-nav-backdrop-52 {
        position: fixed !important;
        inset: 0 !important;
        z-index: 12010 !important;
        display: block !important;
        background: rgba(0, 10, 7, .70) !important;
        backdrop-filter: blur(3px) !important;
        opacity: 0 !important;
        visibility: hidden !important;
        pointer-events: none !important;
        transition:
            opacity .22s ease,
            visibility 0s linear .22s !important;
    }

    .su-nav-backdrop-52.su-nav-open-52 {
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
        transition:
            opacity .22s ease,
            visibility 0s !important;
    }

    body.su-nav-lock-52 {
        overflow: hidden !important;
        touch-action: none !important;
    }

    
    html[data-theme="light"] .site-header,
    body.light-theme .site-header {
        background: rgba(250, 253, 251, .97) !important;
        border-bottom: 1px solid #c8ddd4 !important;
        box-shadow: 0 6px 20px rgba(21, 70, 55, .09) !important;
    }

    html[data-theme="light"] .site-header .brand strong,
    html[data-theme="light"] .site-header .brand small,
    body.light-theme .site-header .brand strong,
    body.light-theme .site-header .brand small {
        color: #123c31 !important;
        text-shadow: none !important;
    }

    html[data-theme="light"] .site-header .su-nav-toggle-52,
    body.light-theme .site-header .su-nav-toggle-52 {
        border-color: #b8d5c9 !important;
        background: #e8f3ee !important;
        color: #07543e !important;
        box-shadow: none !important;
    }

    html[data-theme="light"] .site-header .icon-btn,
    html[data-theme="light"] .site-header .utility,
    body.light-theme .site-header .icon-btn,
    body.light-theme .site-header .utility {
        border-color: #c8ddd4 !important;
        background: #f3f8f5 !important;
        color: #124638 !important;
    }

    html[data-theme="light"] .site-header .su-nav-drawer-52,
    body.light-theme .site-header .su-nav-drawer-52 {
        border-color: #c9ded5 !important;
        background:
            radial-gradient(
                circle at 82% 8%,
                rgba(11, 139, 97, .13),
                transparent 35%
            ),
            #f8fcfa !important;
        color: #103a2e !important;
        box-shadow: -24px 0 60px rgba(31, 76, 61, .22) !important;
    }

    html[data-theme="light"] .site-header .su-nav-drawer-52 > a,
    body.light-theme .site-header .su-nav-drawer-52 > a {
        border-color: #d1e3dc !important;
        background: rgba(255,255,255,.88) !important;
        color: #103a2e !important;
    }

    html[data-theme="light"] .site-header .su-nav-drawer-52 > a.active,
    body.light-theme .site-header .su-nav-drawer-52 > a.active {
        border-color: #d0ad0b !important;
        background: #fff8c9 !important;
        color: #07543e !important;
    }

    
    html[data-theme="light"] .news-card,
    body.light-theme .news-card {
        background: #fff !important;
        border-color: #c7dcd3 !important;
        color: #143e33 !important;
        box-shadow: 0 12px 28px rgba(36, 78, 64, .11) !important;
    }

    html[data-theme="light"] .news-card h3,
    html[data-theme="light"] .news-card h3 a,
    body.light-theme .news-card h3,
    body.light-theme .news-card h3 a {
        color: #143e33 !important;
    }

    html[data-theme="light"] .card-taxonomy .tag,
    body.light-theme .card-taxonomy .tag {
        border-color: #b89a00 !important;
        background: #fff7bf !important;
        color: #604f00 !important;
    }

    html[data-theme="light"] .card-publish-date,
    body.light-theme .card-publish-date {
        color: #527269 !important;
    }

    html[data-theme="light"] .read-link,
    body.light-theme .read-link {
        color: #087657 !important;
    }

    html[data-theme="light"] .card-bottom-row,
    body.light-theme .card-bottom-row {
        border-top-color: #d9e8e1 !important;
    }
}

:root{--su-content-width:min(80vw,1440px)}

.site-header .header-inner{
  width:var(--su-content-width)!important;
  max-width:none!important;
  display:grid!important;
  grid-template-columns:auto 1fr auto!important;
  align-items:center!important;
  column-gap:clamp(20px,3vw,52px)!important;
}

.site-header .brand{grid-column:1!important}

.site-header .main-nav{
  grid-column:2!important;
  justify-self:end!important;
  width:auto!important;
  margin:0!important;
}

.site-header .header-tools{grid-column:3!important;margin:0!important}

[dir="ltr"] .site-header .main-nav{justify-self:start!important}

.template-homepage .page-flow,
.template-homepage .hero-pinned-slider,
.site-footer .footer-inner{
  width:var(--su-content-width)!important;
  max-width:none!important;
  margin-inline:auto!important;
}

.template-homepage .news-card{
  min-height:0!important;
  height:auto!important;
  overflow:hidden!important;
  border:1px solid rgba(53,148,112,.42)!important;
  border-radius:17px!important;
  background:linear-gradient(180deg,#063326 0%,#03271e 100%)!important;
  box-shadow:0 14px 32px rgba(0,0,0,.2)!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}

.template-homepage .news-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(243,211,33,.72)!important;
  box-shadow:0 20px 40px rgba(0,0,0,.3)!important;
}

.template-homepage .news-card .card-media{
  position:relative!important;
  overflow:hidden!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.08)!important;
  border-radius:0!important;
  background:#edf3f0!important;
}

.template-homepage .news-card .card-media img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#edf3f0!important;
  transition:transform .32s ease,filter .32s ease!important;
}

.template-homepage .news-card:hover .card-media img{
  transform:scale(1.025)!important;
  filter:saturate(1.04) contrast(1.02)!important;
}

.template-homepage .news-card .card-body{
  display:flex!important;
  flex-direction:column!important;
  gap:12px!important;
  padding:16px 18px 17px!important;
}

.template-homepage .news-card p,.template-homepage .news-card .card-summary{display:none!important}

.template-homepage .news-card h3{
  margin:0!important;
  min-height:0!important;
  font-size:clamp(.98rem,1.08vw,1.14rem)!important;
  line-height:1.62!important;
}

.template-homepage .card-taxonomy{margin:0!important;gap:7px!important}

.template-homepage .card-bottom-row{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  margin-top:2px!important;
  padding-top:11px!important;
  border-top:1px solid rgba(255,255,255,.08)!important;
}

.template-homepage .read-link{margin:0!important}

.announcement-slider{min-height:0!important;overflow:visible!important;padding-bottom:58px!important}

.announcement-slider .slider-track{min-height:0!important}

.announcement-slider .news-card{min-height:380px!important;height:380px!important}

.announcement-slider .card-media{height:380px!important;min-height:380px!important}

.announcement-slider .card-body{justify-content:center!important}

.announcement-slider .slider-controls{bottom:7px!important}

.latest-carousel-controls,.events-mobile-controls,.announcement-slider .slider-controls,
.hero-pinned-controls{
  min-height:48px!important;
  gap:8px!important;
  padding:6px 10px!important;
  border:1px solid rgba(75,178,139,.35)!important;
  border-radius:999px!important;
  background:rgba(3,45,33,.94)!important;
  box-shadow:0 10px 24px rgba(0,0,0,.22)!important;
}

.latest-carousel-controls>button,.events-mobile-controls>button,
.announcement-slider .slider-controls>button,.hero-pinned-controls>button{
  width:36px!important;height:36px!important;min-width:36px!important;
  border-radius:50%!important;
}

.latest-carousel-dots button,.events-mobile-dots button,
.announcement-slider [data-su-slider-dots] button,.hero-pinned-dots button{
  width:8px!important;height:8px!important;min-width:8px!important;border-radius:999px!important;
}

.latest-carousel-dots button.active,.events-mobile-dots button.active,
.announcement-slider [data-su-slider-dots] button.active,.hero-pinned-dots button.is-active{
  width:23px!important;background:#f3d321!important;
}

@media(min-width:761px){
  .events-mobile-viewport{overflow:visible!important}
  .events-mobile-track.standard-section-grid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:22px!important;
    transform:none!important;
  }
  .events-mobile-controls{display:none!important}
}

.homepage-section--scientific-articles .standard-section-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:18px!important;
}

.student-activities-showcase{
  display:grid!important;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
  grid-template-rows:repeat(2,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}

.student-activities-showcase>.news-card:first-child{
  grid-column:1!important;
  grid-row:1 / span 2!important;
  min-height:430px!important;
}

.student-activities-showcase>.news-card:nth-child(n/**/+2){min-height:208px!important}

.student-activities-showcase>.news-card:nth-child(2),
.student-activities-showcase>.news-card:nth-child(3){grid-column:2!important}

.student-activities-showcase>.news-card:nth-child(4),
.student-activities-showcase>.news-card:nth-child(5){grid-column:2!important}

.student-activities-showcase>.news-card:nth-child(n/**/+2){
  display:grid!important;
  grid-template-columns:42% 58%!important;
}

.student-activities-showcase>.news-card:nth-child(n/**/+2) .card-media{height:100%!important;min-height:100%!important}

.student-activities-showcase>.news-card:nth-child(n/**/+2) .card-body{justify-content:center!important;padding:14px!important}

.student-activities-showcase>.news-card .read-link{display:none!important}

.student-activities-showcase>.news-card:first-child .card-media{height:300px!important}

.student-activities-showcase>.news-card:first-child .card-body{padding:18px 20px!important}

html[data-theme="light"] .template-homepage .news-card{
  background:linear-gradient(180deg,#fff,#f7fbf9)!important;
  color:#12382e!important;
  border-color:#b9d6cc!important;
  box-shadow:0 12px 28px rgba(28,71,57,.12)!important;
}

html[data-theme="light"] .template-homepage .news-card h3 a,
html[data-theme="light"] .template-homepage .card-publish-date{color:#12382e!important}

html[data-theme="light"] .template-homepage .card-bottom-row{border-color:#d7e7e1!important}

@media(max-width:760px){
  :root{--su-content-width:calc(100% - 18px)}
  .site-header .header-inner{
    width:100%!important;
    min-height:58px!important;
    padding-inline:10px!important;
    grid-template-columns:1fr auto!important;
  }
  .site-header .brand{grid-column:2!important;max-width:210px!important}
  .site-header .header-tools{grid-column:1!important;grid-row:1!important;justify-self:start!important}
  .site-header .main-nav{
    position:fixed!important;
    z-index:1002!important;
    inset:0 auto 0 0!important;
    width:min(86vw,340px)!important;
    height:100dvh!important;
    padding:78px 20px 24px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:10px!important;
    background:linear-gradient(180deg,#073529,#031f18)!important;
    transform:translateX(-105%)!important;
    transition:transform .28s ease!important;
    overflow-y:auto!important;
  }
  [dir="rtl"] .site-header .main-nav{inset:0 0 0 auto!important;transform:translateX(105%)!important}
  .site-header .main-nav.su-mobile-menu-open{transform:translateX(0)!important}
  .site-header .main-nav>a{display:flex!important;min-height:46px!important;align-items:center!important;padding:10px 14px!important;border-radius:11px!important}
  .site-header .nav-search{width:100%!important;margin-top:8px!important}
  .menu-close{display:grid!important}

  .template-homepage .content-section{padding:15px 12px!important;border-radius:17px!important}
  .template-homepage .section-heading{margin-bottom:14px!important}
  .template-homepage .section-heading h2{font-size:1.32rem!important}

  .announcement-slider{padding-bottom:60px!important}
  .announcement-slider .news-card{
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:510px!important;
  }
  .announcement-slider .card-media{height:250px!important;min-height:250px!important}
  .announcement-slider .card-body{min-height:250px!important;padding:20px 18px!important;justify-content:flex-start!important}
  .announcement-slider .news-card h3{font-size:1.28rem!important;line-height:1.65!important}

  .latest-news-track>.news-card{height:100%!important}
  .latest-news-track .card-media{height:150px!important}
  .latest-news-track .card-body{padding:12px!important;gap:9px!important}
  .latest-news-track .news-card h3{font-size:.9rem!important;line-height:1.55!important}

  .events-mobile-viewport{overflow:hidden!important}
  .events-mobile-track.standard-section-grid{
    display:flex!important;
    gap:0!important;
    width:100%!important;
    transition:transform .42s ease!important;
  }
  .events-mobile-track.standard-section-grid>.news-card{
    flex:0 0 100%!important;
    min-width:100%!important;
    height:auto!important;
  }
  .events-mobile-controls{display:flex!important;margin:14px auto 0!important}

  
  .homepage-section--scientific-articles .standard-section-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .homepage-section--scientific-articles .standard-section-grid>.news-card:first-child{
    grid-column:1 / -1!important;
  }
  .homepage-section--scientific-articles .standard-section-grid>.news-card:first-child .card-media{height:215px!important}
  .homepage-section--scientific-articles .standard-section-grid>.news-card:not(:first-child) .card-media{height:120px!important}
  .homepage-section--scientific-articles .standard-section-grid>.news-card:not(:first-child) .card-body{padding:11px!important;gap:8px!important}
  .homepage-section--scientific-articles .standard-section-grid>.news-card:not(:first-child) h3{font-size:.86rem!important}

  
  .student-activities-showcase{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:auto!important;
    gap:10px!important;
  }
  .student-activities-showcase>.news-card:first-child{
    grid-column:1 / -1!important;
    grid-row:auto!important;
    min-height:0!important;
  }
  .student-activities-showcase>.news-card:first-child .card-media{height:235px!important}
  .student-activities-showcase>.news-card:nth-child(n/**/+2){
    grid-column:auto!important;
    display:flex!important;
    flex-direction:column!important;
    min-height:0!important;
  }
  .student-activities-showcase>.news-card:nth-child(n/**/+2) .card-media{height:135px!important;min-height:135px!important}
  .student-activities-showcase>.news-card:nth-child(n/**/+2) .card-body{padding:11px!important;gap:10px!important}
  .student-activities-showcase>.news-card:nth-child(n/**/+2) h3{font-size:.86rem!important;line-height:1.5!important}
  .student-activities-showcase .card-taxonomy{margin-top:3px!important}
  .student-activities-showcase .card-bottom-row{margin-top:1px!important;padding-top:8px!important}

  .template-homepage .card-bottom-row{flex-direction:row!important;align-items:center!important}
}

@media(prefers-reduced-motion:reduce){
  .template-homepage .news-card,.template-homepage .card-media img,.site-header .main-nav{transition:none!important}
}

@media (max-width:760px){
  .site-header .menu-toggle > span,.site-header .su-nav-toggle-52 > span,.site-header .su-nav-toggle-55 > span{display:none!important}
  .site-header .menu-toggle::before,.site-header .su-nav-toggle-52::before,.site-header .su-nav-toggle-55::before{content:"☰"!important;display:block!important;font-size:21px!important;line-height:1!important;font-weight:800!important}
  .site-header .su-nav-toggle-55.is-open::before{content:"×"!important;font-size:25px!important}
  .site-header #mobile-navigation{position:fixed!important;inset-block:0!important;inset-inline-end:0!important;inset-inline-start:auto!important;z-index:12020!important;width:min(86vw,340px)!important;max-width:340px!important;height:100dvh!important;padding:78px 18px 24px!important;display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:10px!important;background:linear-gradient(180deg,#07392b 0%,#021c16 100%)!important;box-shadow:-18px 0 42px rgba(0,0,0,.38)!important;transform:translateX(110%)!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;overflow-y:auto!important;transition:transform .26s ease!important}
  [dir="ltr"] .site-header #mobile-navigation{inset-inline-start:0!important;inset-inline-end:auto!important;transform:translateX(-110%)!important}
  .site-header #mobile-navigation.su-nav-open-55{transform:translateX(0)!important;pointer-events:auto!important}
  .site-header #mobile-navigation>a{display:flex!important;align-items:center!important;min-height:46px!important;padding:10px 14px!important;border:1px solid rgba(99,190,151,.2)!important;border-radius:11px!important;color:#fff!important;background:rgba(255,255,255,.035)!important}
  .site-header #mobile-navigation>a.active{background:#0b674b!important;color:#fff!important}
  .site-header #mobile-navigation .nav-search{width:100%!important;margin-top:6px!important}
  .site-header #mobile-navigation .menu-close{display:none!important}
  .su-nav-backdrop-55{position:fixed!important;inset:0!important;z-index:12010!important;background:rgba(0,12,9,.62)!important;backdrop-filter:blur(4px)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:opacity .22s ease,visibility .22s ease!important}
  .su-nav-backdrop-55.is-open{opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  body.su-nav-lock-55{overflow:hidden!important}
  .template-homepage .standard-section-grid .news-card .card-bottom-row,.template-homepage .latest-news-track .news-card .card-bottom-row,.template-homepage .events-mobile-track .news-card .card-bottom-row{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:7px!important}
  .template-homepage .card-bottom-row .card-publish-date,.template-homepage .card-bottom-row .read-link{width:auto!important;margin:0!important;white-space:nowrap!important;font-size:.72rem!important}
  .homepage-section--student-activities .student-activities-showcase .card-bottom-row{display:none!important}
  .homepage-section--student-activities .student-activities-showcase .card-body{padding-bottom:13px!important}
}

@media (min-width:761px){.homepage-section--student-activities .student-activities-showcase .card-bottom-row{display:none!important}}

:root{
  --su-final-width:min(80vw,1440px);
  --su-final-radius:20px;
  --su-final-border:rgba(67,184,137,.25);
  --su-final-shadow:0 18px 44px rgba(0,0,0,.18);
}

@media (min-width: 901px){
  .site-header .header-inner,
  .page-flow,
  .inner-page > .breadcrumb,
  .inner-page > .listing-shell,
  .inner-page > .post-shell,
  .inner-page > .videos-shell,
  .site-footer .footer-inner{width:var(--su-final-width)!important;max-width:none!important;margin-inline:auto!important}
}

.site-header{z-index:1200}

.site-header .header-inner{position:relative;display:flex;align-items:center}

.site-header .main-nav{display:flex;align-items:center;gap:10px}

.site-header .menu-toggle,.site-header .menu-close{display:none}

.site-header .header-tools{display:flex;align-items:center;gap:8px}

.card-media,
.hero-pinned-slide,
.student-activities-showcase .news-card,
.announcement-slider .news-card,
.post-cover,
.video-library-card__media{
  overflow:hidden;
  border:1px solid rgba(151,214,186,.34);
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}

.card-media{background:linear-gradient(145deg,#f4f8f6,#e8efec)}

.card-media>img,
.video-library-card__media>img{
  width:100%;height:100%;object-fit:contain!important;object-position:center;
  transition:transform .35s ease,filter .35s ease;
}

.news-card:hover .card-media>img,.video-library-card:hover img{transform:scale(1.025);filter:saturate(1.04)}

.news-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}

.news-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.22)}

.news-card .card-body{display:flex;flex-direction:column;gap:12px;padding:16px}

.news-card .card-taxonomy{display:flex;flex-wrap:wrap;gap:7px;margin:0}

.news-card h3{margin:0;line-height:1.55;min-height:3.1em}

.news-card .card-bottom-row{margin-top:auto;display:flex!important;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid rgba(113,188,157,.18);padding-top:11px}

.news-card .card-publish-date,.news-card .read-link{white-space:nowrap}

.card-image-views{inset-inline-start:12px!important;inset-inline-end:auto!important;bottom:12px!important;font-size:.82rem!important;min-height:30px;padding:5px 10px!important}

.announcement-slider,.announcement-slider .slider-track{min-height:0!important;height:auto!important;overflow:hidden!important}

.announcement-slider .news-card{min-height:0!important;height:auto!important;display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr)}

.announcement-slider .card-media{height:340px!important;min-height:340px!important}

.announcement-slider .card-body{min-height:340px!important;justify-content:center;padding:clamp(24px,3vw,46px)}

.announcement-slider .card-bottom-row{margin-top:24px}

.slider-controls,.latest-carousel-controls,.events-mobile-controls,.hero-pinned-controls{
  width:max-content!important;max-width:calc(100% - 24px);margin:18px auto 0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;gap:9px!important;
  padding:7px 9px!important;border:1px solid rgba(79,199,150,.30)!important;border-radius:999px!important;
  background:rgba(3,55,42,.92)!important;box-shadow:0 10px 24px rgba(0,0,0,.24)!important;
  position:relative!important;inset:auto!important;transform:none!important;z-index:15!important;
}

.slider-controls button,.latest-carousel-controls button,.events-mobile-controls button,.hero-pinned-controls>button{
  width:36px!important;height:36px!important;min-width:36px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;padding:0!important;font-size:1.25rem!important;line-height:1!important;
}

.slider-controls [data-su-slider-dots],.latest-carousel-dots,.events-mobile-dots,.hero-pinned-dots{display:flex!important;align-items:center!important;gap:7px!important}

.slider-controls [data-su-slider-dots] button,.latest-carousel-dots button,.events-mobile-dots button,.hero-pinned-dots button{
  width:8px!important;height:8px!important;min-width:8px!important;padding:0!important;border-radius:999px!important
}

.slider-controls [data-su-slider-dots] button.active,.latest-carousel-dots button.active,.events-mobile-dots button.active,.hero-pinned-dots button.is-active{width:24px!important;background:#f4d316!important}

.student-activities-showcase{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(190px,1fr));gap:14px}

.student-activities-showcase .news-card{position:relative;min-height:190px;background:#eaf0ed}

.student-activities-showcase .news-card:first-child{grid-column:1 / span 2;grid-row:1 / span 2;min-height:394px}

.student-activities-showcase .card-media{position:absolute;inset:0;height:100%!important;border:0;box-shadow:none;background:#eef3f1}

.student-activities-showcase .card-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,25,19,.03) 18%,rgba(0,35,26,.45) 58%,rgba(0,27,20,.94) 100%);pointer-events:none}

.student-activities-showcase .card-body{position:relative;z-index:2;min-height:100%;justify-content:flex-end;padding:18px;background:transparent}

.student-activities-showcase .card-taxonomy{margin-top:10px}

.student-activities-showcase h3{color:#fff;min-height:0;text-shadow:0 2px 8px rgba(0,0,0,.55)}

.student-activities-showcase .card-bottom-row{display:none!important}

.student-activities-showcase .card-image-views{z-index:4}

.homepage-section--scientific-articles .standard-section-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}

@media (min-width:761px){
  .events-mobile-viewport{overflow:visible!important}
  .events-mobile-track{transform:none!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px!important}
  .events-mobile-controls{display:none!important}
}

@media (max-width:900px){
  :root{--su-final-width:100%}
  .site-header .header-inner{width:100%!important;max-width:none!important;padding:10px 14px!important;min-height:66px;display:grid!important;grid-template-columns:auto 1fr;gap:10px}
  [dir="rtl"] .site-header .header-inner{grid-template-columns:1fr auto}
  .site-header .brand{grid-column:2;justify-self:end;max-width:230px;min-width:0}
  [dir="ltr"] .site-header .brand{grid-column:1;justify-self:start}
  .site-header .brand img{width:42px;height:42px}
  .site-header .brand-portal-title{font-size:.95rem!important}
  .site-header .brand-subtitle{font-size:.62rem!important;line-height:1.25}
  .site-header .header-tools{grid-column:1;grid-row:1;justify-self:start;display:flex!important;flex-direction:row-reverse;gap:7px;z-index:1303}
  [dir="ltr"] .site-header .header-tools{grid-column:2;justify-self:end;flex-direction:row}
  .site-header .menu-toggle{display:grid!important;width:38px;height:38px;place-content:center;gap:4px;position:relative!important;inset:auto!important;transform:none!important}
  .site-header .menu-toggle span{display:block!important;width:20px;height:2px;background:currentColor;border-radius:2px}
  .site-header .main-nav{position:fixed!important;top:0;bottom:0;right:0;left:auto;width:min(84vw,350px);height:100dvh;padding:86px 20px 28px;display:flex!important;flex-direction:column;align-items:stretch;gap:10px;background:#03251c;box-shadow:-18px 0 42px rgba(0,0,0,.36);z-index:1302;transform:translateX(110%);visibility:hidden;opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease,visibility .25s ease}
  [dir="ltr"] .site-header .main-nav{right:auto;left:0;transform:translateX(-110%);box-shadow:18px 0 42px rgba(0,0,0,.36)}
  .site-header .main-nav.is-open,.site-header .main-nav.open,body.menu-open .site-header .main-nav{transform:translateX(0)!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}
  .site-header .main-nav>a{display:block!important;width:100%;padding:13px 14px;border-radius:12px;background:rgba(255,255,255,.035)}
  .site-header .nav-search{width:100%;margin-top:8px}
  .site-header .menu-close{display:grid!important;position:absolute;top:18px;inset-inline-end:18px;width:40px;height:40px;place-items:center;border-radius:50%;font-size:1.6rem}
  .menu-backdrop{position:fixed!important;inset:0!important;background:rgba(0,0,0,.62)!important;backdrop-filter:blur(3px);z-index:1301!important;opacity:0;visibility:hidden;pointer-events:none;transition:.25s ease}
  .menu-backdrop.is-open,.menu-backdrop.open,body.menu-open .menu-backdrop{opacity:1!important;visibility:visible!important;pointer-events:auto!important}

  .page-flow{width:100%!important;padding-inline:12px!important;gap:30px!important}
  .content-section{padding:16px 12px!important;border-radius:18px!important}
  .section-heading{margin-bottom:14px!important}
  .section-heading h2{font-size:clamp(1.35rem,6vw,1.8rem)!important}

  .news-card .card-body{padding:12px;gap:10px}
  .news-card h3{font-size:.96rem!important;min-height:3em}
  .news-card .card-taxonomy{gap:5px}
  .news-card .tag{font-size:.68rem!important;padding:4px 7px!important}
  .news-card .card-bottom-row{flex-direction:row!important;align-items:center!important;justify-content:space-between!important;gap:8px!important}
  .news-card .card-publish-date,.news-card .read-link{font-size:.72rem!important}

  .announcement-slider .news-card{display:block!important}
  .announcement-slider .card-media{height:clamp(220px,72vw,320px)!important;min-height:0!important}
  .announcement-slider .card-body{min-height:250px!important;height:auto!important;padding:20px 16px!important;justify-content:flex-start}
  .announcement-slider .news-card h3{font-size:1.25rem!important;min-height:0;margin-top:4px}

  
  .latest-news-viewport,.events-mobile-viewport{overflow:hidden!important;width:100%!important}
  .latest-news-track,.events-mobile-track{display:flex!important;gap:10px!important;transition:transform .5s cubic-bezier(.22,.61,.36,1)!important;will-change:transform}
  .latest-news-track>.news-card,.events-mobile-track>.news-card{flex:0 0 calc((100% - 10px)/2)!important;width:calc((100% - 10px)/2)!important;min-width:0!important}
  .events-mobile-controls{display:flex!important}

  
  .homepage-section--scientific-articles .standard-section-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .homepage-section--scientific-articles .news-card:first-child{grid-column:1/-1}
  .homepage-section--scientific-articles .news-card:first-child .card-media{height:220px!important}
  .homepage-section--scientific-articles .news-card:not(:first-child) .card-media{height:130px!important}

  
  .student-activities-showcase{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-template-rows:auto!important;gap:10px!important}
  .student-activities-showcase .news-card:first-child{grid-column:1/-1!important;grid-row:auto!important;min-height:330px!important;order:0}
  .student-activities-showcase .news-card:not(:first-child){min-height:190px!important;order:1}
  .student-activities-showcase .card-body{padding:13px!important;gap:9px!important}
  .student-activities-showcase .news-card:first-child .card-body{padding:18px!important}
  .student-activities-showcase .card-taxonomy{margin-top:9px!important}
  .student-activities-showcase h3{font-size:.88rem!important;line-height:1.45!important;margin-bottom:8px!important}
  .student-activities-showcase .news-card:first-child h3{font-size:1.15rem!important}
  .student-activities-showcase .card-bottom-row{display:none!important}
}

@media (max-width:420px){
  .site-header .brand{max-width:205px}
  .site-header .utility{width:34px;height:34px;font-size:.72rem}
  .content-section{padding-inline:10px!important}
  .student-activities-showcase .news-card:not(:first-child){min-height:180px!important}
}

.hero-pinned-slider {
    position: relative !important;
    left: 50% !important;
    width: 98vw !important;
    max-width: 98vw !important;
    min-height: calc(100svh - var(--header, 74px)) !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    transform: translateX(-50%) !important;
    overflow: hidden !important;
}

.hero-pinned-viewport {
    position: relative !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - var(--header, 74px)) !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.hero-pinned-slide {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: none !important;
    min-height: calc(100svh - var(--header, 74px)) !important;
    margin: 0 !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.hero-pinned-slide .hero-content {
    width: 80% !important;
    max-width: none !important;
    min-height: calc(100svh - var(--header, 74px)) !important;
    margin-inline: auto !important;
}

main:has(.hero-pinned-slider),
.home-page:has(.hero-pinned-slider),
.homepage:has(.hero-pinned-slider) {
    max-width: none !important;
}

@media (max-width: 960px) {
    .hero-pinned-slider {
        width: 98vw !important;
        max-width: 98vw !important;
        min-height: calc(100svh - var(--header, 58px)) !important;
    }

    .hero-pinned-viewport,
    .hero-pinned-slide {
        min-height: calc(100svh - var(--header, 58px)) !important;
    }

    .hero-pinned-slide .hero-content {
        width: calc(100% - 28px) !important;
        min-height: calc(100svh - var(--header, 58px)) !important;
        margin-inline: auto !important;
    }
}

main.template-homepage {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
}

main.template-homepage > .hero-pinned-slider {
    position: relative !important;
    inset: auto !important;

    width: 98vw !important;
    min-width: 98vw !important;
    max-width: 98vw !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: calc(50% - 49vw) !important;
    margin-right: calc(50% - 49vw) !important;
    margin-inline: calc(50% - 49vw) !important;

    transform: none !important;
    translate: none !important;
    overflow: hidden !important;
}

main.template-homepage > .hero-pinned-slider > .hero-pinned-viewport,
main.template-homepage .hero-pinned-slide {
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
}

main.template-homepage > .content-section {
    margin-inline: auto !important;
}

.section-more::before,
.section-more::after,
.homepage-section-more::before,
.homepage-section-more::after,
.homepage-section-header > a::before,
.homepage-section-header > a::after,
.content-section-header > a::before,
.content-section-header > a::after {
    content: none !important;
    display: none !important;
}

.section-more i,
.section-more svg,
.homepage-section-more i,
.homepage-section-more svg,
.homepage-section-header > a i,
.homepage-section-header > a svg,
.content-section-header > a i,
.content-section-header > a svg {
    display: none !important;
}

.section-more,
.homepage-section-more,
.homepage-section-header > a,
.content-section-header > a {
    gap: 0 !important;
}

.section-heading .section-more > span[aria-hidden="true"] {
    display: none !important;
}

.section-heading .section-more {
    gap: 0 !important;
}

.homepage-section--student-activities .card-bottom-row {
    display: none !important;
}

.homepage-section--student-activities .card-publish-date,
.homepage-section--student-activities .read-link {
    display: none !important;
}

.homepage-section--student-activities .card-body {
    padding-bottom: 14px !important;
}

.news-card {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.news-card .card-body {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    min-height: 0 !important;
}

.news-card .card-body h3 {
    flex: 0 0 auto !important;
}

.news-card .card-bottom-row {
    margin-top: auto !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

.news-card .card-publish-date,
.news-card .read-link {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.news-card .card-bottom-row {
    align-items: center !important;
}

.news-card .card-publish-date,
.news-card .read-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;

    font-family: inherit !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    min-height: 22px !important;
    padding: 0 !important;
    margin-block: 0 !important;
    vertical-align: middle !important;
}

.news-card .card-publish-date > span[aria-hidden="true"],
.news-card .read-link > span[aria-hidden="true"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 12px !important;
    height: 12px !important;

    font-size: 0.68rem !important;
    line-height: 1 !important;
}

.homepage-fixed-section .read-link,
.announcement-section .read-link,
.latest-news-carousel .read-link,
.events-mobile-carousel .read-link,
.standard-section-grid .read-link {
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

@media (max-width: 480px) {
    .news-card .card-publish-date,
    .news-card .read-link {
        font-size: 0.68rem !important;
        line-height: 1.35 !important;
    }
}

.homepage-section--student-activities .card-bottom-row,
.homepage-section--student-activities .card-publish-date,
.homepage-section--student-activities .read-link {
    display: none !important;
}

@media (max-width: 960px) {

    
    html[dir="rtl"] .site-header,
    html[dir="rtl"] .site-header .header-inner {
        direction: rtl !important;
    }

    
    .site-header .header-inner {
        display: grid !important;
        grid-template-columns: auto 1fr auto !important;
        align-items: center !important;
        width: calc(100% - 20px) !important;
        margin-inline: auto !important;
    }

    html[dir="rtl"] .site-header .brand {
        grid-column: 3 !important;
        grid-row: 1 !important;
        justify-self: end !important;
        margin: 0 !important;
        direction: rtl !important;
    }

    html[dir="rtl"] .site-header .header-tools {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: start !important;
        display: flex !important;
        flex-direction: row !important;
        direction: ltr !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    
    .site-header .menu-toggle {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-direction: column !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 1003 !important;
    }

    
    #mobile-navigation.main-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;

        position: fixed !important;
        z-index: 1002 !important;

        top: 0 !important;
        right: 0 !important;
        left: auto !important;
        bottom: 0 !important;

        width: min(86vw, 340px) !important;
        height: 100dvh !important;

        padding: 76px 18px 24px !important;
        margin: 0 !important;

        direction: rtl !important;
        text-align: right !important;

        overflow-y: auto !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        transform: translate3d(105%, 0, 0) !important;
        transition:
            transform .28s ease,
            opacity .22s ease,
            visibility .22s ease !important;

        background: linear-gradient(180deg, #08251c, #03130e) !important;
        box-shadow: -20px 0 50px rgba(0, 0, 0, .45) !important;
    }

    body.menu-open #mobile-navigation.main-nav,
    #mobile-navigation.main-nav.is-open {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
    }

    #mobile-navigation.main-nav > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 46px !important;
        padding: 10px 12px !important;
        direction: rtl !important;
        text-align: right !important;
    }

    #mobile-navigation .nav-search {
        width: 100% !important;
        margin-top: 14px !important;
        direction: rtl !important;
    }

    #mobile-navigation .menu-close {
        display: grid !important;
        place-items: center !important;
        position: absolute !important;
        top: 16px !important;
        right: 16px !important;
        width: 38px !important;
        height: 38px !important;
        z-index: 2 !important;
    }

    .menu-backdrop {
        display: block !important;
        position: fixed !important;
        z-index: 1001 !important;
        inset: 0 !important;

        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;

        background: rgba(0, 0, 0, .56) !important;
        transition:
            opacity .22s ease,
            visibility .22s ease !important;
    }

    body.menu-open .menu-backdrop {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.menu-open {
        overflow: hidden !important;
    }

    
    .homepage-section--student-activities
    .student-activities-showcase
    .news-card
    .card-bottom-row,

    .homepage-section--student-activities
    .student-activities-showcase
    .news-card
    .card-publish-date,

    .homepage-section--student-activities
    .student-activities-showcase
    .news-card
    .read-link {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        height: 0 !important;
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        overflow: hidden !important;
    }

    .homepage-section--student-activities
    .student-activities-showcase
    .news-card
    .card-body {
        padding-bottom: 14px !important;
    }
}

@media (max-width: 960px) {
    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-inline: auto !important;
    }

    .site-header .brand {
        display: inline-flex !important;
        align-items: center !important;
        order: 1 !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        margin: 0 auto 0 0 !important;
    }

    html[dir="ltr"] .site-header .brand {
        margin: 0 0 0 auto !important;
    }

    .site-header .header-tools {
        display: inline-flex !important;
        align-items: center !important;
        order: 2 !important;
        flex: 0 0 auto !important;
        gap: 6px !important;
        margin: 0 !important;
    }

    html[dir="rtl"] .site-header .header-tools {
        direction: rtl !important;
    }

    html[dir="ltr"] .site-header .header-tools {
        direction: ltr !important;
    }

    .site-header .menu-toggle {
        display: inline-grid !important;
        place-content: center !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 2203 !important;
    }

    #mobile-navigation.main-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        position: fixed !important;
        z-index: 2202 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(86vw, 340px) !important;
        height: 100dvh !important;
        margin: 0 !important;
        padding: 76px 18px 24px !important;
        overflow-y: auto !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        background: linear-gradient(180deg, #08251c, #03130e) !important;
        transition: transform .28s ease, opacity .2s ease, visibility .2s ease !important;
    }

    html[dir="rtl"] #mobile-navigation.main-nav {
        right: 0 !important;
        left: auto !important;
        direction: rtl !important;
        text-align: right !important;
        transform: translate3d(105%, 0, 0) !important;
        box-shadow: -24px 0 56px rgba(0, 0, 0, .45) !important;
    }

    html[dir="ltr"] #mobile-navigation.main-nav {
        left: 0 !important;
        right: auto !important;
        direction: ltr !important;
        text-align: left !important;
        transform: translate3d(-105%, 0, 0) !important;
        box-shadow: 24px 0 56px rgba(0, 0, 0, .45) !important;
    }

    body.menu-open #mobile-navigation.main-nav {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
    }

    #mobile-navigation.main-nav > a {
        display: flex !important;
        align-items: center !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 10px 12px !important;
        margin-bottom: 6px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    #mobile-navigation .menu-close {
        display: grid !important;
        place-items: center !important;
        position: absolute !important;
        top: 16px !important;
        width: 40px !important;
        height: 40px !important;
    }

    html[dir="rtl"] #mobile-navigation .menu-close {
        right: 16px !important;
        left: auto !important;
    }

    html[dir="ltr"] #mobile-navigation .menu-close {
        left: 16px !important;
        right: auto !important;
    }

    .menu-backdrop[data-menu-backdrop] {
        display: block !important;
        position: fixed !important;
        z-index: 2201 !important;
        inset: 0 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        background: rgba(0, 0, 0, .56) !important;
        transition: opacity .2s ease, visibility .2s ease !important;
    }

    body.menu-open .menu-backdrop[data-menu-backdrop] {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.menu-open {
        overflow: hidden !important;
    }
}

.homepage-section--student-activities .card-bottom-row,
.homepage-section--student-activities .card-publish-date,
.homepage-section--student-activities .read-link {
    display: none !important;
}





/* V11 clean public-state controls: filters and pagination never encode state in the URL. */
.taxonomy-filter-form,
.inline-clean-state-form,
.pagination-form {
    display: inline-flex;
    margin: 0;
    padding: 0;
}

.taxonomy-filter-form > button {
    font: inherit;
    cursor: pointer;
}

.inline-clean-state-form > button {
    width: 30px;
    height: 30px;
    display: inline-grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 999px;
    background: var(--surface-2);
    color: var(--text);
    cursor: pointer;
    font: inherit;
    font-weight: 900;
}

.pagination-form > button {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid var(--line);
    border-radius: 9px;
    background: transparent;
    color: var(--text);
    cursor: pointer;
    font: inherit;
    font-weight: 800;
}

.pagination-form > button.active {
    background: var(--brand);
    color: #fff;
}

.filters .filter-reset {
    border: 1px solid var(--line);
    background: transparent;
    color: var(--text);
}
@media (max-width: 960px) {
    .site-header .header-inner {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: calc(100% - 20px) !important;
        max-width: none !important;
        margin-inline: auto !important;
    }
    html[dir="rtl"] .site-header .header-inner { direction: rtl !important; }
    html[dir="ltr"] .site-header .header-inner { direction: ltr !important; }
    .site-header .brand {
        order: 1 !important;
        flex: 0 1 auto !important;
        min-width: 0 !important;
        margin: 0 !important;
    }
    .site-header .header-tools {
        order: 2 !important;
        display: flex !important;
        align-items: center !important;
        flex: 0 0 auto !important;
        gap: 6px !important;
        margin: 0 !important;
    }
    html[dir="rtl"] .site-header .header-tools { flex-direction: row-reverse !important; }
    html[dir="ltr"] .site-header .header-tools { flex-direction: row !important; }
    .site-header .menu-toggle {
        display: inline-grid !important;
        place-content: center !important;
        gap: 4px !important;
        width: 38px !important;
        height: 38px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        position: relative !important;
        z-index: 5003 !important;
    }
    .site-header .menu-toggle::before,
    .site-header .menu-toggle::after,
    .site-header [data-menu-toggle]::before,
    .site-header [data-menu-toggle]::after {
        content: none !important;
        display: none !important;
    }
    .site-header .menu-toggle > span {
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        margin: 0 !important;
        border: 0 !important;
        border-radius: 2px !important;
        background: currentColor !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: none !important;
    }
    #mobile-navigation.main-nav {
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        position: fixed !important;
        z-index: 5002 !important;
        top: 0 !important;
        bottom: 0 !important;
        width: min(86vw, 340px) !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        padding: 76px 18px 24px !important;
        overflow-y: auto !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        background: linear-gradient(180deg, #08251c, #03130e) !important;
        transition: transform .28s ease, opacity .2s ease, visibility .2s ease !important;
    }
    html[dir="rtl"] #mobile-navigation.main-nav {
        right: 0 !important;
        left: auto !important;
        direction: rtl !important;
        text-align: right !important;
        transform: translate3d(105%, 0, 0) !important;
        box-shadow: -24px 0 56px rgba(0, 0, 0, .45) !important;
    }
    html[dir="ltr"] #mobile-navigation.main-nav {
        left: 0 !important;
        right: auto !important;
        direction: ltr !important;
        text-align: left !important;
        transform: translate3d(-105%, 0, 0) !important;
        box-shadow: 24px 0 56px rgba(0, 0, 0, .45) !important;
    }
    body.menu-open #mobile-navigation.main-nav {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
        transform: translate3d(0, 0, 0) !important;
    }
    #mobile-navigation.main-nav > a {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        min-height: 48px !important;
        padding: 10px 12px !important;
        margin: 0 0 6px !important;
        opacity: 1 !important;
        visibility: visible !important;
        pointer-events: auto !important;
    }
    #mobile-navigation .nav-search {
        display: flex !important;
        width: 100% !important;
        margin-top: 12px !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    #mobile-navigation .menu-close {
        display: grid !important;
        place-items: center !important;
        position: absolute !important;
        top: 16px !important;
        width: 40px !important;
        height: 40px !important;
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    html[dir="rtl"] #mobile-navigation .menu-close { right: 16px !important; left: auto !important; }
    html[dir="ltr"] #mobile-navigation .menu-close { left: 16px !important; right: auto !important; }
    .menu-backdrop[data-menu-backdrop] {
        display: block !important;
        position: fixed !important;
        z-index: 5001 !important;
        inset: 0 !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
        background: rgba(0, 0, 0, .56) !important;
        transition: opacity .2s ease, visibility .2s ease !important;
    }
    body.menu-open .menu-backdrop[data-menu-backdrop] {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }
    body.menu-open { overflow: hidden !important; }
}
@media (max-width: 960px) {
    .site-header .menu-toggle {
        display: inline-grid !important;
        place-items: center !important;
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        line-height: 0 !important;
        overflow: hidden !important;
    }

    .site-header .menu-toggle > span {
        display: none !important;
    }

    .site-header .menu-toggle::before {
        content: "" !important;
        display: block !important;
        width: 20px !important;
        height: 2px !important;
        border-radius: 999px !important;
        background: currentColor !important;
        box-shadow:
            0 -6px 0 currentColor,
            0 6px 0 currentColor !important;
    }

    .site-header .menu-toggle::after {
        content: none !important;
        display: none !important;
    }

    html[dir="rtl"] .site-header .header-tools {
        display: flex !important;
        flex-direction: row !important;
        direction: ltr !important;
    }

    html[dir="ltr"] .site-header .header-tools {
        display: flex !important;
        flex-direction: row-reverse !important;
        direction: ltr !important;
    }

    html[dir="ltr"] .site-header .brand {
        order: 1 !important;
        margin-inline-end: auto !important;
        margin-inline-start: 0 !important;
        text-align: left !important;
    }

    html[dir="ltr"] .site-header .header-tools {
        order: 2 !important;
        margin-inline-start: auto !important;
        margin-inline-end: 0 !important;
    }

    html[dir="ltr"] #mobile-navigation.main-nav {
        left: 0 !important;
        right: auto !important;
        direction: ltr !important;
        text-align: left !important;
        transform: translate3d(-105%, 0, 0) !important;
    }

    html[dir="ltr"] body.menu-open #mobile-navigation.main-nav {
        transform: translate3d(0, 0, 0) !important;
    }

    html[dir="ltr"] #mobile-navigation.main-nav > a {
        justify-content: flex-start !important;
        direction: ltr !important;
        text-align: left !important;
    }

    html[dir="ltr"] #mobile-navigation .nav-search {
        direction: ltr !important;
    }

    html[dir="ltr"] #mobile-navigation .menu-close {
        left: 16px !important;
        right: auto !important;
    }
}
@media (max-width: 960px) {
    /*
     * إخفاء الخطوط الموجودة داخل HTML.
     */
    .site-header button.menu-toggle[data-menu-toggle] > span {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        width: 0 !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        box-shadow: none !important;
        background: none !important;
    }

    /*
     * إلغاء كل الرسومات السابقة على الزر.
     */
    .site-header button.menu-toggle[data-menu-toggle]::before,
    .site-header button.menu-toggle[data-menu-toggle]::after {
        content: none !important;
        display: none !important;
        box-shadow: none !important;
        background: none !important;
    }

    /*
     * استخدام صورة SVG واحدة فقط داخل خلفية الزر.
     */
    .site-header button.menu-toggle[data-menu-toggle] {
        display: inline-grid !important;
        place-items: center !important;

        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;

        background-color: rgba(5, 91, 67, .72) !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='16' viewBox='0 0 22 16'%3E%3Cpath d='M1 1h20M1 8h20M1 15h20' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 22px 16px !important;

        font-size: 0 !important;
        line-height: 0 !important;
        text-indent: -9999px !important;
        overflow: hidden !important;
    }
}
/* NAV-INTERACTION-FIX-START */

@media (max-width: 960px) {

    /* لوحة الناف فوق جميع الطبقات */
    #mobile-navigation.main-nav {
        position: fixed !important;
        z-index: 999999 !important;
        isolation: isolate !important;
    }

    /* عند فتح القائمة تصبح قابلة للنقر */
    body.menu-open #mobile-navigation.main-nav {
        visibility: visible !important;
        opacity: 1 !important;
        pointer-events: auto !important;
    }

    body.menu-open #mobile-navigation.main-nav,
    body.menu-open #mobile-navigation.main-nav *,
    body.menu-open #mobile-navigation.main-nav a,
    body.menu-open #mobile-navigation.main-nav button,
    body.menu-open #mobile-navigation.main-nav input,
    body.menu-open #mobile-navigation.main-nav form {
        pointer-events: auto !important;
    }

    /* الروابط والأزرار فوق خلفية اللوحة */
    #mobile-navigation.main-nav > a,
    #mobile-navigation .menu-close,
    #mobile-navigation .nav-search,
    #mobile-navigation .nav-search * {
        position: relative !important;
        z-index: 10 !important;
        cursor: pointer !important;
    }

    /* طبقة التعتيم تحت لوحة الناف */
    .menu-backdrop[data-menu-backdrop] {
        position: fixed !important;
        z-index: 900000 !important;
        pointer-events: none !important;
    }

    /* تسمح بالإغلاق بالنقر خارج الناف فقط */
    body.menu-open .menu-backdrop[data-menu-backdrop] {
        pointer-events: auto !important;
    }

    /*
     * قص طبقة التعتيم من مساحة لوحة الناف،
     * حتى لا تلتقط النقرات فوق الروابط.
     */
    html[dir="rtl"] body.menu-open .menu-backdrop[data-menu-backdrop] {
        clip-path: inset(0 min(86vw, 340px) 0 0) !important;
    }

    html[dir="ltr"] body.menu-open .menu-backdrop[data-menu-backdrop] {
        clip-path: inset(0 0 0 min(86vw, 340px)) !important;
    }

    /* منع أي عنصر من تغطية روابط القائمة */
    body.menu-open .site-header {
        z-index: 950000 !important;
    }

    body.menu-open #mobile-navigation.main-nav {
        z-index: 999999 !important;
    }
}

/* NAV-INTERACTION-FIX-END */

/* POST-HERO-FULLSCREEN-START */

/* صورة الخبر المميز تغطي مساحة الشاشة كاملة */
.post-page .post-hero {
    position: relative !important;

    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;

    min-height: calc(100svh - var(--header, 74px)) !important;
    height: calc(100svh - var(--header, 74px)) !important;

    margin: 0 !important;
    padding: 0 !important;

    background-image: var(--hero) !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    overflow: hidden !important;
}

/* إلغاء الصورة الضبابية الخلفية السابقة */
.post-page .post-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: -1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(0, 18, 13, .18),
            rgba(0, 18, 13, .72)
        ) !important;

    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* طبقة قراءة خفيفة فوق الصورة */
html[dir="ltr"] .post-page .post-hero::before {
    background:
        linear-gradient(
            -90deg,
            rgba(0, 18, 13, .18),
            rgba(0, 18, 13, .72)
        ) !important;
}

/* إبقاء النص داخل الشاشة */
.post-page .post-hero-content {
    position: relative !important;
    z-index: 2 !important;

    width: min(760px, calc(100% - 40px)) !important;
    margin-inline: max(6vw, 20px) !important;
    padding-top: var(--header, 74px) !important;
}

/* الموبايل */
@media (max-width: 960px) {
    .post-page .post-hero {
        width: 100vw !important;
        min-width: 100vw !important;

        min-height: calc(100svh - var(--header, 66px)) !important;
        height: calc(100svh - var(--header, 66px)) !important;

        background-size: cover !important;
        background-position: center center !important;
    }

    .post-page .post-hero-content {
        width: calc(100% - 28px) !important;
        margin-inline: 14px !important;
        padding-top: var(--header, 66px) !important;
    }
}

/* POST-HERO-FULLSCREEN-END */

/* CLEAR-POST-HERO-IMAGE-START */

/* جعل صورة الخبر أوضح بدون ضبابية */
.post-page .post-hero {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;

    image-rendering: auto !important;
}

/* إزالة أي طبقة صورة ضبابية قديمة */
.post-page .post-hero::after {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 0 !important;
    display: none !important;
}

/* تخفيف التعتيم فوق الصورة */
.post-page .post-hero::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;

    background:
        linear-gradient(
            90deg,
            rgba(0, 18, 13, .08) 0%,
            rgba(0, 18, 13, .20) 45%,
            rgba(0, 18, 13, .56) 100%
        ) !important;

    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    opacity: 1 !important;
}

/* عكس التدرج في الإنجليزي */
html[dir="ltr"] .post-page .post-hero::before {
    background:
        linear-gradient(
            -90deg,
            rgba(0, 18, 13, .08) 0%,
            rgba(0, 18, 13, .20) 45%,
            rgba(0, 18, 13, .56) 100%
        ) !important;
}

/* إبقاء النص فوق الصورة */
.post-page .post-hero-content {
    position: relative !important;
    z-index: 2 !important;
}

/* الموبايل: تعتيم أخف */
@media (max-width: 960px) {
    .post-page .post-hero::before {
        background:
            linear-gradient(
                180deg,
                rgba(0, 18, 13, .08) 0%,
                rgba(0, 18, 13, .18) 42%,
                rgba(0, 18, 13, .58) 100%
            ) !important;
    }
}

/* CLEAR-POST-HERO-IMAGE-END */

/* V20 — final contrast, mobile search, and single-column phone layout. */
html[data-theme="light"] .site-header .brand-portal-title,
html[data-theme="light"] .site-header .brand-subtitle,
html[data-theme="light"] .site-header .brand-media-prefix,
html[data-theme="light"] .site-header .brand-entity-name,
body.light-theme .site-header .brand-portal-title,
body.light-theme .site-header .brand-subtitle,
body.light-theme .site-header .brand-media-prefix,
body.light-theme .site-header .brand-entity-name{color:#103c31!important;text-shadow:none!important}
html[data-theme="dark"] .site-header .brand-portal-title,
html[data-theme="dark"] .site-header .brand-subtitle{color:#fff!important}
.site-header .nav-search{display:flex!important;align-items:center!important}
.site-header .nav-search input{min-width:0!important;color:inherit!important}
@media(max-width:640px){
  .template-homepage .card-grid,.listing-shell .card-grid,.post-page .related .card-grid{grid-template-columns:1fr!important}
  .site-header #mobile-navigation .nav-search{display:grid!important;grid-template-columns:minmax(0,1fr) 44px!important;gap:7px!important}
  .site-header #mobile-navigation .nav-search input{display:block!important;width:100%!important;min-height:44px!important}
  .site-header #mobile-navigation .nav-search button{display:grid!important;place-items:center!important;width:44px!important;height:44px!important}
}

/* V9 — preserve editorial image galleries on public post pages. */
.article-body .content-gallery{display:grid!important;gap:8px!important;margin:12px 0!important;align-items:stretch}
.article-body .content-gallery.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.article-body .content-gallery.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.article-body .content-gallery.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}
.article-body .content-gallery figure{margin:0!important;min-width:0}
.article-body .content-gallery img{display:block!important;width:100%!important;height:100%!important;aspect-ratio:4/3;object-fit:cover!important;border-radius:12px}
.article-body .content-gallery figcaption{margin-top:7px;text-align:center;font-size:.84rem;color:var(--muted,#adc8bf)}
@media(max-width:900px){.article-body .content-gallery.columns-3,.article-body .content-gallery.columns-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:560px){.article-body .content-gallery{grid-template-columns:1fr!important}}
.card-translations{display:inline-flex;gap:.32rem;align-items:center;margin-inline-start:auto}.card-translations a{display:inline-grid;place-items:center;min-width:1.75rem;height:1.5rem;padding-inline:.32rem;border:1px solid color-mix(in srgb,var(--brand,#078f61) 38%,transparent);border-radius:999px;color:inherit;text-decoration:none;font-size:.7rem;font-weight:800;line-height:1}.card-translations a:hover,.card-translations a:focus-visible{background:var(--brand,#078f61);color:#fff;outline:none}.language-menu{position:relative}.language-menu>summary{list-style:none;cursor:pointer;min-width:3.5rem}.language-menu>summary::-webkit-details-marker{display:none}.language-menu-list{position:absolute;z-index:1200;inset-block-start:calc(100% + .5rem);inset-inline-end:0;display:grid;min-width:10rem;padding:.4rem;border:1px solid color-mix(in srgb,var(--brand,#078f61) 30%,transparent);border-radius:.75rem;background:var(--surface,#fff);box-shadow:0 .8rem 2rem rgb(0 0 0/18%)}.language-menu:not([open]) .language-menu-list{display:none}.language-menu-list a{padding:.55rem .7rem;border-radius:.5rem;color:var(--text,#12382f);text-decoration:none;white-space:nowrap}.language-menu-list a:hover,.language-menu-list a:focus-visible,.language-menu-list a[aria-current=page]{background:color-mix(in srgb,var(--brand,#078f61) 12%,transparent)}@media(max-width:520px){.card-bottom-row{gap:.5rem;flex-wrap:wrap}}
:root{--pub-bg:#f5f8f7;--pub-surface:#fff;--pub-text:#173c33;--pub-text-2:#547067;--pub-muted:#748c84;--pub-border:#d3e4de;--pub-accent:#078a63;--pub-radius:16px}html[data-theme="dark"],body.theme-dark{--pub-bg:#0e211c;--pub-surface:#142e27;--pub-text:#f2faf7;--pub-text-2:#c2d9d1;--pub-muted:#9bb7ae;--pub-border:#295247;--pub-accent:#3bca98}.related .news-card,.social-card,.post-card{background:var(--pub-surface)!important;color:var(--pub-text)!important;border-color:var(--pub-border)!important}.related .news-card p,.related .news-card time{color:var(--pub-text-2)!important}.post-hero-content{max-width:none!important}.post-hero-content h1{max-width:80%!important;line-height:1.35!important}.post-publisher{color:var(--pub-text-2);font-size:.92rem}.language-inline{display:flex;gap:6px;align-items:center}.language-inline a{padding:7px 10px;border:1px solid var(--pub-border);border-radius:999px;background:var(--pub-surface);color:var(--pub-text)}.language-inline a.active{background:var(--pub-accent);color:#fff}.filters{align-items:center}.filters .filter-reset{display:inline-flex;align-items:center;text-decoration:none}.video-card .card-media.play{position:relative}.video-card .card-media.play>span{position:absolute!important;inset:50% auto auto 50%!important;transform:translate(-50%,-50%)!important;margin:0!important}.pagination a{display:inline-flex;align-items:center;justify-content:center;min-width:38px;min-height:38px}.pagination a.active{background:var(--pub-accent);color:#fff}@media(max-width:700px){.post-hero-content h1{max-width:100%!important}}
/* V185.1-R3.6.9 — Public post + featured title layout polish */

:root {
  --v1851-r369-post-text: #eef6f2;
  --v1851-r369-post-muted: #c6d7cf;
  --v1851-r369-post-link: #ffe53a;
  --v1851-r369-post-border: rgba(255,255,255,.12);
  --v1851-r369-post-quote: rgba(255,255,255,.045);
}

html[data-theme="light"] {
  --v1851-r369-post-text: #153229;
  --v1851-r369-post-muted: #526d63;
  --v1851-r369-post-link: #08684e;
  --v1851-r369-post-border: rgba(14,73,55,.16);
  --v1851-r369-post-quote: rgba(10,100,76,.045);
}

/* POST HERO
   Make the actual title occupy 80% of the hero/container, rather than 80%
   of the old ~760px text column. */
.post-page .post-hero-content {
  width: min(1440px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}
.post-page .post-hero-content h1 {
  width: 80% !important;
  max-width: 80% !important;
  margin-inline: 0 !important;
  font-size: clamp(2.35rem, 4.6vw, 5.25rem) !important;
  line-height: 1.22 !important;
  text-wrap: balance;
}

/* FEATURED / MAIN HERO TITLE — same 80% rule. */
.hero-pinned-slider .hero-pinned-slide .hero-content {
  width: min(1440px, calc(100% - 64px)) !important;
  max-width: none !important;
  margin-inline: auto !important;
  box-sizing: border-box !important;
}
.hero-pinned-slider .hero-pinned-slide .hero-content h1 {
  width: 80% !important;
  max-width: 80% !important;
  line-height: 1.22 !important;
  text-wrap: balance;
}

/* ARTICLE CONTAINER */
html.portal-post-route .post-page .article-wrap {
  width: min(1120px, calc(100% - 32px)) !important;
  margin: -42px auto 64px !important;
  padding: clamp(22px, 4vw, 48px) !important;
  box-sizing: border-box !important;
}

html.portal-post-route .post-page .article-stats {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  align-items: center !important;
  margin-bottom: 28px !important;
}

html.portal-post-route .post-page .article-body {
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  color: var(--v1851-r369-post-text) !important;
  font-size: clamp(1.02rem, 1.1vw, 1.16rem) !important;
  line-height: 2 !important;
  overflow-wrap: anywhere !important;
  padding:.5rem !important;
   margin:.2rem !important;
  /*border:3px solid red;*/
}

/* Normalize rich-editor output while preserving semantic structure. */
html.portal-post-route .post-page .article-body p {
  margin: 0 0 1.35em !important;
  color: var(--v1851-r369-post-text) !important;
  line-height: inherit !important;
}
html.portal-post-route .post-page .article-body p:last-child {
  margin-bottom: 0 !important;
}
html.portal-post-route .post-page .article-body h1,
html.portal-post-route .post-page .article-body h2,
html.portal-post-route .post-page .article-body h3,
html.portal-post-route .post-page .article-body h4,
html.portal-post-route .post-page .article-body h5,
html.portal-post-route .post-page .article-body h6 {
  color: var(--v1851-r369-post-text) !important;
  line-height: 1.55 !important;
  margin: 1.65em 0 .75em !important;
  font-weight: 800 !important;
}
html.portal-post-route .post-page .article-body ul,
html.portal-post-route .post-page .article-body ol {
  margin: .6em 0 1.35em !important;
  padding-inline-start: 1.6em !important;
}
html.portal-post-route .post-page .article-body li {
  margin: .35em 0 !important;
  color: var(--v1851-r369-post-text) !important;
}
html.portal-post-route .post-page .article-body blockquote {
  margin: 1.5em 0 !important;
  padding: 1em 1.25em !important;
  border-inline-start: 4px solid var(--brand, #0b8b66) !important;
  border-radius: 10px !important;
  background: var(--v1851-r369-post-quote) !important;
  color: var(--v1851-r369-post-text) !important;
}
html.portal-post-route .post-page .article-body a {
  color: var(--v1851-r369-post-link) !important;
  text-decoration: none !important;
  text-underline-offset: .16em !important;
}
html.portal-post-route .post-page .article-body a:hover {
  color: var(--v1851-r369-post-link) !important;
  text-decoration: none !important;
}
html.portal-post-route .post-page .article-body strong,
html.portal-post-route .post-page .article-body b {
  font-weight: 800 !important;
  color: inherit !important;
}
html.portal-post-route .post-page .article-body span,
html.portal-post-route .post-page .article-body font {
  color: inherit !important;
}

/* Media from the editor. */
html.portal-post-route .post-page .article-body img {
  display: block !important;
  max-width: 100% !important;
  height: auto !important;
  margin: 1.5rem auto !important;
  border-radius: 14px !important;
}
html.portal-post-route .post-page .article-body figure {
  max-width: 100% !important;
  margin: 1.2rem auto !important;
}
html.portal-post-route .post-page .article-body figcaption {
  margin-top: .55rem !important;
  color: var(--v1851-r369-post-muted) !important;
  font-size: .9em !important;
  text-align: center !important;
}
html.portal-post-route .post-page .article-body iframe,
html.portal-post-route .post-page .article-body video {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  aspect-ratio: 16/9;
  height: auto !important;
  margin: 1.6rem auto !important;
  border: 0 !important;
  border-radius: 14px !important;
}

/* Tables should not break the page width. */
html.portal-post-route .post-page .article-body table {
  width: 100% !important;
  max-width: 100% !important;
  border-collapse: collapse !important;
  color: var(--v1851-r369-post-text) !important;
  margin: 1.5rem 0 !important;
}
html.portal-post-route .post-page .article-body th,
html.portal-post-route .post-page .article-body td {
  padding: .75rem .85rem !important;
  border: 1px solid var(--v1851-r369-post-border) !important;
  vertical-align: top !important;
}
html.portal-post-route .post-page .article-keywords,
html.portal-post-route .post-page .share-row {
  margin-top: 22px !important;
}

@media (max-width: 760px) {
  .post-page .post-hero-content,
  .hero-pinned-slider .hero-pinned-slide .hero-content {
    width: calc(100% - 32px) !important;
  }
  .post-page .post-hero-content h1,
  .hero-pinned-slider .hero-pinned-slide .hero-content h1 {
    width: 100% !important;
    max-width: 100% !important;
  }
  html.portal-post-route .post-page .article-wrap {
    width: calc(100% - 10px) !important;
    margin-top: -14px !important;
    padding: 10px 8px !important;
  }
}


/* V185.1-R3.7.0 — final public post geometry */
.post-page .post-hero-content,
.hero-pinned-slider .hero-pinned-slide .hero-content { width:min(1480px,calc(100% - 48px)) !important; max-width:none !important; }
.post-page .post-hero-content h1,
.hero-pinned-slider .hero-pinned-slide .hero-content h1 { width:90% !important; max-width:80% !important; margin-inline:0 !important; text-wrap:balance; }
html.portal-post-route .post-page .article-wrap { width:min(1160px,calc(100% - 28px)) !important; padding:clamp(24px,3.5vw,46px) !important; }
html.portal-post-route .post-page .article-body { max-width:920px !important; margin-inline:auto !important; line-height:2.05 !important; }
html.portal-post-route .post-page .article-body p { color:var(--v1851-r369-post-text,#eef6f2) !important; font-weight:600 !important; }
@media(max-width:760px){.post-page .post-hero-content h1,.hero-pinned-slider .hero-pinned-slide .hero-content h1{width:100% !important;max-width:100% !important;}}


/* V185.1-R3.7.1 — layout rules externalized from PHP templates. */
html,body{min-height:100vh;margin:0;}
body{display:flex;flex-direction:column;}
footer.site-footer{margin-top:auto;}

/* Footer styles externalized from footer.php */
.site-footer {
    width: 100%;
    margin-top: auto;
    border-top: 2px solid #d7ba16;
    background: #00150f;
    color: #ffffff;
}

.site-footer .footer-inner--compact {
    width: min(92%, 1440px);
    min-height: 72px;
    margin-inline: auto;
    padding: 12px 0;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;

    /*
     * Keep the physical row left-to-right, then place each block explicitly.
     * This prevents inherited RTL rules from reversing the whole footer.
     */
    direction: ltr !important;
}

.site-footer .footer-brand {
    min-width: 0;
    flex: 1 1 1;

    display: flex;
    align-items: center;
    gap: 10px;
}

.site-footer[dir="rtl"] .footer-brand {
    order: 3;
    justify-content: flex-end;
    direction: rtl;
    text-align: right;
}

.site-footer[dir="ltr"] .footer-brand {
    order: 1;
    justify-content: flex-start;
    direction: ltr;
    text-align: center;
}

.site-footer .footer-brand img {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    object-fit: contain;
}

.site-footer .footer-brand strong {
    min-width: 0;
    font-size: .91rem;
    line-height: 1.6;
    font-weight: 800;
}

.site-footer .footer-social-slot {
    order: 2;
    min-width: 150px;
    min-height: 50px;
    flex: 0 0 auto;

    display: flex;
    align-items: center;
    justify-content: center;
}

.site-footer .entity-social-footer,
.site-footer .entity-social-footer--inline {
    width: auto;
    margin: 0;
    padding: 0;
}

.site-footer .entity-social-footer__links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.site-footer .entity-social-link { 
  width: 35px; 
  height: 30px; 
  flex: 0 0 35px; 
  display: inline-flex; 
  align-items: center; 
  justify-content: center; 
  border: 2px solid var(--v1851-r369-post-link) !important;
  border-radius: 50%; 
  color: #ffffff; 
  background: linear-gradient(145deg, #0d5b43, #043124); 
  text-decoration: none; 
  transition: transform .2s ease, color .2s ease, background .2s ease, border-color .2s ease; 
}


.site-footer .entity-social-link svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.site-footer .entity-social-link:hover,
.site-footer .entity-social-link:focus-visible {
    color: #06251b;
    background: #f0d31e;
    border-color: #f0d31e;
    transform: translateY(-4px);
}

.site-footer .footer-nav {
    min-width: 0;
    flex: 1 1 1;

    display: flex;
    align-items: center;

    white-space: nowrap;
}

.site-footer[dir="rtl"] .footer-nav {
    order: 1;
    justify-content: flex-start;
    direction: rtl;
}

.site-footer[dir="ltr"] .footer-nav {
    order: 3;
    justify-content: flex-end;
    direction: ltr;
}

.site-footer .footer-nav > a,
.site-footer .footer-categories__summary {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 6px 12px;

    color: #ffffff;
    background: transparent;
    border: 0;

    font: inherit;
    font-size: .91rem;
    font-weight: 850;

    text-decoration: none;
    cursor: pointer;
}

.site-footer .footer-nav > a:hover,
.site-footer .footer-nav > a:focus-visible,
.site-footer .footer-categories__summary:hover,
.site-footer .footer-categories__summary:focus-visible {
    color: #f0d31e;
}

.site-footer .footer-nav > a + a,
.site-footer .footer-categories {
    border-inline-start: 1px solid rgba(255,255,255,.25);
}

.site-footer .footer-categories {
    position: relative;
}

.site-footer .footer-categories > summary {
    list-style: none;
}

.site-footer .footer-categories > summary::-webkit-details-marker {
    display: none;
}

.site-footer .footer-categories__summary::after {
    content: "⌄";
    margin-inline-start: 7px;
    color: #f0d31e;
}

.site-footer .footer-categories__menu {
    position: absolute;
    z-index: 1000;

    inset-inline-start: 0;
    bottom: calc(100% + 10px);

    width: min(200px, 86vw);
    max-height: 400px;
    overflow-y: auto;

    padding: 8px;
    border: 1px solid rgba(56,156,119,.35);
    border-radius: 14px;

    background: #05281e;
    box-shadow: 0 18px 45px rgba(0,0,0,.42);
}

.site-footer[dir="rtl"] .footer-categories__menu {
    direction: rtl;
    text-align: right;
}

.site-footer[dir="ltr"] .footer-categories__menu {
    direction: ltr;
    text-align: left;
}

.site-footer .footer-categories__menu a,
.site-footer .footer-categories__menu button {
    display: block;
    padding: 9px 11px;
    border-radius: 9px;

    color: #ffffff;
    font-size: .9rem;
    font-weight: 750;

    text-decoration: none;
}

.site-footer .footer-categories__menu a:hover,
.site-footer .footer-categories__menu a:focus-visible,
.site-footer .footer-categories__menu button:hover,
.site-footer .footer-categories__menu button:focus-visible {
    color: #f0d31e;
    background: rgba(255,255,255,.07);
      border: 2px solid var(--v1851-r369-post-link) !important;

}

@media (max-width: 900px) {
    .site-footer .footer-inner--compact {
        width: calc(100% - 28px);
        min-height: auto;
        padding: 14px 0;

        flex-direction: column;
        justify-content: center;
        gap: 9px;
    }

    .site-footer .footer-brand,
    .site-footer .footer-social-slot,
    .site-footer .footer-nav,
    .site-footer[dir="rtl"] .footer-brand,
    .site-footer[dir="rtl"] .footer-nav,
    .site-footer[dir="ltr"] .footer-brand,
    .site-footer[dir="ltr"] .footer-nav {
        order: initial;
        width: 100%;
        flex: 0 0 auto;
        justify-content: center;
        text-align: center;
    }

    .site-footer .footer-social-slot {
        min-width: 0;
        min-height: 0;
    }

    .site-footer .footer-social-slot:empty {
        display: none;
    }

    .site-footer .footer-nav {
        flex-wrap: wrap;
        white-space: normal;
    }
}

@media (max-width: 600px) {
    .site-footer .footer-brand img {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }

    .site-footer .footer-brand strong {
        font-size: .82rem;
    }

    .site-footer .footer-nav > a,
    .site-footer .footer-categories__summary {
        padding: 5px 8px;
        font-size: .82rem;
    }

    .site-footer .footer-categories__menu {
        position: fixed;
        inset-inline: 14px;
        bottom: 78px;
        width: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .site-footer *,
    .site-footer *::before,
    .site-footer *::after {
        transition: none !important;
        animation: none !important;
    }
}

/* ==========================================================
   FINAL POSITION OVERRIDE
   Arabic: nav LEFT, socials CENTER, brand RIGHT
   English: brand LEFT, socials CENTER, nav RIGHT
   ========================================================== */

.site-footer .footer-inner--compact {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(150px, auto) minmax(0, 1fr) !important;
    align-items: center !important;
    direction: ltr !important;
}

.site-footer[dir="rtl"] .footer-nav {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    order: initial !important;
    direction: rtl !important;
}

.site-footer[dir="rtl"] .footer-social-slot {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    order: initial !important;
}

.site-footer[dir="rtl"] .footer-brand {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    order: initial !important;
    direction: rtl !important;
    text-align: right !important;
}

.site-footer[dir="ltr"] .footer-brand {
    grid-column: 1 !important;
    grid-row: 1 !important;
    justify-self: start !important;
    order: initial !important;
}

.site-footer[dir="ltr"] .footer-social-slot {
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: center !important;
    order: initial !important;
}

.site-footer[dir="ltr"] .footer-nav {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    order: initial !important;
}

@media (max-width: 900px) {
    .site-footer .footer-inner--compact {
        grid-template-columns: 1fr !important;
    }

    .site-footer[dir] .footer-brand {
        grid-column: 1 !important;
        grid-row: 1 !important;
        justify-self: center !important;
    }

    .site-footer[dir] .footer-social-slot {
        grid-column: 1 !important;
        grid-row: 2 !important;
        justify-self: center !important;
    }

    .site-footer[dir] .footer-nav {
        grid-column: 1 !important;
        grid-row: 3 !important;
        justify-self: center !important;
    }
}

.site-footer .footer-categories__menu .footer-category-form{display:block;width:100%;}
.site-footer .footer-categories__menu .footer-category-form button{width:100%;border:0;background:transparent;cursor:pointer;text-align:inherit;font:inherit;}


/* V185.1-R3.7.3 — explicit light-theme contrast contract. */
html[data-theme="light"]{
  --r3713-page:#f4f8f6;
  --r3713-surface:#ffffff;
  --r3713-surface-soft:#edf6f2;
  --r3713-text:#113a30;
  --r3713-muted:#58736a;
  --r3713-border:#c9ddd5;
  --r3713-accent:#087f5b;
  --r3713-accent-strong:#056347;
  --r3713-chip-bg:#e3f3ed;
  --r3713-chip-text:#075b43;
}
html[data-theme="light"] body,
html[data-theme="light"] main{
  background:var(--r3713-page)!important;
  color:var(--r3713-text)!important;
}
html[data-theme="light"] .archive-page,
html[data-theme="light"] .archive-shell,
html[data-theme="light"] .archive-toolbar,
html[data-theme="light"] .archive-grid,
html[data-theme="light"] .content-section,
html[data-theme="light"] .news-card,
html[data-theme="light"] .page-breadcrumb,
html[data-theme="light"] .breadcrumb{
  color:var(--r3713-text)!important;
}
html[data-theme="light"] .page-breadcrumb,
html[data-theme="light"] .breadcrumb,
html[data-theme="light"] .archive-toolbar{
  background:var(--r3713-surface-soft)!important;
  border-color:var(--r3713-border)!important;
}
html[data-theme="light"] .page-breadcrumb *,
html[data-theme="light"] .breadcrumb *{
  color:var(--r3713-text)!important;
  text-shadow:none!important;
}
html[data-theme="light"] .news-card{
  background:var(--r3713-surface)!important;
  border-color:var(--r3713-border)!important;
  box-shadow:0 10px 28px rgba(12,66,50,.08)!important;
}
html[data-theme="light"] .news-card h3,
html[data-theme="light"] .news-card h3 a,
html[data-theme="light"] .news-card .card-body,
html[data-theme="light"] .news-card .card-publish-date{
  color:var(--r3713-text)!important;
}
html[data-theme="light"] .news-card .card-publish-date,
html[data-theme="light"] .news-card small,
html[data-theme="light"] .archive-result-count{
  color:var(--r3713-muted)!important;
}
html[data-theme="light"] .tag,
html[data-theme="light"] .card-taxonomy button{
  background:var(--r3713-chip-bg)!important;
  color:var(--r3713-chip-text)!important;
  border-color:#b7d9cc!important;
}
html[data-theme="light"] .archive-toolbar input,
html[data-theme="light"] .archive-toolbar select,
html[data-theme="light"] .nav-search input{
  background:#fff!important;
  color:var(--r3713-text)!important;
  border-color:var(--r3713-border)!important;
}
html[data-theme="light"] .archive-toolbar input::placeholder,
html[data-theme="light"] .nav-search input::placeholder{
  color:#748d84!important;
  opacity:1!important;
}
html[data-theme="light"] .site-header:not(.is-overlay),
html[data-theme="light"] .site-header:not(.is-overlay) .header-inner{
  background:rgba(250,253,252,.97)!important;
  color:var(--r3713-text)!important;
}
html[data-theme="light"] .site-header:not(.is-overlay) a,
html[data-theme="light"] .site-header:not(.is-overlay) button{
  color:var(--r3713-text)!important;
}
html[data-theme="light"] .site-footer{
  background:#073d30!important;
  color:#fff!important;
}
html[data-theme="light"] .site-footer a,
html[data-theme="light"] .site-footer strong{
  color:#fff!important;
}
/* Public responsive header + compact mobile controls */
.language-code{display:none}.theme-toggle-clear{display:inline-flex!important;align-items:center;justify-content:center;gap:.15rem}.theme-toggle-clear .theme-sun,.theme-toggle-clear .theme-moon{font-size:1rem;line-height:1}[data-theme="dark"] .theme-sun{opacity:.45}[data-theme="light"] .theme-moon{opacity:.45}.mobile-search-trigger{display:none!important}.main-nav a,.main-nav button{text-align:center}.nav-search{min-width:180px}.nav-search input{min-width:0;width:100%;text-overflow:ellipsis}
@media(max-width:700px){.language-long{display:none}.language-code{display:inline}.mobile-search-trigger{display:inline-flex!important}.header-tools{gap:.35rem}.header-tools .utility,.language-inline a{min-width:38px;height:38px;padding:.35rem .55rem}.main-nav{align-items:stretch;text-align:center}.main-nav>a{display:flex;align-items:center;justify-content:center;gap:.55rem}.main-nav>a:nth-of-type(1)::before{content:'⌂'}.main-nav>a:nth-of-type(2)::before{content:'▤'}.main-nav>a:nth-of-type(3)::before{content:'▶'}.main-nav .nav-search{width:100%;max-width:none}.main-nav .nav-search input{font-size:16px;padding-inline:12px 42px}.brand-copy{min-width:0}.brand-subtitle{max-width:170px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* V185.1-R3.7.4.6 — consolidated public identity/header/mobile layer */
:root{--brand:#0B7A3B;--brand-secondary:#F4D80D;--brand-accent:#111111}
.site-header{border-bottom:1px solid color-mix(in srgb,var(--brand-secondary) 45%,transparent)!important}.main-nav a.active{background:color-mix(in srgb,var(--brand) 78%,#001a12)!important;border-bottom-color:var(--brand-secondary)!important}.tag,.homepage-section-count,.slider-dot.active{border-color:var(--brand-secondary)!important}.homepage-section-title h2::before,.section-heading h2::before{background:var(--brand-secondary)!important}
.brand{position:relative}.brand[data-entity-tooltip]:hover::after,.brand[data-entity-tooltip]:focus-visible::after{content:attr(data-entity-tooltip);position:absolute;inset-block-start:calc(100% + 8px);inset-inline-end:0;width:min(360px,75vw);padding:10px 12px;border-radius:10px;background:#071d16;color:#fff;font-size:.78rem;line-height:1.7;box-shadow:0 10px 30px rgba(0,0,0,.24);z-index:1000;white-space:normal}
.main-nav>a{display:flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;text-align:center!important}.nav-item-icon{width:1.1em;display:inline-flex;justify-content:center;opacity:.9}.nav-search{position:relative!important;display:flex!important;align-items:center!important;min-width:220px!important}.nav-search input{display:block!important;opacity:1!important;visibility:visible!important;width:100%!important;min-height:42px!important;padding-inline:42px 12px!important;color:inherit!important}.nav-search input::placeholder{opacity:.66!important;text-overflow:ellipsis!important}.nav-search button{position:absolute!important;inset-inline-start:7px!important;width:32px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:9px!important;color:var(--brand-secondary)!important}
.theme-toggle-clear{position:relative!important;width:42px!important;height:42px!important;padding:0!important;border-radius:50%!important}.theme-toggle-clear .theme-sun,.theme-toggle-clear .theme-moon{position:absolute!important;inset:0!important;display:grid!important;place-items:center!important;opacity:1!important;transition:transform .2s ease,opacity .2s ease!important}[data-theme="dark"] .theme-moon{opacity:0!important;transform:scale(.45) rotate(-40deg)!important}[data-theme="light"] .theme-sun{opacity:0!important;transform:scale(.45) rotate(40deg)!important}
.clean-query-form .reset,.filter-reset,.archive-reset{font-size:0!important;min-width:36px!important;width:36px!important;padding:0!important}.clean-query-form .reset::before,.filter-reset::before,.archive-reset::before{content:'↻';font-size:1rem!important}.clean-query-form .reset:not([data-has-query="1"]),.filter-reset:not([data-has-query="1"]),.archive-reset:not([data-has-query="1"]){display:none!important}
.card-taxonomy .content-type,.news-card .content-type,.hero-content .content-type{display:none!important}
@media(max-width:700px){
 body{padding-inline:0!important}.site-header .header-inner{width:calc(100% - 8px)!important;max-width:none!important;padding-inline:2px!important;gap:4px!important}.brand img{width:40px!important;height:40px!important}.brand-copy{max-width:145px!important}.brand-portal-title{font-size:.78rem!important}.brand-subtitle{font-size:.62rem!important;max-width:120px!important}.header-tools{gap:3px!important}.header-tools .utility,.language-inline a,.menu-toggle{min-width:36px!important;width:36px!important;height:36px!important;padding:0!important}.language-choice .language-code{display:inline!important}.language-choice .language-long{display:none!important}.main-nav{padding:18px 12px!important;align-items:stretch!important}.main-nav>a{min-height:44px!important;border-radius:10px!important}.main-nav .nav-search{display:flex!important;width:100%!important;min-width:0!important}.main-nav .nav-search input{font-size:16px!important;min-height:44px!important}.mobile-search-trigger{display:inline-flex!important}
 .hero-pinned-slider .hero-content,.post-page .post-hero-content{width:calc(100% - 14px)!important}.homepage-container,.content-section,.archive-page,.video-page{width:calc(100% - 12px)!important;margin-inline:auto!important}.news-card{min-width:0!important}.card-image-views{width:auto!important;max-width:max-content!important;padding:4px 7px!important}
}
/* V185.1-R3.7.4.7 final public responsive overrides */
@media(max-width:700px){
 body{padding-inline:0!important}
 .site-header .header-inner{width:calc(100% - 4px)!important;margin-inline:auto!important;padding-inline:2px!important}
 .language-choice .language-long{display:none!important}.language-choice .language-code{display:inline!important}
 .nav-search input{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important;color:inherit!important;background:transparent!important}
 .nav-search input::placeholder{opacity:.72!important;white-space:nowrap!important;text-overflow:ellipsis!important;overflow:hidden!important}
 .nav-search button{width:34px!important;height:34px!important;display:grid!important;place-items:center!important}
}
.theme-toggle-clear .theme-sun,.theme-toggle-clear .theme-moon{pointer-events:none!important}
[data-theme="dark"] .theme-toggle-clear .theme-moon,[data-theme="light"] .theme-toggle-clear .theme-sun{opacity:0!important;visibility:hidden!important}
[data-theme="dark"] .theme-toggle-clear .theme-sun,[data-theme="light"] .theme-toggle-clear .theme-moon{opacity:1!important;visibility:visible!important}

/* =====================================================================
   V185.1-R3.7.4.8 — FULL ENTITY IDENTITY SURFACE
   One centralized runtime layer. No extra theme stylesheet is loaded.
   DB mapping:
     --entity-primary   = entities.primary_color
     --entity-highlight = entities.secondary_color
     --entity-neutral   = entities.accent_color
   Child entities inherit missing values from parent in PortalRepository.
   ===================================================================== */
:root{
  --entity-primary:var(--brand,#0B7A3B);
  --entity-highlight:var(--brand-secondary,#F4D80D);
  --entity-neutral:var(--brand-accent,#111111);
  --entity-primary-08:color-mix(in srgb,var(--entity-primary) 8%,transparent);
  --entity-primary-14:color-mix(in srgb,var(--entity-primary) 14%,transparent);
  --entity-primary-22:color-mix(in srgb,var(--entity-primary) 22%,transparent);
  --entity-primary-38:color-mix(in srgb,var(--entity-primary) 38%,transparent);
  --entity-highlight-18:color-mix(in srgb,var(--entity-highlight) 18%,transparent);
  --entity-highlight-42:color-mix(in srgb,var(--entity-highlight) 42%,transparent);
  --entity-focus:0 0 0 3px color-mix(in srgb,var(--entity-primary) 28%,transparent);
  --entity-shadow:0 14px 38px color-mix(in srgb,var(--entity-primary) 15%,transparent);
}
html[data-theme="dark"] body{
  --entity-bg:color-mix(in srgb,var(--entity-neutral) 28%,#00110c 72%);
  --entity-surface:color-mix(in srgb,var(--entity-primary) 10%,#081914 90%);
  --entity-surface-2:color-mix(in srgb,var(--entity-neutral) 18%,#0b1f19 82%);
  --entity-surface-3:color-mix(in srgb,var(--entity-primary) 16%,#10251e 84%);
  --entity-text:#f7fbfa;
  --entity-text-2:#d2e1dc;
  --entity-muted:#9fb8af;
  --entity-border:color-mix(in srgb,var(--entity-primary) 36%,#46625a 64%);
}
html[data-theme="light"] body{
  --entity-bg:color-mix(in srgb,var(--entity-primary) 4%,#f5faf8 96%);
  --entity-surface:#fff;
  --entity-surface-2:color-mix(in srgb,var(--entity-primary) 6%,#fff 94%);
  --entity-surface-3:color-mix(in srgb,var(--entity-highlight) 7%,#fff 93%);
  --entity-text:#10231d;
  --entity-text-2:#334b43;
  --entity-muted:#6d817a;
  --entity-border:color-mix(in srgb,var(--entity-primary) 24%,#d4e2dd 76%);
}
html,body{accent-color:var(--entity-primary)}
body{background:var(--entity-bg)!important;color:var(--entity-text)!important}
::selection{background:var(--entity-primary)!important;color:#fff!important}
*:focus-visible{outline-color:var(--entity-highlight)!important}
a{--link-brand:var(--entity-primary)}

/* Header / navigation / utilities */
.site-header,.site-header:not(.is-overlay){
  border-bottom-color:var(--entity-highlight)!important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--entity-neutral) 88%,#06110e),color-mix(in srgb,var(--entity-primary) 34%,#06110e))!important;
  box-shadow:0 8px 28px color-mix(in srgb,var(--entity-neutral) 28%,transparent)!important;
}
.site-header.is-overlay{background:linear-gradient(105deg,color-mix(in srgb,var(--entity-neutral) 86%,transparent),color-mix(in srgb,var(--entity-primary) 30%,transparent))!important}
.brand img{filter:drop-shadow(0 6px 12px color-mix(in srgb,var(--entity-primary) 22%,transparent))}
.brand-portal-title,.brand-subtitle,.brand-entity-name{color:#fff!important}
.main-nav>a,.main-nav>button,.language-choice,.language-switch,.theme-toggle-clear,.mobile-search-trigger,.menu-toggle{
  border-color:color-mix(in srgb,var(--entity-primary) 44%,rgba(255,255,255,.13))!important;
}
.main-nav>a:hover,.main-nav>a:focus-visible{background:var(--entity-primary-22)!important;border-color:var(--entity-primary)!important}
.main-nav>a.active{
  background:linear-gradient(135deg,var(--entity-primary),color-mix(in srgb,var(--entity-primary) 74%,var(--entity-neutral)))!important;
  color:#fff!important;border-color:var(--entity-highlight)!important;
  box-shadow:inset 0 -3px 0 var(--entity-highlight),0 8px 18px color-mix(in srgb,var(--entity-primary) 22%,transparent)!important;
}
.nav-search input{border-color:var(--entity-primary-38)!important;background:color-mix(in srgb,var(--entity-surface) 76%,transparent)!important;color:var(--entity-text)!important}
.nav-search input:focus{border-color:var(--entity-highlight)!important;box-shadow:var(--entity-focus)!important}
.nav-search button,.mobile-search-trigger{color:var(--entity-highlight)!important}
.theme-toggle-clear:hover,.language-choice:hover,.mobile-search-trigger:hover,.menu-toggle:hover{background:var(--entity-primary-22)!important;border-color:var(--entity-highlight)!important}
.main-nav{border-color:var(--entity-border)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--entity-neutral) 82%,#03120d),color-mix(in srgb,var(--entity-primary) 20%,#03120d))!important}

/* Hero / slider */
.hero,.hero-slide,.hero-slider,.post-hero,.page-hero{border-color:var(--entity-highlight)!important}
.hero::after,.hero-slide::after,.post-hero::after{background:linear-gradient(90deg,color-mix(in srgb,var(--entity-primary) 12%,transparent),color-mix(in srgb,var(--entity-neutral) 52%,transparent))!important}
.hero-badge,.hero .tag,.post-hero .tag,.hero-taxonomy .tag{border-color:var(--entity-highlight)!important;background:color-mix(in srgb,var(--entity-primary) 34%,transparent)!important;color:var(--entity-highlight)!important}
.slider-controls,.hero-controls{border-color:var(--entity-primary-38)!important;background:color-mix(in srgb,var(--entity-neutral) 78%,#06120e)!important}
.slider-controls button,.hero-controls button{background:var(--entity-primary)!important;border-color:color-mix(in srgb,var(--entity-highlight) 35%,transparent)!important;color:#fff!important}
.slider-controls button:hover,.hero-controls button:hover{background:var(--entity-highlight)!important;color:var(--entity-neutral)!important;border-color:var(--entity-highlight)!important}
[data-slider-dots] button.active,[data-slider-dots] button[aria-current="true"]{background:var(--entity-highlight)!important}

/* Sections / cards / taxonomy */
.content-section,.home-section,.section-shell,.archive-shell,.archive-page,.video-shell,.video-page,.post-shell,.post-content,.related,.page-breadcrumb,.breadcrumb,.filters,.archive-toolbar{
  border-color:var(--entity-border)!important;
}
.home-section,.content-section,.section-shell,.archive-shell,.video-shell,.post-content,.related{
  background:linear-gradient(155deg,var(--entity-surface),var(--entity-surface-2))!important;
  box-shadow:var(--entity-shadow)!important;
}
.section-heading,.section-title,.archive-title,.video-title,.post-content h2,.post-content h3{color:var(--entity-text)!important}
.section-heading::before,.section-heading::after,.section-title::before,.section-title::after,.archive-title::before,.video-title::before{background:var(--entity-highlight)!important}
.section-count,.count-badge,.result-count{border-color:var(--entity-highlight)!important;background:var(--entity-primary-14)!important;color:var(--entity-highlight)!important}
.news-card,.feature-card,.video-card,.post-card,.related .news-card,.social-card,.entity-card{
  border-color:var(--entity-border)!important;
  background:linear-gradient(160deg,var(--entity-surface),var(--entity-surface-2))!important;
  box-shadow:0 10px 28px color-mix(in srgb,var(--entity-primary) 12%,transparent)!important;
}
.news-card:hover,.feature-card:hover,.video-card:hover,.post-card:hover,.related .news-card:hover{border-color:var(--entity-highlight)!important;box-shadow:0 16px 36px color-mix(in srgb,var(--entity-primary) 22%,transparent)!important}
.news-card h3,.news-card h3 a,.feature-card h3,.video-card h3,.post-card h3{color:var(--entity-text)!important}
.news-card p,.news-card time,.card-publish-date,.card-meta,.post-meta{color:var(--entity-text-2)!important}
.tag,.tag--category,.card-taxonomy a,.card-taxonomy button,.card-translations a,.chip,.badge{
  border-color:color-mix(in srgb,var(--entity-highlight) 74%,var(--entity-primary))!important;
  background:color-mix(in srgb,var(--entity-primary) 20%,transparent)!important;
  color:var(--entity-highlight)!important;
}
.tag:hover,.card-taxonomy a:hover,.card-translations a:hover{background:var(--entity-highlight)!important;color:var(--entity-neutral)!important}
.card-image-views,.views-badge{background:color-mix(in srgb,var(--entity-neutral) 82%,transparent)!important;border-color:var(--entity-primary-38)!important;color:#fff!important;max-width:max-content!important;width:auto!important}

/* Forms / search / filters / pagination */
.filters input,.filters select,.archive-toolbar input,.archive-toolbar select,.video-filters input,.video-filters select,.nav-search input{
  border-color:var(--entity-border)!important;background:var(--entity-surface)!important;color:var(--entity-text)!important;
}
.filters input:focus,.filters select:focus,.archive-toolbar input:focus,.archive-toolbar select:focus,.video-filters input:focus,.video-filters select:focus{border-color:var(--entity-primary)!important;box-shadow:var(--entity-focus)!important}
.filters button,.archive-toolbar button,.video-filters button,.button,.btn,.read-link,.pagination a.active,.pagination button.active{
  background:var(--entity-primary)!important;border-color:var(--entity-primary)!important;color:#fff!important;
}
.filters button:hover,.archive-toolbar button:hover,.video-filters button:hover,.button:hover,.btn:hover,.read-link:hover{background:var(--entity-highlight)!important;border-color:var(--entity-highlight)!important;color:var(--entity-neutral)!important}
.pagination a,.pagination button{border-color:var(--entity-border)!important;background:var(--entity-surface)!important;color:var(--entity-text)!important}
.pagination a:hover,.pagination button:hover{border-color:var(--entity-highlight)!important;color:var(--entity-primary)!important}

/* Video / empty / error / 404 surfaces */
.video-player,.video-empty,.empty-state,.error-state,.not-found,.error-card{
  border-color:var(--entity-border)!important;background:linear-gradient(155deg,var(--entity-surface),var(--entity-surface-2))!important;color:var(--entity-text)!important;
}
.video-player .play-button,.video-empty .play-button,.play-button{background:var(--entity-primary)!important;border-color:var(--entity-highlight)!important;color:#fff!important}
.video-player .play-button:hover,.video-empty .play-button:hover,.play-button:hover{background:var(--entity-highlight)!important;color:var(--entity-neutral)!important}
.error-state h1,.not-found h1,.error-card h1,.error-code{color:var(--entity-primary)!important}

/* Article body */
.post-content a,.article-body a{color:var(--entity-primary)!important;text-decoration-color:var(--entity-highlight)!important}
.post-content blockquote,.article-body blockquote{border-inline-start-color:var(--entity-highlight)!important;background:var(--entity-primary-08)!important}
.post-content hr,.article-body hr{border-color:var(--entity-border)!important}
.post-content table,.article-body table{border-color:var(--entity-border)!important}
.post-content th,.article-body th{background:var(--entity-primary)!important;color:#fff!important}

/* Footer */
.site-footer{
  border-top-color:var(--entity-highlight)!important;
  background:linear-gradient(105deg,color-mix(in srgb,var(--entity-neutral) 92%,#02100c),color-mix(in srgb,var(--entity-primary) 30%,#02100c))!important;
}
.site-footer a:hover,.site-footer a:focus-visible{color:var(--entity-highlight)!important}
.site-footer .entity-social-link,.site-footer .social-link,.site-footer .social-links a{border-color:var(--entity-primary-38)!important;background:var(--entity-primary-14)!important}
.site-footer .entity-social-link:hover,.site-footer .social-link:hover,.site-footer .social-links a:hover{background:var(--entity-primary)!important;border-color:var(--entity-highlight)!important;color:#fff!important}

/* Scrollbar and mobile menu should belong to the entity too. */
*{scrollbar-color:var(--entity-primary) color-mix(in srgb,var(--entity-neutral) 28%,transparent)}
@media(max-width:760px){
  .main-nav{border-inline-start:1px solid var(--entity-highlight)!important}
  .main-nav>a{border-color:var(--entity-primary-38)!important;background:var(--entity-primary-08)!important;color:#fff!important}
  .main-nav>a.active{background:var(--entity-primary)!important;border-color:var(--entity-highlight)!important}
  .header-inner{padding-inline:4px!important}
  .site-main,.page-shell,.home-shell,.archive-shell,.video-shell{padding-inline:4px!important}
}


/* =========================================================
   تعديلات القائمة العلوية والسلايدر
   ========================================================= */

/* 1. إزالة خلفية القائمة العلوية (Nav) ومربع البحث */
.main-nav,
header .main-nav,
nav[data-menu] {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

/* 2. إزالة الإطار الأصفر/الأخضر من السلايدر والعناصر النشطة */
.main-nav a,
.main-nav a.active,
.main-nav a:hover,
.hero,
.hero-slider,
.hero-slide,
.hero-card,
.site-header,
.site-header.is-overlay {
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

/* 3. تأكيد إخفاء أي أيقونات أو رموز تعبيرية في عناصر القائمة */
.main-nav a i,
.main-nav a .nav-item-icon,
.main-nav a::before,
.main-nav a::after {
    display: none !important;
    content: "" !important;
}

/* إصلاح هيدر الموبايل والتداخل */
@media (max-width: 576px) {
    .site-header, header, .header-container {
        padding-left: 8px !important;
        padding-right: 8px !important;
        align-items: center !important;
    }
    
    .header-actions, .nav-controls, .header-left, .header-right {
        gap: 4px !important;
        flex-wrap: nowrap !important;
    }

    .header-actions button, 
    .header-actions a, 
    .btn-lang, 
    .theme-toggle, 
    .menu-toggle {
        padding: 4px 8px !important;
        font-size: 12px !important;
        min-width: unset !important;
        height: 32px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .brand-logo img, .site-logo img {
        max-height: 36px !important;
        width: auto !important;
    }
}

/* Mobile Header Clean Fix */
@media (max-width: 576px) {
    .site-header, header, .header-container {
        padding: 0 4px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
    }
    .header-actions, .nav-controls, .header-left, .header-right {
        gap: 3px !important;
        flex-wrap: nowrap !important;
    }
    .header-actions button, .header-actions a, .btn-lang, .theme-toggle, .menu-toggle {
        padding: 2px 6px !important;
        font-size: 11px !important;
        min-width: unset !important;
        height: 30px !important;
        display: inline-flex !important;
        align-items: center !important;
    }
    .brand-logo img, .site-logo img {
        max-height: 30px !important;
        width: auto !important;
    }
}


/* ===== ضبط أزرار الهيدر ومربع البحث والقائمة الجانبية للموبايل ===== */
@media (max-width: 576px) {
    /* ضبط الحاوية الرئيسية للهيدر */
    header, .site-header, .header-container, .main-header {
        padding-left: 6px !important;
        padding-right: 6px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* منع تداخل وانزلاق شريط الأزرار */
    .header-actions, .nav-controls, .header-left, .header-right {
        display: flex !important;
        align-items: center !important;
        gap: 4px !important;
        flex-wrap: nowrap !important;
        max-width: 60% !important;
    }

    /* توحيد أحجام وأشكال أزرار (اللغة، البحث، الثيم، القائمة) */
    .btn-lang, .lang-switcher, .theme-toggle, .search-toggle, .menu-toggle,
    .header-actions button, .header-actions a {
        min-width: 32px !important;
        height: 32px !important;
        padding: 0 6px !important;
        font-size: 11px !important;
        border-radius: 6px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        box-sizing: border-box !important;
    }

    /* ضبط مربع البحث داخل القائمة أو الهيدر */
    .search-box, .search-form, .header-search-input, input[type="search"] {
        height: 36px !important;
        font-size: 13px !important;
        border-radius: 6px !important;
        padding: 4px 10px !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* تنسيق العناصر داخل قائمة الموبايل الجانبية */
    .mobile-nav, .offcanvas-body, .mobile-menu {
        padding: 15px !important;
    }

    .mobile-nav a, .mobile-menu a {
        display: block !important;
        padding: 10px 15px !important;
        margin-bottom: 8px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        text-align: right !important;
    }

    /* إخفاء أو إعادة تنسيق الحاويات الفارغة داخل القائمة */
    .mobile-nav div:empty, .mobile-menu div:empty {
        display: none !important;
    }
}





@media (max-width: 760px) {

    /* =========================
       Header Tools
       يعتمد على اتجاه الصفحة
       ========================= */

    body > header > div > div.header-tools {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* =========================
       Language
       ========================= */

    .header-tools .language-inline,
    .header-tools nav {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        min-width: 40px !important;
        max-width: 40px !important;

        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    .header-tools .language-inline .language-choice {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        box-sizing: border-box !important;
    }


    .header-tools .language-inline .language-choice .language-code {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        height: 100% !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        font-weight: 800 !important;

        line-height: 1 !important;

        text-align: center !important;

        box-sizing: border-box !important;
    }


    /* =========================
       Search Button
       ========================= */

    button.utility.mobile-search-trigger {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: 40px !important;
        min-width: 40px !important;
        height: 40px !important;

        margin: 0 !important;
        padding: 0 !important;

        border-radius: 50% !important;

        line-height: 1 !important;
        font-size: 15px !important;

        box-sizing: border-box !important;
    }


    /* =========================
       RTL
       ========================= */

    html[dir="rtl"] body > header > div > div.header-tools {
        direction: rtl !important;
    }


    /* =========================
       LTR
       ========================= */

    html[dir="ltr"] body > header > div > div.header-tools {
        direction: ltr !important;
    }


    /* =========================
       اتجاه اللغة نفسها
       ========================= */

    html[dir="rtl"] .language-choice {
        direction: rtl !important;
    }

    html[dir="ltr"] .language-choice {
        direction: ltr !important;
    }
    
    
       /* حاوية البحث */
    .nav-search {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) 44px !important;
        gap: 7px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 6px 0 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;
    }


    /* حقل البحث نفسه */
    .nav-search input {
        display: block !important;

        grid-column: 1 !important;
        grid-row: 1 !important;

        width: 100% !important;
        max-width: none !important;
        min-width: 0 !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 14px !important;

        box-sizing: border-box !important;

        font-size: 15px !important;
        line-height: 46px !important;

        border-radius: 10px !important;

        overflow: hidden !important;
    }


    /* زر البحث */
    .nav-search button {
        grid-column: 2 !important;
        grid-row: 1 !important;

        position: static !important;
        inset: auto !important;

        width: 44px !important;
        min-width: 44px !important;
        max-width: 44px !important;

        height: 46px !important;
        min-height: 46px !important;

        margin: 0 !important;
        padding: 0 !important;

        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        border-radius: 10px !important;
    }
}





/* =========================================
   Content Gallery - Modern Glass Style
   الوضع الافتراضي
   ========================================= */

.content-gallery {
    position: relative;
    padding: 22px;
    margin: 24px 0;

    background: #18181c !important;

    border: 1px solid rgba(255, 255, 255, 0.10);
    border-radius: 18px;

    box-shadow:
        0 10px 30px rgba(0, 0, 0, 0.28),
        inset 0 1px 0 rgba(255, 255, 255, 0.05);

    overflow: hidden;
}

/* لمعة خفيفة أعلى المعرض */
.content-gallery::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.18),
        transparent
    );

    pointer-events: none;
    z-index: 2;
}

/* الصور */
.content-gallery img {
    display: block;
    width: 100%;
    height: auto;

    border-radius: 14px;

    border: 1px solid rgba(255, 255, 255, 0.08);

    transition:
        transform 0.3s ease,
        box-shadow 0.3s ease,
        filter 0.3s ease;
}

/* Hover */
.content-gallery img:hover {
    transform: scale(1.015);

    box-shadow:
        0 8px 25px rgba(0, 0, 0, 0.35);

    filter: brightness(1.06);
}

/* عناصر المعرض */
.content-gallery .gallery-item {
    border-radius: 15px;
    overflow: hidden;

    background: #202024;

    border: 1px solid rgba(255, 255, 255, 0.08);

    box-shadow:
        0 5px 18px rgba(0, 0, 0, 0.20);

    transition:
        transform 0.25s ease,
        border-color 0.25s ease,
        box-shadow 0.25s ease;
}

.content-gallery .gallery-item:hover {
    transform: translateY(-3px);

    border-color: rgba(229, 193, 38, 0.35);

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.32);
}


/* =========================================
   DARK THEME
   ========================================= */


html[data-theme="dark"] .article-wrap,
html[data-theme="dark"] .content-section,
html[data-theme="dark"] .listing-shell{
    position: relative;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(24, 184, 126, 0.025) 0%,
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #080d0b 0%,
            #060a08 55%,
            #050806 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 18px;

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}


/* الخط العلوي */

html[data-theme="dark"] .article-wrap::before,
html[data-theme="dark"] .content-section::before,
html[data-theme="dark"] .listing-shell::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;

    height: 1px;

    pointer-events: none;

    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.10),
        rgba(24, 184, 126, 0.08),
        rgba(255, 255, 255, 0.10),
        transparent
    );

    z-index: 2;
}


/* الإضاءة الداخلية */

html[data-theme="dark"] .article-wrap::after,
html[data-theme="dark"] .content-section::after,
html[data-theme="dark"] .listing-shell::after {
    content: "";
    position: absolute;
    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.012) 0%,
            transparent 28%,
            rgba(24, 184, 126, 0.012) 70%,
            transparent 100%
        );

    z-index: 0;
}


/* المحتوى فوق الطبقات */

html[data-theme="dark"] .article-wrap > *,
html[data-theme="dark"] .content-section > * ,
html[data-theme="dark"] .listing-shell>*{
    position: relative;
    z-index: 1;
}

/* =========================================
   DARK THEME - CONTENT GALLERY
   ========================================= */

html[data-theme="dark"] .content-gallery {
    background:
        radial-gradient(
            circle at 90% 0%,
            rgba(24, 184, 126, 0.025),
            transparent 38%
        ),
        linear-gradient(
            145deg,
            #080d0b 0%,
            #060a08 55%,
            #050806 100%
        ) !important;

    border: 1px solid rgba(255, 255, 255, 0.075);

    box-shadow:
        0 12px 35px rgba(0, 0, 0, 0.55),
        inset 0 1px 0 rgba(255, 255, 255, 0.025),
        inset 0 -1px 0 rgba(0, 0, 0, 0.35);
}


/* الخط العلوي للمعرض الداكن */
html[data-theme="dark"] .content-gallery::before {
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.10),
        rgba(24, 184, 126, 0.08),
        rgba(255, 255, 255, 0.10),
        transparent
    );
}


/* =========================================
   DARK THEME - GALLERY ITEMS
   ========================================= */

html[data-theme="dark"] .content-gallery .gallery-item {
    background:
        linear-gradient(
            145deg,
            #0b110e 0%,
            #080d0b 100%
        );

    border: 1px solid rgba(255, 255, 255, 0.065);

    box-shadow:
        0 6px 20px rgba(0, 0, 0, 0.42),
        inset 0 1px 0 rgba(255, 255, 255, 0.018);
}


html[data-theme="dark"] .content-gallery .gallery-item:hover {
    border-color: rgba(229, 193, 38, 0.30);

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.55),
        0 0 0 1px rgba(229, 193, 38, 0.025);
}


/* =========================================
   DARK THEME - IMAGES
   ========================================= */

html[data-theme="dark"] .content-gallery img {
    border-color: rgba(255, 255, 255, 0.055);

    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.30);
}


html[data-theme="dark"] .content-gallery img:hover {
    filter: brightness(1.045);

    box-shadow:
        0 10px 28px rgba(0, 0, 0, 0.50);
}



a {
  border-bottom: none !important;
  background: none !important;
}

@media (max-width: 768px) {
    .post-hero {
        min-height: 0;
        background-size: 100% auto !important;      /* fit العرض كامل */
        background-position: top center !important;
        background-repeat: no-repeat !important;
        background-color: #123524 !important;       /* لون قريب من هوية الموقع */
        padding-top: 66vw !important;               /* مساحة تعادل ارتفاع الصورة */
    }
}



/* V7 — Enhanced Social Sharing (Dual Theme + Animations & High Specificity) */
.share-box--social .share-actions { 
  gap: 12px; 
  align-items: center; 
}

.share-box--social .share-actions .share-icon {
  width: 42px; 
  height: 42px; 
  min-width: 42px; 
  min-height: 42px; 
  padding: 0;
  display: inline-grid; 
  place-items: center; 
  border-radius: 50%;
  cursor: pointer;
  text-decoration: none;
  transition: transform 0.32s cubic-bezier(0.34, 1.56, 0.64, 1), 
              box-shadow 0.32s ease, 
              background-color 0.25s ease, 
              border-color 0.25s ease, 
              color 0.25s ease;
}

.share-box--social .share-actions .share-icon svg {
  display: block;
  width: 20px;
  height: 20px;
  transition: transform 0.3s ease;
}

/* ==========================================
   الثيم الفاتح (Light Theme)
   ========================================== */
html[data-theme="light"] .share-box--social .share-actions .share-icon,
body.light-theme .share-box--social .share-actions .share-icon {
  background: #f0f7f4;
  border: 1.5px solid #d0e3db;
  color: #103c31;
  box-shadow: 0 4px 12px rgba(16, 60, 49, 0.08);
}

/* ==========================================
   الثيم الداكن (Dark Theme)
   ========================================== */
html[data-theme="dark"] .share-box--social .share-actions .share-icon,
body.theme-dark .share-box--social .share-actions .share-icon {
  background: rgba(14, 46, 37, 0.85);
  border: 1.5px solid rgba(75, 191, 146, 0.35);
  color: #f4f8f6;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
}

/* ==========================================
   تأثير التحويم العام (Hover General)
   ========================================== */
.share-box--social .share-actions .share-icon:hover { 
  transform: translateY(-6px) scale(1.1); 
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.8) !important; 
  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3), 0 0 12px rgba(255, 255, 255, 0.2); 
}

.share-box--social .share-actions .share-icon:hover svg {
  transform: scale(1.12);
}

/* ==========================================
   ألوان المنصات المخصصة عند التحويم (High Specificity)
   ========================================== */
.share-box--social .share-actions .share-icon.share-facebook:hover { background: #1877f2 !important; }
.share-box--social .share-actions .share-icon.share-x:hover { background: #000000 !important; }
.share-box--social .share-actions .share-icon.share-whatsapp:hover { background: #25d366 !important; }
.share-box--social .share-actions .share-icon.share-telegram:hover { background: #229ed9 !important; }
.share-box--social .share-actions .share-icon.share-linkedin:hover { background: #0a66c2 !important; }
.share-box--social .share-actions .share-icon.share-reddit:hover { background: #ff4500 !important; }
.share-box--social .share-actions .share-icon.share-pinterest:hover { background: #bd081c !important; }
.share-box--social .share-actions .share-icon.share-tumblr:hover { background: #35465c !important; }
.share-box--social .share-actions .share-icon.share-vk:hover { background: #4c75a3 !important; }
.share-box--social .share-actions .share-icon.share-messenger:hover { background: #0084ff !important; }
.share-box--social .share-actions .share-icon.share-email:hover, 
.share-box--social .share-actions .share-icon.share-copy:hover, 
.share-box--social .share-actions .share-icon.share-more:hover { background: #0b8d67 !important; }