/* BuddySocial v10.56 — News Center Pro
   Eén rustige combinatie: deep Buddy blue + ice blue + warm gold accent. */

.news-center-pro{
  --news-blue:#2f6fa8;
  --news-blue-2:#245b8d;
  --news-blue-soft:#dcecf7;
  --news-ice:#f4f9fc;
  --news-gold:#f2a01a;
  --news-gold-2:#db8508;
  --news-ink:#254d68;
  --news-muted:#6b8190;
  --news-line:#bdd4e3;
  max-width:1180px !important;
}

.news-command-hero{
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:12px;
  padding:20px 22px;
  border:1px solid #a9c9dc;
  border-radius:16px;
  background:
    radial-gradient(circle at 86% 22%,rgba(242,160,26,.18),transparent 19%),
    radial-gradient(circle at 72% 88%,rgba(85,169,218,.16),transparent 24%),
    linear-gradient(135deg,#fafdff 0%,#eef7fc 58%,#fff9ed 100%);
  box-shadow:0 10px 28px rgba(30,72,101,.10),inset 0 1px 0 rgba(255,255,255,.9);
}

.news-command-hero::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:4px;
  background:linear-gradient(90deg,var(--news-blue),#58a9da 62%,var(--news-gold));
}

.news-command-copy{position:relative;z-index:1;min-width:0}
.news-command-copy .news-kicker{
  display:inline-flex;
  padding:4px 9px;
  border:1px solid #bfd7e6;
  border-radius:999px;
  background:rgba(255,255,255,.84);
  color:var(--news-blue);
  font-size:10px;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.news-command-copy h1{
  margin:7px 0 6px;
  max-width:720px;
  color:#214d6c;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.02em;
}
.news-command-copy p{margin:0;max-width:760px;color:#587184;line-height:1.5}
.news-command-badges{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
.news-command-badges span{
  display:inline-flex;align-items:center;min-height:27px;padding:3px 8px;
  border:1px solid #c5dbe8;border-radius:8px;background:rgba(255,255,255,.82);
  color:#4d6d83;font-size:10px;font-weight:800;
}
.news-command-actions{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;min-width:150px}
.news-command-actions a{
  display:flex;align-items:center;justify-content:center;min-height:36px;padding:0 11px;
  border-radius:9px;text-decoration:none;font-size:11px;font-weight:900;
}
.news-command-home{border:1px solid #b9d3e2;background:#fff;color:#2d668e}
.news-command-join{border:1px solid #d88b14;background:linear-gradient(180deg,#ffb43b,#e98b09);color:#fff}

/* Search & filter */
.news-toolbar-pro{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-bottom:12px;padding:9px;border:1px solid #c1d8e6;border-radius:12px;
  background:linear-gradient(180deg,#fff,#f6fafc);
  box-shadow:0 4px 12px rgba(31,76,106,.05);
}
.news-search-box{
  flex:1 1 300px;display:flex;align-items:center;gap:7px;min-width:180px;
  padding:0 10px;border:1px solid #bfd5e3;border-radius:9px;background:#fff;
}
.news-search-box span{color:#6e899b;font-size:19px}
.news-search-box input{
  width:100%;height:36px;border:0!important;outline:0!important;background:transparent!important;
  color:#294f68!important;box-shadow:none!important;
}
.news-filter-pills{display:flex;flex-wrap:wrap;gap:5px}
.news-filter-pills button{
  min-height:32px;padding:0 9px;border:1px solid #c0d6e4;border-radius:8px;
  background:#edf6fb;color:#3c6682;font-size:10px;font-weight:900;cursor:pointer;
}
.news-filter-pills button:hover,.news-filter-pills button.active{
  border-color:#286293;background:linear-gradient(180deg,#4c8ac2,#2f6fa8);color:#fff;
}

/* Layout */
.news-center-pro .news-portal-layout{grid-template-columns:minmax(0,1fr) 288px;gap:14px}
.news-center-pro .news-portal-main{display:grid;gap:12px}

/* Lead story */
.news-center-pro .news-lead-card{
  margin:0;grid-template-columns:minmax(250px,40%) minmax(0,1fr);
  border-color:#a9c7da;border-radius:15px;
  box-shadow:0 9px 24px rgba(31,76,106,.09);
}
.news-center-pro .news-lead-card::before{height:4px}
.news-center-pro .news-lead-visual{position:relative;min-height:285px}
.news-center-pro .news-lead-visual img{min-height:285px}
.news-visual-category,.news-thumb-category{
  position:absolute!important;left:9px;top:9px;z-index:2;
  display:inline-flex!important;padding:4px 7px!important;border-radius:999px!important;
  color:#fff!important;font-size:9px!important;font-weight:900!important;
  box-shadow:0 3px 9px rgba(0,0,0,.16)!important;
}
.news-center-pro .news-lead-copy{padding:21px}
.news-center-pro .news-meta-row{flex-wrap:wrap}
.news-center-pro .news-meta-row em{color:#82939e;font-size:10px;font-style:normal;font-weight:700}
.news-center-pro .news-lead-copy h2{font-size:27px;letter-spacing:-.015em}
.news-center-pro .news-lead-copy p{color:#496679;line-height:1.58}
.news-copy-link,.news-list-actions button{
  border:1px solid #c1d7e5;border-radius:8px;background:#f5f9fc;color:#346888;
  font-size:10px;font-weight:900;cursor:pointer;
}
.news-copy-link{min-height:34px;padding:0 10px}
.news-copy-link:hover,.news-list-actions button:hover{border-color:#8cb6d0;background:#eaf4fa}

/* Category palette */
.news-cat-important{background:#c54b3d!important;color:#fff!important}
.news-cat-update{background:#2f6fa8!important;color:#fff!important}
.news-cat-new{background:#e48b0c!important;color:#fff!important}
.news-cat-community{background:#6c68a8!important;color:#fff!important}
.news-cat-general{background:#648095!important;color:#fff!important}

/* Must know */
.news-must-know{
  overflow:hidden;border:1px solid #bcd3e2;border-radius:13px;background:#fafdff;
  box-shadow:0 5px 15px rgba(31,76,106,.05);
}
.news-section-heading{
  display:flex;align-items:center;justify-content:space-between;padding:10px 12px;
  border-bottom:1px solid #c2d7e4;background:linear-gradient(180deg,#e4f2fa,#d3e7f3);
}
.news-section-heading>div{display:flex;align-items:center;gap:8px}
.news-section-heading>div>span{font-size:20px}
.news-section-heading b{display:block;color:#275c80;font-size:12px}
.news-section-heading small{display:block;margin-top:1px;color:#6d8391;font-size:9px}
.news-must-know-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px}
.news-must-card{
  display:flex;flex-direction:column;min-width:0;gap:6px;padding:10px;border:1px solid #ccdde7;
  border-radius:10px;background:linear-gradient(180deg,#fff,#f8fbfd);text-decoration:none;
  transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease;
}
.news-must-card:hover{transform:translateY(-1px);border-color:#9ec3d9;box-shadow:0 6px 14px rgba(31,76,106,.08)}
.news-must-card>span{align-self:flex-start;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:900}
.news-must-card b{color:#285d80;font-size:11px;line-height:1.3}
.news-must-card small{margin-top:auto;color:#7a8d99;font-size:9px}

/* Archive */
.news-center-pro .news-archive-box{border-color:#b5cedf;border-radius:13px}
.news-center-pro .news-archive-box>.retro-box-title{
  min-height:40px;background:linear-gradient(180deg,#dcecf7,#c8dfef)!important;color:#245a7e!important;
}
.news-center-pro .news-list-card{
  grid-template-columns:145px minmax(0,1fr);gap:12px;padding:11px 12px;
  transition:background .15s ease;
}
.news-center-pro .news-list-card:hover{background:#f7fbfd}
.news-center-pro .news-list-thumb{position:relative;min-height:95px;border-radius:9px}
.news-center-pro .news-list-thumb img{min-height:95px}
.news-list-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.news-list-meta>span{display:inline-flex;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:900}
.news-list-meta small{font-size:9px!important}
.news-center-pro .news-list-copy h3{margin-top:5px;font-size:16px}
.news-center-pro .news-list-copy p{max-width:690px}
.news-list-actions{display:flex;align-items:center;gap:8px;margin-top:5px}
.news-list-actions button{min-height:25px;padding:0 7px}
.news-no-results{display:grid;place-items:center;padding:28px;color:#678090;text-align:center}
.news-no-results span{font-size:30px}.news-no-results b{margin-top:4px;color:#315f7d}.news-no-results small{margin-top:2px}

/* Sidebar */
.news-center-pro .news-portal-side{top:10px}
.news-center-pro .news-portal-side .retro-box{border-color:#b7d0e0}
.news-center-pro .news-portal-side .retro-box-title{
  min-height:38px;background:linear-gradient(180deg,#dcecf7,#c8dfef)!important;color:#245a7e!important;
}
.news-center-pro .news-side-list a{grid-template-columns:40px minmax(0,1fr);padding:9px}
.news-center-pro .news-side-list a>div{min-width:0}
.news-center-pro .news-side-list a>div b{display:block}
.news-center-pro .news-side-list a>div small{display:block;margin-top:2px;color:#86949e;font-size:8px;font-weight:800}
.news-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:9px}
.news-stat-grid div{
  display:grid;place-items:center;min-height:64px;padding:7px;border:1px solid #ccdde7;
  border-radius:9px;background:linear-gradient(180deg,#fff,#f6fafc);
}
.news-stat-grid b{color:#2f6fa8;font-size:21px;line-height:1}
.news-stat-grid span{margin-top:4px;color:#738897;font-size:9px;font-weight:800}
.news-center-pro .news-quick-links{gap:6px}
.news-center-pro .news-quick-links a{min-height:35px;border-radius:8px}
.news-whats-new-box .retro-pad{background:linear-gradient(180deg,#fff,#fbf8ee)}
.news-whats-new-box p{color:#627786;line-height:1.45}
.news-side-cta{
  display:flex;align-items:center;justify-content:center;min-height:32px;margin-top:8px;
  border:1px solid #d8972e;border-radius:8px;background:linear-gradient(180deg,#ffb23a,#e98b09);
  color:#fff!important;text-decoration:none;font-size:10px;font-weight:900;
}

/* JS filtered state */
.news-filter-item[hidden]{display:none!important}

/* tablet */
@media(max-width:960px){
  .news-center-pro .news-portal-layout{grid-template-columns:1fr}
  .news-center-pro .news-portal-side{
    position:static;display:grid;grid-template-columns:1fr 1fr;gap:9px;
  }
  .news-center-pro .news-portal-side .news-whats-new-box{grid-column:1/-1}
}

/* mobile */
@media(max-width:700px){
  .news-command-hero{align-items:flex-start;flex-direction:column;padding:14px;border-radius:12px}
  .news-command-copy h1{font-size:24px}
  .news-command-actions{width:100%;min-width:0;flex-direction:row}
  .news-command-actions a{flex:1}
  .news-toolbar-pro{align-items:stretch;flex-direction:column}
  .news-filter-pills{overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}
  .news-filter-pills button{flex:0 0 auto}
  .news-center-pro .news-lead-card{grid-template-columns:1fr}
  .news-center-pro .news-lead-visual,.news-center-pro .news-lead-visual img{min-height:190px;max-height:245px}
  .news-center-pro .news-lead-copy{padding:14px}
  .news-center-pro .news-lead-copy h2{font-size:21px}
  .news-must-know-grid{grid-template-columns:1fr}
  .news-center-pro .news-list-card{grid-template-columns:95px minmax(0,1fr);gap:9px;padding:9px}
  .news-center-pro .news-list-thumb,.news-center-pro .news-list-thumb img{min-height:78px}
  .news-center-pro .news-list-copy p{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;
  }
  .news-center-pro .news-portal-side{grid-template-columns:1fr}
  .news-center-pro .news-portal-side .news-whats-new-box{grid-column:auto}
}

@media(max-width:420px){
  .news-center-pro .news-list-card{grid-template-columns:1fr}
  .news-center-pro .news-list-thumb,.news-center-pro .news-list-thumb img{min-height:135px;max-height:175px}
  .news-command-badges span:nth-child(n+3){display:none}
}