/*
 * News: the block on the front page, the list and the page of one item.
 * No mock-up exists; built from the furniture of the other pages — the sheet,
 * the heading, the rows of the coming games.
 */

/* one item in a list: picture on the left, text on the right */
.fwd-nws{border-top:1px solid var(--hair)}
.fwd-nw{display:grid;grid-template-columns:184px minmax(0,1fr);gap:20px;align-items:start;
  padding:16px 20px;border-bottom:1px solid var(--hair-2);color:inherit;text-decoration:none}
.fwd-nw:last-child{border-bottom:0}
.fwd-nw:hover{background:var(--surface-2)}
.fwd-nw--text{grid-template-columns:minmax(0,1fr)}
.fwd-nw__ph{display:block;aspect-ratio:16/10;border-radius:8px;overflow:hidden;background:var(--surface-2)}
.fwd-nw__ph img{display:block;width:100%;height:100%;object-fit:cover}
.fwd-nw__tx{display:flex;flex-direction:column;gap:4px;min-width:0}
.fwd-nw time{font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--faint)}
#content .fwd-nw .fwd-nw__t{margin:0;font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.3;
  color:var(--ink);overflow-wrap:anywhere}
#content .fwd-nw:hover .fwd-nw__t{color:var(--navy-2)}
.fwd-nw__lead{font-size:14px;line-height:1.5;color:var(--ink-2);
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

/* news pages run the full width of the header, like the front page */
.fwd-page--wide{max-width:none}

/* the list page: cards, three to a row, the picture on top */
.fwd-nws--cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}
.fwd-nws--cards .fwd-nw{grid-template-columns:minmax(0,1fr);gap:0;padding:0;border:0;
  background:var(--surface);border-radius:12px;box-shadow:var(--sh);overflow:hidden}
.fwd-nws--cards .fwd-nw:hover{background:var(--surface);box-shadow:0 1px 2px rgba(11,19,48,.06),0 10px 28px rgba(11,19,48,.12)}
.fwd-nws--cards .fwd-nw__ph{border-radius:0;aspect-ratio:16/9}
.fwd-nws--cards .fwd-nw__tx{padding:16px 20px 20px}
.fwd-nws--cards .fwd-nw--text .fwd-nw__tx{padding-top:20px}
.fwd-nws--cards .fwd-nw__lead{-webkit-line-clamp:4}
#content .fwd-nws--cards .fwd-nw__t{font-size:18px}

/* the page of one item: the text on the left, more news on the right */
.fwd-newsgrid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:var(--s3)}
.fwd-newsside{position:sticky;top:24px}
.fwd-newsside .fwd-head{padding:18px 20px 14px}
.fwd-newsside .fwd-head h2{font-size:18px}
.fwd-nws--compact .fwd-nw{grid-template-columns:88px minmax(0,1fr);gap:14px;padding:14px 20px}
.fwd-nws--compact .fwd-nw--text{grid-template-columns:minmax(0,1fr)}
.fwd-nws--compact .fwd-nw__ph{aspect-ratio:1}
#content .fwd-nws--compact .fwd-nw__t{font-size:15px}
.fwd-nws--compact .fwd-nw .fwd-nw__lead{display:none}

.fwd-article__cover{margin:0;aspect-ratio:16/9;background:var(--surface-2);overflow:hidden}
.fwd-article__cover img{display:block;width:100%;height:100%;object-fit:cover}
.fwd-article__body{padding:32px 40px 40px}
.fwd-article time{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-ink)}
.fwd-article h1{margin:6px 0 18px;font-size:34px;font-weight:800;letter-spacing:-.03em;line-height:1.12;
  overflow-wrap:anywhere}

/* the text itself, as the editor typed it */
.fwd-prose{font-size:16.5px;line-height:1.65;color:var(--ink)}
.fwd-prose > :first-child{margin-top:0}
.fwd-prose > :last-child{margin-bottom:0}
.fwd-prose p,.fwd-prose ul,.fwd-prose ol,.fwd-prose blockquote,.fwd-prose figure,.fwd-prose table{margin:0 0 1em}
.fwd-sheet .fwd-prose a{color:var(--navy-2);text-decoration:underline;text-decoration-color:rgba(27,44,87,.35);
  text-underline-offset:3px}
.fwd-sheet .fwd-prose a:hover{color:var(--gold-ink);text-decoration-color:currentColor}
#content .fwd-page .fwd-prose h2{margin:1.4em 0 .5em;font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
#content .fwd-page .fwd-prose h3{margin:1.3em 0 .4em;font-size:18px;font-weight:700;line-height:1.3}
.fwd-prose ul,.fwd-prose ol{padding-left:1.4em}
.fwd-prose li{margin:0 0 .35em}
.fwd-prose img{max-width:100%;height:auto;border-radius:8px}
.fwd-prose figure{max-width:100%}
.fwd-prose figcaption,.fwd-prose .wp-caption-text{margin-top:6px;font-size:13px;color:var(--muted)}
.fwd-prose .wp-caption{max-width:100%}
.fwd-prose blockquote{padding:4px 0 4px 18px;border-left:3px solid var(--gold);color:var(--ink-2)}
.fwd-prose strong,.fwd-prose b{font-weight:700}
.fwd-prose table{width:100%;border-collapse:collapse;font-size:15px;display:block;overflow-x:auto}
.fwd-prose th,.fwd-prose td{padding:8px 10px;border-bottom:1px solid var(--hair);text-align:left}

/* the editor set the cut — the «more» tag or an excerpt: the lead is shown
   in full, not clipped to a few lines */
.fwd-nw--cut .fwd-nw__lead{display:block;-webkit-line-clamp:none}

/* pages of the list */
.fwd-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}
.fwd-pager a,.fwd-pager span{min-width:40px;padding:9px 13px;border-radius:8px;text-align:center;
  font-size:14px;font-weight:700;color:var(--navy-2);background:var(--surface);box-shadow:var(--sh);
  text-decoration:none}
.fwd-pager a:hover{color:var(--gold-ink)}
.fwd-pager .current{background:var(--navy);color:#fff}
.fwd-pager .dots{background:none;box-shadow:none;color:var(--faint)}

@media (max-width:960px){
  .fwd-nws--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fwd-newsgrid{grid-template-columns:minmax(0,1fr)}
  .fwd-newsside{position:static}
}

@media (max-width:620px){
  .fwd-nws--cards{grid-template-columns:minmax(0,1fr);gap:var(--s2)}
  .fwd-nws--cards .fwd-nw__tx{padding:14px 16px 18px}
  .fwd-nw{grid-template-columns:104px minmax(0,1fr);gap:14px;padding:14px 16px}
  .fwd-nw--text{grid-template-columns:minmax(0,1fr)}
  .fwd-nw__ph{aspect-ratio:1}
  #content .fwd-nw .fwd-nw__t{font-size:16px}
  .fwd-nw__lead{-webkit-line-clamp:2}
  .fwd-article__body{padding:20px 16px 26px}
  .fwd-article h1{font-size:26px}
  .fwd-prose{font-size:16px}
}
