/* Front page and news pages (Plan 2, Task 6). Builds on the front-page and wire rules in site.css. */

/* v1 has no "seconds" column beside the lead, so the lead package is one column. */
.lead-pk{grid-template-columns:minmax(0,1fr)}
.lead .dek{max-width:62ch}
.front-main > .wire:first-child{padding-top:0}

/* The filter bar is a plain GET form. */
.ctrls fieldset.grp{border:0;margin:0;padding:0;min-width:0}
.ctrls fieldset.grp legend{float:left;padding:0;margin-right:2px}
.ctrls .w-clear{font-size:13px;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px}
.ctrls .w-clear:hover{color:var(--ink)}
.wire-h p .link{margin-left:8px}

/* Wire items: the headline is a link to the item page. */
h3.w-day{margin:0}
.w-item h4{margin:0}
a.w-hl{display:inline}
.w-feed{min-width:0}
.w-empty{max-width:62ch}
.w-empty .link,.empty .link{display:inline}

/* Rail */
.rail-empty{font-size:14px;color:var(--ink-3)}
.rail-more{margin-top:10px;font-size:13.5px}
.cd .left:empty{display:none}
.pm .sub{font:400 13px/1.4 var(--sans);color:var(--ink-2)}
.pm a.id:hover{text-decoration:underline}

/* News item page */
.news-item .page-h{grid-template-columns:minmax(0,1fr)}
.news-item .page-h .kick{margin-bottom:10px}
.news-item .page-h h1{max-width:30ch}
.news-item .page-h .meta{margin-top:12px}
.ni-body{padding-top:24px;max-width:72ch}
.ni-body .dek{margin-top:0}
.news-item .page-h h1 .ni-hl{color:inherit;text-decoration:none}
.news-item .page-h h1 .ni-hl:hover,.news-item .page-h h1 .ni-hl:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.15em}
.ni-more{margin:10px 0 0;font-size:14.5px}
.ni-body .todo{margin-top:18px;padding-block:12px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.ni-facts{display:grid;grid-template-columns:96px minmax(0,1fr);gap:8px 14px;margin:22px 0 0;font-size:14.5px}
.ni-facts > div{display:contents}
.ni-facts dt{font:600 11px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);padding-top:3px}
.ni-facts dd{margin:0;min-width:0;display:flex;flex-wrap:wrap;gap:4px 12px;overflow-wrap:anywhere}
.ni-back{margin-top:28px;font-size:14px}
/* Plan 3: every source in a cluster, and the "N sources" link on a wire row. */
.kick a.w-n{color:inherit;text-decoration:underline;text-underline-offset:3px}
.kick a.w-n:hover{color:var(--ink)}
.ni-sources{margin-top:26px;border-top:1px solid var(--rule)}
.ni-sh{font:600 11px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);margin:14px 0 6px}
.ni-sources ul{list-style:none;margin:0;padding:0}
.ni-sources li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 14px;padding:10px 0;border-bottom:1px solid var(--rule);font-size:14.5px}
.ni-sources .ni-src{grid-column:1/-1;font:600 11px var(--sans);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3)}
.ni-sources .link{display:inline;overflow-wrap:anywhere}
.ni-sources .ni-when{font:400 12.5px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-3);white-space:nowrap}
/* Model IDs in the rail wrap instead of being cut off: the ID is the whole point of the row. */
.rail .cd .id,.rail .pm .id{white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.rail .cd .sub{white-space:normal}
/* The provider line and the date label take their own full-width rows, so the ID only shares its row with "N days". */
.rail .cd .sub,.rail .cd .when{grid-column:1/-1;text-align:left}