/* Responsive hardening loaded after the screenshot-matched desktop layer. */
html{overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}
img,svg,video,canvas,iframe{max-width:100%}
.dn-site-main,.dn-food-home,.dn-section,.dn-page-content,.sr-single{min-width:0}
.dn-prose,.sr-prose,.dn-card-title,.dn-food-card-body h3,.dn-ranked-post h4{overflow-wrap:anywhere}
.wp-block-embed iframe,.sr-prose iframe{width:100%;height:auto;aspect-ratio:16/9}
.wp-block-table,.dn-prose table{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

@media(max-width:900px){
  :where(a,button,input,select,textarea,summary){touch-action:manipulation}
  .dn-menu-toggle,.dn-food-search,.dn-food-search input,.dn-food-search button{min-height:44px}
  .dn-food-search button{min-width:44px}
  .dn-food-primary a,.dn-primary-nav a{min-height:48px!important}
  .dn-food-primary.is-open{max-height:calc(100dvh - 150px);overflow-y:auto;overscroll-behavior:contain}
  .dn-food-pagination a,.dn-food-pagination span{min-width:44px;height:44px}
  .dn-form-field input,.dn-form-field select,.dn-form-field textarea,.dn-advanced-filter input,.dn-advanced-filter select,.dn-planner-builder input,.dn-planner-builder select{min-height:48px;font-size:16px}
  .dn-button,.comment-form .submit{min-height:44px}
  .dn-food-footer-social a,.dn-food-to-top{min-width:44px;min-height:44px}
}

@media(max-width:620px){
  .dn-container,.dn-food-top-inner,.dn-food-nav-inner,.sr-container{width:calc(100% - 28px)}
  .dn-food-logo{font-size:clamp(20px,6.4vw,25px)}
  .dn-food-search input{font-size:16px}
  .dn-food-hero-track{padding-inline:14px;scroll-padding-inline:14px;-webkit-overflow-scrolling:touch}
  .dn-food-card-hero{flex-basis:min(320px,calc(100vw - 48px))}
  .dn-food-arrow{display:flex;width:44px;height:52px;align-items:center;justify-content:center;top:36%;font-size:19px}
  .dn-food-arrow-left{left:6px}.dn-food-arrow-right{right:6px}
  .dn-food-card-hero .dn-food-card-body{min-height:122px}
  .dn-food-card-body{padding-inline:18px}
  .dn-food-meta{white-space:normal;justify-content:center;flex-wrap:wrap}
  .dn-food-heart{margin-left:8px}
  .dn-food-section-heading{gap:10px}
  .dn-food-section-heading h2{min-width:0}
  .dn-food-section-heading>a{flex:0 0 auto}
  .dn-food-widget{padding:20px}
  .dn-food-newsletter input,.dn-food-newsletter button{height:44px;min-height:44px;font-size:16px}
  .dn-food-newsletter button{font-size:12px}
  .dn-mag-card-actions .dn-save-button,.dn-mag-card-actions .dn-like-button{min-width:44px;min-height:44px}
  .sr-mag-promo-wide{height:auto;min-height:90px}
  .sr-mag-promo-wide>span{position:relative;min-height:90px}
  .sr-social-photo{box-shadow:8px 8px 0 -1px #fafafa,8px 8px 0 0 #eee}
  .dn-food-footer-bottom{line-height:20px;text-align:center}
  .dn-food-footer-bottom ul{justify-content:center}
  .sr-main-content{border-inline:0}
  .sr-single{font-size:16px;line-height:26px}
  .sr-recipe-hero>.sr-recipe-title{font-size:clamp(25px,8vw,32px);line-height:1.25}
  .sr-recipe-summary{font-size:17px;line-height:27px}
  .sr-jump-links>div{scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-inline:contain}
  .sr-jump-links>div::-webkit-scrollbar{display:none}
  .sr-section{padding:20px 0}
  .sr-quick-answer,.sr-tip-card,.sr-planner-box{padding:20px}
  .sr-recipe-card{padding:18px 14px}
  .sr-prose pre,.dn-prose pre{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
  .comment-form input:not([type=checkbox]),.comment-form textarea{width:100%;max-width:100%;min-height:48px;font-size:16px}
  .comment-form textarea{min-height:140px}
}

@media(max-width:430px){
  .dn-food-overlay-row{grid-template-columns:1fr}
  .dn-food-overlay-row>.dn-food-overlay-card:last-child:nth-child(odd){display:block}
  .dn-food-social-box{grid-template-columns:1fr;padding:24px 0}
  .sr-social-photo{width:min(210px,100%);margin-inline:auto}
  .sr-recipe-hero>.sr-action-row{grid-template-columns:1fr}
  .sr-single .sr-action-row button,.sr-single .sr-action-row .dn-button{width:100%}
  .sr-meta-bar{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sr-related-grid article a{grid-template-columns:88px 1fr;gap:12px}
  .sr-related-grid h3{font-size:17px}
}

@supports not (overflow:clip){body{overflow-x:hidden}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}