/* TissueScope A4 report: screen preview shows sheets; print/PDF uses @page A4. Always light, ink-friendly. */
:root{--ac:#2f7d4f;--ac-d:#215a38;--ac-soft:#e8f3ec;--tx:#1c2420;--mu:#5d6b63;--ln:#dbe4de;--warn:#b86e00;--info:#2d62a5}
*{box-sizing:border-box}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{margin:0;background:#e9eeeb;color:var(--tx);font:10pt/1.45 "Segoe UI",Helvetica,Arial,sans-serif}
.toolbar{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;justify-content:center;padding:10px;background:#fff;border-bottom:1px solid var(--ln)}
.toolbar a,.toolbar button{font:600 .9rem system-ui,sans-serif;padding:8px 16px;border-radius:8px;border:1px solid var(--ln);background:#fff;color:var(--tx);text-decoration:none;cursor:pointer}
.toolbar .pri{background:var(--ac);border-color:var(--ac);color:#fff}
.sheet{width:210mm;margin:14px auto;background:#fff;box-shadow:0 2px 14px rgba(0,0,0,.18);padding:0 13mm 16mm}
.cover{margin:0 -13mm 8mm;padding:16mm 13mm 9mm;background:linear-gradient(135deg,#2f7d4f,#1f5a37);color:#fff;position:relative;overflow:hidden;border-bottom:2mm solid #17482b}
.cover .kick{font-size:8pt;letter-spacing:.14em;font-weight:700;color:#cdeedb;text-transform:uppercase}
.cover h1{font:italic 400 27pt/1.1 Georgia,"Times New Roman",serif;margin:6mm 0 2mm}
.cover .sub{color:#e6f7ed;font-size:11pt}
.cover svg{position:absolute;right:10mm;top:8mm;opacity:.9}
.meta{display:grid;grid-template-columns:repeat(2,1fr);gap:1mm 8mm;margin:0 0 5mm;font-size:9.5pt}
.meta b{color:var(--mu);font-weight:650;display:inline-block;min-width:38mm}
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:3mm;margin:0 0 5mm}
.tile{border:1px solid var(--ln);border-left:1.2mm solid var(--ac);border-radius:2mm;padding:2.5mm 3mm;background:#f6faf7;break-inside:avoid}
.tile .l{font-size:6.8pt;letter-spacing:.07em;text-transform:uppercase;color:var(--mu);font-weight:700}
.tile .v{font-size:16pt;font-weight:800;color:var(--ac-d);line-height:1.15}
.tile .s{font-size:7.2pt;color:var(--mu)}
h2{font-size:14pt;color:var(--ac-d);margin:7mm 0 3mm;padding-bottom:1.2mm;border-bottom:.5mm solid var(--ac);break-after:avoid}
h3{font-size:10.5pt;margin:4mm 0 1.5mm;break-after:avoid}
.note{font-size:8.3pt;color:var(--mu)}
ul.f{margin:1mm 0 0;padding-left:5mm} ul.f li{margin:.8mm 0}
.step{display:grid;grid-template-columns:8mm 1fr;gap:3mm;border:1px solid var(--ln);border-radius:2.5mm;padding:2.6mm 3mm;margin:0 0 2.2mm;break-inside:avoid}
.step .n{width:7mm;height:7mm;border-radius:50%;background:var(--ac);color:#fff;display:grid;place-items:center;font-weight:800;font-size:9.5pt}
.step .t{font-size:9.6pt}.step .w{font-size:8pt;color:var(--mu)}
.pill{display:inline-block;padding:.2mm 2mm;border-radius:99px;color:#fff;font-size:7pt;font-weight:700;vertical-align:1px}
.pill.A{background:#2e8c52}.pill.B{background:#336db3}.pill.C{background:#c98015}
table{width:100%;border-collapse:collapse;font-size:8.3pt;margin:0 0 3mm}
thead{display:table-header-group}
th{background:#e6f0ea;text-align:left;padding:1.6mm 2mm;font-size:7.4pt;text-transform:uppercase;letter-spacing:.04em;color:#2c4a39}
td{padding:1.6mm 2mm;border-bottom:1px solid var(--ln);vertical-align:top}
tr{break-inside:avoid} tr:nth-child(even) td{background:#f8faf9}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums}
.pg{display:inline-block;background:var(--ac-soft);border-radius:1.2mm;padding:0 1.6mm;margin:0 1mm 1mm 0;white-space:nowrap}
.pg b{color:var(--ac-d)}
blockquote{margin:0 0 2mm;padding:1.6mm 3mm;border-left:1mm solid var(--ac);background:#f6faf7;font-size:8.2pt;color:#33403a;break-inside:avoid}
.bars{display:grid;grid-template-columns:30mm 1fr 22mm;gap:2mm;align-items:center;font-size:8pt;margin:.7mm 0}
.bars .bt{height:2.6mm;background:#ecf1ee;border-radius:99px;overflow:hidden}.bars .bt i{display:block;height:100%;background:var(--ac)}
.bars .bt i.hl{background:#1f8a4b}.bars .v{text-align:right;font-weight:700}
.card{border:1px solid var(--ln);border-radius:2.5mm;padding:2.5mm 3.5mm;margin:0 0 3mm;break-inside:avoid}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:3mm}
.refs{font-size:7.6pt;color:#3a4640;padding-left:5mm}.refs li{margin:.8mm 0}
.disc{font-size:8pt;color:var(--mu);border-top:1px solid var(--ln);margin-top:5mm;padding-top:2mm}
@page{size:A4;margin:13mm 0 16mm}
@page{@bottom-left{content:"TissueScope · protocol profile";font:7.5pt system-ui,sans-serif;color:#6c7a72;margin-left:13mm}@bottom-right{content:"Page " counter(page) " of " counter(pages);font:7.5pt system-ui,sans-serif;color:#6c7a72;margin-right:13mm}}
@page:first{margin-top:0}
@media print{
  body{background:#fff}.toolbar{display:none}
  .sheet{width:auto;margin:0;box-shadow:none;padding:0 13mm}
}
@media screen and (max-width:230mm){table{display:block;overflow-x:auto}.sheet{overflow-x:hidden}.sheet{width:auto;margin:0;padding:0 5mm 8mm}.cover{margin:0 -5mm 6mm}.tiles{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}}