/* components/rows.css — global. Ruled lists with serif titles. */
.rows{border-top:1px solid var(--rule)}
.row{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:10px clamp(32px,5vw,80px);align-items:baseline;padding:30px 0;border-bottom:1px solid var(--rule)}
.row h3{font-size:1.45rem;font-weight:400}
.row p{color:var(--slate)}
.row > span:empty{display:none}
.section--indigo .rows,.section--indigo .row{border-color:var(--on-indigo-rule)}
.section--indigo .row p{color:var(--on-indigo-muted)}
@media (max-width:760px){.row{grid-template-columns:1fr}}

/* Icon list (two columns) */
.icon-list{display:grid;grid-template-columns:1fr 1fr;gap:0 64px;border-top:1px solid var(--rule)}
.icon-list li{display:flex;gap:20px;align-items:flex-start;padding:30px 0;border-bottom:1px solid var(--rule)}
.icon-list h3{font-size:1.35rem;font-weight:400}
.icon-list p{margin-top:6px;font-size:.95rem;color:var(--slate)}
.ico{flex:none;width:28px;height:28px;margin-top:4px;fill:none;stroke:var(--indigo);stroke-width:1.15;stroke-linecap:square;stroke-linejoin:round}
.section--indigo .icon-list,.section--indigo .icon-list li{border-color:var(--on-indigo-rule)}
.section--indigo .icon-list p{color:var(--on-indigo-muted)}
.section--indigo .ico{stroke:var(--accent-light)}
@media (max-width:760px){.icon-list{grid-template-columns:1fr}}

.tags{display:flex;flex-wrap:wrap;gap:8px}
.tags span{padding:6px 14px;border:1px solid var(--rule);font-size:var(--t-xs);letter-spacing:.01em;color:var(--slate);background:var(--white)}