/* A sticky grid item stays within the page content and clears the footer. */
.ad-mobile-close{display:none}
@media screen and (min-width:1024px){
  .ad-rail{position:sticky;top:24px;align-self:start;padding:0;margin:48px 0 40px;height:auto}
  .ad-rail .ad-skyscraper{position:static;min-height:0;height:600px;width:160px}
}
@media screen and (min-width:1024px) and (max-height:700px){
  .ad-rail{top:16px}
  .ad-rail .ad-skyscraper{height:min(300px,calc(100dvh - 32px));padding:18px 12px;gap:14px}
  .ad-rail .ad-placeholder-title{margin-top:20px;font-size:18px}
}
/* Mobile uses an anchor placement, with room reserved so the last content clears it. */
@media screen and (max-width:1023px){
  body{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .ad-rail{position:fixed;inset:auto 0 0;z-index:40;width:100%;max-width:none;height:auto;margin:0;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));background:#faf9f4;border-top:1px solid #d4ddc6;box-shadow:0 -4px 18px #233f3512}
  .ad-rail .ad-skyscraper{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:64px;height:64px;width:100%;max-width:728px;margin:0 auto;padding:8px 56px 8px 16px;background:#e9eedf;border:1px dashed #aab99b;border-radius:5px}
  .ad-rail .ad-skyscraper>span:first-child{font-size:8px;letter-spacing:1px;line-height:1.3}
  .ad-rail .ad-placeholder-title{font:400 16px/1.3 Georgia,serif;margin:0}
  .ad-rail .ad-placeholder-title br{display:none}
  .ad-rail .ad-size,.ad-rail .ad-skyscraper p{display:none}
  .ad-mobile-close{display:flex;position:absolute;right:5px;top:50%;transform:translateY(-50%);align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:5px;color:#42583b;background:transparent;font-size:24px;line-height:1;cursor:pointer}
  .ad-mobile-close:hover{background:#dbe5cd}
  .mobile-ad-dismissed .ad-rail{display:none}
  body.mobile-ad-dismissed,body.cook-mode{padding-bottom:0}
}
@media print{body{padding-bottom:0}.ad-rail{display:none!important}}
