:root {
  --wgr-green: #009e49;
  --wgr-gold: #fcd116;
  --wgr-red: #ce1126;
  --wgr-black: #111111;
  --wgr-white: #ffffff;
  --wgr-cream: #fff9e8;
}
.wgr-card {
  border: 3px solid var(--wgr-green);
  background: var(--wgr-cream);
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 12px 30px rgba(0,0,0,.12);
  margin: 28px 0;
  color: #172018;
  font-family: inherit;
}
.wgr-flag-bar { display:grid; grid-template-columns: 2fr 1.2fr .35fr .45fr 2fr; height: 14px; }
.wgr-flag-bar span:nth-child(1), .wgr-flag-bar span:nth-child(5) { background: var(--wgr-green); }
.wgr-flag-bar span:nth-child(2) { background: var(--wgr-white); }
.wgr-flag-bar span:nth-child(3) { background: var(--wgr-gold); }
.wgr-flag-bar span:nth-child(4) { background: var(--wgr-red); border-left: 7px solid var(--wgr-black); }
.wgr-header {
  display:flex;
  justify-content:space-between;
  gap:18px;
  align-items:flex-start;
  padding: 24px 26px 12px;
  background: linear-gradient(135deg, rgba(0,158,73,.13), rgba(252,209,22,.22));
}
.wgr-kicker { margin: 0 0 4px; color: var(--wgr-red); text-transform: uppercase; letter-spacing: .08em; font-weight: 800; font-size: .82rem; }
.wgr-header h2 { margin:0; font-size: clamp(1.6rem, 3vw, 2.35rem); line-height: 1.1; color: var(--wgr-black); }
.wgr-cuisine { margin: 8px 0 0; font-weight: 700; color: var(--wgr-green); }
.wgr-print {
  background: var(--wgr-red);
  color: var(--wgr-white);
  border: 0;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 800;
  cursor:pointer;
  box-shadow: 0 6px 12px rgba(206,17,38,.2);
}
.wgr-print:hover { filter: brightness(.95); }
.wgr-meta {
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(135px, 1fr));
  gap: 10px;
  padding: 16px 26px;
  background: var(--wgr-white);
  border-top: 1px solid rgba(0,0,0,.06);
  border-bottom: 1px solid rgba(0,0,0,.06);
}
.wgr-meta span { background: #f7fff9; border-left: 5px solid var(--wgr-green); padding: 10px; border-radius: 10px; }
.wgr-section { padding: 18px 26px 8px; }
.wgr-section h3 { margin: 0 0 12px; color: var(--wgr-red); font-size: 1.25rem; }
.wgr-section li { margin-bottom: 9px; }
.wgr-section ul, .wgr-section ol { padding-left: 1.3rem; }
.wgr-tips { background: rgba(252,209,22,.22); border-top: 1px solid rgba(0,0,0,.06); padding-bottom: 20px; }
@media print {
  .wgr-print { display:none; }
  .wgr-card { box-shadow:none; border-color:#000; }
}