/* The podcast uses the same invitation/card pattern as the other Opening Zero games. */
.oz-podcast-card {
  display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center;
  gap: 22px; width: 100%; margin: 22px 0 0; padding: 23px 26px;
  border: 1px solid #a48b9d80; border-radius: 8px;
  background: linear-gradient(115deg, #54304975, #201722ee);
  text-align: left; color: var(--paper);
}
.oz-podcast-logo { display: block; width: 80px; height: 80px; box-sizing: border-box; line-height: 0; padding: 5px; border-radius: 5px; background: #f9ecd9; }
.oz-podcast-logo img { display: block; width: 100%; height: 100%; object-fit: contain; }
.oz-podcast-content { min-width: 0; }
.oz-podcast-card .oz-podcast-eyebrow { margin: 0 0 5px; font: 600 10px/1.5 var(--font); letter-spacing: .13em; text-transform: uppercase; color: var(--sea); }
.oz-podcast-card h3 { margin: 0; font: 500 clamp(21px, 2.3vw, 28px)/1.18 Georgia, serif; letter-spacing: -.02em; text-transform: none; color: var(--paper); }
.oz-podcast-card .oz-podcast-copy { margin: 9px 0 12px; max-width: 65ch; font: 400 13px/1.65 var(--font); color: var(--paper-dim); }
.oz-podcast-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 5px 20px; }
.oz-podcast-actions a { display: inline-flex; align-items: center; min-height: 44px; font: 500 12px/1.4 var(--font); color: var(--paper); text-underline-offset: 4px; }
.oz-podcast-actions .oz-podcast-play { padding: 10px 15px; border-radius: 4px; background: var(--paper); color: var(--ink); font-weight: 700; text-decoration: none; }
.oz-podcast-actions .oz-podcast-play:hover { background: #ded0ed; }
:root[data-input-modality="keyboard"] .oz-podcast-card a:focus { outline: 3px solid var(--paper); outline-offset: 4px; }
.title-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; }
.title-footer .oz-podcast-card { grid-column: 1 / -1; }
.oz-podcast-card--ending { margin-top: 28px; }
/* Keep the original 6:5 artwork visible instead of fitting it into a wordmark rail. */
.title-brand .oz-logo {
  display: block; flex: none; width: 96px; height: 80px; max-width: none;
  padding: 4px; border-radius: 5px; background: #f9ecd9;
  object-fit: contain; object-position: center;
}
@media (max-width: 620px) {
  .title-brand .oz-logo { width: 72px; height: 60px; padding: 3px; }
  .title-footer { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .oz-podcast-card { grid-template-columns: 52px minmax(0, 1fr); align-items: start; gap: 12px; padding: 16px; }
  .oz-podcast-logo { width: 52px; height: 52px; }
  .oz-podcast-card h3 { font-size: 22px; }
  .oz-podcast-card .oz-podcast-eyebrow { font-size: 8px; letter-spacing: .09em; }
  .oz-podcast-actions { gap: 2px 15px; }
  .oz-podcast-actions .oz-podcast-play { flex-basis: 100%; justify-content: center; }
}
/* The compact signature stays in the original HUD column and touch rail. */
#app #hud .hud-brand { min-height: 44px; }
#app #hud .hud-brand img { display: block; flex: none; width: 48px; height: 40px; padding: 3px; border-radius: 4px; background: #f9ecd9; object-fit: contain; object-position: center; }
body.handset #app #hud .hud-brand { min-height: 44px; }
body.handset #app #hud .hud-brand img { width: 36px; height: 30px; padding: 2px; }
@media (orientation: landscape) and (max-height: 540px) {
  .title-brand .oz-logo { width: 66px; height: 55px; padding: 3px; }
  .oz-podcast-card { gap: 16px; padding: 16px 20px; margin-top: 16px; }
  .oz-podcast-card .oz-podcast-copy { margin-block: 6px; }
}