/* v32 — centered news list layout inspired by the supplied screenshot */
.news-magazine-hero{
  background:linear-gradient(180deg,#edf7ff 0%,#f7fbff 100%);
  border-bottom:1px solid #e5edf5;
}
.news-magazine-hero .wrap{
  width:min(1180px,calc(100% - 32px));
  max-width:1180px;
  margin-inline:auto;
  box-sizing:border-box;
}
.news-magazine-hero h1{color:#17243a;letter-spacing:-.025em}
.news-magazine-hero .lead{max-width:850px;color:#536579}
.news-trust-strip{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}
.news-trust-item{background:#fff;border:1px solid #e3edf4;border-radius:999px;padding:.5rem .85rem;box-shadow:0 5px 16px rgba(40,72,110,.06)}

.news-screen-section{
  padding:2rem 0 4.5rem;
  background:linear-gradient(180deg,#f5f9fd 0%,#f8fafc 35%,#f4f7fa 100%);
}
.news-screen-container{
  width:min(1180px,calc(100% - 32px));
  max-width:1180px;
  margin-inline:auto;
  padding-inline:0;
  box-sizing:border-box;
}
.news-screen-title{margin:0 0 1.25rem;color:#17243a;font-size:clamp(1.55rem,2.5vw,2.15rem)}
.news-screen-grid{
  display:grid;
  grid-template-columns:245px minmax(0,1fr);
  gap:1.55rem;
  width:100%;
  margin-inline:auto;
  align-items:start;
}
.news-screen-sidebar{
  position:sticky;top:92px;
  max-height:calc(100vh - 115px);overflow:auto;
  padding:1.2rem 1.1rem 1.25rem;
  background:#fff;border:1px solid #e8edf2;border-radius:18px;
  box-shadow:0 12px 34px rgba(36,61,91,.09);
  scrollbar-width:thin;
}
.news-screen-sidebar h2{margin:0 0 .7rem;color:#253246;font-size:1.05rem}
.news-screen-sidebar ol{list-style:none;margin:0;padding:0}
.news-screen-sidebar li+li{border-top:1px solid #edf1f4}
.news-screen-sidebar a{display:grid;gap:.18rem;padding:.72rem .15rem;color:#364357;text-decoration:none;line-height:1.35}
.news-screen-sidebar a:hover .news-side-title,.news-screen-sidebar a:focus-visible .news-side-title{color:#1665b5}
.news-side-number{color:#2775c8;font-weight:800;font-size:.91rem}
.news-side-title{font-size:.88rem;font-weight:750;transition:color .18s ease}

.news-screen-main{min-width:0;width:100%}
.news-screen-policy{
  margin:0 0 1rem;padding:1rem 1.2rem;
  background:#fff;border:1px solid #e6edf3;border-radius:16px;
  box-shadow:0 8px 24px rgba(36,61,91,.06)
}
.news-screen-policy h2{margin:0 0 .3rem;color:#26354a;font-size:1rem}
.news-screen-policy p{margin:0;color:#68788a;font-size:.92rem;line-height:1.55}
.news-screen-list{display:grid;gap:1.1rem}
.news-screen-card{
  position:relative;scroll-margin-top:105px;
  padding:1.55rem 4.7rem 1.45rem 1.65rem;
  background:#fff;border:1px solid #e7edf2;border-radius:20px;
  box-shadow:0 12px 34px rgba(36,61,91,.09);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
[dir="rtl"] .news-screen-card{padding:1.55rem 1.65rem 1.45rem 4.7rem;text-align:right}
.news-screen-card:hover{transform:translateY(-2px);border-color:#d6e6ee;box-shadow:0 17px 42px rgba(36,61,91,.13)}
.news-card-number{
  position:absolute;inset-block-start:1.18rem;inset-inline-end:1.15rem;
  width:2.65rem;height:2.65rem;display:grid;place-items:center;
  border-radius:13px;background:linear-gradient(145deg,#55e56e,#19c844);
  color:#073d17;font-weight:900;font-size:.9rem;
  box-shadow:0 8px 20px rgba(25,200,68,.21)
}
.news-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.42rem;color:#2b73b8;font-size:.9rem;font-weight:750;margin-bottom:.42rem}
.news-card-meta time{color:#758392;font-weight:650}
.news-meta-separator{color:#a7b5c2}
.news-screen-card h3{margin:.05rem 0 .45rem;padding:0;font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.16;letter-spacing:-.025em}
.news-screen-card h3 a{color:#182536;text-decoration:none}
.news-screen-card h3 a:hover,.news-screen-card h3 a:focus-visible{color:#1665b5;text-decoration:underline;text-underline-offset:.16em}
.news-card-excerpt{margin:0 0 1rem;color:#5e6d7d;font-size:1rem;line-height:1.67}
.news-card-source-box{
  display:flex;align-items:flex-start;gap:.75rem;
  max-width:96%;padding:.85rem 1rem;
  background:linear-gradient(90deg,#edfff2 0%,#e3faea 100%);
  border-inline-start:4px solid #25cf4f;border-radius:12px;
  color:#294035;font-size:.88rem;line-height:1.45
}
[dir="rtl"] .news-card-source-box{background:linear-gradient(270deg,#edfff2 0%,#e3faea 100%)}
.news-source-icon{flex:0 0 auto;width:1.55rem;height:1.55rem;border-radius:50%;display:grid;place-items:center;background:#25cf4f;color:#fff;font-weight:900}
.news-source-row{display:flex;flex-wrap:wrap;gap:.25rem .75rem;margin-top:.25rem;color:#53695b}
.news-source-row a{color:#1260a9;font-weight:750;text-decoration:none}
.news-source-row a:hover,.news-source-row a:focus-visible{text-decoration:underline}
.news-source-author{color:#53695b}
.news-card-read{display:inline-flex;margin-top:.85rem;color:#1260a9;font-weight:800;text-decoration:none}
.news-card-read:hover,.news-card-read:focus-visible{text-decoration:underline;text-underline-offset:.16em}

@media (max-width:900px){
  .news-screen-grid{grid-template-columns:1fr}
  .news-screen-sidebar{position:relative;top:auto;max-height:none}
  .news-screen-sidebar ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 .9rem}
  .news-screen-sidebar li:nth-child(2){border-top:0}
}
@media (max-width:640px){
  .news-screen-section{padding-top:1.25rem}
  .news-screen-title{margin-bottom:.9rem}
  .news-screen-sidebar{border-radius:14px;padding:1rem}
  .news-screen-sidebar ol{grid-template-columns:1fr}
  .news-screen-sidebar li:nth-child(2){border-top:1px solid #edf1f4}
  .news-screen-card,[dir="rtl"] .news-screen-card{padding:1.2rem 1.05rem 1.25rem;border-radius:15px}
  .news-card-number{position:static;float:right;margin-left:.75rem;margin-bottom:.35rem;width:2.35rem;height:2.35rem;border-radius:11px}
  [dir="rtl"] .news-card-number{float:left;margin-left:0;margin-right:.75rem}
  .news-screen-card h3{font-size:1.35rem}
  .news-card-excerpt{font-size:.96rem}
  .news-card-source-box{max-width:none;padding:.75rem .8rem}
}
@media (max-width:1220px){
  .news-magazine-hero .wrap,
  .news-screen-container{width:calc(100% - 32px)}
}
@media (max-width:640px){
  .news-magazine-hero .wrap,
  .news-screen-container{width:calc(100% - 20px)}
}
@media (prefers-reduced-motion:reduce){.news-screen-card{transition:none}}