/* v3: after-surgery care sheets */
.cards-text a{min-height:150px}
.sheet-wrap{padding-top:40px}
.sheet{background:var(--paper);border-radius:16px;padding:34px 38px;max-width:900px;margin:0 auto;box-shadow:0 1px 0 var(--line),0 20px 50px -30px rgba(36,92,115,.35);border-top:8px solid var(--petrol)}
.sh-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;padding-bottom:16px;border-bottom:2px solid var(--ink)}
.sh-kicker{font-style:italic;color:var(--petrol);margin:0}
.sh-title{font-size:clamp(1.3rem,2.6vw,1.75rem);margin:.2em 0 0}
.sh-doc{font-size:.88rem;text-align:right;color:var(--muted);line-height:1.45;flex:none}
.sh-doc b{color:var(--ink)}
.fill{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;margin:18px 0 6px}
.fill p{display:flex;align-items:flex-end;gap:10px;margin:0;font-size:.92rem}
.fill span{flex:none;color:var(--muted)}
.fill i{flex:1;border-bottom:1.5px dotted var(--ink);min-height:1.6em;font-style:normal;font-size:.82rem;color:var(--muted);padding-bottom:2px}
.sh-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px 34px;margin-top:10px}
.sheet h3{font-family:var(--serif);font-size:1.12rem;color:var(--petrol);margin:18px 0 6px}
.sheet .dots li{font-size:.95rem;margin-bottom:.35em}
.sh-block{margin-top:6px}
.when,.meds{width:100%;border-collapse:collapse;font-size:.93rem}
.when th,.when td,.meds th,.meds td{border-bottom:1px solid var(--line);padding:7px 8px;text-align:left;vertical-align:top}
.when th{width:34%;font-weight:600}
.meds th{font-weight:600;font-size:.85rem;color:var(--muted);border-bottom:1.5px solid var(--ink)}
.meds td{height:2.1em}
.note{font-size:.86rem;color:var(--muted);margin:8px 0 0}
.alarm section{border-radius:12px;padding:4px 16px 8px;margin-top:16px}
.alarm .call{background:var(--apricot-l)}
.alarm .er{background:#FBEAE7;border-left:5px solid #B23A2E}
.alarm h3{font-size:1.02rem}
.alarm .call h3{color:#9A4A22}.alarm .er h3{color:#8E2A20}
.ticks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 28px}
.ticks li{display:flex;gap:10px;align-items:center;font-size:.95rem}
.box{width:18px;height:18px;border:2px solid var(--petrol);border-radius:4px;flex:none}
.sh-foot{margin-top:22px;padding-top:10px;border-top:1px solid var(--line);font-size:.78rem;color:var(--muted)}
.sheet-cta{max-width:900px;margin:22px auto 0}
button.btn{border:0;cursor:pointer;font-family:inherit}
@media (max-width:700px){
  .sheet{padding:22px 18px}
  .sh-head{flex-direction:column}.sh-doc{text-align:left}
  .fill,.sh-grid,.ticks{grid-template-columns:1fr}
}
@media print{
  @page{size:A4;margin:11mm 12mm}
  html,body{background:#fff!important}
  body{font-size:10.4pt;line-height:1.38;-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .top,.foot,.float-wa,.no-print,.skip{display:none!important}
  .sec{padding:0!important;background:#fff!important}
  .wrap{max-width:none;padding:0}
  .sheet{box-shadow:none;border-radius:0;padding:0 0 0;max-width:none;border-top:6px solid var(--petrol)}
  .sh-head{padding-top:8px}
  .sheet h3{font-size:11.5pt;margin:9pt 0 3pt}
  .sheet .dots li,.when,.meds,.ticks li{font-size:9.6pt}
  .sheet .dots li{margin-bottom:1.5pt}
  .when th,.when td,.meds th,.meds td{padding:3pt 5pt}
  .meds td{height:1.55em}
  .fill,.sh-grid,.ticks{grid-template-columns:1fr 1fr}
  .sh-grid section,.sh-block,.alarm section{break-inside:avoid}
  .alarm section{margin-top:8pt;padding:2pt 9pt 5pt}
  .sh-foot{margin-top:9pt}
  a{color:inherit;text-decoration:none}
}
.fill em.opts{font-style:normal;font-size:.85rem;color:var(--muted);flex:none}
.alarm{margin-bottom:4px}
/* v2: pictures on the care sheets */
.sh-titles{flex:1}
.sh-art{width:78px;height:78px;object-fit:cover;border-radius:12px;flex:none;border:1px solid var(--line)}
.pics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0 4px}
.pics-3{grid-template-columns:repeat(3,1fr)}
.pics figure{margin:0;text-align:center}
.pics img{width:100%;max-width:150px;height:auto;aspect-ratio:1;object-fit:cover;border-radius:12px;background:#fff;border:1px solid var(--line)}
.pics figcaption{font-size:.86rem;line-height:1.35;margin-top:6px;color:var(--ink)}
@media (max-width:700px){.pics{grid-template-columns:repeat(2,1fr)}.sh-art{width:64px;height:64px}}
@media print{
  .pics{gap:8pt;margin:8pt 0 0}
  .pics img{max-width:82pt}
  .pics figcaption{font-size:8.6pt;margin-top:2pt}
  .sh-art{width:52pt;height:52pt}
  .pics{break-inside:avoid}
}