body .sb-imagery p.eyebrow{font-size:var(--st-type-label) !important;line-height:1.3 !important}
body .sb-imagery .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-imagery .tlink{display:inline-block;min-height:0;padding-block:calc((44px - 1lh) / 2)}
body .sb-imagery.sb-blk.sb-blk:not(.sb-dark){--pb-surface:var(--pb-tint)}


/* Branding Sizes: role overrides kept outside the generated category CSS. */
body .sb-imagery .doc-top h1 { font-size: clamp(calc(var(--fs-titles) * .65), 4.0625vw, var(--fs-titles)); }
body .sb-imagery .cap-t { font-size: var(--fs-titles-small); }
body .sb-imagery .i9-q blockquote { font-size: var(--fs-quotes); }
body .sb-imagery .i9-q blockquote::before { font-size: clamp(calc(var(--fs-huge) * .55), 9.375vw, var(--fs-huge)) !important; }
body .sb-imagery .i10-word { font-size: clamp(calc(var(--fs-huge) * .55), 9.375vw, var(--fs-huge)); }
body .sb-imagery .i13-num { font-size: clamp(calc(var(--fs-huge) * .55), 9.375vw, var(--fs-huge)); }
body .sb-imagery h2.h3 { font-size: clamp(calc(var(--fs-titles) * .65), 4.0625vw, var(--fs-titles)) !important; }
/* 3.6.10 fit pass. IMG-10: the photo's pull-up was sized for the old 272px word, so at the Branding Huge size the photo
   hid the word. The overlap now follows the word's own size, and a longer heading wraps instead of running off screen. */
body:not(.cc-look-pre-3-6-10) .sb-imagery .i10-word { line-height: 1 !important; padding-top: .04em; margin-bottom: -.16em; white-space: normal; text-wrap: balance; }
body:not(.cc-look-pre-3-6-10) .sb-imagery .i10 .ph { margin-top: 0; }
/* 3.6.10: on a dark band the soft tint (Branding Fifth) that panels, bands and cards paint turns into the same faint light
   tint as the surface, so the white text the band gives them stays readable (IMG-12 printed white on a light tint). */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-imagery:not(.sb-edge).sb-dark { --pb-tint: color-mix(in srgb, var(--color-white) 8%, transparent); }
/* 3.6.10: looks that paint their own light band (IMG-12: the category's page color or a tint) keep their light-row colors
   on a dark row, so they render the same on every row. The dark row only turned their text white (white on their own
   light band). */
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-imagery.sb-edge.sb-dark:is(.sb-look-12) { --pb-text: var(--color-body, var(--color-headings)); --pb-muted: var(--color-muted); --pb-border: var(--color-line); --pb-surface: var(--color-surface, var(--color-fourth)); --form-label-color: inherit; color: var(--pb-text); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-imagery.sb-edge.sb-dark:is(.sb-look-12) .btn:not(.ghost):not(:is(.dark, .ink, .is-dark, .on-dark) *) { background: var(--btn-fill); color: var(--btn-color); border-color: var(--btn-border); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-imagery.sb-edge.sb-dark:is(.sb-look-12) .btn.ghost:not(:is(.dark, .ink, .is-dark, .on-dark) *) { background: transparent; color: var(--btn-outline); border-color: var(--btn-outline); }
body:not(.cc-look-pre-3-6-10) .sb-blk.sb-blk.sb-blk.sb-blk.sb-imagery.sb-edge.sb-dark:is(.sb-look-12) .tlink:not(:is(.dark, .ink, .is-dark, .on-dark, .photo, .ov) *) { color: var(--color-link); }