/* Compact home feed only. Other routes and desktop retain their current layout.
   :has() also scopes the initial server-rendered home page before app.js loads. */
@media screen and (max-width:600px){
  body:has(#pageContent > .grid-2 .news-feed) .topbar{
    height:52px;min-height:52px;padding:4px max(8px,env(safe-area-inset-right)) 4px max(8px,env(safe-area-inset-left));gap:4px;
  }
  body:has(#pageContent > .grid-2 .news-feed) .topbar .icon-button{
    width:44px;height:44px;min-width:44px;min-height:44px;flex:0 0 44px;
  }
  body:has(#pageContent > .grid-2 .news-feed) .topbar-actions{gap:2px}
  body:has(#pageContent > .grid-2 .news-feed) .global-search input{top:calc(100% + 4px);font-size:16px;min-height:44px}
  #pageContent:has(> .grid-2 .news-feed){position:relative;padding:8px 8px 24px}
  /* Retain the h1 for assistive technology and keep manual refresh available. */
  #pageContent:has(> .grid-2 .news-feed) > .page-heading{position:relative;height:0;min-height:0;margin:0;padding:0;display:block}
  #pageContent:has(> .grid-2 .news-feed) > .page-heading > div:first-child{
    position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;
  }
  #pageContent:has(> .grid-2 .news-feed) > .page-heading > .heading-actions{
    position:absolute;right:6px;top:2px;z-index:2;margin:0;display:flex;
  }
  #pageContent:has(> .grid-2 .news-feed) > .page-heading .button{
    height:44px;min-height:44px;min-width:94px;padding:6px 8px;font-size:11px;line-height:1.3;
  }
  #pageContent:has(> .grid-2 .news-feed) > .grid-2{grid-template-columns:minmax(0,1fr);gap:12px}
  #pageContent:has(> .grid-2 .news-feed) > .grid-2 > section:first-child{order:0;border-radius:10px}
  #pageContent:has(> .grid-2 .news-feed) > .grid-2 > aside{order:1;min-width:0}
  #pageContent:has(> .grid-2 .news-feed) > .grid-2 > section:first-child > .panel-head{
    min-height:48px;padding:5px 106px 5px 10px;gap:4px 8px;align-content:center;
  }
  #pageContent:has(> .grid-2 .news-feed) > .grid-2 > section:first-child > .panel-head h2{font-size:13px;line-height:1.4}
  #pageContent:has(> .grid-2 .news-feed) > .grid-2 > section:first-child > .panel-head p{display:none}
  #pageContent:has(> .grid-2 .news-feed) > .grid-2 > section:first-child > .panel-head .live-label{font-size:10px;gap:5px;line-height:1.3}
  #pageContent:has(> .grid-2 .news-feed) > .grid-2 > section:first-child > .panel-body{padding:8px}
  #pageContent:has(> .grid-2 .news-feed) .filter-row{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:6px!important;
  }
  #pageContent:has(> .grid-2 .news-feed) .filter-chip{
    display:flex;align-items:center;justify-content:center;min-width:0;width:100%;min-height:44px;padding:5px 3px;font-size:11px;line-height:1.25;border-radius:7px;
  }
  #pageContent:has(> .grid-2 .news-feed) .news-feed{gap:4px}
  #pageContent:has(> .grid-2 .news-feed) .news-item{
    display:grid;position:relative;grid-template-columns:34px minmax(0,1fr);gap:0 6px;align-items:start;min-height:72px;padding:8px;border-radius:7px;
  }
  #pageContent:has(> .grid-2 .news-feed) .news-item:has(.news-actions){grid-template-columns:34px minmax(0,1fr) 44px}
  #pageContent:has(> .grid-2 .news-feed) .news-time{
    grid-column:1;grid-row:1;width:auto;margin:0;padding:0;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;
  }
  #pageContent:has(> .grid-2 .news-feed) .news-main{grid-column:2;grid-row:1;min-width:0}
  #pageContent:has(> .grid-2 .news-feed) .news-meta{gap:0;margin:0 0 3px;min-height:13px;line-height:1.2}
  #pageContent:has(> .grid-2 .news-feed) .news-meta > .pill:first-child{
    padding:0;background:transparent;font-size:11px;line-height:1.2;border-radius:0;color:var(--muted);font-weight:700;
  }
  #pageContent:has(> .grid-2 .news-feed) .important .news-meta > .pill:first-child{color:var(--red)}
  body.light-mode:has(#pageContent > .grid-2 .news-feed) .important .news-meta > .pill:first-child{color:#ad2634}
  #pageContent:has(> .grid-2 .news-feed) .news-meta > .pill:not(:first-child),
  #pageContent:has(> .grid-2 .news-feed) .news-meta > .list-row-sub{display:none}
  #pageContent:has(> .grid-2 .news-feed) .news-title{
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;font-size:13px;line-height:1.42;font-weight:600;
  }
  #pageContent:has(> .grid-2 .news-feed) .news-summary{display:none}
  #pageContent:has(> .grid-2 .news-feed) .news-actions{
    grid-column:3;grid-row:1;align-self:center;justify-content:flex-end;align-items:center;margin:0;padding:0;
  }
  #pageContent:has(> .grid-2 .news-feed) .news-actions .mini-button{
    display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;font-size:18px;
  }
  #pageContent:has(> .grid-2 .news-feed) [data-action="more-feed"]{min-height:44px;font-size:12px}
}

/* Compact visible home title, without the old extra banner or kicker. */
@media screen and (max-width:600px){
 #pageContent:has(> .grid-2 .news-feed) > .page-heading{height:auto;min-height:0;margin:0 0 6px;padding:0}
 #pageContent:has(> .grid-2 .news-feed) > .page-heading > div:first-child{position:static;width:auto;height:auto;margin:0;padding:0;overflow:visible;clip:auto;clip-path:none;white-space:normal}
 #pageContent:has(> .grid-2 .news-feed) > .page-heading h1{font-size:16px;line-height:20px;margin:0;font-weight:700}
 #pageContent:has(> .grid-2 .news-feed) > .page-heading p{font-size:11px;line-height:14px;margin:3px 0 0}
 #pageContent:has(> .grid-2 .news-feed) > .page-heading > .heading-actions{top:calc(100% + 8px)}
 #pageContent:has(> .grid-2 .news-feed) .news-item{min-height:70px;padding:7px}
}

@media screen and (max-width:600px){
 #pageContent:has(> .grid-2 .news-feed) .news-meta{display:none}
 #pageContent:has(> .grid-2 .news-feed) .news-item{min-height:60px}
}

/* A release's body and figures must never be hidden behind a detail click. */
@media screen and (max-width:600px){
 .news-item,#pageContent:has(> .grid-2 .news-feed) .news-item{display:block;position:relative;min-height:60px;padding:9px 10px;cursor:default}
 .news-time,#pageContent:has(> .grid-2 .news-feed) .news-time{display:block;width:auto;margin:0 48px 5px 0;padding:0;font-size:11px;line-height:1.5}
 .news-main,#pageContent:has(> .grid-2 .news-feed) .news-main{display:block;min-width:0}
 .news-title,#pageContent:has(> .grid-2 .news-feed) .news-title{display:block;-webkit-line-clamp:unset;-webkit-box-orient:initial;overflow:visible;margin:0;font-size:13px;line-height:1.5}
 .news-item:has(.news-actions) .news-title,#pageContent:has(> .grid-2 .news-feed) .news-item:has(.news-actions) .news-title{padding-right:34px}
 .news-item .news-body,#pageContent:has(> .grid-2 .news-feed) .news-item .news-body{display:block!important;max-height:none;overflow:visible;-webkit-line-clamp:unset;white-space:pre-line;font-size:12px;line-height:1.75;margin:7px 0 0}
 .news-actions,#pageContent:has(> .grid-2 .news-feed) .news-actions{position:absolute;top:4px;right:4px;display:flex;align-items:center;justify-content:center;margin:0;padding:0}
 .news-actions .mini-button,#pageContent:has(> .grid-2 .news-feed) .news-actions .mini-button{width:44px;height:44px;min-width:44px;min-height:44px;padding:0}
 .news-release-grid{gap:5px}.news-release-grid>div{padding:7px}.news-release-grid dt{font-size:11px}.news-release-grid dd{font-size:14px}.news-release-caption{font-size:11px}
}