/* The shared keyword kit supplies tiles. This sheet composes the guide band. */
.public-howto { margin-block: var(--section-gap) 0; }
.public-howto-intro { display: grid; align-content: start; gap: var(--space-4); margin-block-end: var(--space-8); min-inline-size: 0; }
.public-howto-intro > h2 { margin: 0; }
.public-howto .public-howto-card { background: transparent; align-content: stretch; grid-template-rows: auto minmax(0, 1fr) auto; }
.public-howto-card > .kw-tile-key { grid-row: 1; }
.public-howto-card > .kw-tile-line { grid-row: 2; }
.public-howto.has-unavailable-guides .public-howto-card { grid-template-rows: auto auto minmax(0, 1fr) auto; }
.public-howto-availability { grid-row: 3; }
.public-howto-actions > .btn { min-inline-size: 0; max-inline-size: 100%; white-space: normal; }
[data-howto-stakeholder='notary'] { --action-accent: var(--accent-purple); }
[data-howto-stakeholder='partner'] { --action-accent: var(--accent-gold); }
.public-howto-actions { grid-row: -2 / -1; align-self: end; }
@media (min-width: 1100px) {
  .public-howto { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--gap); }
  .public-howto-intro { padding-block-start: var(--space-8); margin-block-end: 0; }
  .public-howto-grid { display: contents; }
  .public-howto[data-count='1'] > .public-howto-intro { grid-column: span 2; }
  .public-howto[data-count='1'] .public-howto-card { grid-column: span 2; }
  .public-howto[data-count='2'] { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .public-howto[data-count='0'] { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 479.98px) {
  .public-howto-actions, .public-howto-actions > .btn { inline-size: 100%; }
}
