.blog-popup[hidden]{display:none!important}
.blog-popup{position:fixed;left:24px;bottom:24px;z-index:24;width:min(355px,calc(100% - 32px));box-sizing:border-box;padding:24px;background:#fffdf8;border:1px solid #e5d8c8;border-top:4px solid #ff671f;border-radius:16px;box-shadow:0 12px 40px #252e2726;color:#252e27;max-height:65dvh;overflow:auto}
.blog-popup .blog-popup-label{margin:0 35px 10px 0;color:#a73c08;font-size:11px;font-weight:700;letter-spacing:.08em}
.blog-popup h2{font:600 23px/1.5 var(--serif);letter-spacing:-.7px;margin:0 0 10px;word-break:keep-all}
.blog-popup .blog-popup-copy{font-size:13px;line-height:1.85;margin:0 0 18px;word-break:keep-all;color:#53594f}
.blog-popup .blog-popup-link{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border-radius:8px;background:#ff671f;color:#191e19;font-size:13px;font-weight:700;text-decoration:none}
.blog-popup .blog-popup-link:hover{background:#f45c13}
.blog-popup-close{position:absolute;top:9px;right:9px;width:44px;height:44px;border:0;background:transparent;color:#53594f;font-size:25px;cursor:pointer}
.blog-popup-today{display:block;margin:10px auto -8px;padding:12px;border:0;background:transparent;color:#64685f;font-size:11px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.blog-popup :is(a,button):focus-visible{outline:3px solid #252e27;outline-offset:3px}
@media(max-width:760px){.blog-popup{left:16px;bottom:calc(140px + env(safe-area-inset-bottom));padding:18px 20px;width:calc(100% - 32px);max-height:48dvh}.blog-popup h2{font-size:21px}.blog-popup .blog-popup-copy{font-size:12px;margin-bottom:13px}.blog-popup .blog-popup-label{margin-bottom:7px}}