:root {
  --cos-green: #3f6f69;
  --cos-green-dark: #315b56;
  --cos-green-heading: #2f5f46;
  --cos-green-pale: #eef8ee;
}
.page-header {
  margin: -30px -30px 24px;
  padding: 28px 24px;
  background: var(--cos-green);
  color: #fff;
  text-align: center;
}
.page-header h1 { margin: 2px 0 6px; color: #fff; font-size: 34px; }
.page-header .intro { margin: 4px 0; }
.eyebrow { margin: 4px 0; font-size: 13px; font-weight: 800; letter-spacing: 1.4px; }
.prints-charming {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 20px;
  margin: 0 0 18px;
  padding: 22px;
  border: 2px solid var(--cos-green);
  border-radius: 12px;
  background: var(--cos-green-pale);
}
.prints-charming h2 { margin: 0 0 8px; color: var(--cos-green-heading); }
.prints-charming p { margin: 7px 0; }
.help-links { display: flex; flex-direction: column; justify-content: center; gap: 10px; }
.help-links a {
  display: block;
  padding: 11px 14px;
  border-radius: 7px;
  background: var(--cos-green);
  color: #fff;
  text-align: center;
  font-weight: 700;
  text-decoration: none;
}
.help-links a:hover, .help-links a:focus-visible { background: var(--cos-green-dark); text-decoration: underline; }
.panel h2 { color: var(--cos-green-heading); }
@media (max-width: 650px) {
  .page-header { margin: -22px -16px 22px; padding: 24px 16px; }
  .page-header h1 { font-size: 1.75rem; line-height: 1.15; }
  .prints-charming { grid-template-columns: minmax(0, 1fr); padding: 16px; }
}