/* L4-50: internal links. The short gate list (.gl-*: home "This week and next", event "More changes"), the home vendor row and
   the vendor pages (.vh-*, .vx-*; their board is the deadlines board from deadlines.css). Rows are plain lines with a top rule
   and the date in mono: no pills, no boxes. */
.gl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
.gl>li{border-top:1px solid var(--line)}
/* Desktop: date | tool over title | days left. Phones: date · tool · days on one line, the title under them. */
.gl-row {
  display:grid;
  grid-template-columns:6.4em minmax(0,1fr) auto;
  grid-template-areas:"date tool left" "date title left";
  align-items:baseline;
  gap:2px 14px;
  min-height:44px;
  padding:12px 0;
  color:inherit;
  text-decoration:none;
}
.gl-row:hover .gl-title{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.gl-date{grid-area:date;font:500 13px/1.4 var(--mono);color:var(--link)}
.gl-tool{grid-area:tool;min-width:0;font:500 11px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}
.gl-title{grid-area:title;min-width:0;font-weight:700;line-height:1.35;color:var(--ink);overflow-wrap:anywhere}
.gl-left{grid-area:left;font:500 12px/1.4 var(--mono);color:var(--ink-3);white-space:nowrap}
.gl-links{display:flex;flex-wrap:wrap;gap:0 26px;margin:10px 0 0}
.gl-links a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:800;color:var(--link)}

/* Home: under the departures board. */
.home-next{margin-top:40px}
.home-next-h{margin:0 0 10px;font:800 24px/1.15 var(--display);letter-spacing:-.02em}
.home-vendors,.vh-others{margin:18px 0 0;line-height:2.1;color:var(--ink-3)}
.home-vendors a,.vh-others a,.vx-other a{font-weight:700;color:var(--link)}
.home-vendors-k,.vh-others-k{margin-right:6px;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase}

/* Vendor hub and the vendor list. */
.vh{padding-bottom:72px}
.vh-head{max-width:920px;padding:4px 0 28px}
.vh-title{margin:0 0 16px;font-size:clamp(34px,4.4vw,56px);line-height:1.02;letter-spacing:-.035em}
.vh-say{max-width:44ch;margin:0;font:700 clamp(19px,2vw,24px)/1.3 var(--display);letter-spacing:-.01em;color:var(--ink-2)}
.vh-year{display:block;font-size:12px;color:var(--bd-dim)}
.vh-board .dl-item.tone-gone{--st:var(--bd-dim)}
.vh-older{margin-top:22px;border-top:1px solid var(--bd-line)}
.vh-older>summary {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:56px;
  cursor:pointer;
  list-style:none;
  font:800 22px var(--display);
  color:#fff4de;
}
.vh-older>summary::-webkit-details-marker{display:none}
.vh-older>summary::after{content:'+';margin-left:auto;font:500 24px var(--mono);color:var(--bd-dim)}
.vh-older[open]>summary::after{content:'–'}
.vh-older .dl-panel{padding-top:0}
.vh-action-more{margin:8px 0 0}
.vh-action-more a{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:800;color:var(--link)}
.vh>.digest-signup{margin-top:36px}
.vh-others{margin-top:30px}

.vx-rows{list-style:none;margin:0;padding:0}
.vx-rows>li{border-top:1px solid var(--bd-line)}
.vx-row {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,15em);
  align-items:center;
  gap:6px 24px;
  min-height:64px;
  padding:12px 0;
  color:var(--bd-text);
  text-decoration:none;
}
.vx-name{font:800 clamp(20px,2.2vw,26px)/1.1 var(--display);letter-spacing:-.02em;color:#fff4de}
.vx-row:hover .vx-name{text-decoration:underline;text-decoration-color:var(--bd-ink);text-underline-offset:4px}
.vx-row:focus-visible{outline:3px solid var(--bd-ink);outline-offset:3px;border-radius:6px}
.vx-ahead{display:flex;align-items:center;gap:10px;color:var(--bd-ink);--tw:22px;--g:2px}
.vx-k{font:500 11px var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bd-dim)}
.vx-meta{font:500 13px/1.4 var(--mono);color:var(--bd-dim)}
.vx-other{margin-top:36px}
.vx-other p{margin:8px 0 0;line-height:2.1;color:var(--ink-3)}

@media(max-width:760px){
  .gl{grid-template-columns:minmax(0,1fr)}
  .vx-row{grid-template-columns:minmax(0,1fr) auto}
  .vx-meta{grid-column:1/-1}
}
@media(max-width:420px){
  .gl-row{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"date tool left" "title title title";column-gap:10px}
  .gl-tool{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}