/* CG166 · The Culture Studio in the family, four products and services, and Back once installed. Loaded last. */
/* the Studio's mark is the 522 master with the System's C: the same cap height as the System and CultureAI in every row */
/* CG167: the four "The Culture ..." marks share one master (474, the commissioned rocket, THE and Culture; the descriptor cut like GROUP), so they share one cap token */
.cg-pmark img:is(.mk-group,.mk-lab,.mk-system,.mk-studio),.cg-fam img:is(.mk-group,.mk-lab,.mk-system,.mk-studio){height:calc(var(--cap) * var(--k-group));width:auto}
/* four products and services: four across on a laptop, two on a tablet, one on a phone */
.cg-parts{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (width<=1180px){.cg-parts{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (width<=820px){.cg-parts{grid-template-columns:1fr}}
/* five marks in the family row: one line on a laptop, wrapping evenly below that */
@media (width>980px){ul.cg-fam{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}}
/* the chart is 1088 wide now; it scales with its figure */
.cg-org svg{width:100%;height:auto}
/* Back, once installed (js/app-cg166.js) */
.px-back{display:none}
.sh-app .px-back{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0 2px 0 -12px;padding:0;border:0;border-radius:12px;background:none;color:#0a1633;cursor:pointer;-webkit-tap-highlight-color:transparent}
.sh-app .px-back svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.sh-app .px-back:active{background:rgba(21,89,245,.1)}
.sh-app .px-back:focus-visible{outline:2px solid #1559F5;outline-offset:2px}
.sh-app .px-back+.px-brand{margin-right:auto}
/* the newest-episode card on a 320 phone pushed the page 31px sideways (on main since CG152's card): the words wrap, the cover gives way */
@media (width<=380px){.tg-whead .tg-ep{grid-template-columns:88px minmax(0,1fr)}.tg-whead .tg-ep-tx{min-width:0}.tg-whead .tg-ep-tx>*{white-space:normal;overflow-wrap:anywhere;min-width:0;max-width:100%}}
/* six functions now (the Group, the companies and the four products and services): six across, three by two below 1180, one on a phone */
.cg-fn{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (width<=1180px){.cg-fn{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (width<=640px){.cg-fn{grid-template-columns:1fr}}