/* V92 — Mobile experience refinement
   Desktop remains unchanged. The mobile layout prioritises visual proof,
   concise editorial copy and faster access to the site's key destinations. */

/* Preserve the approved ivory editorial palette on devices that request or
   automatically attempt to generate a dark version of the page. */
:root { color-scheme: only light; }
html, body { background-color: #faf7f1; }

@media (max-width: 700px) {
  html { scroll-padding-top: 66px; }
  body { overflow-x: hidden; }

  /* Global mobile rhythm */
  .section,
  .home-worklist-v27,
  .twl-positioning,
  .how-i-think,
  .v77-home-insights,
  .connect-v73,
  .insights-grid-section,
  .insights-promise,
  .worklist-people,
  .worklist-method,
  .worklist-note,
  .farmac-intro,
  .farmac-capabilities,
  .farmac-markets,
  .farmac-cta { padding-left: 20px !important; padding-right: 20px !important; }

  .section,
  .home-worklist-v27,
  .twl-positioning,
  .how-i-think,
  .v77-home-insights,
  .insights-grid-section,
  .worklist-people,
  .worklist-method { padding-top: 42px !important; padding-bottom: 42px !important; }

  .page-hero,
  .desk-page-hero,
  .twl-essay-head,
  .worklist-criteria-compact { padding: 34px 20px 30px !important; }

  .page-hero h1,
  .desk-page-hero h1,
  .twl-essay-head h1,
  .worklist-criteria-compact h1,
  .farmac-hero-copy h1,
  .wl-profile-hero-copy h1,
  .fintech-profile-hero h1,
  .fintech-profile-hero-photo h1 { font-size: clamp(32px, 9vw, 38px) !important; line-height: 1.06 !important; }

  .section-head,
  .v77-section-intro,
  .worklist-people-head,
  .fintech15-head { gap: 12px !important; margin-bottom: 24px !important; }

  .section-head h2,
  .home-worklist-intro h2,
  .twl-positioning h2,
  .how-i-think .how-head h2,
  .audit-founder-copy h2,
  .v77-home-insights h2,
  .connect-v73 h2,
  .insights-promise h2,
  .worklist-method h2,
  .worklist-people-head h2,
  .fintech15-head h2 { font-size: clamp(28px, 8vw, 34px) !important; line-height: 1.08 !important; }

  /* Opening: concise statement followed immediately by visual proof */
  .audit-hero { padding: 30px 20px 36px !important; gap: 28px !important; }
  .audit-hero h1 { font-size: clamp(34px, 10vw, 40px) !important; line-height: 1.04 !important; margin: 13px 0 18px !important; }
  .audit-hero-copy > p:not(.audit-hero-lead) { display: none; }
  .audit-hero .audit-hero-lead { font-size: 17px !important; line-height: 1.45 !important; margin-bottom: 20px !important; }
  .audit-hero-actions { margin-top: 20px !important; gap: 14px !important; }
  .audit-hero-actions .btn { padding: 14px 16px !important; }
  .hero-proof-head { display: none !important; }
  .hero-proof-feature { grid-template-columns: 118px 1fr !important; gap: 18px !important; padding: 18px 0 !important; }
  .hero-proof-covers { height: 160px !important; }
  .hero-proof-covers img { width: 88px !important; max-height: 150px !important; }
  .hero-proof-covers img:first-child { left: 0 !important; top: 3px !important; }
  .hero-proof-covers img:last-child { left: 48px !important; top: 13px !important; }
  .hero-proof-copy h2 { font-size: 27px !important; margin-bottom: 8px !important; }
  .hero-proof-copy p { margin-bottom: 12px !important; }
  .hero-proof-links { grid-template-columns: 1fr 1fr !important; }
  .hero-proof-links a { min-height: 94px !important; padding: 17px 10px 14px 0 !important; }
  .hero-proof-links a + a { padding-left: 14px !important; border-left: 1px solid #d4c7b4 !important; }
  .hero-proof-links strong { font-size: 17px !important; }
  .hero-proof-links small { display: none; }

  /* Homepage destinations */
  .home-worklist-intro { gap: 12px !important; margin-bottom: 24px !important; }
  .home-worklist-intro h2 br,
  .twl-positioning h2 br,
  .companies-section .section-head h2 br,
  .publication-showcase .section-head h2 br,
  .connect-v73 h2 br { display: block; }
  .home-worklist-intro p,
  .twl-positioning-grid > p,
  .companies-section > .section-head > p,
  .publication-showcase > .section-head > p,
  .v77-home-insights > .v77-section-intro > p,
  .connect-v73-head > p { display: none !important; }
  .home-list-card { min-height: 148px !important; grid-template-columns: 58px minmax(0, 1fr) !important; gap: 18px !important; padding: 20px !important; }
  .home-list-card p { display: none; }
  .home-list-number { font-size: 42px !important; padding-right: 14px !important; }
  .home-list-copy { padding: 6px 0 !important; }
  .home-list-copy h3 { font-size: 23px !important; margin: 10px 0 15px !important; }
  .home-list-card img,
  .home-list-wordmark { display: none !important; }

  .twl-positioning-grid { margin-bottom: 20px !important; }
  .twl-positioning .twl-pillars { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .twl-positioning .twl-pillars a { min-height: 118px !important; padding: 20px 15px !important; border-bottom: 1px solid #d8cdbd !important; }
  .twl-positioning .twl-pillars a:nth-child(odd) { border-right: 1px solid #d8cdbd !important; }
  .twl-positioning .twl-pillars a:nth-child(even) { border-right: 0 !important; }
  .twl-positioning .twl-pillars a:nth-last-child(-n+2) { border-bottom: 0 !important; }
  .twl-positioning .twl-pillars span { font-size: 9px !important; line-height: 1.4 !important; }

  .company-feature-copy { padding: 28px 20px !important; }
  .company-feature-copy .company-lead { font-size: 12px !important; line-height: 1.55 !important; }
  .company-facts { grid-template-columns: repeat(2, 1fr) !important; margin: 20px 0 !important; }
  .company-feature-v64 .company-feature-image { max-width: none !important; }
  .pub-grid { gap: 34px !important; }
  .pub p { display: none; }
  .pub h3 { margin-bottom: 12px !important; }

  /* Founder: image and one clear idea, with the full story available separately */
  .audit-founder { gap: 24px !important; padding: 42px 20px !important; }
  .audit-founder-copy > p:not(.audit-role):not(.audit-founder-lead) { display: none; }
  .audit-founder-lead { font-size: 17px !important; line-height: 1.5 !important; }
  .audit-founder blockquote { font-size: 18px !important; margin: 18px 0 !important; }
  .audit-founder-actions { gap: 14px !important; margin-top: 18px !important; }

  .how-i-think .how-head { padding-bottom: 18px !important; }
  .how-i-think .how-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .how-i-think .how-grid article { min-height: 132px !important; padding: 20px 15px !important; }
  .how-i-think .how-grid article:nth-child(odd) { border-right: 1px solid #ddd2c3 !important; }
  .how-i-think .how-grid article:nth-child(even) { border-right: 0 !important; }
  .how-i-think .how-grid article:nth-last-child(-n+2) { border-bottom: 0 !important; }
  .how-i-think .how-grid h3 { font-size: 18px !important; line-height: 1.15 !important; }
  .how-i-think .how-grid p { display: none; }

  .v77-home-insights-grid a { min-height: 0 !important; padding: 24px 20px !important; }
  .v77-home-insights-grid p { display: none; }
  .connect-v73-routes { grid-template-columns: 1fr 1fr !important; }
  .connect-v73-routes a { min-height: 132px !important; padding: 20px 15px !important; }
  .connect-v73-routes strong { font-size: 17px !important; }
  .connect-v73-direct { padding: 20px 0 0 !important; }

  /* Insights landing */
  .v77-insights-hub { padding: 36px 20px 42px !important; }
  .v77-insights-hub > .v77-section-intro > p,
  .v77-feature-pull,
  .v77-supporting-insights p,
  .insights-topic-grid article p,
  .insights-promise > div:last-child > p { display: none !important; }
  .v77-featured-insight { padding: 24px 0 !important; gap: 16px !important; }
  .v77-feature-no { font-size: 42px !important; }
  .v77-feature-copy h2 { font-size: 28px !important; }
  .v77-supporting-insights { gap: 0 !important; }
  .v77-supporting-insights a { padding: 22px 0 !important; }
  .insights-topic-grid { grid-template-columns: 1fr 1fr !important; }
  .insights-topic-grid article { min-height: 132px !important; padding: 20px 15px !important; }
  .insights-topic-grid h3 { font-size: 18px !important; line-height: 1.18 !important; }
  .insights-promise { padding-top: 38px !important; padding-bottom: 38px !important; }

  /* Work List overview: let portraits and names do the work */
  .worklist-criteria-compact p { font-size: 15px !important; line-height: 1.5 !important; }
  .worklist-people-head > p,
  .people-grid .founder-profile-card > p,
  .fintech-profile-card > p:not(.fintech-role),
  .fintech15-head > div:last-child > p { display: none !important; }
  .people-grid { gap: 18px !important; }
  .founder-profile-card { min-height: 0 !important; padding-bottom: 24px !important; }
  .founder-card-photo { height: 240px !important; }
  .worklist-method-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .worklist-method-grid article { margin: 0 !important; padding: 20px 14px !important; }
  .worklist-method-grid p { display: none; }
  .worklist-note { padding-top: 28px !important; padding-bottom: 34px !important; }

  /* Detail pages retain full editorial content, with calmer typography */
  .wl-profile-story,
  .wl-profile-why,
  .wl-profile-connect,
  .twl-essay-copy,
  .twl-essay-connect { padding-left: 20px !important; padding-right: 20px !important; }
  .wl-profile-story,
  .wl-profile-why { padding-top: 38px !important; padding-bottom: 38px !important; }
  .wl-profile-why h2,
  .wl-profile-connect h2,
  .twl-essay-copy h2,
  .twl-essay-connect h2 { font-size: 28px !important; line-height: 1.12 !important; }

  /* Mobile overlay must never overwhelm the viewport */
  .mali-float { right: 12px !important; bottom: 12px !important; }
  .mali-float-panel { right: 0 !important; bottom: 0 !important; width: calc(100vw - 32px) !important; max-height: 72vh !important; overflow-y: auto !important; padding: 24px 20px 20px !important; }
  .mali-float:has(.mali-float-panel.open) .mali-float-trigger { opacity: 0; pointer-events: none; }
  .mali-qr { display: none !important; }
  .mali-float-panel h3 { font-size: 28px !important; margin: 10px 0 !important; }
  .mali-float-panel p { font-size: 11px !important; margin-bottom: 14px !important; }
  .mali-whatsapp-btn,
  .mali-intro-btn { padding: 15px 12px !important; }
  .mali-float-panel > small { margin-top: 10px !important; }
}

@media (prefers-color-scheme: dark) {
  :root { color-scheme: only light; }
  html, body { background: #faf7f1 !important; color: #292621 !important; }
}

@media (max-width: 390px) {
  .audit-hero h1 { font-size: 33px !important; }
  .hero-proof-feature { grid-template-columns: 104px 1fr !important; gap: 14px !important; }
  .hero-proof-covers img { width: 80px !important; }
  .hero-proof-covers img:last-child { left: 42px !important; }
  .audit-hero-actions { align-items: flex-start !important; flex-direction: column !important; }
}