body {
  margin: 0;
  min-height: 100vh;
  font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
  color: #173f19;
  background: #71c276 url("assets/till.gif") repeat-x top center;
}
* { box-sizing: border-box; }
a { color: #265928; font-weight: 700; }
a:hover { color: #000; }
.classic-shell { width: min(920px, calc(100% - 24px)); margin: 0 auto; padding: 28px 0 42px; text-align: center; }
.logo { max-width: 100%; height: auto; }
.panel { margin-top: 28px; padding: clamp(22px, 4vw, 42px); background: rgba(255,255,255,0.34); border: 1px solid rgba(38,89,40,0.25); border-radius: 18px; box-shadow: 0 16px 40px rgba(0,0,0,0.14); }
nav { display: flex; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
h1 { font-variant: small-caps; letter-spacing: 0.03em; }
.media { max-width: 100%; height: auto; border-radius: 10px; border: 1px solid rgba(38,89,40,0.25); }
.note { font-size: 13px; opacity: 0.78; }
footer { margin-top: 24px; font-size: 12px; }