html.preview-notice-open,html.preview-notice-open body{overflow:hidden}
.preview-notice{width:min(620px,calc(100% - 2.5rem));max-width:none;max-height:calc(100svh - 2.5rem);margin:auto;padding:0;overflow:auto;border:0;border-radius:8px;background:var(--paper,#fffdf8);color:var(--ink,#141612);box-shadow:0 24px 90px rgba(0,0,0,.2)}
.preview-notice::backdrop{background:rgba(3,32,25,.67);backdrop-filter:blur(3px)}
.preview-notice-content{position:relative;padding:clamp(2rem,5vw,3.5rem)}
.preview-notice-kicker{margin:0 2rem 1.5rem 0;color:var(--green,#073f33);font:700 .65rem/1.4 var(--sans,Arial,sans-serif);letter-spacing:.14em}
.preview-notice h2{margin:0 0 1.5rem;font-family:var(--serif,Georgia,serif);font-size:clamp(2.4rem,5vw,3.4rem);font-weight:400;line-height:1.02;letter-spacing:-.035em;color:var(--green,#073f33)}
.preview-notice p:not(.preview-notice-kicker){margin:0 0 1.15rem;font-family:var(--sans,Arial,sans-serif);font-size:1.05rem;line-height:1.55;color:#535b54}
.preview-notice #preview-notice-intro{color:var(--ink,#141612)}
.preview-notice-close{position:absolute;right:1rem;top:1rem;display:grid;place-items:center;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:var(--green,#073f33);cursor:pointer}
.preview-notice-close:hover{background:rgba(7,63,51,.07)}
.preview-notice-explore{display:flex;align-items:center;justify-content:center;min-height:48px;margin:1.8rem 0 0;padding:.85rem 1.5rem;border:1px solid var(--green,#073f33);border-radius:2px;background:var(--green,#073f33);color:#fffdf8;font:600 .95rem/1.3 var(--sans,Arial,sans-serif);cursor:pointer}
.preview-notice-explore:hover{background:#032a22}
.preview-notice button:focus-visible{outline:2px solid #b59700;outline-offset:4px}
@media(max-width:580px){.preview-notice{width:calc(100% - 2rem);max-height:calc(100svh - 2rem)}.preview-notice-content{padding:2.5rem 1.5rem 1.75rem}.preview-notice-kicker{margin-bottom:1.3rem;font-size:.6rem}.preview-notice h2{font-size:2.5rem;margin-bottom:1.25rem}.preview-notice p:not(.preview-notice-kicker){font-size:1rem;line-height:1.5}.preview-notice-explore{width:100%;margin-top:1.5rem}.preview-notice-close{right:.5rem;top:.5rem}}