.press-demo { --press-yellow: #ffce2d; color: #111; background: #fff; border: 1px solid #222; font-family: Arial, Helvetica, sans-serif; overflow-wrap: anywhere; }
.press-masthead { padding: 22px 28px; display: flex; align-items: center; justify-content: space-between; gap: 16px; border-bottom: 1px solid #111; }
.press-wordmark { font: italic 34px Georgia, serif; letter-spacing: -1.5px; }
.press-role { font: 11px Consolas, monospace; letter-spacing: .09em; padding: 8px; border: 1px solid #111; }
.press-nav { display: flex; flex-wrap: wrap; border-bottom: 1px solid #111; padding: 0 16px; }
.press-demo .press-link { color: #111; background: transparent; border: 0; border-radius: 0; font-size: 14px; padding: 14px 13px; }
.press-nav .press-link[aria-current] { box-shadow: inset 0 -4px var(--press-yellow); font-weight: 800; }
.press-demo button:hover { background: #fff3be; color: #111; }
.press-cover { padding: 34px 30px 38px; }
.press-kicker { font: 11px Consolas, monospace; letter-spacing: .07em; text-transform: uppercase; line-height: 1.6; }
.press-demo .press-hero-title { white-space: pre-line; font: 58px/.98 Georgia, 'Times New Roman', serif; letter-spacing: -2.5px; margin: 24px 0; }
.press-cover > p:last-child { font-size: 15px; line-height: 1.7; }
.press-yellow-band { background: var(--press-yellow); padding: 14px 30px; font: 11px/1.6 Consolas, monospace; letter-spacing: .07em; border-block: 1px solid #111; }
.press-quick { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); border-bottom: 1px solid #111; }
.press-quick .press-link { text-align: left; min-height: 90px; padding: 18px 24px; line-height: 1.5; }
.press-quick .press-link + .press-link { border-left: 1px solid #111; }
.press-section-title { margin: 30px 28px 16px; font: 28px Georgia, serif; }
.press-page-title { margin: 30px 28px 12px; font: 40px Georgia, serif; letter-spacing: -1.5px; }
.press-description { margin: 0 28px 24px; font-size: 15px; line-height: 1.7; color: #525252; }
.press-card { margin: 18px 28px; padding: 22px 0; border-top: 1px solid #ccc; }
.press-card h3 { font: 25px/1.2 Georgia, serif; margin: 0 0 12px; }
.press-card p { margin-block: 10px; font-size: 15px; line-height: 1.7; }
.press-demo button.secondary { color: #111; border: 1px solid #111; background: #fff; border-radius: 0; margin-top: 8px; }
.press-demo button.secondary:hover { background: var(--press-yellow); }
.press-status { font-weight: 700; }
.press-receipt { margin: 24px 28px; padding: 20px; background: #fff6d4; border-left: 4px solid #111; font-size: 15px; line-height: 1.6; }
.press-receipt p { margin-top: 8px; }
.press-preview { display: inline-block; margin: 0 28px 24px; padding: 12px 0; font-weight: 700; }
.press-demo > .sample { border-radius: 0; margin: 20px 28px; }
.press-footnote { padding: 18px 28px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; border-top: 1px solid #ccc; color: #666; font-size: 11px; line-height: 1.5; }
@media(max-width:640px) {
  .press-masthead { padding: 18px; }
  .press-wordmark { font-size: 29px; }
  .press-role { font-size: 9px; }
  .press-nav { padding: 0 4px; }
  .press-nav .press-link { flex: 1 0 auto; padding-inline: 8px; font-size: 12px; white-space: nowrap; }
  .press-cover { padding: 28px 20px; }
  .press-demo .press-hero-title { font-size: clamp(36px,10vw,54px); }
  .press-yellow-band { padding-inline: 20px; }
  .press-quick { grid-template-columns: 1fr; }
  .press-quick .press-link { min-height: 60px; padding: 16px 20px; }
  .press-quick .press-link + .press-link { border-left: 0; border-top: 1px solid #ddd; }
  .press-section-title, .press-page-title, .press-card, .press-description, .press-receipt, .press-demo > .sample { margin-inline: 20px; }
  .press-page-title { font-size: 34px; }
  .press-footnote { padding-inline: 20px; }
}