.band-paper .kicker { color: var(--accent-day); }
.band-paper .path-card {
  background: var(--card);
  border-color: #d8dfd9;
  border-radius: 10px;
  color: var(--ink);
  box-shadow: 0 2px 5px #17352b06;
  transition: border-color .2s, background .2s;
}
.band-paper .path-card > span { color: var(--accent-day); }
.band-paper .path-card p { color: #4a5a51; }
.band-paper .path-card b { display: flex; justify-content: space-between; align-items: center; gap: 12px; color: #185e4d; }
.band-paper .path-card:hover { background: #fcfefb; border-color: #377d68; }
.band-paper .path-card svg, .band-paper .example-preview-grid b svg {
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.band-paper .action-secondary { color: var(--ink); }
.band-paper .action-secondary svg { color: var(--accent-day); }
.band-paper .action-secondary .action-label { border-color: #71887b; }
.band-paper .action-secondary:hover, .band-paper .action-secondary:hover svg { color: var(--accent-day); }
.band-paper .action-secondary:hover .action-label { border-color: var(--accent-day); }
.band-paper .example-preview-grid > a {
  display: flex;
  flex-direction: column;
  border-color: #d8dfd9;
  border-radius: 10px;
  background: var(--card);
  color: var(--ink);
  box-shadow: 0 2px 5px #17352b06;
  transition: border-color .2s;
}
.band-paper .example-preview-grid > a:hover { border-color: #377d68; }
.band-paper .example-preview-grid img { border-bottom: 1px solid #e3e8e2; }
.band-paper .example-preview-grid > a > span { color: #185e4d; font-size: 15px; font-weight: 550; margin-bottom: 10px; }
.band-paper .example-preview-grid b { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-top: auto; padding-top: 8px; color: #354c3e; line-height: 1.6; }
.band-paper .example-preview-grid b > span { color: inherit; font: inherit; margin: 0; }
.band-paper .demo-caption { color: #526258; }
.band-paper a:focus-visible { outline: 2px solid #0d6b5c; outline-offset: 5px; }
@media (max-width: 800px) {
  .band-paper { padding-block: var(--s-7); }
}
@media (prefers-reduced-motion: reduce) {
  .band-paper .path-card, .band-paper .example-preview-grid > a { transition: none; }
}