.austin-explorer {
  --explorer-bg: #FAF3E6;
  --explorer-green: #22380F;
  --explorer-amber: #D97D2C;
  color: #2A2318;
  background: var(--explorer-bg);
  border: 1px solid #E2D3B3;
  border-top: 4px solid var(--explorer-green);
  border-radius: .6rem;
  font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  margin-block: 1.6rem 2rem;
  padding: clamp(1.2rem, 3vw, 2rem);
}
.austin-explorer [hidden] { display: none !important; }
.austin-explorer__intro { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 1rem 2rem; align-items: center; }
.austin-explorer__eyebrow { color: var(--explorer-green); font-size: .85rem; font-weight: 700; letter-spacing: .09em; margin: 0 0 .4rem; text-transform: uppercase; }
.austin-explorer h2 { margin: 0 0 .7rem; font-size: clamp(1.5rem, 3vw, 2rem); line-height: 1.2; }
.austin-explorer__description { max-width: 62ch; margin: 0; }
.austin-explorer__actions { display: flex; flex-direction: column; align-items: flex-start; gap: .8rem; }
.austin-explorer__button { border: 1px solid var(--explorer-amber); border-radius: .35rem; color: #2A2318; background: var(--explorer-amber); cursor: pointer; font: inherit; font-weight: 700; padding: .75rem 1.1rem; white-space: nowrap; }
.austin-explorer__button:hover { color: #FFFFFF; background: #A85A1E; border-color: #A85A1E; }
.austin-explorer__button:focus-visible, .austin-explorer a:focus-visible { outline: 2px solid var(--explorer-green); outline-offset: 3px; }
.austin-explorer a { color: var(--explorer-green); text-underline-offset: .14em; }
.austin-explorer__stage { margin-top: 1.25rem; height: clamp(360px, 65vh, 650px); border: 1px solid #E2D3B3; border-radius: .4rem; background: #F1E4CC; overflow: hidden; }
.austin-explorer__stage iframe { display: block; width: 100%; height: 100%; border: 0; }
.austin-explorer__status, .austin-explorer__sources { color: #5C5241; font-size: .875rem; margin: .9rem 0 0; }
.austin-explorer__sources { padding-top: .75rem; border-top: 1px solid #E2D3B3; }
@media (max-width: 640px) {
  .austin-explorer__intro { grid-template-columns: 1fr; }
  .austin-explorer__actions { flex-direction: row; align-items: center; flex-wrap: wrap; }
  .austin-explorer__button { white-space: normal; }
  .austin-explorer__stage { height: 65vh; min-height: 360px; }
}