/* Logo grids: framework-only fixes. The library colors "cut" parts of a logo with --lg-cut; the SVG assets use masks instead, so nothing here. */
body .sb-logo-grids .l19 figure img{width:clamp(120px,12vw,160px);height:auto}

/* Fidelity: the design's own tokens (Branding has no slot for them). Light rows only; dark rows keep base.css values. */
/* LOG-16: the design's own primary tint band (9% primary over paper); the framework strips a look's own background. */
body.cc-look-pre-3-6-10 .ct-wrapper.layout-sb-logo-grids:has(.sb-look-16){background:var(--pb-tint) !important}
body .sb-logo-grids .tlink>span[aria-hidden]{font-family:system-ui,sans-serif}
/* Link arrow: one text run, like the design, so the underline is unbroken. */
body .sb-logo-grids .tlink{display:inline-block;min-height:0;padding-block:calc((44px - 1lh) / 2)}


/* Branding Sizes: role overrides kept outside the generated category CSS. */
body .sb-logo-grids .cur { font-size: var(--fs-small) !important; }
body .sb-logo-grids .btn { font-size: var(--fs-buttons); }
body .sb-logo-grids .l03 blockquote { font-size: var(--fs-quotes) !important; }
body .sb-logo-grids .l09 .press blockquote { font-size: var(--fs-quotes) !important; }
body .sb-logo-grids .l11 .big { font-size: clamp(calc(var(--fs-huge) * .55), 9.375vw, var(--fs-huge)) !important; }
body .sb-logo-grids .l15 blockquote { font-size: var(--fs-quotes) !important; }

/* 3.6.10: press pull quotes sit four to a row; at the Quotes size they wrapped one word per line (LOG-09). The design
   sets them at the lead size; a little larger keeps them reading as quotes. */
body:not(.cc-look-pre-3-6-10) .sb-logo-grids .l09 .press blockquote { font-size: calc(var(--fs-lead) * 1.2) !important; }
/* 3.6.10: seals of different shapes sat at different heights, so the captions did not line up (LOG-19). Every seal
   gets the same square box and keeps its whole shape inside it. */
body:not(.cc-look-pre-3-6-10) .sb-logo-grids .l19 figure { align-content: start; }
body:not(.cc-look-pre-3-6-10) .sb-logo-grids .l19 figure img { aspect-ratio: 1; object-fit: contain; }
/* 3.6.10: labels drawn in Secondary (LOG-04 tier names, LOG-13 label) vanished on a dark band when Secondary is dark: there they keep its hue at a
   lightness that reads. */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-logo-grids.sb-dark { --pb-secondary: oklch(from var(--color-sec) max(l, 0.82) c h); }
/* 3.6.10: uploaded logos (PNG/JPG, not inline SVG) stay their own dark ink, invisible on a dark band or 12's photo: there they
   print white, as logo walls do. Logos in a light well (05's boxes) keep their colors. 12's backing is Branding Dark. */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-logo-grids.sb-dark img.lg:not(.lgbox img),
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-logo-grids :is(.l12, .dark) img.lg { filter: brightness(0) invert(1); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-logo-grids .l12 { background-color: var(--pb-ink); }
/* 3.6.10: 05's light logo wells keep dark ink for inline SVG logos on a dark band. */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-logo-grids.sb-dark .l05 .card .lgbox { color: var(--pb-ink); }
/* 3.6.10: 16's tint band read --pb-tint on the row wrapper, where it is not defined, so the band was always clear (white on
   light rows, the page color over a dark row's black, under white words). It paints Branding Fifth on light rows and leaves
   dark rows (Main, Black, photo, Secondary) their own Background. */
body:not(.cc-look-pre-3-6-10) .ct-wrapper.layout-sb-logo-grids:not(.bg-main, .bg-black, .bg-image, .bg-video, .bg-sec):has(.sb-look-16) { background: var(--color-fifth) !important; }