html.black-foil-notice-open{overflow:hidden}
.black-foil-notice{box-sizing:border-box;width:min(540px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:24px;border:1px solid #d49d35;border-radius:12px;background:#fff8e8;color:#543600;box-shadow:0 12px 48px #002d3a44;overflow:auto}
.black-foil-notice::backdrop{background:#002d3a80}
.black-foil-notice[open]{animation:black-foil-notice-in .12s ease-out}
.black-foil-notice h2{margin:0 0 12px;font:700 21px/1.3 Arial,sans-serif;color:inherit}
.black-foil-notice p{margin:0;font:400 16px/1.55 Arial,sans-serif;color:inherit}
.black-foil-notice__actions{display:flex;justify-content:flex-end;margin-top:20px}
.black-foil-notice button{min-width:88px;min-height:44px;padding:10px 22px;border:1px solid #005766;border-radius:7px;background:#005766;color:#fff;font:700 16px/1.3 Arial,sans-serif;cursor:pointer}
.black-foil-notice button:hover{background:#007a86}
.black-foil-notice button:focus-visible{outline:3px solid #e7a500;outline-offset:3px}
@keyframes black-foil-notice-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.black-foil-notice[open]{animation:none}}
@media(max-width:480px){.black-foil-notice{padding:20px;width:calc(100% - 24px)}}