.callout {
  display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:12px;
  background:var(--callout-gold-bg); color:var(--callout-gold-fg);
  box-shadow:inset 0 0 0 1px var(--callout-gold-border); font-size:13px;
}
.callout strong { display:block; }
.callout .grow { flex:1; }
.callout.err { background:var(--tone-err-bg); color:var(--tone-err-fg); box-shadow:none; }
.callout.ok { background:var(--tone-ok-bg); color:var(--tone-ok-fg); box-shadow:none; }
.callout .flat { margin:0; }
.confirm {
  flex-basis:100%; display:flex; align-items:center; gap:10px; flex-wrap:wrap; padding:12px 14px;
  border-radius:10px; background:var(--tone-err-bg); color:var(--tone-err-fg); font-size:12px;
}
.confirm p { margin:0; flex:1 1 260px; }
.confirm strong { color:inherit; }
.uso-callout strong { display:block; }
.pa .uso-callout {
  display:flex; gap:12px; align-items:flex-start; padding:14px 16px; border-radius:12px;
  background:var(--callout-gold-bg); color:var(--callout-gold-fg);
  box-shadow:inset 0 0 0 1px var(--callout-gold-border); font-size:13px;
}
.pa .uso-callout.err { background:var(--tone-err-bg); color:var(--tone-err-fg); box-shadow:none; }
.pa .uso-callout.ok { background:var(--tone-ok-bg); color:var(--tone-ok-fg); box-shadow:none; }
.uso-ic { display:inline-flex; flex-shrink:0; margin-top:2px; }
@container (max-width: 719px) {
  .pa .uso-callout { flex-wrap:wrap; }
}