div.island{margin:1rem 0}figure.island-frame{height:600px}figure.island-frame>iframe{border:1px solid var(--lightgray);border-radius:6px;flex:1;width:100%;height:100%}iframe.island-html{border:1px solid var(--lightgray);background:var(--light);border-radius:6px;width:100%;margin:1rem 0;display:block}figure.island-frame>iframe{background:0 0}:where(.island) :where(button){border:1px solid var(--lightgray);background:var(--light);height:2.25rem;color:var(--dark);font-family:var(--bodyFont);cursor:pointer;font-variant-numeric:tabular-nums;border-radius:6px;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.875rem;font-weight:500;line-height:1;transition:background .15s,border-color .15s;display:inline-flex;box-shadow:0 1px 2px #0000000a}:where(.island) :where(button):hover{background:color-mix(in srgb, var(--lightgray) 45%, var(--light))}:where(.island) :where(button):active{transform:translateY(.5px)}:where(.island) :where(button):focus-visible{outline:2px solid color-mix(in srgb, var(--tertiary) 55%, transparent);outline-offset:2px}