/* TRi — Software — page-specific rules lifted from frames/modernist-software.html.
   GENERATED by build/build_wp_theme.py */
.sec{padding:76px 0;border-top:2px solid var(--color-divider)}
.eyebrow{color:var(--color-accent);font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 var(--space-3)}
.ph{position:relative;display:grid;place-items:center;background:repeating-linear-gradient(45deg,var(--color-neutral-200),var(--color-neutral-200) 11px,var(--color-neutral-100) 11px,var(--color-neutral-100) 22px)}
.ph > span{font-family:ui-monospace,"SF Mono",Menlo,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-700);background:var(--color-bg);padding:3px 9px;position:relative;z-index:2}
.util{display:flex;align-items:center;gap:var(--space-6);font-size:12px;padding:8px 0;color:color-mix(in srgb,var(--color-text) 65%,transparent)}
.family{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:center}
.family.rev .media{order:2}
.family ul{margin:var(--space-4) 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.family li{display:flex;gap:10px;font-size:15px;line-height:1.4}
.family li svg{flex:none;margin-top:3px;color:var(--color-accent)}
.step{display:flex;gap:var(--space-4);align-items:flex-start}
.step .num{flex:none;width:36px;height:36px;border:2px solid var(--color-text);display:grid;place-items:center;font-family:var(--font-heading);font-weight:var(--font-heading-weight);font-size:15px}