/* Explore shares the production navigation; the scene owns only its artwork. */
@media (min-width:761px) {
  body.explore-scene-active { background:#dce6ee; }
  body.explore-scene-active .warm-landscape,
  body.explore-scene-active .site-footer { display:none; }
  body.explore-scene-active #app { width:100%;max-width:none;margin:0;padding:0; }
  .explore-story { position:relative;height:100vh; }
  .explore-scene-frame { display:block;position:absolute;inset:0;width:100%;height:100%;border:0;background:#dce6ee; }
}

.my-cards-toolbar { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px; }
.my-cards-tabs { display:flex;align-items:center;gap:6px;padding:5px;border:1px solid rgba(45,69,84,.14);border-radius:14px;background:rgba(228,235,237,.48); }
.my-cards-tabs button { display:inline-flex;align-items:center;gap:9px;border:0;border-radius:10px;background:transparent;color:#647887;padding:11px 17px;cursor:pointer;font:inherit;white-space:nowrap; }
.my-cards-tabs button[aria-selected="true"] { color:#f5f1e9;background:#214e72;box-shadow:0 3px 10px rgba(22,57,80,.15),inset 0 1px rgba(255,255,255,.14); }
.my-cards-tabs span { min-width:20px;font-size:.82em;opacity:.82; }
.my-cards-tabs button:focus-visible { outline:2px solid #95623d;outline-offset:3px; }
.my-cards-unresolved { margin:22px 0 0;color:#697986;font-size:.88rem; }
.me-my-cards-panel { margin-top:24px; }
.me-my-cards-panel .me-panel-heading { margin-bottom:0; }
.me-my-cards-panel h2 { margin-bottom:8px; }
.me-my-cards-panel .me-panel-heading p:not(.eyebrow) { margin:0;color:#697986;max-width:48ch; }
@media (max-width:760px) {
  .my-cards-toolbar { flex-wrap:wrap;align-items:flex-start;gap:14px; }
  .my-cards-tabs { max-width:100%; }
  .my-cards-tabs button { padding:10px 13px; }
  .me-my-cards-panel .me-panel-heading { align-items:flex-start;gap:16px;flex-wrap:wrap; }
}
