/* icon_list block (Phase 3 Stage 4).
   CSS ported from design-export/base.css; no literal colour, every value a token.
   icon list grid */

.icon-list { display: grid; gap: var(--gap-grid); grid-template-columns: repeat(4, 1fr); }
/* The `layout` field emits icon-list--{horizontal|vertical|2-col} and nothing
   consumed it, so every layout painted the 4-up default above.
   `--horizontal` IS that default, so it deliberately gets no rule of its own.
   The other two are extracted from sites/dc/dc-child/style.css L11713-11720. */
.icon-list--vertical { grid-template-columns: 1fr; max-width: 600px; }
.icon-list--2-col { grid-template-columns: repeat(2, 1fr); }
.icon-list__item { display: flex; flex-direction: column; gap: .7rem; background: var(--white); border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 1.5rem 1.6rem; }
.icon-list__icon { color: var(--em-color); display: flex; }
.icon-list__heading { font-size: 1.4375rem; margin-bottom: .4rem; }
.icon-list__text { font-size: var(--fs-min); color: var(--muted); }
.icon-list__title { margin-bottom: .5rem; }
.icon-list__intro { margin-bottom: 1.6rem; }
@media (max-width: 64em) { .icon-list { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 40em) { .icon-list, .icon-list--2-col { grid-template-columns: 1fr; } }