/* L4-48: the deadline-check GitHub Action. Shared pieces (the workflow file with Copy, the two links), the event-page block
   "Is this in your code?", the home band, the deadlines-page panel and the /github-action page. The workflow file is a dark
   panel in both themes, like the departures board. Tiles on /github-action come from gates.css. */

/* The workflow file */
.ga-yaml{margin:18px 0 0;border:1px solid #000;border-radius:16px;background:#0b0907;color:#efe4d0;overflow:hidden;max-width:640px}
.ga-yaml-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:6px 8px 6px 16px;
  border-bottom:1px solid #ffffff17;
}
.ga-yaml-file{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:none;padding:0;font-size:12px;color:#b3a791}
.ga-copy{flex:none;color:#ffbf47;border-color:#ffffff2e}
.ga-copy:hover{border-color:#ffbf47}
html:not(.js) .ga-copy{display:none}
.ga-yaml-body{margin:0;padding:14px 16px 16px;overflow-x:auto;font:13px/1.6 var(--mono)}
.ga-yaml-body code{background:none;padding:0;font-size:inherit;color:inherit;white-space:pre}

/* Links under it */
.ga-links{display:flex;flex-wrap:wrap;gap:4px 24px;margin:14px 0 0}
.ga-links a,.ga-next a {
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:44px;
  font-weight:800;
  color:var(--link);
}
.ga-say{margin:0;max-width:62ch;font-size:17px;line-height:1.55}

/* Event page block */
.ga-block{display:grid;gap:0 40px}
.ga-text{min-width:0}
@media(min-width:980px){.ga-block{grid-template-columns:minmax(0,1fr) minmax(0,500px);align-items:start}.ga-block .ga-yaml{margin-top:28px}}
.ga-eyebrow{margin:0 0 6px;color:var(--ink-3)}
.ga-block .h2{margin:0 0 10px}
.ga-looks-h{margin:16px 0 6px;font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}
.ga-looks{list-style:none;margin:0;padding:0 0 0 14px;border-left:3px solid var(--accent);display:grid;gap:6px}
.ga-looks b{font-weight:700}
.ga-where{color:var(--ink-2)}
.ga-where code{overflow-wrap:anywhere}
.ga-note{margin:6px 0 0;font-size:14px;color:var(--ink-3)}
.ga-note a{color:var(--link);font-weight:700}

/* Home band, under the research strip */
.ga-band{margin-top:14px;margin-bottom:0}
.ga-band a {
  display:inline-block;
  max-width:100%;
  min-height:44px;
  padding:11px 16px;
  line-height:1.45;
  border-left:4px solid var(--accent);
  border-radius:4px 12px 12px 4px;
  background:var(--bg-2);
  font-size:15px;
  color:var(--ink);
  text-decoration:none;
}
.ga-band a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:3px}
.ga-band .arrow-right{color:var(--link);vertical-align:-2px;margin-left:2px}

/* Big vendor deadlines page */
.ga-panel{margin:40px 0 0;padding:24px 26px;border:1px solid var(--line);border-radius:20px;background:var(--bg-2)}
.ga-panel-title{font:700 24px/1.15 var(--display);letter-spacing:-.02em;margin:0 0 6px}

/* /github-action */
.ga-page{padding-bottom:72px}
.ga-head{padding:28px 0 8px}
.ga-head .eyebrow{color:var(--ink-3)}
.ga-title{margin:0 0 22px;font-size:clamp(34px,4.4vw,56px);line-height:1.02;letter-spacing:-.035em;max-width:18ch}
.ga-count{display:flex;align-items:center;gap:16px 24px;color:#ffbf47;--tw:clamp(50px,7vw,84px);--g:5px}
.ga-big{flex:none}
.ga-big .flap i{border-radius:8px}
.ga-count-say{margin:0;max-width:24ch;font:700 clamp(19px,2.1vw,26px)/1.25 var(--display);letter-spacing:-.02em;color:var(--ink)}
.ga-h2{margin:0 0 10px;font:800 24px var(--display);letter-spacing:-.02em}
.ga-how,.ga-get{margin-top:40px}
.ga-steps{margin:0;padding:0 0 0 22px;display:grid;gap:6px;max-width:62ch;font-size:17px;line-height:1.5}
.ga-steps li::marker{font:500 14px var(--mono);color:var(--link)}
.ga-privacy{margin:14px 0 0;max-width:62ch;font-weight:700}
.ga-next{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:0 24px}
.ga-board {
  margin-top:44px;
  padding:6px clamp(16px,2.6vw,30px) 12px;
  border-radius:20px;
  background:#0b0907;
  color:#efe4d0;
  border:1px solid #000;
  box-shadow:inset 0 1px 0 #ffffff14,0 0 0 6px #1d1a16,0 0 0 7px #34302a;
  max-width:820px;
}
.ga-board-h{margin:0;padding:14px 0 10px;font:500 12px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:#b3a791}
.ga-rows{list-style:none;margin:0;padding:0}
.ga-rows>li{border-top:1px solid #ffffff17}
.ga-row {
  display:grid;
  grid-template-columns:4.5em minmax(0,1fr) auto;
  align-items:baseline;
  gap:4px 16px;
  padding:12px 0;
  color:inherit;
  text-decoration:none;
}
.ga-row:hover .ga-row-what{text-decoration:underline;text-decoration-color:#ffbf47;text-underline-offset:3px}
.ga-row:focus-visible{outline:3px solid #ffbf47;outline-offset:3px}
.ga-row-date{color:#ffbf47;font-size:14px}
.ga-row-what{font-weight:700;color:#fff4de}
.ga-row-left{font-size:13px;color:#b3a791;white-space:nowrap}
.ga-board-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;font-weight:800;color:#ffbf47}
.ga-data{margin-top:24px;font-size:14px;color:var(--ink-3)}
.ga-data a{color:var(--link)}

@media(max-width:560px) {
  .ga-panel{padding:20px}
  .ga-row{grid-template-columns:minmax(0,1fr) auto}
  .ga-row-what{grid-column:1/-1;grid-row:2}
  .ga-count{--tw:46px;--g:4px;gap:14px}
}