.band { background: var(--carbon) var(--tex-carbon) 0 0 / 512px; color: var(--bond); margin-top: 24px; }
.band__in { max-width: 760px; margin: 0 auto; padding: 36px 18px calc(110px + env(safe-area-inset-bottom)); }
.band__in > * + * { margin-top: 18px; }
.band a { color: var(--bond); text-decoration-thickness: 1px; }
.band :focus-visible { outline-color: var(--bond); }
.ref { display: flex; flex-wrap: wrap; gap: 6px 32px; font: 700 16px/24px var(--font-typed); }
.refnote { font: italic 400 14px/21px var(--font-typed); opacity: .85; margin-top: 2px; }
.cc li { display: grid; grid-template-columns: 4ch 1fr; align-items: baseline; min-height: 44px; }
.cc a { display: inline-flex; flex-wrap: wrap; align-items: baseline; column-gap: 0; padding: 10px 0; min-height: 44px; }
.cc .net { min-width: 11ch; }
.cc .net { font: 600 12px/16px var(--font-printed); letter-spacing: .08em; text-transform: uppercase; }
.disclose { font-size: 14px; line-height: 21px; max-width: 64ch; border-top: 1px solid rgb(245 241 230 / .35); padding-top: 18px; }
.last { font: 400 14px/21px var(--font-typed); opacity: .85; }
@media (min-width: 760px) {
  .band__in { padding: 56px 32px 64px; }
  .ref { font-size: 18px; }
  .disclose { font-size: 15px; line-height: 23px; }
}
@media (min-width: 1100px) { .band__in { padding-bottom: 64px; } }