/* Daily Stack compact mobile layer (Oct 6 2026). Mobile only: desktop is untouched.
   Goal: home page about four phone screens at 390px. Hidden sections stay in the HTML and on desktop. */
@media (max-width:700px){
  html body#ds#ds{font-size:16px}
  html body#ds#ds .container{padding-left:18px !important;padding-right:18px !important}

  /* Section rhythm */
  html body#ds#ds main > section{padding-top:28px !important;padding-bottom:28px !important;margin:0 !important;min-height:0 !important}
  html body#ds#ds main > section + section{border-top:1px solid var(--ds-line) !important}
  html body#ds#ds main > section.ds-desk{padding-top:4px !important;border-top:0 !important}
  html body#ds#ds .section-head{display:flex !important;flex-direction:row !important;align-items:flex-end !important;justify-content:space-between !important;gap:12px !important;margin:0 0 14px !important;padding:0 !important}
  html body#ds#ds .section-head .eyebrow{margin:0 0 4px !important;font-size:11px !important}
  html body#ds#ds .section-head .h2,html body#ds#ds main .h2{font-size:21px !important;line-height:1.18 !important;letter-spacing:-.02em !important;margin:0 !important;max-width:none !important}
  html body#ds#ds .section-head .text-link,html body#ds#ds .section-head > a{font-size:13px !important;white-space:nowrap !important;flex:0 0 auto !important;margin:0 !important}

  /* Redundant long-form sections: hidden on phones, still on desktop and on their own pages */
  html body#ds#ds .top-newsletter,
  html body#ds#ds .entry-paths,
  html body#ds#ds .inside-room,
  html body#ds#ds .programming,
  html body#ds#ds .sponsor-experience{display:none !important}

  /* Hero */
  html body#ds#ds .hero{padding-top:28px !important;padding-bottom:22px !important;min-height:0 !important}
  html body#ds#ds .hero .hero-grid{gap:0 !important;min-height:0 !important}
  html body#ds#ds .hero-brand-lockup{margin:0 0 12px !important}
  html body#ds#ds .hero .hero-brand-title{font-size:46px !important;line-height:1 !important}
  html body#ds#ds .hero .hero-topic-line{font-size:19px !important;line-height:1.25 !important;margin-top:8px !important}
  html body#ds#ds .hero .lede{font-size:15px !important;line-height:1.45 !important;margin:0 0 16px !important;max-width:none !important}
  html body#ds#ds .hero .hero-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:10px !important;margin:0 0 12px !important}
  html body#ds#ds .hero .hero-actions .btn{width:100% !important;min-height:44px !important;padding:10px 12px !important;font-size:15px !important;justify-content:center !important}
  html body#ds#ds .hero .hero-links{display:flex !important;flex-wrap:nowrap !important;gap:18px !important;margin:0 !important;font-size:14px !important}
  html body#ds#ds .hero-wide-proof{margin-top:18px !important;padding:0 !important}
  html body#ds#ds .hero-proof-rail{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important;margin:0 !important;padding:0 !important}
  html body#ds#ds .hero-proof-rail article{padding:10px 12px !important;min-height:0 !important;border-radius:12px !important}
  html body#ds#ds .hero-proof-rail strong{font-size:20px !important;line-height:1.1 !important;margin:0 0 2px !important}
  html body#ds#ds .hero-proof-rail span{font-size:11.5px !important;line-height:1.3 !important}

  /* Hosts desk */
  html body#ds#ds .ds-desk .host-ensemble{padding:16px 14px !important;border-radius:16px !important}
  html body#ds#ds .ds-desk .ensemble-head{margin:0 0 12px !important;padding:0 !important;gap:8px !important;align-items:center !important}
  html body#ds#ds .ds-desk .ensemble-head{display:flex !important;flex-direction:row-reverse !important;justify-content:space-between !important;text-align:left !important}
  html body#ds#ds .ds-desk .ensemble-head strong{font-size:17px !important;text-align:left !important}
  html body#ds#ds .ds-desk .ensemble-head div span{display:none !important}
  html body#ds#ds .ds-desk .desk-mark{font-size:10px !important;padding:4px 8px !important}
  html body#ds#ds .ds-desk .ds-group-label{margin:0 0 8px !important;font-size:11px !important}
  html body#ds#ds .ds-desk .ds-group-label-co{margin-top:14px !important}
  html body#ds#ds .ds-desk .ensemble-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important;margin:0 !important;min-height:0 !important;height:auto !important}
  html body#ds#ds .ds-desk .ensemble-host{min-height:0 !important;height:auto !important;padding:0 !important;display:block !important;background:none !important;border:0 !important;box-shadow:none !important;overflow:visible !important;position:relative !important;transform:none !important}
  html body#ds#ds .ds-desk .ensemble-host img{position:static !important;display:block !important;width:100% !important;height:auto !important;aspect-ratio:1/1 !important;object-fit:cover !important;object-position:50% 18% !important;border-radius:50% !important;inset:auto !important;opacity:1 !important}
  html body#ds#ds .ds-desk .ensemble-host > div{position:static !important;padding:6px 0 0 !important;background:none !important;text-align:center !important;inset:auto !important}
  html body#ds#ds .ds-desk .ensemble-host h2{font-size:12px !important;line-height:1.2 !important;min-height:2.4em !important;margin:0 !important;font-weight:600 !important;letter-spacing:-.01em !important}
  html body#ds#ds .ds-desk .ds-stat{display:block !important;margin:3px auto 0 !important;padding:0 !important;background:none !important;border:0 !important;font-size:10.5px !important;line-height:1.2 !important;color:var(--ds-accent) !important;white-space:normal !important}
  html body#ds#ds .ds-desk .ds-lineup{margin:16px 0 0 !important;padding:0 !important;border:0 !important;background:none !important}
  html body#ds#ds .ds-desk .ds-lineup-head{margin:0 0 6px !important;font-size:11px !important}
  html body#ds#ds .ds-desk .ds-lineup-grid{display:block !important;border:1px solid var(--ds-line) !important;border-radius:12px !important;overflow:hidden !important;background:none !important;gap:0 !important}
  html body#ds#ds .ds-desk .ds-lineup-day{display:grid !important;grid-template-columns:38px auto minmax(0,1fr) !important;align-items:baseline !important;column-gap:10px !important;padding:9px 12px !important;min-height:0 !important;border:0 !important;border-top:1px solid var(--ds-line) !important;border-radius:0 !important;background:none !important;text-align:left !important}
  html body#ds#ds .ds-desk .ds-lineup-day:first-child{border-top:0 !important}
  html body#ds#ds .ds-desk .ds-lineup-label{font-size:11px !important;margin:0 !important;padding:0 !important;color:var(--ds-accent) !important;text-transform:uppercase !important;letter-spacing:.06em !important;font-weight:700 !important}
  html body#ds#ds .ds-desk .ds-lineup-day strong{font-size:14px !important;line-height:1.25 !important;margin:0 !important;white-space:nowrap !important}
  html body#ds#ds .ds-desk .ds-lineup-hosts{font-size:12.5px !important;line-height:1.3 !important;margin:0 !important;color:var(--ds-muted) !important;text-align:right !important}

  /* Swipe rows: episodes and clips */
  html body#ds#ds .ds-head-actions{display:flex !important;align-items:center !important;gap:12px !important;flex:0 0 auto !important}
  html body#ds#ds .ds-head-actions .btn-yt{display:none !important}
  html body#ds#ds .yt-grid-home,html body#ds#ds .clip-grid{display:flex !important;grid-template-columns:none !important;flex-wrap:nowrap !important;gap:12px !important;overflow-x:auto !important;scroll-snap-type:x mandatory !important;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -18px !important;padding:0 18px 4px !important;scroll-padding-left:18px}
  html body#ds#ds .yt-grid-home::-webkit-scrollbar,html body#ds#ds .clip-grid::-webkit-scrollbar{display:none}
  html body#ds#ds .yt-grid-home > *,html body#ds#ds .clip-grid > *{flex:0 0 72% !important;max-width:72% !important;width:72% !important;scroll-snap-align:start !important;margin:0 !important;min-height:0 !important}
  html body#ds#ds .clip-grid > *{flex-basis:62% !important;max-width:62% !important;width:62% !important}
  html body#ds#ds .yt-card .yt-body,html body#ds#ds .clip-card .clip-body{padding:10px 12px 12px !important;gap:4px !important}
  html body#ds#ds .yt-card .yt-title,html body#ds#ds .clip-card .clip-hook{font-size:13.5px !important;line-height:1.3 !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important}
  html body#ds#ds .clip-card .clip-hook{-webkit-line-clamp:3 !important}
  html body#ds#ds .clip-card,html body#ds#ds .yt-card{display:flex !important;flex-direction:column !important;grid-template-columns:none !important;padding:0 !important;gap:0 !important;overflow:hidden !important}
  html body#ds#ds .clip-card .clip-thumb,html body#ds#ds .yt-card .yt-thumb{width:100% !important;max-width:none !important;flex:0 0 auto !important;border-radius:0 !important}
  html body#ds#ds .yt-card .yt-meta,html body#ds#ds .clip-card .clip-meta{font-size:11.5px !important}
  html body#ds#ds .yt-thumb img,html body#ds#ds .clip-thumb img{aspect-ratio:16/9 !important;object-fit:cover !important;width:100% !important;height:auto !important}

  /* Featured guests: dense 4-across grid */
  html body#ds#ds .featured-voices .featured-guest-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:14px 10px !important;margin:0 !important}
  html body#ds#ds .featured-voices .featured-guest{display:block !important;padding:0 !important;min-height:0 !important;background:none !important;border:0 !important;box-shadow:none !important;text-align:center !important}
  html body#ds#ds .featured-voices .guest-photo{width:100% !important;height:auto !important;aspect-ratio:1/1 !important;border-radius:50% !important;margin:0 0 6px !important;overflow:hidden !important}
  html body#ds#ds .featured-voices .guest-photo img{width:100% !important;height:100% !important;object-fit:cover !important;border-radius:50% !important}
  html body#ds#ds .featured-voices .featured-guest h3{font-size:12px !important;line-height:1.2 !important;margin:0 !important;font-weight:600 !important}
  html body#ds#ds .featured-voices .section-head .text-link{font-size:0 !important}
  html body#ds#ds .featured-voices .section-head .text-link::after{content:"See all guests \2192";font-size:13px}

  /* Partners: logos only, 4 across */
  html body#ds#ds .partner-proof-strip .partner-proof-head{display:block !important;margin:0 0 14px !important;padding:0 !important}
  html body#ds#ds .partner-proof-strip .partner-proof-head p{display:none !important}
  html body#ds#ds .partner-logo-grid{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr)) !important;gap:8px !important;margin:0 !important}
  html body#ds#ds .partner-logo-card{padding:10px 6px !important;min-height:0 !important;text-align:center !important;border-radius:12px !important}
  html body#ds#ds .partner-logo-card p{display:none !important}
  html body#ds#ds .partner-logo-card strong{font-size:11.5px !important;margin:6px 0 0 !important;display:block !important}
  html body#ds#ds .partner-logo-wrap{height:40px !important;min-height:0 !important;margin:0 auto !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}
  html body#ds#ds .partner-logo-wrap img{max-height:36px !important;max-width:100% !important;width:auto !important;height:auto !important;object-fit:contain !important}

  /* Closing CTA + newsletter */
  html body#ds#ds .platform-action-inner{display:block !important;padding:20px 18px !important}
  html body#ds#ds .platform-action span{font-size:11px !important}
  html body#ds#ds .platform-action h2{font-size:19px !important;line-height:1.25 !important;margin:6px 0 14px !important}
  html body#ds#ds .platform-action-inner > div:last-child{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:12px 16px !important}
  html body#ds#ds .platform-action .btn{min-height:44px !important;padding:10px 16px !important}
  html body#ds#ds .platform-action .text-link{font-size:14px !important}
  html body#ds#ds .newsletter-grid{display:block !important;gap:0 !important}
  html body#ds#ds .newsletter .body-lg{font-size:14px !important;margin-top:6px !important}
  html body#ds#ds .newsletter-form{display:grid !important;grid-template-columns:1fr auto !important;gap:8px !important;margin-top:14px !important}
  html body#ds#ds .newsletter-form input[type=email]{min-height:46px !important;font-size:16px !important;min-width:0 !important}
  html body#ds#ds .newsletter-form .btn{min-height:46px !important;padding:10px 16px !important}

  /* Footer */
  html body#ds#ds .site-footer{padding:28px 0 22px !important;margin:0 !important}
  html body#ds#ds .footer-grid{display:block !important;gap:0 !important}
  html body#ds#ds .footer-brand p{display:none !important}
  html body#ds#ds .footer-brand{margin:0 0 16px !important}
  html body#ds#ds .footer-links{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:12px !important}
  html body#ds#ds .footer-col{display:flex !important;flex-direction:column !important;gap:6px !important}
  html body#ds#ds .footer-col span{font-size:11px !important;margin:0 0 2px !important}
  html body#ds#ds .footer-col a{font-size:13px !important;line-height:1.3 !important;padding:0 !important}
  html body#ds#ds .footer-social{display:none !important}
  html body#ds#ds .footer-bottom{display:flex !important;flex-direction:column !important;gap:4px !important;margin-top:18px !important;padding-top:14px !important;font-size:12px !important}
}