/* A4 clinic poster. Every size is a share of the poster's width (cqw), so the
   on-screen preview and the printed A4 page are the same design at any size.
   Always light colours, whatever the device theme. */
.sheet{margin-top:32px;max-width:794px;container-type:inline-size;color-scheme:light}
.poster{
  --teal:#0e6c70; --teal-deep:#0a5357; --mint:#d8eeed; --ink:#15232a; --muted:#4f6168;
  position:relative;width:100cqw;aspect-ratio:210/297;overflow:hidden;
  background:#fff;color:var(--ink);font-family:var(--f-body);
  display:flex;flex-direction:column;
  border-radius:1.6cqw;box-shadow:0 18px 50px rgba(10,40,44,.18);
  -webkit-print-color-adjust:exact;print-color-adjust:exact;
}
.pz-band{background:var(--teal);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:3cqw;padding:4cqw 7cqw}
.pz-brand{display:flex;align-items:center;gap:2.4cqw;font-weight:700;font-size:4.4cqw;letter-spacing:-.01em}
.pz-brand img{width:8.4cqw;height:8.4cqw;border-radius:1.8cqw;outline:.35cqw solid rgba(255,255,255,.85)}
.pz-tag{font-size:2.5cqw;font-weight:700;background:rgba(255,255,255,.16);border-radius:99cqw;padding:1.1cqw 2.6cqw;white-space:nowrap}

.pz-body{padding:4.4cqw 7cqw 0;display:flex;flex-direction:column;gap:2cqw}
.pz-kicker{margin:0;font-size:4.2cqw;font-weight:700;color:var(--muted)}
.pz-head{margin:-.6cqw 0 0;font-size:9.2cqw;line-height:1.02;letter-spacing:-.03em;color:var(--ink)}
.pz-head em{font-style:normal;color:var(--teal)}
.pz-grid{display:grid;grid-template-columns:minmax(0,1fr) 37cqw;gap:4cqw;align-items:stretch;margin-top:1.6cqw}
.pz-left{display:flex;flex-direction:column;gap:4cqw}
.pz-sub{margin:0;font-size:3.5cqw;line-height:1.42;color:#2c3e44}
.pz-fig{margin:0;border-radius:2.4cqw;overflow:hidden;border:.3cqw solid #d3dcde;background:#eef3f3;height:46cqw}
.pz-fig img{display:block;width:100%;height:100%;object-fit:cover;object-position:38% 50%}

.pz-points{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:2.2cqw}
.pz-points li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:1.8cqw;align-items:center}
.pz-points svg{grid-row:span 2;width:7cqw;height:7cqw;padding:1.5cqw;border-radius:50%;background:var(--mint);fill:none;stroke:var(--teal-deep);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.pz-points b{font-size:3.4cqw;line-height:1.1}
.pz-points span{font-size:2.7cqw;color:var(--muted);line-height:1.25}

.pz-foot{margin:3cqw 7cqw 0;margin-top:auto;background:var(--mint);border-radius:2.4cqw;padding:3cqw 3.6cqw;display:flex;align-items:center;gap:4.4cqw}
.pz-qr{width:20cqw;height:20cqw;flex:none;background:#fff;border-radius:1.4cqw;padding:1.2cqw;image-rendering:pixelated}
.pz-scan{margin:0;font-size:3.1cqw;font-weight:700;color:var(--teal-deep)}
.pz-url{margin:.6cqw 0 1cqw;font-size:5.1cqw;font-weight:700;letter-spacing:-.02em;color:var(--ink);line-height:1.05}
.pz-now{margin:0;font-size:2.6cqw;color:#2c3e44;line-height:1.35}
.pz-fine{margin:2.2cqw 7cqw 3cqw;font-size:2cqw;color:var(--muted);text-align:center}

@media (max-width:600px){ .sheet{margin-top:20px} }

@page{size:A4;margin:0}
@media print{
  html,body{background:#fff!important;margin:0!important}
  .site-head,.card-intro,.site-foot,.skip{display:none!important}
  main,.page,.wrap{padding:0!important;margin:0!important;max-width:none!important}
  .sheet{margin:0;max-width:none;width:210mm}
  .poster{width:210mm;height:297mm;aspect-ratio:auto;border-radius:0;box-shadow:none;break-inside:avoid}
}