/* Scoped to the task-first tour. Reuse the site's existing visual tokens. */
.admin-showcase-main{margin-top:32px}
.admin-showcase-main img,.admin-showcase-grid img{width:100%;height:auto;border:1px solid var(--border-strong);border-radius:6px;background:var(--bg-card)}
.admin-showcase-main figcaption,.admin-showcase-grid figcaption,.admin-showcase-note{margin-top:12px;color:var(--text-2);font-size:var(--fs-small);line-height:1.7}
.admin-showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:32px}
.admin-showcase-grid strong{display:block;color:var(--text);font-size:var(--fs-base);margin-bottom:6px}
.admin-showcase-note{margin-top:28px;max-width:80ch}
.admin-host-modes{margin-top:24px;border-top:1px solid var(--border-strong);padding-top:20px}
.admin-host-modes summary{cursor:pointer;min-height:44px;font-weight:600}
.admin-host-modes p{max-width:80ch;margin:12px 0;color:var(--text-2)}
.admin-showcase-note a,.admin-host-modes a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.admin-showcase-grid{grid-template-columns:minmax(0,1fr)}}