:root{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#30272b;background:#f6f4ef}
*{box-sizing:border-box}body{margin:0;display:flex;flex-direction:column;height:100vh;height:100dvh;overflow:hidden}
.ribbon{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:10px 20px;background:linear-gradient(120deg,#d34412,#c00d4b);color:white;font-size:12px;line-height:1.5;flex:none}
.ribbon>div{flex:1 1 560px}.ribbon strong,.ribbon span{display:block}
.ribbon nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.ribbon a,.ribbon button{background:#ffffff24;border:1px solid #ffffff66;border-radius:18px;padding:5px 10px;color:white;font:600 12px system-ui;text-decoration:none;cursor:pointer}
.ribbon a:hover,.ribbon button:hover{background:#ffffff40}
.frame-status{padding:7px 20px;background:#fff7e1;color:#604816;font-size:12px;flex:none;line-height:1.45}
.frame-status.blocked{background:#fff0ef;color:#8b2118;border-bottom:1px solid #e5aea7}
[hidden]{display:none!important}#business-site{flex:1;min-height:0;width:100%;border:0;background:white}
.skip{position:fixed;top:8px;left:8px;transform:translateY(-160%);z-index:2147483647;padding:10px;background:white;color:#9e1244;border-radius:5px}.skip:focus{transform:none}
:focus-visible{outline:3px solid #ffdb64;outline-offset:3px}
@media(max-width:600px){.ribbon{padding:8px 12px;gap:7px}.ribbon nav{gap:5px}.ribbon a,.ribbon button{padding:5px 8px}.frame-status{padding:6px 12px}}