/* News, in the toolkit's look (stacks-jm-theme.css) and to the letter of
   docs/TOOLS-DESIGN-GUIDE.md: tokens only, sharp corners (2px cards, 4px controls),
   Archivo Black for the headline only, orange + peach only (no green, no blue).
   One line a note in three columns (who | headline | topic); a key note gets the
   Player Card News tab's peach fill and orange left edge. On a phone the name and
   the topic share a line and the headline sits under them. No sideways scroll. */

/* The card every tool sits in (stacks-jm-theme.css lists its panels by id; this one isn't there). */
body.stx-look-jm #ows-stacks #stx-panel-news{
  margin-top:0;padding:4px 30px 26px;
  border:1px solid var(--line);border-top:0;border-radius:0 0 2px 2px;
  background:var(--jm-card-bg);box-shadow:0 18px 50px -18px rgba(22,19,15,.35)
}
@media (max-width:640px){
  body.stx-look-jm #ows-stacks #stx-panel-news{padding:4px 14px 20px}
}
/* The old bar, when Sections is off: after Injuries. */
.ows-stacks .stx-tabs .stx-tab:is([data-tab="news"],[data-ltab="news"]){order:9}

#ows-stacks .stx-news{min-width:0}
#ows-stacks .stx-news .stx-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
#ows-stacks .stx-news-how{margin:0 0 14px}

/* ---- filters: one row, wrapping on a phone ---- */
#ows-stacks .stx-news-filters{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 10px}
#ows-stacks .stx-news-filters .stx-chip-btn{cursor:pointer}
#ows-stacks .stx-news-team{position:relative;display:inline-flex;margin:0}
#ows-stacks #stx-news .stx-news-team select{
  appearance:none;-webkit-appearance:none;margin:0;padding:6px 26px 6px 11px;height:auto;min-height:0;line-height:1.2;
  border:1.5px solid rgba(22,19,15,.25);border-radius:4px;background:#fff;
  font:700 13px/1.2 var(--sans);color:var(--ink);cursor:pointer;max-width:9em
}
#ows-stacks .stx-news-team::after{content:"\25BE";position:absolute;right:9px;top:50%;transform:translateY(-52%);font-size:11px;color:var(--ink);pointer-events:none}
#ows-stacks #stx-news .stx-news-team select:hover{border-color:var(--ink)}
#ows-stacks #stx-news .stx-news-team.is-active select{border-color:var(--orange);background:var(--orange);color:#fff}
#ows-stacks .stx-news-team.is-active::after{color:#fff}
#ows-stacks .stx-news-q{flex:1 1 170px;max-width:260px;min-width:0;margin-left:4px}
#ows-stacks .stx-news-q input{padding:6px 11px;border-width:1.5px;border-radius:4px;font:400 14px/1.3 var(--sans)}
@media (max-width:640px){
  #ows-stacks .stx-news-q{flex:1 1 100%;max-width:none;margin-left:0}
}
#ows-stacks .stx-news-count{margin:0;font:400 13px/1.4 var(--sans);color:var(--jm-ink-3,var(--muted))}

/* ---- the feed ---- */
#ows-stacks .stx-news-day{margin:18px 0 0;padding:0 0 6px;border-bottom:1.5px solid var(--ink);font:800 13px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink)}
#ows-stacks ol.stx-news-list{list-style:none;margin:0;padding:0}
#ows-stacks li.stx-news-row{margin:0;padding:0;border-bottom:1px solid var(--line);border-left:3px solid transparent}
#ows-stacks li.stx-news-row.is-key{background:var(--hit);border-left-color:var(--orange)}
#ows-stacks .stx-news-line{
  display:grid;grid-template-columns:minmax(170px,250px) minmax(0,1fr) minmax(120px,200px);gap:4px 14px;align-items:baseline;
  padding:9px 10px 9px 11px;cursor:pointer;outline:none
}
#ows-stacks .stx-news-line:hover{background:var(--hit)}
#ows-stacks .stx-news-line:focus-visible{box-shadow:inset 0 0 0 2px var(--orange)}
#ows-stacks .stx-news-who{min-width:0}
#ows-stacks .stx-news-who .stx-pc-name{font:700 15px/1.3 var(--sans);color:var(--ink)}
#ows-stacks .stx-news-who small{display:block;margin-top:1px;font:700 11px/1.3 var(--sans);letter-spacing:.06em;text-transform:uppercase;color:var(--jm-ink-3,var(--muted))}
/* Wraps to two lines when it needs to (Aaron, 2026-10-23); never a single-line ellipsis. */
#ows-stacks .stx-news-h{min-width:0;font:400 15px/1.35 var(--sans);color:var(--ink);overflow-wrap:break-word}
#ows-stacks .stx-news-by{min-width:0;font:400 12.5px/1.35 var(--sans);color:var(--jm-ink-3,var(--muted))}
#ows-stacks .stx-news-time{white-space:nowrap}
#ows-stacks .stx-news-by .stx-news-time:not(:first-child)::before{content:" \00B7  "}
#ows-stacks .stx-news-tag{justify-self:end;white-space:nowrap;padding:1px 5px;border:1px solid var(--rule-2,var(--line));border-radius:4px;font:700 10px/1.5 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
#ows-stacks .is-key .stx-news-tag{border-color:var(--orange);color:var(--orange-dark)}
#ows-stacks .stx-news-tag.is-breaking{border-color:var(--orange);background:var(--orange);color:#fff}
#ows-stacks .is-open .stx-news-h{font-weight:700}
#ows-stacks .stx-news-desc{margin:2px 0 6px;max-width:70ch;font:400 14.5px/1.55 var(--sans);color:var(--ink)}

/* ---- a note, opened ---- */
#ows-stacks .stx-news-more{padding:0 12px 12px calc(11px + min(250px, 30%) + 14px)}
#ows-stacks .stx-news-quote{
  margin:2px 0 6px;padding:0;border:0;background:none;quotes:none;max-width:70ch;
  font:italic 400 14.5px/1.55 var(--sans);color:var(--muted)
}
#ows-stacks .stx-news-quote::before,#ows-stacks .stx-news-quote::after{content:none;display:none}
#ows-stacks .stx-news-lock{margin:2px 0 6px;font:400 14px/1.5 var(--sans);color:var(--muted)}
#ows-stacks .stx-news-lock a{font-weight:700;color:var(--orange-dark)}
#ows-stacks .stx-news-said{margin:0 0 6px;font:400 13px/1.4 var(--sans);color:var(--muted)}
#ows-stacks .stx-news-links{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin:0}
#ows-stacks .stx-news-link{appearance:none;margin:0;padding:0;border:0;background:none;font:700 13px/1.4 var(--sans);color:var(--orange-dark);text-decoration:none;cursor:pointer}
#ows-stacks .stx-news-link:hover{text-decoration:underline}

/* ---- the end of the feed ---- */
#ows-stacks .stx-news-end{margin:14px 0 0;text-align:center}
#ows-stacks button.stx-news-x{appearance:none;background:none;border:1.5px solid var(--ink);border-radius:4px;padding:7px 14px;font:700 13px/1.3 var(--sans);color:var(--ink);cursor:pointer}
#ows-stacks button.stx-news-x:hover{border-color:var(--orange-dark);color:var(--orange-dark)}
#ows-stacks button.stx-news-x:disabled{opacity:.6;cursor:wait}
#ows-stacks .stx-news-fin{margin:0;font:400 13px/1.4 var(--sans);color:var(--jm-ink-3,var(--muted))}

/* ---- phone: name + topic on one line, the headline under them ---- */
@media (max-width:640px){
  #ows-stacks .stx-news-line{grid-template-columns:minmax(0,1fr);grid-template-areas:"who" "h" "by";gap:3px 8px;padding:9px 8px 9px 9px}
  #ows-stacks .stx-news-who{grid-area:who;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 7px}
  #ows-stacks .stx-news-who small{display:inline;margin:0}
  #ows-stacks .stx-news-hcell{grid-area:h}
  #ows-stacks .stx-news-by{grid-area:by;margin-top:-1px}
  #ows-stacks .stx-news-more{padding:0 9px 12px 9px}
}

/* ---- additions behind their own switches (Aaron, 2026-10-23) ---- */
/* The tag cell: a "Key" label (ows_stacks_news_keytag) beside the topic. */
#ows-stacks .stx-news-tags{justify-self:end;display:inline-flex;align-items:baseline;gap:4px;white-space:nowrap}
#ows-stacks .stx-news-key{padding:1px 5px;border:1px solid var(--orange);border-radius:4px;background:#fff;font:800 10px/1.5 var(--sans);letter-spacing:.05em;text-transform:uppercase;color:var(--orange-dark)}
#ows-stacks .stx-news-tag.is-ows{border-color:var(--ink);background:var(--ink);color:#fff}
/* Practice marks (ows_stacks_news_practice): his status each day, F / L / DNP, in the Injuries tool's
   own soft tints (injuries.css .oinj-tag t-fp / t-lp / t-dnp; Aaron, 2026-10-23: "shaded as Injuries
   shades them"). The day is in the hover text. */
#ows-stacks #stx-news{--news-dnp-bg:#f7d4d0;--news-dnp:#b3261e;--news-lp-bg:#fbf0c9;--news-lp:#8a6700;--news-fp-bg:#dcefe2;--news-fp:#237a4a}
/* Big enough to see at a glance (Aaron, 2026-10-23: "I don't see the practice boxes"). */
#ows-stacks .stx-news-prac{display:inline-flex;gap:3px;margin-left:7px;vertical-align:0}
#ows-stacks .stx-news-prac i{display:inline-block;min-width:20px;padding:0 5px;border-radius:3px;border:1px solid currentColor;
  font:800 11.5px/17px var(--sans);font-style:normal;letter-spacing:.03em;text-align:center;text-transform:none}
#ows-stacks .stx-news-prac i.is-dnp{background:var(--news-dnp-bg);color:var(--news-dnp)}
#ows-stacks .stx-news-prac i.is-lp{background:var(--news-lp-bg);color:var(--news-lp)}
#ows-stacks .stx-news-prac i.is-fp{background:var(--news-fp-bg);color:var(--news-fp)}/* Game status (ows_stacks_news_status). */
#ows-stacks .stx-news-st{display:inline-block;margin-left:6px;padding:0 4px;border-radius:2px;font:800 9.5px/1.5 var(--sans);letter-spacing:.05em;text-transform:uppercase;vertical-align:1px}
#ows-stacks .stx-news-st.is-out{background:var(--orange-dark);color:#fff}
#ows-stacks .stx-news-st.is-doubtful{border:1px solid var(--orange-dark);color:var(--orange-dark)}
#ows-stacks .stx-news-st.is-questionable{background:var(--hit);border:1px solid rgba(255,122,0,.45);color:var(--orange-dark)}
@media (max-width:640px){
  #ows-stacks .stx-news-tags{grid-area:tag}
}
/* The My Research tick sits at the start of the name (its reader puts it first in .stx-news-who). */
#ows-stacks .stx-news-who .owr-chk{flex:none;margin-right:7px;vertical-align:-4px}

/* ---- one row per player per day (Aaron, 2026-10-23) ---- */
#ows-stacks .stx-news-hcell{min-width:0;font:400 15px/1.35 var(--sans);color:var(--ink)}
#ows-stacks .stx-news-plus{white-space:nowrap;font:700 12.5px/1.35 var(--sans);color:var(--orange-dark)}
#ows-stacks .stx-news-note{padding:8px 0 8px 10px;border-left:2px solid var(--line)}
#ows-stacks .stx-news-note + .stx-news-note{margin-top:4px}
#ows-stacks .stx-news-note.is-key{border-left-color:var(--orange)}
#ows-stacks .stx-news-nh{margin:0 0 4px;font:700 14.5px/1.4 var(--sans);color:var(--ink)}
#ows-stacks .stx-news-note .stx-news-said{margin:0}
#ows-stacks .stx-news-more > .stx-news-links{margin-top:8px}
/* The count, and the one-line legend for the peach rows. */
#ows-stacks .stx-news-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;margin:0 0 4px}
#ows-stacks .stx-news-legend{margin:0;font:400 13px/1.4 var(--sans);color:var(--muted)}
#ows-stacks .stx-news-legend i{display:inline-block;width:14px;height:12px;margin-right:6px;vertical-align:-1px;border-left:3px solid var(--orange);background:var(--hit)}