/* Phase 7E3I — shared public News lightbox.
   One owner for Race, future Paddock and All News consumers. Reuses GPB public tokens. */

html.v7007e3i-news-lightbox-open,
html.v7007e3i-news-lightbox-open body{overflow:hidden}

.v7007e3i-news-lightbox[hidden]{display:none}
.v7007e3i-news-lightbox{
  position:fixed;inset:0;z-index:12000;
  display:grid;place-items:center;
  padding:20px;
  background:rgba(3,5,8,.86);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px)
}
.v7007e3i-news-dialog{
  width:min(960px,100%);
  max-height:calc(100dvh - 40px);
  display:grid;grid-template-rows:auto minmax(0,1fr) auto;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:18px;
  background:#0d1015;
  box-shadow:0 30px 90px rgba(0,0,0,.56)
}
.v7007e3i-news-dialog-head{
  display:flex;align-items:center;justify-content:flex-end;
  min-height:58px;box-sizing:border-box;
  padding:10px 12px;
  border-bottom:1px solid var(--line)
}
.v7007e3i-news-close{
  width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;
  border:1px solid var(--line);border-radius:50%;
  background:#141922;color:#fff;
  padding:0;font:500 25px/1 Arial,sans-serif;
  cursor:pointer
}
.v7007e3i-news-close:hover{background:#1b212b;border-color:rgba(255,255,255,.22)}
.v7007e3i-news-close:focus-visible,
.v7007e3i-news-original:focus-visible{outline:2px solid rgba(255,255,255,.72);outline-offset:3px}

.v7007e3i-news-media{
  min-height:0;overflow:auto;
  padding:18px;
  background:#080b10;
  overscroll-behavior:contain;
  scrollbar-gutter:stable
}
.v7007e3i-news-media img{
  display:block;width:auto;max-width:100%;height:auto;
  margin:0 auto;
  border-radius:12px;
  background:#fff
}
.v7007e3i-news-dialog-foot{
  min-height:58px;
  display:flex;align-items:center;justify-content:flex-end;gap:10px;
  padding:10px 18px;
  border-top:1px solid var(--line);
  background:#0d1015
}
.v7007e3i-news-original{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:38px;box-sizing:border-box;
  border:1px solid var(--line);border-radius:9px;
  padding:9px 12px;
  background:#122238;color:#fff;
  font-size:12px;font-weight:800;text-decoration:none
}
.v7007e3i-news-original:hover{background:#172b45;border-color:rgba(255,255,255,.2)}
.v7007e3i-news-foot-note{color:var(--muted);font-size:11px;font-weight:700}

/* Existing News Card stays visually unchanged; only its semantic owner becomes a button. */
.v7007e3d-news-card[type="button"]{
  appearance:none;-webkit-appearance:none;
  padding:0;font:inherit;text-align:left;cursor:pointer
}

@media(max-width:760px){
  .v7007e3i-news-lightbox{padding:10px}
  .v7007e3i-news-dialog{max-height:calc(100dvh - 20px);border-radius:16px}
  .v7007e3i-news-dialog-head{min-height:56px;padding:10px 12px}
  .v7007e3i-news-close{width:36px;height:36px}
  .v7007e3i-news-media{padding:10px}
  .v7007e3i-news-media img{border-radius:10px}
  .v7007e3i-news-dialog-foot{padding:10px 14px}
}
@media(max-width:520px){
  .v7007e3i-news-lightbox{padding:0;place-items:stretch}
  .v7007e3i-news-dialog{
    width:100%;height:100dvh;max-height:none;
    border-left:0;border-right:0;border-radius:0
  }
  .v7007e3i-news-dialog-head{min-height:54px;padding:9px 10px}
  .v7007e3i-news-media{padding:8px}
  .v7007e3i-news-dialog-foot{padding:9px 12px}
  .v7007e3i-news-original{width:100%}
}