/* US visitors on the international editions: the notice (dist/assets/edition-notice.js, issue #19).
   Built from the privacy dialog's pattern (review.css .privacy-settings) and the site's .button.
   A native modal <dialog> sits in the top layer, so it is above the privacy banner (z-index 90)
   without a z-index race; the banner is usable again the moment the notice closes. */
.edition-notice{box-sizing:border-box;width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 32px);overflow:auto;margin:auto;padding:34px 34px 30px;border:1px solid var(--line);border-top:2px solid var(--cyan);background:var(--paper);color:var(--ink);box-shadow:0 18px 60px #10171b40}
.edition-notice::backdrop{background:#10171b99}
.edition-notice-title{font-size:1.75rem;line-height:1.2;letter-spacing:-.03em;font-weight:400;color:var(--ink);margin:0 0 14px;text-wrap:balance}
.edition-notice-body{font-size:1rem;line-height:1.65;color:var(--sub);margin:0;max-width:46ch;text-wrap:pretty;line-break:strict}
.edition-notice-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.edition-notice-actions .button{min-height:50px;font-weight:500;cursor:pointer;font-family:inherit}
.edition-notice-go{flex:1 1 auto;gap:24px}
.edition-notice-stay{flex:0 1 auto;justify-content:center}
.edition-notice-stay:hover{background:#e6edf0;border-color:var(--ink);color:var(--ink)}
.edition-notice :focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
html.edition-notice-open{overflow:hidden}
@media(prefers-reduced-motion:no-preference){
  .edition-notice[open]{animation:edition-notice-in .28s var(--ease) both}
  .edition-notice[open]::backdrop{animation:edition-notice-fade .28s ease both}
}
@keyframes edition-notice-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes edition-notice-fade{from{opacity:0}to{opacity:1}}
@media(max-width:520px){
  .edition-notice{padding:26px 22px 22px}
  .edition-notice-title{font-size:1.4rem}
  .edition-notice-body{font-size:.9375rem}
  .edition-notice-actions{flex-direction:column}
  .edition-notice-actions .button{width:100%}
  .edition-notice-stay{justify-content:center}
}
body[data-motion=off] .edition-notice[open],body[data-motion=off] .edition-notice[open]::backdrop{animation:none}