@scope (embed-ui) {
  :where(:scope) {
    /* ── Tokens ── */
    --embed-bg-default:      var(--a-bg-muted);
    --embed-radius-default:  var(--a-radius-md);
    --embed-border-default:  var(--a-border-subtle);
  }

  :scope {
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    border-radius: var(--embed-radius, var(--embed-radius-default));
    border: 1px solid var(--embed-border, var(--embed-border-default));
    background: var(--embed-bg, var(--embed-bg-default));
    position: relative;
  }

  iframe {
    display: block;
    width: 100%;
    border: none;
  }

  :scope[aspect] iframe {
    height: 100%;
  }
}
