/* Platform Field, Section Layout = Divider (Nov 2, 2026, How We Work Direction B, claude-site).
   Standalone like logo-bar.css because Grunt isn't installed locally; fold into block.scss before the real site.
   Values match the approved mock (site/howwework-directions/build/render.mjs). Off switch: Section Layout = Standard. */

/* The strip: no section padding, logos between two hairlines, a little shorter than the standard bar. */
.tif-platform-field--divider > .container { padding-top: 0 !important; padding-bottom: 0 !important; }
.tif-platform-field--divider .tif-platform-field__bar {
    border-top: 1px solid #e6e1db; border-bottom: 1px solid #e6e1db;
    padding: 30px 0; --tif-logo-height: 22px;
}
@media (max-width: 767.98px) {
    .tif-platform-field--divider .tif-platform-field__bar { padding: 22px 0; --tif-logo-height: 17px; }
}

/* How We Work: the section link is the site's quiet arrow link, not the big outlined button. */
.tif-platform-field--hww .tif-platform-field__link { margin-bottom: 0 !important; margin-top: 4px; }

/* Direction B: a Flow Visual right after How We Work is its picture, so the gap between them closes up. */
.tif-platform-field--hww:has(+ .tif-flow-visual) > .container { padding-bottom: 40px !important; }
.tif-platform-field--hww + .tif-flow-visual > .container { padding-top: 0 !important; }

/* Nov 5, 2026 (3): the label sits centred ABOVE the scrolling bar, 20px gap like the homepage's caption (tif-mb-20); eyebrow style is inline-block, so force full width to centre. */
.tif-platform-field--divider .tif-platform-field__bar-label { display: block; width: 100%; box-sizing: border-box; color: var(--tif-text-muted); margin: 0 0 20px; padding: 30px 0 0; text-align: center; text-indent: 0; }