* { box-sizing: border-box; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
.wrap { max-width: 800px; margin: 0 auto; padding: 24px; }
h1 { margin-top: 10px; }
.cards { display: grid; grid-template-columns: 1fr; gap: 12px; margin: 18px 0; }
.btn {
  display: inline-block; text-decoration: none; padding: 12px 14px; border-radius: 10px;
  border: 1px solid #ddd; color: #111; background: #fff;
}
.btn:hover { border-color: #bbb; }
.btn.secondary { opacity: 0.85; }
.back { text-decoration: none; display: inline-block; margin-bottom: 12px; }
.cardimg { max-width: 100%; border-radius: 12px; border: 1px solid #eee; margin: 10px 0 14px; }
.cardtext { font-size: 1.05rem; line-height: 1.55; }
footer { margin-top: 28px; opacity: 0.7; }
@media (min-width: 640px) {
  .cards { grid-template-columns: 1fr 1fr; }
	.cardimg {
  max-width: 420px;
  margin: 0 auto;
  display: block;
}
}