/* The same eyebrow, title and introduction rhythm as the approved Home.
   Existing light/dark section colours, hero typography and card titles remain local. */
#main[data-dn-section-system="1"] .dn-section-opening{display:flex;flex-direction:column;align-items:flex-start;gap:0;min-width:0;margin:0 0 28px}
#main[data-dn-section-system="1"] .dn-section-opening>.eyebrow{display:flex;align-items:center;gap:16px;max-width:none;margin:0 0 14px;font-size:12px;font-weight:800;line-height:1.5;letter-spacing:.065em;text-transform:uppercase}
#main[data-dn-section-system="1"] .dn-section-opening>.eyebrow::after{content:'';display:inline-block;flex:0 0 36px;width:36px;height:26px;margin:0;vertical-align:middle;background:url('/standout-assets/listing-symbol.svg') center/contain no-repeat}
#main[data-dn-section-system="1"] .dn-section-opening>h2{max-width:30ch;margin:0 0 20px;font-size:clamp(36px,3.4375vw,44px);font-weight:900;line-height:1.1;letter-spacing:-.05em;text-wrap:balance}
#main[data-dn-section-system="1"] .dn-section-opening>h2:last-child{margin-bottom:0}
#main[data-dn-section-system="1"] .dn-section-opening>p.dn-section-intro{max-width:76ch;margin:0;font-size:16px;line-height:1.65;text-wrap:pretty}
/* Some compact partner headings already use a small listing symbol. */
#main[data-dn-section-system="1"] .dn-section-opening .eyebrow>.home-section-mark{display:none}
@media(max-width:700px){
 #main[data-dn-section-system="1"] .dn-section-opening{margin-bottom:24px}
 #main[data-dn-section-system="1"] .dn-section-opening>h2{font-size:clamp(30px,8.2052vw,34px)}
 #main[data-dn-section-system="1"] .dn-section-opening>.eyebrow{font-size:12px;gap:12px}
}
@media print{#main[data-dn-section-system="1"] .dn-section-opening>h2{font-size:24px;break-after:avoid}#main[data-dn-section-system="1"] .dn-section-opening>.eyebrow::after{display:none}}

#main[data-dn-section-system="1"] #tools-behind-the-work .dn-section-opening>h2{font-size:clamp(36px,3.4375vw,44px);line-height:1.1}
@media(max-width:700px){#main[data-dn-section-system="1"] #tools-behind-the-work .dn-section-opening>h2{font-size:clamp(30px,8.2052vw,34px)}}
/* Use Home's actual three-line motif, rather than differently sized pseudo logos. */
#main[data-dn-section-system="1"] .dn-section-opening>.eyebrow::after{display:none!important}
#main[data-dn-section-system="1"] .dn-section-glyph{display:inline-grid;flex:0 0 36px;gap:4px;width:36px;margin-left:0;vertical-align:middle}
#main[data-dn-section-system="1"] .dn-section-glyph i{display:block;width:100%;height:3px;border-radius:1px;background:#00b2a9}
#main[data-dn-section-system="1"] .dn-section-glyph i:nth-child(2){width:75%;background:currentColor;opacity:.55}
#main[data-dn-section-system="1"] .dn-section-glyph i:nth-child(3){width:52%;background:currentColor;opacity:.3}
#main[data-dn-section-system="1"].ai-story-page .dn-section-opening>p.dn-section-intro{font-size:16px;line-height:1.65}
/* The older search templates had additional small-screen type overrides. */
#main[data-dn-section-system="1"]{--dn-section-h2:clamp(36px,3.4375vw,44px)}
#main[data-dn-section-system="1"].ai-story-page .dn-section-opening>.eyebrow{font-size:12px}
#main[data-dn-section-system="1"] #more-business-from-search[data-compact-ai-search="1"] .ai-evolution-copy>.dn-section-opening>h2,
#main[data-dn-section-system="1"] #website-and-seo-first[data-booklet-refinement="1"] .sb-foundation-page .dn-section-opening>h2{font-size:var(--dn-section-h2);line-height:1.1}
#main[data-dn-section-system="1"] #more-business-from-search[data-compact-ai-search="1"] .ai-evolution-copy>.dn-section-opening>.eyebrow{font-size:12px}
#main[data-dn-section-system="1"] #more-business-from-search[data-compact-ai-search="1"] .ai-evolution-copy>.dn-section-opening>.dn-section-intro{font-size:16px;line-height:1.65}
@media(max-width:700px){#main[data-dn-section-system="1"]{--dn-section-h2:clamp(30px,8.2052vw,34px)}}