/* Keep the third response as a balanced full-width choice on wider screens.
   Portrait still follows the original one-column event layout. */
@media (min-width: 601px){
  .story-event-overlay:is(
    [data-event-id="fake-market-fee"],
    [data-event-id="loud-customer"],
    [data-event-id="transfer-photo"],
    [data-event-id="tip-jar-moved"],
    [data-event-id="cheap-syrup"],
    [data-event-id="market-rumor"],
    [data-event-id="night-security"],
    [data-event-id="night-theft-occurred"]
  ) .story-event-choices > button:nth-child(3):last-child{
    grid-column: 1 / -1;
  }
}
.syrup-quality-notice{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:8px;
  border:1px solid #bdb48d;
  border-radius:14px;
  background:#faf3db;
  padding:12px 14px;
  color:#493b29;
}
.syrup-quality-notice button{
  display:inline-block;
  max-width:100%;
  white-space:normal;
  border-radius:10px;
  border:1px solid #8b9a67;
  background:#e0e9d0;
  color:#315234;
  padding:10px 12px;
  font:inherit;
  font-weight:700;
  cursor:pointer;
}