/* Shared phone layout: keep content navigation separate from the header menu. */
@media(max-width:850px){
  html{scroll-padding-top:88px}
  body{overflow-wrap:break-word}
  main,section,article,figure,div{min-width:0}
  img,video,svg{max-width:100%}
  nav:not(#nav):not(#primary-nav){position:static;inset:auto;width:auto;max-width:100%;margin:0;box-shadow:none;background:transparent;border:0;border-radius:0;padding:0;display:flex}
  nav.contents{display:block;margin:20px;padding:20px;border:1px solid #ccdbe4;border-radius:12px}
  nav.group-buttons{display:grid!important;grid-template-columns:1fr!important;gap:12px}
  nav.issue-topic-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}
  nav.issue-topic-grid .button{min-height:86px;padding:16px 12px;font-size:16px;line-height:1.4}
  header{padding:12px 18px;gap:14px}
  .brand strong{font-size:21px}.brand span{font-size:9px}
  #nav{top:100%;left:12px;right:12px;max-height:calc(100dvh - 85px);overflow-y:auto}
  #nav a{min-height:48px;display:flex;align-items:center;justify-content:center}
  .hero{padding:34px 20px 40px}.hero-grid{gap:28px}
  .hero h1{font-size:clamp(36px,10vw,52px);line-height:1.08}
  .hero-photo{width:100%;height:auto!important;aspect-ratio:1;max-width:390px;display:block}
  .hero .campaign-office{font-size:15px;letter-spacing:.04em}
  .hero .support{font-size:22px;line-height:1.4}.hero .lede{font-size:17px;line-height:1.7}
  .actions,.issue-hub-links{display:flex;flex-direction:column;align-items:stretch;gap:12px}
  .button,.cta{max-width:100%;white-space:normal!important;overflow-wrap:anywhere;min-height:48px;line-height:1.4}
  .actions .button,.issue-hub-links .button{display:flex;align-items:center;justify-content:center;width:100%;padding:14px 18px}
  .preview-section,.section,.priorities,.headline-wall{padding:40px 20px}
  .preview-meet,.preview-cards,.compare-grid,.split,.join{grid-template-columns:minmax(0,1fr)!important;gap:20px}
  .preview-card{padding:24px}.preview-section h2,.issue-detail h1{font-size:32px;line-height:1.18}
  .issue-detail p,.issue-detail li,.preview-section p{font-size:17px;line-height:1.75}
  .group-buttons a.button{min-height:84px;padding:16px!important}
  .conservation-endorsement{padding:40px 20px!important}
  .conservation-endorsement>div{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}
  .conservation-endorsement figure{max-width:260px;margin:0 auto!important}
  .conservation-endorsement h2{font-size:32px!important;line-height:1.2}
  .conservation-endorsement blockquote{font-size:19px!important}
  .district-photo-grid{grid-template-columns:minmax(0,1fr);gap:18px}
  .district-photo img{height:auto}.district-photo.wide{margin:24px 0}
  .district-photo figcaption{font-size:12px;overflow-wrap:anywhere}
  .site-footer{padding:36px 20px}.footer-grid{grid-template-columns:minmax(0,1fr)}
  .site-footer nav{flex-direction:column;align-items:flex-start;gap:4px}
  .site-footer nav a{min-height:44px;display:flex;align-items:center;padding:8px 0}
  input,select,textarea{max-width:100%;font-size:16px!important}
  pre{white-space:pre-wrap;overflow-wrap:anywhere}table{max-width:100%}
}
@media(max-width:440px){nav.issue-topic-grid{grid-template-columns:minmax(0,1fr)}}