.utility-comparison{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px;margin-block:28px}
.utility-example{min-width:0;margin:0}
.utility-example>a{display:block;overflow:hidden;border-radius:12px}
.utility-example img{display:block;width:100%;height:auto}
.utility-example figcaption{margin-top:12px;font-size:14px;line-height:1.6;color:var(--ink-soft);text-wrap:pretty}
.utility-example figcaption strong{display:block;margin-bottom:4px;color:var(--ink)}
.utility-single{width:min(100%,430px);margin:28px auto}
.utility-example .utility-alpha{background:linear-gradient(90deg,var(--paper-bright) 50%,var(--night-soft) 50%)}
.utility-download{display:block;width:fit-content;min-height:44px;align-content:center;margin-top:8px}
.utility-example a:focus-visible{outline:3px solid var(--orange-dark);outline-offset:4px}
.marketing-article .utility-table{width:100%;table-layout:fixed;border-collapse:collapse;margin-block:24px;font-size:15px;line-height:1.55}
.utility-table th,.utility-table td{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);overflow-wrap:break-word}
.utility-table thead th{background:var(--paper-bright);color:var(--ink);font-weight:700}
.utility-table tbody th{font-weight:650;width:36%}
@media(max-width:600px){.utility-comparison{grid-template-columns:minmax(0,1fr);gap:24px;margin-block:24px}.utility-single{margin-block:24px}.marketing-article .utility-table{font-size:14px}.utility-table th,.utility-table td{padding:12px 8px}}