/* CG149 · the platform story under the two phones: what the operating system does in a company we own */
.tg-os{list-style:none;margin:clamp(48px,5vw,72px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid var(--px-line)}
.tg-os li{display:grid;gap:10px;align-content:start;padding:28px 28px 0 0}
.tg-os li+li{padding-left:28px;border-left:1px solid var(--px-line)}
.tg-os b{font:600 18px/1.3 var(--px-sans);color:var(--px-ink);text-wrap:balance}
.tg-os span{font:400 15.5px/1.6 var(--px-sans);color:var(--px-body);text-wrap:pretty}
.tg-os-l{margin:clamp(36px,4vw,52px) 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:10px 28px;font:480 clamp(22px,2.2vw,28px)/1.3 var(--px-serif);color:var(--px-ink)}
.tg-os-l a{font:500 16px/1.4 var(--px-sans);color:var(--px-blue);text-decoration:none}
.tg-os-l a:hover{text-decoration:underline;text-underline-offset:3px}
.tg-os-l a:focus-visible{outline:2px solid var(--px-blue);outline-offset:3px;border-radius:4px}
@media (max-width:980px){.tg-os{grid-template-columns:1fr 1fr}.tg-os li:nth-child(3){padding-left:0;border-left:0}.tg-os li:nth-child(n+3){border-top:1px solid var(--px-line);margin-top:28px}}
@media (max-width:560px){.tg-os{grid-template-columns:1fr}.tg-os li,.tg-os li+li{padding:22px 0 0;border-left:0}.tg-os li+li{border-top:1px solid var(--px-line);margin-top:22px}}
