/* Mobile only. Use the real safe-area inset without reserving an extra band.
   Safari 26 can extend the fixed banner color into its chrome. A backdrop
   compositing layer on the opaque banner makes it use the dark page fallback.
   The filter cannot change the appearance of the fully opaque orange strip. */
.pdl-announcement,.pdl-mobile-edge{display:none}
@media(max-width:700px){
:root{--pdl-mobile-top:env(safe-area-inset-top,0px)}
html:root,html:root body{background-color:#1B1D22!important}
body{padding-top:calc(40px + var(--pdl-mobile-top))!important}
.pdl-announcement{position:fixed;inset:var(--pdl-mobile-top) 0 auto;z-index:600;height:40px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;background:#F5A11F;color:#fff;font-family:Poppins,sans-serif;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.pdl-mobile-edge{display:block;position:fixed;inset:0 0 auto;z-index:601;height:var(--pdl-mobile-top);background:#1B1D22;pointer-events:none}
.pdl-announcement>span{flex:1;min-width:0;text-align:center;font-size:16px;font-weight:500;letter-spacing:.015em;line-height:1.2;text-shadow:0 1px 2px #2e313c30;animation:pdl-message-in .3s ease}
.pdl-announcement>button{display:grid;place-items:center;flex:0 0 28px;width:28px;height:36px;padding:0;border:0;background:none;color:#fff;cursor:pointer;border-radius:50%}
.pdl-announcement svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pdl-announcement button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
}
@keyframes pdl-message-in{from{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.pdl-announcement>span{animation:none}}