/*
=============================================================
TRILOGIX INSTITUTE WEBSITE
File: news.css
Purpose: Newsroom page styling.
Maintenance note: Related rules and logic are grouped and documented by feature.
=============================================================
*/

/*
STYLE ORGANIZATION
- Base/component rules define the default desktop presentation.
- State classes such as .active, .show, and :hover control interactions.
- Media queries near the relevant rules adapt the layout for tablet and mobile screens.
*/

:root{--news-blue:#0754c5;--news-navy:#062458;--news-ink:#12233f;--news-muted:#68758b;--news-line:#dce5f1;--news-soft:#f6f9fd}
.news-hero .about-hero-slide{background-position:center}
.news-editorial-section{padding:5rem 0 2.5rem;background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)}
.news-list-section{padding:3rem 0 5rem}.news-cta-section{padding:0 0 5rem!important;background:#fff}
.news-editorial-heading,.news-list-heading-row{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.news-editorial-heading>div,.news-list-heading-row>div{max-width:760px}
.news-view-all{display:inline-flex;align-items:center;gap:.5rem;white-space:nowrap;color:var(--news-blue);font-size:.8rem;font-weight:800;text-decoration:none}.news-view-all i{transition:transform .2s ease}.news-view-all:hover i{transform:translateY(3px)}
.editorial-feature-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,.75fr);gap:1.25rem}
.editorial-lead-story,.editorial-side-card{overflow:hidden;border:1px solid var(--news-line);background:#fff;box-shadow:0 16px 42px rgba(6,36,88,.07)}
.editorial-lead-story{border-radius:24px}.editorial-image-link{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:var(--news-soft)}
.editorial-image-link img,.editorial-side-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.editorial-lead-story:hover img,.editorial-side-card:hover img{transform:scale(1.035)}
.editorial-category{position:absolute;left:1rem;top:1rem;padding:.36rem .62rem;border-radius:999px;background:rgba(255,255,255,.95);color:var(--news-blue);font-size:.62rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 8px 18px rgba(6,36,88,.12)}
.editorial-lead-copy{padding:1.75rem 1.85rem 2rem}.editorial-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;color:var(--news-muted);font-size:.72rem;font-weight:600}
.editorial-lead-copy h3{margin:.75rem 0 0;font-size:clamp(1.7rem,2.7vw,2.55rem);line-height:1.13;font-weight:800;letter-spacing:-.035em;color:var(--news-ink)}
.editorial-lead-copy p{margin:.85rem 0 0;color:var(--news-muted);line-height:1.72}.editorial-read-link{display:inline-flex;align-items:center;gap:.45rem;width:max-content;margin-top:1.15rem;color:var(--news-blue);text-decoration:none;font-size:.76rem;font-weight:800}.editorial-read-link i{transition:transform .2s ease}.editorial-read-link:hover i{transform:translateX(5px)}
.editorial-side-stories{display:grid;grid-template-rows:repeat(2,minmax(0,1fr));gap:1.25rem}.editorial-side-card{display:grid;grid-template-columns:42% 1fr;border-radius:18px;min-height:0;transition:.25s ease}.editorial-side-card:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(6,36,88,.1)}
.editorial-side-image{position:relative;display:block;min-height:100%;overflow:hidden;background:var(--news-soft)}.editorial-side-copy{display:flex;flex-direction:column;justify-content:center;padding:1.25rem}.editorial-side-copy h3{margin:.6rem 0 0;font-size:1rem;line-height:1.36;font-weight:800;color:var(--news-ink)}
.news-list-heading-row{margin-bottom:1.25rem}.news-results-status-inline{flex:0 0 auto;padding:.42rem .68rem;border-radius:999px;background:#eef5ff;color:var(--news-blue);font-size:.72rem;font-weight:800}
.news-filter-toolbar{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;padding:1rem;border:1px solid var(--news-line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(15,23,42,.045)}
.filter-toolbar-group{display:grid;gap:.45rem}.filter-toolbar-group-categories{justify-items:end}.filter-toolbar-label{font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8b97a8}
.news-campus-filter,.news-category-filter{display:flex;flex-wrap:wrap;gap:.45rem}.news-campus-filter button,.news-category-filter button{border:1px solid #dce5f1;background:#fff;border-radius:9px;padding:.6rem .82rem;font-weight:700;font-size:.76rem;color:#667085;transition:.2s ease}.news-campus-filter button:hover,.news-category-filter button:hover{color:var(--news-blue);background:#eef5ff}.news-campus-filter button.active,.news-category-filter button.active{border-color:var(--news-blue);background:var(--news-blue);color:#fff;box-shadow:0 7px 16px rgba(13,85,199,.16)}
.news-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.news-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--news-line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(6,36,88,.055);transition:opacity .28s ease,transform .28s ease,box-shadow .28s ease,border-color .28s ease}.news-card:hover{border-color:#b7cdf0;transform:translateY(-5px);box-shadow:0 19px 40px rgba(15,23,42,.1)}
.news-card-image{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--news-soft)}.news-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}.news-card:hover img{transform:scale(1.04)}.news-card-category{position:absolute;top:.8rem;left:.8rem;padding:.34rem .58rem;border-radius:999px;background:rgba(255,255,255,.94);color:var(--news-blue);font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 8px 18px rgba(6,36,88,.1)}
.news-card-body{display:flex;flex-direction:column;flex:1;padding:1.25rem}.news-card-date{display:flex;justify-content:space-between;gap:.7rem;align-items:center;flex-wrap:wrap;color:var(--news-muted);font-size:.7rem}.news-campus-meta{font-size:.66rem;font-weight:700;color:var(--news-blue)}.news-card h3{margin:.65rem 0 0;font-size:1.08rem;line-height:1.36;font-weight:800;color:var(--news-ink)}.news-card p{flex:1;margin:.62rem 0 0;color:var(--news-muted);font-size:.85rem;line-height:1.62}.news-card a{display:inline-flex;align-items:center;gap:.4rem;width:max-content;margin-top:1rem;color:var(--news-blue);text-decoration:none;font-size:.73rem;font-weight:800}.news-card a i{transition:transform .2s ease}.news-card a:hover i{transform:translateX(5px)}
.news-card[hidden]{display:none!important}.news-empty-state{text-align:center;padding:3.5rem 1rem;border:1px dashed #cbd5e1;border-radius:18px;background:#f8fbff}.news-empty-state i{font-size:2rem;color:var(--news-blue)}.news-empty-state h3{margin:.75rem 0 .35rem}.news-empty-state p{margin:0;color:#667085}.news-load-more-wrap{text-align:center;margin-top:2rem}.news-load-more{border:1px solid #b9cae4;background:#fff;color:var(--news-blue);border-radius:10px;padding:.82rem 1.25rem;font-weight:800;transition:.22s ease}.news-load-more:hover{background:var(--news-blue);color:#fff;border-color:var(--news-blue);transform:translateY(-2px)}
.news-standard-cta{display:grid;grid-template-columns:minmax(0,1.45fr) auto;align-items:center;gap:2rem;overflow:hidden;border-radius:22px;padding:3.25rem 3.5rem;background:linear-gradient(135deg,#082e84 0%,#0754c5 65%,#0b69d1 100%);color:#fff;box-shadow:0 24px 56px rgba(7,57,143,.22)}.news-standard-cta-copy{max-width:720px}.news-standard-cta h2{margin:0;color:#fff;font-size:clamp(2rem,3.4vw,3rem);line-height:1.12;font-weight:800;letter-spacing:-.045em}.news-standard-cta p{max-width:700px;margin:1rem 0 0;color:rgba(255,255,255,.78);font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.65}.news-standard-cta-actions{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex-wrap:wrap}.news-standard-cta .btn-primary-premium{background:#fff;color:#0754c5;border-color:#fff;white-space:nowrap}.news-standard-cta .btn-outline-premium{border-color:rgba(255,255,255,.72);color:#fff;background:transparent;white-space:nowrap}
.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal-on-scroll.is-visible{opacity:1;transform:none}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:1199.98px){.editorial-feature-grid{grid-template-columns:minmax(0,1.35fr) minmax(300px,.8fr)}.news-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:991.98px){.editorial-feature-grid{grid-template-columns:1fr}.editorial-side-stories{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.editorial-side-card{grid-template-columns:1fr}.editorial-side-image{aspect-ratio:16/9}.news-filter-toolbar{align-items:start;flex-direction:column}.filter-toolbar-group-categories{justify-items:start}.news-standard-cta{grid-template-columns:1fr;padding:2.75rem}.news-standard-cta-actions{justify-content:flex-start}}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){.news-editorial-section{padding:3.75rem 0 2rem}.news-list-section{padding:2.25rem 0 4rem}.news-editorial-heading,.news-list-heading-row{align-items:flex-start;flex-direction:column;gap:1rem}.editorial-lead-story{border-radius:18px}.editorial-lead-copy{padding:1.4rem}.editorial-side-stories{grid-template-columns:1fr}.editorial-side-card{grid-template-columns:38% 1fr}.editorial-side-image{aspect-ratio:auto}.news-filter-toolbar{padding:.85rem}.news-campus-filter,.news-category-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.news-campus-filter button,.news-category-filter button{width:100%}.filter-toolbar-group{width:100%}.news-grid{grid-template-columns:1fr}.news-standard-cta{gap:1.65rem;border-radius:18px;padding:2rem}.news-standard-cta-actions{flex-direction:column;align-items:stretch}.news-standard-cta-actions a{width:100%}}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:479.98px){.editorial-side-card{grid-template-columns:1fr}.editorial-side-image{aspect-ratio:16/9}.news-campus-filter,.news-category-filter{grid-template-columns:1fr}.editorial-lead-copy h3{font-size:1.55rem}}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;transform:none;transition:none!important}.editorial-image-link img,.editorial-side-image img,.news-card-image img{transition:none!important}}
/* V7 — newsroom layout and Gallery-style filtering */
.news-editorial-section{padding:5rem 0 3rem;background:#fff}
.news-editorial-heading{position:relative;padding-top:1.15rem;border-top:3px solid #0d55c7}
.news-editorial-heading:before{content:"LATEST";position:absolute;top:-13px;left:0;padding:0 .65rem 0 0;background:#fff;color:#0d55c7;font-size:.65rem;font-weight:800;letter-spacing:.18em}
.editorial-feature-grid{grid-template-columns:minmax(0,1.6fr) minmax(340px,.72fr);gap:2rem;align-items:stretch}
.editorial-lead-story{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(280px,.82fr);min-height:430px;border:1px solid #dbe5f1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 42px rgba(15,23,42,.07)}
.editorial-image-link{min-height:100%;aspect-ratio:auto}
.editorial-image-link:after{content:"";position:absolute;inset:auto 0 0;height:34%;background:linear-gradient(180deg,transparent,rgba(5,22,55,.34));pointer-events:none}
.editorial-lead-copy{padding:2.25rem;justify-content:center;border-left:1px solid #e6edf6}
.editorial-lead-copy h3{font-size:clamp(1.8rem,2.8vw,2.55rem);line-height:1.08;letter-spacing:-.035em}
.editorial-lead-copy p{font-size:.95rem}
.editorial-side-stories{display:flex;flex-direction:column;gap:0;border-top:1px solid #dbe5f1;border-bottom:1px solid #dbe5f1}
.editorial-side-card{display:grid;grid-template-columns:150px 1fr;gap:1rem;align-items:center;padding:1.25rem 0;border:0;border-bottom:1px solid #dbe5f1;border-radius:0;box-shadow:none;background:transparent}
.editorial-side-card:last-child{border-bottom:0}
.editorial-side-card:hover{transform:none;box-shadow:none;background:#f8fbff}
.editorial-side-image{aspect-ratio:4/3;border-radius:12px}
.editorial-side-copy{padding:0 1rem 0 0}
.editorial-side-copy h3{margin:.45rem 0 .65rem;font-size:1.05rem;line-height:1.35}
.editorial-read-link{border-bottom:1px solid transparent}
.editorial-read-link:hover{border-bottom-color:currentColor}
.news-list-heading-row{align-items:center;margin-bottom:2rem}
.news-list-heading-row>div:first-child{max-width:680px}
.news-campus-filter{display:flex;align-items:center;flex-wrap:nowrap;gap:.55rem;padding:.55rem;border:1px solid #c8dbf2;border-radius:16px;background:#fff;box-shadow:0 14px 34px rgba(15,65,130,.10)}
.news-campus-filter button{min-height:46px;border:0;border-radius:12px;padding:.7rem 1.35rem;background:transparent;color:#5f6f86;font-size:.78rem;font-weight:700;white-space:nowrap;box-shadow:none}
.news-campus-filter button:hover{color:#0d55c7;background:#f4f8ff}
.news-campus-filter button.active{background:#fff;color:#0d55c7;box-shadow:0 7px 20px rgba(15,65,130,.10)}
.news-category-panel{margin-bottom:2rem}
.news-category-panel-top{display:flex;justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.8rem}
.news-category-panel-top>div{display:flex;flex-direction:column;gap:.2rem}
.news-category-panel-top small{color:#7b8798;font-size:.73rem}
.news-category-filter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}
.news-category-filter button{display:flex;align-items:center;gap:.8rem;min-width:0;min-height:72px;padding:.8rem .9rem;border:1px solid #cfdff0;border-radius:14px;background:#fff;color:#183252;text-align:left;box-shadow:none}
.news-category-filter button:hover{border-color:#8fb7eb;background:#f8fbff;transform:translateY(-2px)}
.news-category-filter button.active{border-color:#0d55c7;background:linear-gradient(135deg,#083b91,#0d62cf);color:#fff;box-shadow:0 12px 24px rgba(13,85,199,.18)}
.category-filter-icon{flex:0 0 auto;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#eaf3ff;color:#0d55c7;font-size:1rem}
.news-category-filter button.active .category-filter-icon{background:rgba(255,255,255,.16);color:#fff}
.news-category-filter button>span:last-child{min-width:0;display:flex;flex-direction:column;gap:.18rem}
.news-category-filter strong{font-size:.75rem;line-height:1.2}
.news-category-filter small{color:#73829a;font-size:.62rem;line-height:1.25}
.news-category-filter button.active small{color:rgba(255,255,255,.72)}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:1199.98px){
  .editorial-feature-grid{grid-template-columns:1fr}
  .editorial-side-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:0}
  .editorial-side-card{grid-template-columns:140px 1fr;border-top:1px solid #dbe5f1}
  .editorial-side-card:first-child{border-right:1px solid #dbe5f1}
  .news-category-filter{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:991.98px){
  .news-list-heading-row{align-items:flex-start;flex-direction:column}
  .news-campus-filter{width:100%}
  .news-campus-filter button{flex:1 1 0;justify-content:center}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){
  .editorial-lead-story{grid-template-columns:1fr;min-height:0}
  .editorial-image-link{min-height:0;aspect-ratio:16/10}
  .editorial-lead-copy{border-left:0;border-top:1px solid #e6edf6;padding:1.45rem}
  .editorial-side-stories{grid-template-columns:1fr}
  .editorial-side-card,.editorial-side-card:first-child{border-right:0}
  .news-campus-filter{display:grid;grid-template-columns:1fr;padding:.45rem}
  .news-campus-filter button{width:100%}
  .news-category-filter{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:479.98px){
  .editorial-side-card{grid-template-columns:112px 1fr}
  .editorial-side-copy h3{font-size:.92rem}
  .news-category-filter{grid-template-columns:1fr}
}
/* V8 — 2026 editorial newsroom */
.newsroom-2026{padding:5.5rem 0 4rem;background:linear-gradient(180deg,#f8fbff 0,#fff 32%)}
.newsroom-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:2rem}
.newsroom-heading>div{max-width:760px}
.newsroom-kicker{display:inline-flex;align-items:center;gap:.55rem;margin-bottom:.9rem;color:#0d55c7;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.newsroom-live-dot{width:8px;height:8px;border-radius:50%;background:#0d55c7;box-shadow:0 0 0 7px rgba(13,85,199,.10);animation:newsroomPulse 2.2s ease-in-out infinite}
.newsroom-heading h2{margin:0;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2.3rem,5vw,4.65rem);line-height:.96;letter-spacing:-.065em;color:#0a1c3f;max-width:820px}
.newsroom-heading p{margin:1.1rem 0 0;max-width:620px;color:#667085;font-size:1rem;line-height:1.75}
.newsroom-index-link{display:inline-flex;align-items:center;gap:.5rem;flex:0 0 auto;color:#0d55c7;text-decoration:none;font-size:.82rem;font-weight:800;border-bottom:1px solid rgba(13,85,199,.25);padding-bottom:.3rem}
.newsroom-index-link i,.newsroom-read i{transition:transform .25s ease}
.newsroom-index-link:hover i,.newsroom-read:hover i{transform:translate(3px,-3px)}
.newsroom-bento{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.72fr);grid-template-rows:repeat(2,minmax(210px,1fr));gap:1rem}
.newsroom-lead-card{position:relative;grid-row:1/3;min-height:570px;border-radius:24px;overflow:hidden;background:#0a1c3f;box-shadow:0 28px 60px rgba(10,28,63,.16)}
.newsroom-card-media,.newsroom-mini-media{position:absolute;inset:0;display:block;overflow:hidden}
.newsroom-card-media img,.newsroom-mini-media img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.newsroom-lead-card:hover .newsroom-card-media img,.newsroom-mini-image:hover .newsroom-mini-media img{transform:scale(1.055)}
.newsroom-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,15,36,.05) 15%,rgba(4,15,36,.25) 50%,rgba(4,15,36,.93) 100%)}
.newsroom-lead-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:clamp(1.5rem,4vw,3.25rem);color:#fff}
.newsroom-meta{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;font-size:.72rem;color:rgba(255,255,255,.78)}
.newsroom-tag{display:inline-flex;align-items:center;min-height:27px;padding:.3rem .65rem;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(12px);font-weight:800;color:#fff}
.inline-flag,.campus-flag{width:22px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px rgba(15,23,42,.08)}
.newsroom-meta span{display:inline-flex;align-items:center;gap:.38rem}
.newsroom-lead-content h3{margin:1rem 0 .85rem;max-width:820px;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(2rem,4.2vw,4.15rem);line-height:.98;letter-spacing:-.055em}
.newsroom-lead-content p{max-width:670px;margin:0;color:rgba(255,255,255,.8);font-size:.96rem;line-height:1.65}
.newsroom-read{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.2rem;color:inherit;text-decoration:none;font-size:.78rem;font-weight:800}
.newsroom-mini-card{position:relative;overflow:hidden;border-radius:22px;border:1px solid #dce6f2;background:#fff;box-shadow:0 16px 36px rgba(15,23,42,.07);transition:transform .3s ease,box-shadow .3s ease}
.newsroom-mini-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px rgba(15,23,42,.11)}
.newsroom-mini-image{min-height:260px;color:#fff}
.newsroom-mini-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,22,52,.05),rgba(5,22,52,.86));pointer-events:none}
.newsroom-mini-content{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:1.4rem}
.newsroom-mini-content h3{margin:.75rem 0 0;font-size:1.25rem;line-height:1.24;letter-spacing:-.025em}
.newsroom-mini-text{padding:1.4rem;background:linear-gradient(145deg,#f4f8ff,#fff 60%)}
.newsroom-mini-topline{display:flex;justify-content:space-between;color:#0d55c7;font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.newsroom-trend-number{margin:.45rem 0 -.15rem;font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(3rem,6vw,5.25rem);line-height:1;font-weight:800;letter-spacing:-.075em;color:#0a1c3f}
.newsroom-mini-text p{margin:.5rem 0;color:#68778b;font-size:.76rem;line-height:1.55}
.newsroom-mini-text h3{margin:.75rem 0 0;color:#0a1c3f;font-size:1.02rem;line-height:1.35}
.newsroom-mini-text .newsroom-read{color:#0d55c7}
.newsroom-ticker{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:stretch;margin-top:1rem;padding:1rem 1.15rem;border:1px solid #dce6f2;border-radius:18px;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.newsroom-ticker-label{display:flex;align-items:center;padding-right:1rem;border-right:1px solid #dce6f2;color:#0d55c7;font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}
.newsroom-ticker-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.newsroom-ticker-items a{display:flex;justify-content:space-between;gap:.75rem;align-items:center;padding:.6rem .75rem;border-radius:12px;color:#183252;text-decoration:none;transition:background .25s ease}
.newsroom-ticker-items a:hover{background:#f4f8ff}
.newsroom-ticker-items span{font-size:.74rem;font-weight:700;line-height:1.35}
.newsroom-ticker-items small{flex:0 0 auto;color:#7c899c;font-size:.63rem;white-space:nowrap}
.news-campus-filter button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}
.campus-flag{flex:0 0 auto}

/* Animation sequence used by the component states that reference this name. */
@keyframes newsroomPulse{0%,100%{box-shadow:0 0 0 7px rgba(13,85,199,.10)}50%{box-shadow:0 0 0 11px rgba(13,85,199,.03)}}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:991.98px){
  .newsroom-heading{align-items:flex-start;flex-direction:column}
  .newsroom-bento{grid-template-columns:1fr;grid-template-rows:auto}
  .newsroom-lead-card{grid-row:auto;min-height:520px}
  .newsroom-mini-image{min-height:310px}
  .newsroom-ticker-items{grid-template-columns:1fr}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){
  .newsroom-2026{padding:4rem 0 3rem}
  .newsroom-heading h2{font-size:clamp(2.25rem,11vw,3.55rem)}
  .newsroom-lead-card{min-height:480px;border-radius:20px}
  .newsroom-lead-content h3{font-size:clamp(2rem,10vw,3rem)}
  .newsroom-ticker{grid-template-columns:1fr}
  .newsroom-ticker-label{border-right:0;border-bottom:1px solid #dce6f2;padding:0 0 .75rem}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:479.98px){
  .newsroom-lead-card{min-height:450px}
  .newsroom-mini-image{min-height:280px}
  .newsroom-meta{gap:.5rem}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(prefers-reduced-motion:reduce){.newsroom-live-dot{animation:none}.newsroom-card-media img,.newsroom-mini-media img{transition:none}}
/* V9 — contemporary editorial newsroom */
/* Reliable flags rendered in CSS, no emoji or external image dependency */
.css-flag{
  position:relative;
  display:inline-block;
  width:24px;
  height:16px;
  flex:0 0 auto;
  overflow:hidden;
  border-radius:2px;
  box-shadow:0 0 0 1px rgba(15,23,42,.12);
  vertical-align:-3px;
}
.flag-ae{
  background:linear-gradient(to bottom,#009a49 0 33.333%,#fff 33.333% 66.666%,#000 66.666% 100%);
}
.flag-ae:before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:28%;
  background:#ce1126;
}
.flag-ph{
  background:linear-gradient(to bottom,#0038a8 0 50%,#ce1126 50% 100%);
}
.flag-ph:before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:48%;
  height:100%;
  background:#fff;
  clip-path:polygon(0 0,100% 50%,0 100%);
}
.flag-ph:after{
  content:"✦";
  position:absolute;
  left:3px;
  top:1px;
  color:#fcd116;
  font-size:8px;
  line-height:1;
}
/* Section */
.modern-newsroom{
  padding:5rem 0;
  background:
  radial-gradient(circle at 8% 0%,rgba(25,106,220,.07),transparent 28%),
  #fff;
}
.modern-newsroom-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:2rem;
}
.modern-newsroom-heading>div{max-width:720px}
.modern-newsroom-heading h2{
  margin:.55rem 0 .7rem;
  max-width:680px;
  color:#081f46;
  font-size:clamp(2rem,4vw,3.45rem);
  line-height:1.02;
  letter-spacing:-.055em;
}
.modern-newsroom-heading p{
  margin:0;
  max-width:640px;
  color:#69788d;
  font-size:1rem;
  line-height:1.7;
}
.modern-view-all{
  display:inline-flex;
  align-items:center;
  gap:.6rem;
  padding-bottom:.35rem;
  border-bottom:1px solid #aac6eb;
  color:#0d55c7;
  font-size:.8rem;
  font-weight:800;
  text-decoration:none;
  white-space:nowrap;
}
.modern-view-all i{transition:transform .25s ease}
.modern-view-all:hover i{transform:translateX(4px)}
.modern-news-layout{
  display:grid;
  grid-template-columns:minmax(0,1.65fr) minmax(340px,.75fr);
  gap:1.25rem;
  align-items:stretch;
}
.modern-lead-story{
  display:grid;
  grid-template-rows:minmax(330px,1.15fr) auto;
  min-width:0;
  overflow:hidden;
  border:1px solid #d9e4f2;
  border-radius:22px;
  background:#fff;
  box-shadow:0 24px 54px rgba(11,38,78,.10);
}
.modern-lead-image{
  position:relative;
  display:block;
  overflow:hidden;
  min-height:360px;
}
.modern-lead-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .75s cubic-bezier(.2,.8,.2,1);
}
.modern-lead-story:hover .modern-lead-image img{transform:scale(1.035)}
.modern-image-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 45%,rgba(4,24,60,.42));
}
.modern-story-label{
  position:absolute;
  left:1.25rem;
  top:1.25rem;
  padding:.45rem .7rem;
  border:1px solid rgba(255,255,255,.5);
  border-radius:999px;
  background:rgba(7,33,78,.32);
  color:#fff;
  backdrop-filter:blur(10px);
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.modern-lead-copy{
  padding:1.8rem 2rem 2rem;
}
.modern-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.55rem 1rem;
  color:#68798f;
  font-size:.72rem;
  font-weight:700;
}
.modern-meta>span{
  display:inline-flex;
  align-items:center;
  gap:.4rem;
}
.modern-meta>span:first-child{
  color:#0d55c7;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.modern-lead-copy h3{
  margin:.85rem 0 .75rem;
  max-width:760px;
  color:#081f46;
  font-size:clamp(1.65rem,3vw,2.55rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.modern-lead-copy p{
  margin:0;
  max-width:760px;
  color:#68798f;
  line-height:1.7;
}
.modern-read-link{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  margin-top:1.25rem;
  color:#0d55c7;
  font-size:.78rem;
  font-weight:800;
  text-decoration:none;
}
.modern-read-link i{transition:transform .25s ease}
.modern-read-link:hover i{transform:translate(3px,-3px)}
.modern-latest-panel{
  padding:1.1rem 1.25rem;
  border:1px solid #d9e4f2;
  border-radius:22px;
  background:#071c40;
  color:#fff;
  box-shadow:0 24px 54px rgba(11,38,78,.12);
}
.modern-panel-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.45rem .25rem 1rem;
  border-bottom:1px solid rgba(255,255,255,.14);
}
.modern-panel-heading>div{
  display:flex;
  align-items:center;
  gap:.55rem;
}
.modern-panel-heading strong{font-size:.82rem}
.modern-panel-heading>span{
  color:rgba(255,255,255,.55);
  font-size:.62rem;
}
.modern-live-dot{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#42d889;
  box-shadow:0 0 0 5px rgba(66,216,137,.12);
}
.modern-feed-story{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 20px;
  gap:.85rem;
  align-items:start;
  padding:1.25rem .25rem;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#fff;
  text-decoration:none;
  transition:background .25s ease,padding .25s ease;
}
.modern-feed-story:last-child{border-bottom:0}
.modern-feed-story:hover{
  padding-left:.6rem;
  padding-right:.55rem;
  background:rgba(255,255,255,.06);
}
.modern-feed-number{
  color:rgba(255,255,255,.34);
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.08em;
}
.modern-feed-content{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:.5rem;
}
.modern-feed-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem .8rem;
  color:#9fc7ff;
  font-size:.6rem;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.modern-feed-meta>span{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
}
.modern-feed-meta .css-flag{
  width:18px;
  height:12px;
  vertical-align:-2px;
}
.modern-feed-content strong{
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:.94rem;
  line-height:1.38;
}
.modern-feed-content small{
  color:rgba(255,255,255,.46);
  font-size:.62rem;
}
.modern-feed-story>i{
  margin-top:.15rem;
  color:rgba(255,255,255,.7);
  font-size:.85rem;
  transition:transform .25s ease;
}
.modern-feed-story:hover>i{transform:translate(3px,-3px)}
/* Selector flag alignment */
.news-campus-filter button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:.55rem;
}
.news-campus-filter .css-flag{
  width:24px;
  height:16px;
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:1099.98px){
  .modern-news-layout{grid-template-columns:1fr}
  .modern-latest-panel{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 1rem;
  }
.modern-panel-heading{grid-column:1/-1}
.modern-feed-story:nth-of-type(3){border-bottom:0}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){
  .modern-newsroom{padding:4rem 0}
  .modern-newsroom-heading{
    align-items:flex-start;
    flex-direction:column;
  }
.modern-lead-image{min-height:0;aspect-ratio:16/10}
.modern-lead-copy{padding:1.35rem}
.modern-latest-panel{
  display:block;
  padding:1rem;
}
.modern-feed-story{grid-template-columns:28px minmax(0,1fr) 18px}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:479.98px){
  .modern-newsroom-heading h2{font-size:2.05rem}
  .modern-meta{gap:.45rem .7rem}
  .modern-lead-copy h3{font-size:1.5rem}
}
/* V10 — informative, interactive News & Insights */
.news-insights-experience{
  padding:5rem 0;
  background:
  radial-gradient(circle at 5% 5%,rgba(34,116,235,.08),transparent 26%),
  linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.insights-heading{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:2rem;
  margin-bottom:2rem;
}
.insights-heading>div:first-child{max-width:760px}
.insights-heading h2{
  margin:.5rem 0 .75rem;
  color:#08214b;
  font-size:clamp(2.15rem,4vw,3.65rem);
  line-height:1.02;
  letter-spacing:-.055em;
}
.insights-heading p{
  margin:0;
  max-width:680px;
  color:#6d7d92;
  font-size:1rem;
  line-height:1.7;
}
.insights-heading-actions{
  display:flex;
  gap:.55rem;
}
.insights-arrow{
  width:46px;
  height:46px;
  display:grid;
  place-items:center;
  border:1px solid #cbdcf1;
  border-radius:50%;
  background:#fff;
  color:#0d55c7;
  font-size:1rem;
  transition:.25s ease;
}
.insights-arrow:hover{
  transform:translateY(-2px);
  border-color:#0d55c7;
  background:#0d55c7;
  color:#fff;
}
.insights-stage{
  display:grid;
  grid-template-columns:minmax(0,1.6fr) minmax(330px,.72fr);
  gap:1rem;
  align-items:stretch;
}
.insights-feature{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  overflow:hidden;
  min-height:570px;
  border:1px solid #d8e4f3;
  border-radius:24px;
  background:#fff;
  box-shadow:0 26px 60px rgba(14,47,92,.11);
}
.insights-feature-media{
  position:relative;
  min-height:100%;
  overflow:hidden;
  background:#dce9f8;
}
.insights-feature-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:opacity .35s ease,transform .7s cubic-bezier(.2,.8,.2,1);
}
.insights-feature:hover .insights-feature-media img{transform:scale(1.035)}
.insights-image-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(3,20,48,.05),rgba(3,20,48,.48));
}
.insights-image-badges{
  position:absolute;
  left:1.25rem;
  right:1.25rem;
  top:1.25rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.75rem;
}
.insights-image-badges>span{
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  min-height:32px;
  padding:.42rem .7rem;
  border:1px solid rgba(255,255,255,.44);
  border-radius:999px;
  background:rgba(4,27,65,.34);
  color:#fff;
  backdrop-filter:blur(10px);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.04em;
}
.insights-image-badges .css-flag{
  width:20px;
  height:13px;
}
.insights-feature-content{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:2.2rem;
}
.insights-kicker{
  display:flex;
  align-items:center;
  gap:.8rem;
  color:#6d7d92;
  font-size:.72rem;
  font-weight:700;
}
.insights-kicker span+span:before{
  content:"";
  display:inline-block;
  width:4px;
  height:4px;
  margin-right:.8rem;
  border-radius:50%;
  background:#0d55c7;
  vertical-align:middle;
}
.insights-feature-content h3{
  margin:1rem 0 .8rem;
  color:#08214b;
  font-size:clamp(1.8rem,3vw,2.75rem);
  line-height:1.06;
  letter-spacing:-.04em;
}
.insights-feature-content>p{
  margin:0;
  color:#68798f;
  line-height:1.72;
}
.insights-takeaways{
  margin-top:1.3rem;
  padding:1rem 1.05rem;
  border:1px solid #d7e5f5;
  border-radius:14px;
  background:#f6faff;
}
.insights-takeaways-label{
  margin-bottom:.55rem;
  color:#0d55c7;
  font-size:.65rem;
  font-weight:800;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.insights-takeaways ul{
  display:grid;
  gap:.42rem;
  margin:0;
  padding:0;
  list-style:none;
}
.insights-takeaways li{
  position:relative;
  padding-left:1rem;
  color:#53657d;
  font-size:.78rem;
  line-height:1.45;
}
.insights-takeaways li:before{
  content:"";
  position:absolute;
  left:0;
  top:.48rem;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#0d55c7;
}
.insights-feature-footer{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:1rem;
  margin-top:1.4rem;
}
.insights-read-story{
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:#0d55c7;
  font-size:.78rem;
  font-weight:800;
  text-decoration:none;
}
.insights-read-story i{transition:transform .25s ease}
.insights-read-story:hover i{transform:translate(3px,-3px)}
.insights-progress-wrap{
  min-width:120px;
  text-align:right;
}
.insights-progress-wrap>span{
  color:#8795a8;
  font-size:.66rem;
  font-weight:800;
}
.insights-progress{
  height:3px;
  margin-top:.45rem;
  overflow:hidden;
  border-radius:999px;
  background:#e2eaf4;
}
.insights-progress span{
  display:block;
  width:0;
  height:100%;
  background:linear-gradient(90deg,#0b3e94,#0b78e8);
}
.insights-selector{
  display:flex;
  flex-direction:column;
  gap:.7rem;
}
.insights-story-tab{
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 24px;
  gap:.8rem;
  align-items:center;
  min-height:112px;
  padding:1rem;
  border:1px solid #d6e3f2;
  border-radius:16px;
  background:#fff;
  color:#102b52;
  text-align:left;
  transition:.25s ease;
}
.insights-story-tab:hover{
  transform:translateX(4px);
  border-color:#9bbce6;
  box-shadow:0 14px 28px rgba(20,59,108,.08);
}
.insights-story-tab.active{
  border-color:#0d55c7;
  background:linear-gradient(135deg,#082e78,#0d61cc);
  color:#fff;
  box-shadow:0 16px 34px rgba(13,85,199,.19);
}
.insights-tab-number{
  color:#0d55c7;
  font-size:.68rem;
  font-weight:800;
}
.insights-story-tab.active .insights-tab-number{color:#9dccff}
.insights-tab-copy{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:.35rem;
}
.insights-tab-copy small{
  color:#7a8aa0;
  font-size:.61rem;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.insights-story-tab.active .insights-tab-copy small{color:rgba(255,255,255,.68)}
.insights-tab-copy strong{
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:.86rem;
  line-height:1.38;
}
.insights-tab-arrow{
  color:#0d55c7;
  transition:transform .25s ease;
}
.insights-story-tab.active .insights-tab-arrow{color:#fff}
.insights-story-tab:hover .insights-tab-arrow{transform:translate(3px,-3px)}
.insights-quick-facts{
  margin-top:auto;
  padding:1.15rem;
  border:1px solid #d6e3f2;
  border-radius:16px;
  background:#071d43;
  color:#fff;
}
.insights-quick-facts-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-bottom:.85rem;
  border-bottom:1px solid rgba(255,255,255,.13);
  font-size:.72rem;
  font-weight:800;
}
.insights-facts-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.7rem;
  padding-top:1rem;
}
.insights-facts-grid div{
  display:flex;
  min-width:0;
  flex-direction:column;
  gap:.2rem;
}
.insights-facts-grid strong{
  font-size:1.1rem;
}
.insights-facts-grid span{
  color:rgba(255,255,255,.55);
  font-size:.58rem;
  line-height:1.25;
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:1199.98px){
  .insights-stage{grid-template-columns:1fr}
  .insights-selector{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
.insights-quick-facts{grid-column:1/-1}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:991.98px){
  .insights-feature{grid-template-columns:1fr}
  .insights-feature-media{min-height:0;aspect-ratio:16/9}
  .insights-feature-content{padding:1.7rem}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){
  .news-insights-experience{padding:4rem 0}
  .insights-heading{
    align-items:flex-start;
    flex-direction:column;
  }
.insights-selector{grid-template-columns:1fr}
.insights-story-tab{min-height:96px}
.insights-quick-facts{grid-column:auto}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:479.98px){
  .insights-heading h2{font-size:2.1rem}
  .insights-feature-content{padding:1.25rem}
  .insights-image-badges{
    align-items:flex-start;
    flex-direction:column;
  }
.insights-feature-footer{
  align-items:flex-start;
  flex-direction:column;
}
.insights-progress-wrap{
  width:100%;
  text-align:left;
}
}
/* V11 — five featured stories, no quick facts */
.insights-selector{
  display:grid;
  grid-template-rows:repeat(5,minmax(0,1fr));
  gap:.65rem;
}
.insights-story-tab{
  min-height:0;
  height:100%;
  padding:.85rem .95rem;
}
.insights-tab-copy strong{
  font-size:.81rem;
}
.insights-quick-facts{
  display:none !important;
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:1199.98px){
  .insights-selector{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-template-rows:none;
  }
.insights-story-tab:last-child{
  grid-column:1/-1;
}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){
  .insights-selector{
    grid-template-columns:1fr;
  }
.insights-story-tab:last-child{
  grid-column:auto;
}
}
/* V12 — Campus selector in one row, matching Gallery */
.news-campus-filter{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:.65rem;
  width:max-content;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
  padding:.55rem;
  overflow-x:auto;
  border:1px solid rgba(13,85,199,.10);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 30px rgba(18,54,99,.08);
  scrollbar-width:none;
}
.news-campus-filter::-webkit-scrollbar{
  display:none;
}
.news-campus-filter button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex:0 0 auto;
  gap:.55rem;
  min-width:max-content;
  white-space:nowrap;
  padding:.78rem 1.15rem;
  border:0;
  border-radius:12px;
}
.news-campus-filter button.active{
  box-shadow:0 8px 18px rgba(13,85,199,.18);
}
.news-campus-filter .css-flag{
  width:24px;
  height:16px;
  flex:0 0 auto;
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){
  .news-campus-filter{
    justify-content:flex-start;
    width:100%;
    padding:.5rem;
  }
}
/* V13 — exact Gallery campus selector reused for Browse Updates */
.news-list-section .news-list-heading-row{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) max-content !important;
  align-items:end !important;
  column-gap:3rem !important;
  row-gap:1.5rem !important;
}
.news-list-section .gallery-campus-switch{
  display:flex !important;
  align-items:center !important;
  flex-wrap:nowrap !important;
  gap:.45rem !important;
  width:max-content !important;
  max-width:100% !important;
  margin:0 0 .15rem !important;
  padding:.46rem !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  border:1px solid #cfdef1 !important;
  border-radius:17px !important;
  background:rgba(255,255,255,.88) !important;
  box-shadow:0 15px 36px rgba(14,56,120,.10) !important;
  backdrop-filter:blur(12px) !important;
  scrollbar-width:none !important;
  -webkit-overflow-scrolling:touch !important;
}
.news-list-section .gallery-campus-switch::-webkit-scrollbar{
  display:none !important;
}
.news-list-section .gallery-campus-switch button{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  flex:0 0 auto !important;
  gap:.58rem !important;
  width:auto !important;
  min-width:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:.82rem 1.1rem !important;
  border:0 !important;
  border-radius:12px !important;
  background:transparent !important;
  color:#60708b !important;
  box-shadow:none !important;
  font-family:inherit !important;
  font-size:.83rem !important;
  font-weight:800 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  transform:none !important;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease !important;
}
.news-list-section .gallery-campus-switch button:first-child{
  min-width:126px !important;
}
.news-list-section .gallery-campus-switch button img{
  display:block !important;
  width:25px !important;
  height:17px !important;
  flex:0 0 auto !important;
  object-fit:cover !important;
  border-radius:2px !important;
  box-shadow:0 0 0 1px rgba(8,31,72,.08) !important;
}
.news-list-section .gallery-campus-switch button:hover,
.news-list-section .gallery-campus-switch button.active{
  border:0 !important;
  background:#fff !important;
  color:#0754c5 !important;
  box-shadow:0 9px 22px rgba(7,65,155,.12) !important;
  transform:none !important;
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:1199.98px){
  .news-list-section .news-list-heading-row{
    grid-template-columns:1fr !important;
    align-items:start !important;
    gap:1.4rem !important;
  }
.news-list-section .gallery-campus-switch{
  margin-top:.25rem !important;
}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:767.98px){
  .news-list-section .gallery-campus-switch{
    display:flex !important;
    width:100% !important;
    padding:.35rem !important;
    border-radius:14px !important;
  }
.news-list-section .gallery-campus-switch button{
  justify-content:center !important;
  width:auto !important;
  padding:.72rem .88rem !important;
  font-size:.75rem !important;
}
.news-list-section .gallery-campus-switch button:first-child{
  min-width:auto !important;
}
.news-list-section .gallery-campus-switch button img{
  width:22px !important;
  height:15px !important;
}
}

/* Responsive breakpoint: adjusts the related component for this viewport range. */
@media(max-width:479.98px){
  .news-list-section .gallery-campus-switch button{
    padding:.68rem .78rem !important;
    font-size:.7rem !important;
  }
}