/* ===================================================================== dromley-mobile-sitewide.css · v1.6.1 · Phase 1.6 · Template Extension Phones only: the whole file sits inside @media (max-width: 768px), and the that loads it carries the same media query. Every page except the SureForms forms (/form/...) and /calendar/ (GP Element display rules). Nothing here changes layout, content or the DOM. 1. Brand body font on every phone (Lato where a block never set a font) 2. Body text standard on the detail templates, Company and the legal pages 3. Legibility floor: no reading text under 11.5px (forms and menu excluded) 4. Whole-card tap on the Advisory and Publications listings (as Analysis already has) 5. One tap response for every link (styles for dromley-mobile-sitewide.js) Built from a crawl of all 85 sitemap URLs on 27 Oct 2026 (phone width). ===================================================================== */ @media (max-width: 768px) { /* ---------- 1 · brand body font ---------- The theme's base font is the device font (-apple-system / Roboto / Segoe UI). Every block that never set its own font fell back to it. Setting the base to Lato fixes all of them at once; headings and blocks that set their own font (DM Serif Display, Lato) are not affected. Forms keep what they have today (Phase 2), so does the header and its menu (Menu v4 sets its own fonts). */ body { font-family: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; } :where(form, .srfm-form-container, .iti, .latepoint-w, .latepoint-lightbox-w) { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; } /* strong / b inside legal text inherited the device font through a span: now Lato via body */ /* ---------- 2 · body text standard (the Phase 1.5 pages' measure: 16.5px / 1.62 / #3B4637) ---------- */ /* Analysis detail (every post) */ body.single-dromley_li_post :is(.ana-col p, .faq-answer p) { font-size: 16.5px !important; line-height: 1.62 !important; } body.single-dromley_li_post :is(.faq-answer p, .ana-faq .ana-col p) { color: #3B4637 !important; } /* Fundamentals detail (every term) */ body.single-glossary .gb-tabs__item :is(p, li) { font-size: 16.5px !important; line-height: 1.62 !important; color: #3B4637 !important; } /* Publications detail (every publication) */ body.single-publication :is(article.article p, .kt li) { font-size: 16.5px !important; line-height: 1.62 !important; color: #3B4637 !important; } /* Company */ body.page-id-10991 :is(p.foundation-item-desc, .cat-cbody p, .conc-t-step p, .conc-cell p, p.leader-bio, p.ld, p.sf) { font-size: 16.5px !important; line-height: 1.62 !important; color: #3B4637 !important; } /* Privacy and Terms: section text, and the boxed key-point lists (keep their 15px, open the leading) */ body:is(.page-id-5453, .page-id-5399) .gb-accordion__content p.gb-text { font-size: 16.5px !important; line-height: 1.62 !important; color: #3B4637 !important; } body:is(.page-id-5453, .page-id-5399) .gb-accordion__content :is(.gb-element-ef5c76db, .gb-element-42295beb, .gb-element-6050bde9, .gb-element-c48fb97b, .gb-element-59166810) p.gb-text { font-size: 15px !important; line-height: 1.6 !important; } /* ---------- 3 · legibility floor 11.5px (labels, eyebrows, tags, footer) ---------- */ :is( .drom-rt-label, /* "Related Service" / "See also": Analysis, Fundamentals, Publications */ .drom-ft-cdl, .drom-ft-mob-concept a, /* footer labels and links (every page) */ body.single-dromley_li_post :is(p.ana-eyebrow, p.ana-eyebrow a), body.post-type-archive-dromley_li_post :is(.anl-pillar, .anl-eyebrow), body.single-publication :is(.mtx .it, section.hero .eyebrow, .ov-h, .kick, p.gb-text-09e5ea8d, p.gb-text-07132ed5, p.gb-text-69df9645, p.gb-text-96b61fc3, p.gb-text-e2f4d0fc, .pub-readstrip__label, .pub-readstrip__link), body.page-id-7036 p.gb-text-843ed99a, body.page-id-10991 :is(.strip-rl, span.stop, .cred-frame .cap, .aff .badge), body.page-id-6884 :is(p.gb-text-09ba35ae, p.gb-text-bd90eedc, p.gb-text-bf1f65ed), body.page-id-9358 p.gb-text-ceb16881 ) { font-size: 11.5px !important; } /* ---------- 4 · whole-card tap on the Advisory and Publications listings ---------- Same technique the Analysis listing already uses: the title link is stretched, invisibly, over the card's text block, so a tap anywhere on it opens the detail page. Nothing moves or changes colour. "View Engagement" / "Explore This Research" sit above it and keep working. */ body:is(.page-id-7322, .page-id-7036) .gb-element-d5f76032 h2.gb-text a::after { content: ""; position: absolute; inset: 0; z-index: 1; } body:is(.page-id-7322, .page-id-7036) .gb-element-d5f76032 :is(a.gb-text-4d1f197a, a.gb-text-52c71cf6) { position: relative; z-index: 2; } /* ---------- 5 · tap response (classes set by dromley-mobile-sitewide.js) ---------- The class is repeated three times on purpose: it outranks the site's own link rules (e.g. the Fundamentals A-Z list sets its underline to transparent with !important). */ html body a.dm-tap-text.dm-tap-text.dm-tap-text { text-decoration: underline !important; text-decoration-color: currentColor !important; text-decoration-thickness: 1.5px !important; text-underline-offset: 4px !important; } html body a.dm-tap-ul.dm-tap-ul.dm-tap-ul { text-decoration-color: #A87C4F !important; text-decoration-thickness: 2px !important; } html body .dm-tap-title.dm-tap-title.dm-tap-title { text-decoration: underline !important; text-decoration-color: currentColor !important; text-decoration-thickness: 1.5px !important; text-underline-offset: 4px !important; } .dm-tap-arrow { display: inline-block; transform: translateX(5px); transition: transform .25s cubic-bezier(.2,0,0,1); } .dm-press { transform: scale(.985) translateY(1px); filter: brightness(.985); transition: transform .12s cubic-bezier(.2,0,0,1), filter .12s linear; } .dm-press-inline { opacity: .6; transition: opacity .12s linear; } :is(.dm-press, .dm-press-inline) { -webkit-tap-highlight-color: transparent; } @media (prefers-reduced-motion: reduce) { .dm-tap-arrow, .dm-press { transform: none !important; transition: none !important; } } }