/* Confirmed narrow-screen clipping, found in the post-restoration layout audit. */
@layer editorial {
  #main-content .contact-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
  #main-content .contact-grid > * { min-width:0!important; }
  #main-content .contact-form-wrap :is(input,select,textarea) { min-width:0!important; max-width:100%!important; box-sizing:border-box!important; }
  #main-content .wg-step li code { overflow-wrap:anywhere!important; white-space:normal!important; }
  @media(max-width:900px) {
    #main-content .contact-grid { grid-template-columns:minmax(0,1fr)!important; }
  }
  @media(max-width:480px) {
    #main-content .contact-form-wrap { padding:20px!important; }
    #main-content .pt-head-top { flex-wrap:wrap!important; }
    #main-content .pt-brand { min-width:0!important; flex:1 1 180px!important; }
    #main-content .pt-stats { flex-wrap:wrap!important; max-width:100%!important; }
    #main-content .pt-modes { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
    #main-content .pt-mode { min-width:0!important; min-height:44px!important; padding:8px 4px!important; font-size:14px!important; line-height:1.35!important; white-space:normal!important; overflow-wrap:anywhere!important; }
  }
}

/* Source lists emitted after the article grid need the same page gutters. */
@layer editorial {
 #main-content > .editorial-sources { box-sizing:border-box!important; width:calc(100% - 48px)!important; max-width:1180px!important; margin:0 auto 32px!important; padding:24px 0!important; border-top:1px solid #cbd8ce!important; }
 #main-content .editorial-sources { min-width:0!important; }
 #main-content .editorial-sources h2 { margin:0 0 16px!important; }
 #main-content .editorial-sources ul { margin:0!important; padding:0 0 0 24px!important; list-style:disc outside!important; }
 #main-content .editorial-sources li { margin:8px 0!important; padding:0!important; }
 #main-content .editorial-sources a { color:#234731!important; text-decoration:underline!important; text-underline-offset:3px!important; overflow-wrap:anywhere!important; }
 #main-content .editorial-sources a:focus-visible { outline:3px solid #476c56!important; outline-offset:3px!important; }
 @media(max-width:540px) { #main-content > .editorial-sources { width:calc(100% - 32px)!important; } }
}

/* Confirmed follow-up: event-label contrast and narrow-page gutters. */
@layer editorial {
 #main-content.events-calendar :is(.event-meta .meta-label,.event-date-review,.event-date-review time) { color:#52665a!important; font-size:14px!important; line-height:1.5!important; }
 @media(max-width:540px) {
  #main-content.vc-page :is(.vc-shell,.vc-hero-inner) { width:calc(100% - 32px)!important; }
  #main-content.ll-my-recipes .ll-collection-shell { box-sizing:border-box!important; width:calc(100% - 32px)!important; margin-inline:auto!important; }
  #main-content .article-copy .table-scroll .practical-compare :is(th,td) { overflow-wrap:anywhere!important; white-space:normal!important; }
 }
}

/* Standalone planning panels must follow the article width even on wide monitors. */
@layer editorial {
 body.ll-green-theme > .ll-plan-next,#main-content > .ll-plan-next { box-sizing:border-box!important; width:calc(100% - 48px)!important; max-width:1180px!important; margin:32px auto!important; padding:24px 20px!important; border-top:1px solid #cbd8ce!important; }
 body.ll-green-theme .ll-plan-next .ll-plan-next-card { padding:16px 0!important; }
 body.ll-green-theme .ll-plan-next .ll-plan-next-card h3 { margin:0!important; }
 body.ll-green-theme .ll-plan-next a { text-decoration:underline!important; text-underline-offset:3px!important; }
 body.ll-green-theme .local-photo-credit { display:block!important; margin-top:4px!important; font-size:12px!important; line-height:1.5!important; color:#52665a!important; }
 body.ll-green-theme .local-photo-credit a { color:#294536!important; text-decoration:underline!important; }
 @media(max-width:540px){body.ll-green-theme > .ll-plan-next,#main-content > .ll-plan-next { width:calc(100% - 32px)!important; padding:20px 0!important; }}
}
