.istres-news { display:none; }
@media (min-width:761px) {
  html:root body .desktop-information .radio-note-grid { display:block !important; }
  html:root body .desktop-information .radio-note-grid > .radio-note { display:none !important; }
  html:root body .brand-column { overflow:hidden !important; }
  .istres-news { display:block; width:100%; box-sizing:border-box; background:#fff; border:1px solid #dbe5ee; border-radius:12px; overflow:hidden; text-align:left; font-family:Arial,sans-serif; }
  .istres-news header { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 12px; border-bottom:2px solid #075097; }
  .istres-news h2 { margin:0; color:#103e65; font-size:16px; line-height:1.3; }
  .istres-news header a { color:#d74732; font-size:11px; font-weight:700; text-decoration:none; }
  .istres-news-scroll { height:185px; overflow-y:auto; overscroll-behavior:contain; scrollbar-gutter:stable; scrollbar-width:thin; scrollbar-color:#8199ae #eef3f7; padding:0 10px; }
  .istres-news-scroll:focus-visible { outline:2px solid #075097; outline-offset:-2px; }
  .istres-news-day { margin:0; padding:9px 0 5px; color:#52677f; font-size:12px; line-height:1.4; text-transform:capitalize; }
  .istres-news-item { display:flex; align-items:center; gap:9px; padding:9px 0; border-bottom:1px solid #e4ebf2; color:#103e65; text-decoration:none; }
  .istres-news-item:hover strong { text-decoration:underline; }
  .istres-news-item img { width:65px; height:49px; flex:0 0 65px; border-radius:6px; object-fit:cover; }
  .istres-news-item strong { display:block; font-size:13px; line-height:1.4; }
  .istres-news-meta { display:block; margin-bottom:3px; color:#61758a; font-size:11px; line-height:1.4; }
  .istres-news-meta time { color:#c34a16; font-weight:700; }
  .istres-news-message { color:#61758a; font-size:13px; line-height:1.5; }
  .istres-news-more { display:block; padding:10px; color:#075097; text-align:center; font-size:12px; font-weight:700; }
}

/* Desktop laptop layout: fit both columns; only the news list scrolls. */
@media (min-width:761px) {
  html:root body .brand-column { padding:16px 20px !important; }
  html:root body .desktop-information { gap:8px; margin:auto 0; }
  html:root body .desktop-information > * { flex-shrink:0; }
  html:root body .brand-column .radio-logo { width:54px !important; }
  html:root body .brand-column .radio-support-button { min-height:40px; padding:8px 12px; margin-bottom:0; }
  html:root body .brand-column .radio-overview { padding:12px 14px; }
  html:root body .brand-column .radio-overview .radio-title { font-size:24px !important; }
  html:root body .brand-column .radio-overview .radio-kicker { margin-bottom:8px !important; font-size:10px !important; }
  html:root body .brand-column .radio-introduction-heading { font-size:16px; }
  html:root body .brand-column .radio-introduction-hours { font-size:12px; margin:6px auto 8px; padding:3px 10px; }
  html:root body .brand-column .radio-introduction-description { display:none; }
  html:root body .brand-column .radio-introduction-topics { gap:5px; }
  html:root body .brand-column .radio-introduction-topics strong { padding:5px 6px; font-size:12px; }
  html:root body .brand-column #installRadioButton { min-height:38px !important; padding:8px 14px !important; font-size:13px !important; }
  html:root body .brand-column .radio-legal-links { font-size:12px; }
  .istres-news-scroll { height:clamp(130px,23vh,210px); }
}
@media (min-width:1100px) and (max-height:800px) {
  html:root body .brand-column .radio-introduction-topics { grid-template-columns:repeat(4,minmax(0,1fr)); }
  html:root body .brand-column .radio-introduction-topics strong { font-size:11px; padding:5px 3px; }
}
/* News takes the central position; a short radio summary follows below. */
@media (min-width:761px) {
  html:root body .desktop-information > .radio-introduction-topics {
    display:grid; width:100%; box-sizing:border-box;
    grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px;
    padding:8px 10px; border:1px solid #dbe5ee; border-radius:10px;
    background:rgba(255,255,255,.65);
  }
  html:root body .desktop-information > .radio-introduction-topics strong:nth-child(n+5) { display:none; }
  html:root body .brand-column .radio-introduction-hours { margin-bottom:0; }
  .istres-news-scroll { height:calc(clamp(160px,30vh,280px) + 130px); }
}
/* Article preview lives outside the scaled radio columns. */
.istres-news-preview {
  width:min(720px,calc(100vw - 32px)); max-width:none;
  max-height:calc(100dvh - 32px); box-sizing:border-box; margin:auto;
  padding:22px; border:1px solid #dbe5ee; border-radius:18px;
  background:#fff; color:#103e65; box-shadow:0 24px 90px #00142f80;
  font-family:Arial,sans-serif; text-align:left; overflow-y:auto;
}
.istres-news-preview::backdrop { background:rgba(2,15,35,.78); }
.istres-news-preview-close { position:absolute; top:10px; right:10px; width:36px; height:36px; border:0; border-radius:50%; background:#edf3f8; color:#103e65; font-size:26px; cursor:pointer; }
.istres-news-preview-brand { margin:0 40px 16px 0; color:#d74732; font-size:12px; font-weight:700; letter-spacing:.5px; }
.istres-news-preview-image { display:block; width:100%; max-height:45dvh; object-fit:contain; border-radius:10px; background:#f0f4f8; margin:0 0 16px; }
.istres-news-preview h2 { font-size:clamp(20px,2.5vw,28px); line-height:1.3; margin:0 0 12px; }
.istres-news-preview-meta { color:#61758a; font-size:14px; line-height:1.5; margin:0; }
.istres-news-preview-footer { margin-top:20px; text-align:center; }
.istres-news-preview-visit { display:inline-flex; align-items:center; justify-content:center; padding:12px 26px; border-radius:9px; background:#075097; color:#fff; text-decoration:none; font-size:16px; font-weight:700; }
.istres-news-preview-visit:hover { background:#103e65; }
.istres-news-preview-footer p { margin:10px 0 0; color:#61758a; font-size:12px; }
.istres-news-preview :focus-visible { outline:3px solid #e4a925; outline-offset:3px; }
@media (min-width:761px) {
  html:root body .brand-column .radio-introduction-heading,
  html:root body .brand-column .radio-introduction-hours { display:none !important; }
  html:root body .brand-column .radio-overview .radio-kicker { margin-bottom:0 !important; }
}
@media (min-width:761px) {
  html:root body .desktop-information > .radio-introduction-topics { display:none !important; }
}