.preview-note{font-size:.85rem;line-height:1.5;color:var(--muted);background:var(--mist);padding:12px;border-left:3px solid var(--gold)}
button:disabled{cursor:default;opacity:.75}
html{scroll-padding-top:100px}
.preview-toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:100;max-width:calc(100% - 32px);width:460px;background:var(--ink);color:white;padding:18px 24px;border:2px solid var(--gold);border-radius:4px;box-shadow:0 8px 24px #0003;font:600 .9rem/1.5 var(--f-body)}
.skip-link{position:fixed;top:8px;left:8px;z-index:150;background:white;color:var(--teal);padding:12px;transform:translateY(-200%)}
.skip-link:focus{transform:none}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:480px){
  .btn{white-space:normal;line-height:1.35;max-width:100%}
  form.card,.row,.row label,input,select,textarea{min-width:0;max-width:100%}
  .at,.infobox{overflow-wrap:anywhere}
  .grid2>*{min-width:0}
  .grid2{grid-template-columns:minmax(0,1fr)}
  h1,h2,h3{overflow-wrap:anywhere}
}
@media(max-width:900px){
  .grid2[style*="grid-template-columns"]{grid-template-columns:minmax(0,1fr)!important}
}