.pf-blog-popup{box-sizing:border-box;width:min(480px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:32px;overflow:hidden;isolation:isolate;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);box-shadow:0 24px 64px #0005}
.pf-blog-popup::backdrop{background:rgba(0,0,0,.48)}
.pf-blog-popup[open],.pf-blog-popup[open]::backdrop{animation:pf-blog-popup-fade-in .6s ease-out both}
@keyframes pf-blog-popup-fade-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.pf-blog-popup[open],.pf-blog-popup[open]::backdrop{animation:none}}
.pf-blog-popup-bolt{position:absolute;z-index:0;top:-18px;left:8%;width:105px;height:130px;color:var(--accent);opacity:.08;pointer-events:none;transform:rotate(-15deg)}
.pf-blog-popup-bolt:nth-of-type(2){top:37%;left:auto;right:4%;width:79px;height:99px;opacity:.09;transform:rotate(19deg)}
.pf-blog-popup-bolt:nth-of-type(3){top:auto;bottom:-31px;left:31%;width:88px;height:110px;opacity:.08;transform:rotate(9deg)}
.pf-blog-popup>h2,.pf-blog-popup>p,.pf-blog-popup>a{position:relative;z-index:1}
html[data-theme="dark"] .pf-blog-popup-bolt{opacity:.15}
.pf-blog-popup h2{margin-block:0 12px;margin-inline:0 36px;color:var(--accent);font:800 clamp(25px,3vw,32px)/1.15 var(--font-display)}
html .pf-app .pf-blog-popup h2{color:var(--accent)}
.pf-blog-popup p{margin:0 0 24px;color:var(--muted);font:400 16px/1.55 var(--font-body)}
.pf-blog-popup-close{position:absolute;z-index:1;top:12px;inset-inline-end:12px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--ink);font:400 24px/1 var(--font-body);cursor:pointer}
.pf-blog-popup-close:hover{color:var(--accent)}
.pf-blog-popup-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px;color:var(--accent);text-shadow:0 0 3px var(--accent)}
html[data-theme="dark"] .pf-app .pf-blog-popup .pf-blog-popup-close{background:transparent}
html[data-theme="dark"] .pf-app .pf-blog-popup .pf-blog-popup-close:focus-visible{color:var(--accent)}
html .pf-app .pf-blog-popup[data-initial-focus] .pf-blog-popup-close:focus-visible{outline:0;box-shadow:none;color:var(--ink);text-shadow:none}
html .pf-app .pf-blog-popup[data-initial-focus] .pf-blog-popup-close:focus-visible:hover{color:var(--accent);text-shadow:0 0 3px var(--accent)}
.pf-blog-popup .pf-arrow-button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.pf-blog-popup .pf-arrow-button{box-sizing:border-box;width:100%;min-width:0}
@media(max-width:520px){.pf-blog-popup{padding:26px 22px}.pf-blog-popup h2{font-size:26px}.pf-blog-popup .pf-arrow-button{width:100%;box-sizing:border-box}}
@media(max-height:480px){.pf-blog-popup{padding:16px 20px}.pf-blog-popup h2{font-size:21px;line-height:1.15}.pf-blog-popup p{margin-bottom:12px;font-size:14px;line-height:1.35}.pf-blog-popup .pf-arrow-button{min-height:44px}.pf-blog-popup-close{top:3px;inset-inline-end:4px}}