/* page-wappingers.css — unique styles for pilots/wappingers-falls-2021-gigp/index.html */

/* Inline link colour inside main body copy */
main a { color: var(--hvb-teal); text-decoration: none; }
main a:hover { text-decoration: underline; }

/* Monospace code spans */
code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  font-size: 0.95em;
}

/* Textured hero (topo pattern — this page does NOT use .site-hero) */
.hero {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(1100px 520px at 15% 10%, rgba(233,169,35,.14), rgba(233,169,35,0) 62%),
    linear-gradient(180deg, rgba(14,59,46,.10), rgba(14,59,46,.02)),
    url("/assets/textures/tx_topo-hudson-lines_tile.svg");
  background-repeat: no-repeat, no-repeat, repeat;
  background-size: cover, cover, 520px 520px;
  border-bottom: 1px solid rgba(14,59,46,.10);
}
.hero-inner { padding: 40px 0 18px; }

/* Asymmetric two-column case layout (not a standard card-grid) */
.grid {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: 14px;
  align-items: start;
}
@media (max-width: 980px) {
  .grid { grid-template-columns: 1fr; }
}

/* KPI pill row */
.kpis {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

/* Amber callout (left-border variant) */
.callout {
  border-left: 4px solid rgba(233,169,35,.65);
  background: rgba(233,169,35,.10);
  padding: 12px;
  border-radius: 12px;
  margin-top: 12px;
  color: var(--hvb-slate);
}

/* Downloads section */
.downloads {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 12px;
}
.dl {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px;
  border: 1px solid rgba(14,59,46,.12);
  border-radius: 12px;
  background: #fff;
}
.dl strong { display: block; }
.dl span { display: block; color: var(--hvb-slate); font-size: 13.5px; margin-top: 2px; }
.dl .btn { padding: 9px 12px; }

/* Pilot preview section */
.pilot-preview .preview-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px;
  align-items: flex-start;
  margin-top: 16px;
  padding-bottom: 16px;
}
.pilot-preview .preview-figure {
  border: 1px solid rgba(14,59,46,.12);
  border-radius: var(--radius-card);
  overflow: hidden;
  background: #fff;
  box-shadow: var(--shadow-1);
}
.pilot-preview .preview-figure img {
  width: 100%;
  height: auto;
  display: block;
}
.pilot-preview .preview-figure figcaption {
  padding: 12px 16px;
  font-size: 13px;
  color: var(--hvb-slate);
  background: #fff;
}
.pilot-preview .preview-copy {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.pilot-preview .preview-note {
  font-size: 14px;
  color: var(--hvb-slate);
}