tags AND div-based text containers */ section p, section [class*="-body"], section [class*="-desc"], section [class*="-text"]:not([class*="-title"]):not([class*="-label"]), section .pain-text, section .pillar-desc, section .step-desc, section .step-text, section .value-copy, section .info-text, section .info-value, section .method-desc, section .condition-desc, .problem-subtitle, .transformation-subtitle, .logistics-body, .conditions-intro-body, .about-body--intro { font-size: 0.85rem !important; line-height: 1.75 !important; text-align: center !important; } /* FAQ question text on inner pages — match portrait base size (0.72rem) */ .condition-faq-item button span:first-child { font-size: 0.72rem !important; letter-spacing: 0.14em !important; } .condition-faq-answer p { font-size: 0.72rem !important; line-height: 1.95 !important; } /* Testimonial quotes — keep a touch bigger for visual weight */ .carousel-slide p { font-size: 0.9rem !important; line-height: 1.7 !important; } /* Hero location line — hide dot, shrink text, stack on two lines if needed */ .hero-location { display: block !important; text-align: center !important; } .hero-location .loc-dot { display: none !important; } .hero-location .loc-text { font-size: 0.58rem !important; letter-spacing: 0.18em !important; text-align: center !important; width: 100% !important; display: block !important; } /* Approach "If it's been persistent, it's addressable" italic line */ .conditions-intro-head { font-size: 1.3rem !important; } /* Gold callout box in Approach section — bump back up for visual weight */ #approach > div > .reveal-delay-2 > p:first-child { font-size: 1rem !important; line-height: 1.5 !important; } #approach > div > .reveal-delay-2 > p:last-child { font-size: 0.88rem !important; } /* Decorative watermark on #transformation — shrink it */ #transformation::before { font-size: 6rem !important; } /* Testimonials — hide desktop grids, show mobile carousel in landscape */ .reviews-desktop { display: none !important; } .reviews-carousel { display: block !important; } /* ----- Landscape revisions (Apr 14 2026, pass 2) ----- */ /* (1) Hero loc-text — broad section [class*="-text"] selector at L855 was winning on specificity (0,0,3,1 vs 0,0,2,0). Add #hero prefix to override and shrink. */ #hero .hero-location .loc-text { font-size: 0.5rem !important; letter-spacing: 0.16em !important; line-height: 1.5 !important; opacity: 0.7 !important; } /* (2) "Learn to live with it" — inline margin:-64px 0 0 0 pulls it ABOVE "The Problem" label. Override so it sits BELOW the label with breathing room. */ #problem .problem-subtitle { margin: 28px 0 12px 0 !important; } /* And give the headline a touch of top margin so it doesn't crowd the subtitle */ #problem .problem-headline { margin-top: 28px !important; } /* (3) Reviews carousel — center stars row, name, and conditions row. The quote
is already centered via the broad text rule. */ .reviews-carousel .carousel-slide > div { text-align: center !important; justify-content: center !important; } /* (4) Hip & Glute — match portrait behavior: highlighted cell + MOST COMMON badge. Mirrors L533–536 for landscape viewport. */ .conditions-grid .condition-type--desktop { display: none !important; } .conditions-grid .condition-type--mobile { display: block !important; } a[href="/conditions/hip-glute-pain"].condition-cell { background: var(--gold-pale) !important; } a[href="/conditions/hip-glute-pain"].condition-cell .condition-type--mobile { display: inline-block !important; background: var(--gold) !important; color: var(--ivory) !important; padding: 5px 12px !important; margin-top: 10px !important; font-size: 0.58rem !important; letter-spacing: 0.18em !important; border: none !important; } /* (5) Footer — force all 6 nav items onto one line. Mirrors portrait rule L518–520. */ footer { padding-left: 60px !important; padding-right: 60px !important; } .footer-links { flex-wrap: nowrap !important; gap: 14px !important; justify-content: center !important; padding: 0 !important; margin: 0 !important; } .footer-links li { flex-shrink: 0 !important; margin: 0 !important; padding: 0 !important; } .footer-links a { font-size: 0.5rem !important; letter-spacing: 0.08em !important; white-space: nowrap !important; } /* ----- Inner-page top spacing ----- Inner pages have desktop padding-top values (120px on breadcrumb-bar, 70px on .condition-hero) sized for the tall portrait nav. In landscape the nav is compact (~40px), so this leaves a huge empty band at the top. Pull breadcrumb and hero up close to the nav. */ .breadcrumb-bar { padding-top: 56px !important; padding-bottom: 0 !important; } .condition-hero { padding-top: 24px !important; } .about-hero, .first-visit-hero { padding-top: 56px !important; } /* ----- Home-page-specific text bumps (Apr 15, pass 3) ----- User flagged these specific spots as still too small in landscape. All selectors are home-page-only — inner pages have different structure (.symptom-text, .condition-faq, .treatment-card) and won't be affected. Target: ~1rem body, 0.95rem italic captions. */ /* (1) Hero subhead "It keeps coming back. There's a reason." */ #hero .hero-subhead { font-size: 1rem !important; } /* (2) Hero loc-text "FAIR LAWN, NJ · OUT-OF-NETWORK INSURANCE WELCOME" — bump up from 0.5rem (was too small to read) */ #hero .hero-location .loc-text { font-size: 0.7rem !important; opacity: 0.85 !important; } /* (3) The Cycle / Misconception body in the bordered cards */ #problem .pain-text { font-size: 1rem !important; line-height: 1.7 !important; } /* (4) "Learn to live with it" italic tagline */ #problem .problem-subtitle { font-size: 1rem !important; } /* (5) "When your pain has been passed..." Combination block (4 inline-styled
s) */ #difference p { font-size: 1rem !important; line-height: 1.6 !important; } /* (6) Approach gold-bordered callout — bump existing rule higher */ #approach > div > .reveal-delay-2 > p:first-child { font-size: 1.15rem !important; line-height: 1.55 !important; } #approach > div > .reveal-delay-2 > p:last-child { font-size: 1rem !important; } /* (7) Transformation slash-through items + their gold replacements */ #transformation .transformation-inner > .reveal-delay-2 p { font-size: 1rem !important; line-height: 1.6 !important; } /* (8) Stakes line "The longer it goes... who you are" */ .stakes-line { font-size: 1rem !important; line-height: 1.7 !important; } /* (9) Compensating + compound prose lines */ .compensating-line, .compound-line { font-size: 1rem !important; line-height: 1.65 !important; } /* (10) CTA "Begin Here" intro italic line ("Moving without calculating...") */ #cta .cta-inner > p:not(.cta-label) { font-size: 0.95rem !important; line-height: 1.6 !important; } /* (11) Review carousel quotes — bump from 0.9 to 1rem */ .carousel-slide p { font-size: 1rem !important; line-height: 1.7 !important; } /* ----- Inner condition page bumps (Apr 15, pass 4) ----- User flagged these still-too-small spots on condition pages in landscape. All 12 condition pages share these uniform patterns. Targets via attribute selectors since the elements have no class names. */ /* What's At Stake — body prose ("The longer your X stays locked...") The section is identifiable by its unique inline style. */ section[style*="background: var(--ink)"][style*="rgba(166,138,74,0.15)"] p[style*="rgba(245,240,232,0.7)"] { font-size: 1rem !important; line-height: 1.65 !important; } /* Cochrane-style evidence callout — gold-left-bordered italic stat box. Appears on all 12 condition pages with the same wrapping div pattern. */ div[style*="border-left:3px solid var(--gold)"] p { font-size: 1rem !important; line-height: 1.65 !important; } /* Transformation slash-through items + their gold replacements (condition pages). These
tags have inline font-size:1.1rem; in landscape the broad body rule was forcing them to 0.85rem. Restore to match desktop intent (1.1rem). */ p[style*="text-decoration:line-through"], p[style*="text-decoration:line-through"] + p, p[style*="line-through"] ~ p[style*="color:var(--gold)"] { font-size: 1.1rem !important; line-height: 1.6 !important; } /* Inner condition page testimonial — single review block (Lisa M., etc.). Inline font-size:1.2rem was being forced to 0.85rem by the broad body rule. This is a separate element from the home-page carousel (.carousel-slide). */ section[style*="background: var(--ink)"][style*="rgba(245,240,232,0.06)"] p[style*="font-style:italic"][style*="color:var(--ivory)"] { font-size: 1.05rem !important; line-height: 1.75 !important; } /* Condition-page CTA insurance line — fine-print metadata that was being bumped up to 0.85rem by the broad body rule. Shrink back to fine-print size. */ .condition-cta p[style*="0.58rem"] { font-size: 0.65rem !important; letter-spacing: 0.1em !important; line-height: 1.6 !important; } /* Symptom items — gold dash stays left, text flexes to fill and centers. Mirrors portrait mobile behavior (each inner page line 394). */ .symptom-item { align-items: flex-start !important; } .symptom-text { flex: 1 1 auto !important; text-align: center !important; } }