/* Shared small-screen refinements for the Top Story Studios newsroom site. */
@media (max-width: 800px) {
  :root {
    --section-space:56px;
    --hero-top:16px;
    --hero-bottom:42px;
  }
  html { scroll-padding-top:16px; }
  body { overflow-x:clip; }
  .wrap { width:calc(100% - 40px); }
  .masthead { padding:12px 20px; gap:12px; }
  .masthead .brand { width:68px; }
  .main-nav>a,
  .nav-toggle,
  .services-toggle,
  .services-menu a,
  .footer-links a { min-height:44px; }
  .main-nav { max-width:100%; }
  .main-nav>* { min-width:0; }
  .services-menu { max-width:100%; }
  .page-cta { padding:26px 22px; }
  .button { min-height:52px; }
  .pricing-strip { grid-template-columns:minmax(0,1fr); }
  .pricing-strip>.text-link { grid-column:auto; }
  .pricing-inline a { font-size:clamp(12px,4vw,14px); }
  .service-directory .service-rate { overflow-wrap:anywhere; }
  .footer { width:calc(100% - 40px); }
  .footer-top { align-items:flex-start; flex-wrap:wrap; }
  .footer-links { gap:4px 16px; }
  img,video,iframe { max-width:100%; }
  .media-frame,.video-frame,.watch-player,.work-viewer-media { max-width:100%; }
}

@media (max-width: 600px) {
  :root { --section-space:46px; }
  body { font-size:16px; line-height:1.58; }
  .wrap { width:calc(100% - 36px); }
  .masthead { padding:10px 18px; }
  .home-experience .masthead { padding:10px 16px; }
  .home-experience .brand { width:124px; }
  .home-experience .brand>img { width:64px; }
  .home-experience .brand-tagline { font-size:10px; }
  h1,h2,h3 { overflow-wrap:break-word; }
  .section-pad { padding-block:var(--section-space); }
  .hero-layout { gap:26px; }
  .hero-copy h1 { max-width:12ch; }
  .hero-actions { flex-wrap:wrap; align-items:flex-start; }
  .hero-actions .button { min-height:50px; }
  .section-top,.section-heading,.footer-top { gap:14px; }
  .text-link,.small-link { gap:12px; }
  .page-cta { padding:24px 20px; }
  .page-cta h2 { font-size:clamp(30px,8vw,42px); }
  .direct-contact a,.contact-method a { overflow-wrap:anywhere; }
  .pricing-grid { grid-template-columns:minmax(0,1fr); }
  .pricing-card:nth-child(n) { padding:24px 0; border-left:0; }
  .custom-pricing-list { grid-template-columns:minmax(0,1fr); }
  .service-explorer-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .service-explorer-panel { grid-template-columns:minmax(0,1fr); }
  .service-offers { grid-template-columns:minmax(0,1fr); }
  .work-project-grid,.story-grid,.client-story-links,
  .app-capabilities,.app-example-grid,.app-support,
  .backend-case-parts,.backend-process .process-list,
  .health-needs-grid,.health-example-grid,.drone-projects,
  .design-capabilities,.design-connected-grid,.design-work-grid,
  .training-scenarios,.coaching-cycle,.newsroom-perspective,
  .response-path article,.audience-layout,.comms-brief,
  .healthcare-story-types,.care-planning-layout,.healthcare-proof,
  .commercial-heading,.branded-idea,.branded-section-heading,
  .podcast-hero-layout,.podcast-format-section,.podcast-proof,
  .live-opening,.live-production-grid,.live-after,.live-faq,
  .live-runshow-heading,.live-formats,.live-timeline,
  .live-replay-outputs,.legacy-audience-grid,.legacy-film-grid,
  .legacy-process-heading,.legacy-steps,.legacy-questions-grid,
  .legacy-other-stories,.legacy-other-grid,.editorial-newsletter-story,
  .editorial-distribution-heading,.editorial-distribution-grid,
  .editorial-issue-grid,.editorial-memory-grid,.editorial-memory-prompts,
  .editorial-legacy-formats,.pricing-overview .service-intro,
  .connect-hero-grid,.connect-section-grid,.connect-offerings>article {
    grid-template-columns:minmax(0,1fr);
  }
  .services-menu-grid { grid-template-columns:minmax(0,1fr); }
  .service-explorer-nav a:last-child { grid-column:auto; }
  .photo-collage,.social-pair { min-width:0; }
  .photo-print,.work-project,.story,.service-offer { min-width:0; }
  .home-hero { margin-inline:8px; }
  .home-experience .home-gutter { padding-inline:18px; }
  .home-experience .footer { width:calc(100% - 36px); }
  .your-newsroom-page .nr-edition {
    align-items:flex-start;
    flex-direction:column;
    gap:4px;
    padding-block:16px;
  }
  .your-newsroom-page .nr-edition > span {
    max-width:none;
    text-align:left;
    font-size:11px;
  }
}

@media (max-width: 380px) {
  .wrap { width:calc(100% - 32px); }
  .home-experience .home-gutter { padding-inline:16px; }
  .main-nav { padding-inline:18px; }
  .services-menu { padding-inline:14px; }
  .feature-topline { flex-wrap:wrap; }
  .feature-topline .eyebrow,.feature-topline .category-link { max-width:100%; }
}

@media (max-width: 360px) {
  .your-newsroom-page .nr-hero-copy h1 { font-size:clamp(40px,13vw,46px); }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
}