/* BactID — visual language taken from the bench: TSI slant greens,
   phenol-red magenta for positive reactions, amber for variable. */

:root{
  --slant:#1F5F52;          /* TSI butt, primary */
  --slant-dk:#123A32;
  --slant-lt:#E4EFEA;
  --phenol:#B4325C;         /* positive reaction */
  --phenol-lt:#FBE9EF;
  --amber:#C9832A;          /* variable / caution */
  --amber-lt:#FBF0DC;
  --ink:#16211E;
  --ink-2:#4A5A55;
  --ink-3:#7C8B86;
  --rule:#D6DEDA;
  --rule-2:#E9EEEC;
  --page:#F2F4F1;
  --card:#FFFFFF;
  --radius:10px;
  --shadow:0 1px 2px rgba(22,33,30,.06);
  --sans:ui-sans-serif,system-ui,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  --mono:ui-monospace,SFMono-Regular,"Cascadia Mono",Consolas,"Liberation Mono",monospace;
}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--page);color:var(--ink);
  font:400 15px/1.6 var(--sans);
  display:flex;flex-direction:column;min-height:100vh;
}
h1,h2,h3{margin:0 0 .5rem;font-weight:600;line-height:1.25;letter-spacing:-.01em}
.h1{font-size:1.5rem}.h2{font-size:1.15rem}.h3{font-size:1rem}
p{margin:0 0 .75rem}
a{color:var(--slant)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
  outline:2px solid var(--slant);outline-offset:2px;border-radius:4px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:8px;top:8px;background:#fff;padding:.5rem .75rem;z-index:99}
.wrap{width:100%;max-width:1240px;margin:0 auto;padding:0 1rem}
.muted{color:var(--ink-3)}
.sci{font-family:var(--serif);font-style:italic}
.mono{font-family:var(--mono);font-size:.92em}
.nowrap{white-space:nowrap}

/* ---------------------------------------------------------------- topbar */
.topbar{background:var(--slant-dk);color:#EAF1EE;position:sticky;top:0;z-index:30}
.topbar-in{display:flex;align-items:center;gap:1.25rem;min-height:58px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none;margin-right:auto}
.brand-mark{width:20px;height:20px;border-radius:50%;flex:none;
  background:radial-gradient(circle at 50% 50%,var(--phenol) 0 34%,transparent 35%),
             conic-gradient(var(--amber) 0 25%,var(--slant) 0 100%);
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.28)}
.brand-text strong{display:block;font-size:1rem;letter-spacing:.02em}
.brand-text em{display:block;font-style:normal;font-size:.7rem;color:#9BB5AC;letter-spacing:.09em;text-transform:uppercase}
.nav{display:flex;gap:.15rem;flex-wrap:wrap}
.nav a{color:#C7D8D2;text-decoration:none;padding:.4rem .7rem;border-radius:6px;font-size:.9rem}
.nav a:hover{background:rgba(255,255,255,.1);color:#fff}
.nav a[aria-current]{background:rgba(255,255,255,.15);color:#fff;font-weight:600}
.usr{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#AFC6BF}
.usr-name{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chip-role{background:rgba(255,255,255,.14);color:#DCEAE5;text-transform:capitalize}
.navtoggle{display:none;background:none;border:0;padding:.5rem;cursor:pointer}
.navtoggle span{display:block;width:20px;height:2px;background:#DCEAE5;margin:3px 0}

/* ---------------------------------------------------------------- blocks */
main{flex:1;padding:1.25rem 1rem 3rem}
.card{background:var(--card);border:1px solid var(--rule);border-radius:var(--radius);box-shadow:var(--shadow)}
.pad{padding:1.1rem}
.pad-sm{padding:.75rem}
.stack>*+*{margin-top:1rem}
.row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}
.spread{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}
.grid{display:grid;gap:1rem}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.sectitle{display:flex;align-items:baseline;gap:.6rem;margin:0 0 .6rem}
.sectitle h2{margin:0}
.eyebrow{font-size:.7rem;letter-spacing:.11em;text-transform:uppercase;color:var(--ink-3);font-weight:600}

/* ---------------------------------------------------------------- controls */
.btn{display:inline-flex;align-items:center;gap:.4rem;background:var(--slant);color:#fff;border:1px solid var(--slant);
  padding:.5rem .9rem;border-radius:7px;font:inherit;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--slant-dk);border-color:var(--slant-dk)}
.btn-quiet{background:transparent;color:inherit;border-color:currentColor;opacity:.85;font-weight:500}
.btn-quiet:hover{background:rgba(255,255,255,.12);opacity:1}
.btn-ghost{background:#fff;color:var(--slant);border-color:var(--rule)}
.btn-ghost:hover{background:var(--slant-lt);border-color:var(--slant)}
.btn-danger{background:#8A2440;border-color:#8A2440}
.btn-sm{padding:.3rem .6rem;font-size:.82rem}
.btn:disabled{opacity:.45;cursor:not-allowed}
label{display:block;font-size:.82rem;font-weight:600;color:var(--ink-2);margin:0 0 .2rem}
input[type=text],input[type=password],input[type=number],input[type=date],input[type=email],select,textarea{
  width:100%;padding:.5rem .6rem;border:1px solid var(--rule);border-radius:7px;font:inherit;font-size:.92rem;
  background:#fff;color:var(--ink)}
textarea{min-height:5rem;resize:vertical}
.field+.field{margin-top:.75rem}
.hint{font-size:.78rem;color:var(--ink-3);margin:.2rem 0 0}

.chip{display:inline-block;padding:.12rem .5rem;border-radius:999px;font-size:.72rem;font-weight:600;
  background:var(--rule-2);color:var(--ink-2);letter-spacing:.02em}
.chip-pos{background:var(--phenol-lt);color:#8A2440}
.chip-neg{background:var(--slant-lt);color:var(--slant-dk)}
.chip-var{background:var(--amber-lt);color:#8A5A12}
.chip-rg3{background:#F6E3E3;color:#8A2020}

.flash{padding:.6rem .85rem;border-radius:8px;font-size:.9rem;border:1px solid;margin:0 0 1rem}
.flash-ok{background:var(--slant-lt);border-color:#B7D3C8;color:var(--slant-dk)}
.flash-err{background:#FAE7EB;border-color:#E8BCC7;color:#8A2440}
.flash-warn{background:var(--amber-lt);border-color:#E7CE9C;color:#7A5010}

/* ---------------------------------------------------------------- tables */
.tbl{width:100%;border-collapse:collapse;font-size:.9rem}
.tbl th{text-align:left;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3);
  font-weight:600;padding:.5rem .6rem;border-bottom:1px solid var(--rule)}
.tbl td{padding:.5rem .6rem;border-bottom:1px solid var(--rule-2);vertical-align:top}
.tbl tr:last-child td{border-bottom:0}
.tbl-hover tbody tr:hover{background:#F7F9F8}
.num{text-align:right;font-family:var(--mono);font-size:.85rem;font-variant-numeric:tabular-nums}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}

/* ---------------------------------------------------------------- the rack
   Signature element: every entered test is a segment in a tube rack. */
.rack{display:flex;gap:3px;flex-wrap:wrap;align-items:flex-end;padding:.55rem .7rem;
  background:linear-gradient(180deg,#EDF1EF,#E3E9E6);border:1px solid var(--rule);border-radius:8px}
.tube{width:15px;height:34px;border-radius:2px 2px 6px 6px;border:1px solid #C3CFCA;background:#fff;
  position:relative;flex:none}
.tube-pos{background:linear-gradient(180deg,#F5CEDC 0 38%,var(--phenol) 38% 100%);border-color:#A82A52}
.tube-neg{background:linear-gradient(180deg,#DDE9E4 0 38%,var(--slant) 38% 100%);border-color:#19544A}
.tube-eq{background:repeating-linear-gradient(45deg,#F3E4C6 0 4px,#E9D3A4 4px 8px);border-color:#C9A55E}
.rack-empty{color:var(--ink-3);font-size:.85rem;padding:.4rem 0}
.rack-meta{font-size:.78rem;color:var(--ink-2);margin-left:auto;align-self:center}

/* Miniature concordance strip on each candidate row */
.conc{display:flex;gap:2px;align-items:center}
.conc i{width:7px;height:16px;border-radius:1px;display:block;background:var(--rule)}
.conc .ag{background:var(--slant)}
.conc .dis{background:var(--phenol)}
.conc .nd{background:#E2E8E5;border:1px dashed #C7D2CE;height:14px}

/* ---------------------------------------------------------------- verdict */
.verdict{border-radius:var(--radius);padding:.9rem 1.05rem;border:1px solid;display:flex;gap:.9rem;align-items:flex-start}
.verdict-good{background:var(--slant-lt);border-color:#A9CCC0}
.verdict-part{background:var(--amber-lt);border-color:#E4CB99}
.verdict-warn{background:#FAE7EB;border-color:#E5B9C4}
.verdict-idle{background:#F0F3F1;border-color:var(--rule)}
.verdict-label{font-weight:700;font-size:1.02rem;margin:0 0 .15rem}
.verdict-detail{font-size:.88rem;margin:0;color:var(--ink-2)}
.verdict-dot{width:11px;height:11px;border-radius:50%;flex:none;margin-top:.4rem}
.verdict-good .verdict-dot{background:var(--slant)}
.verdict-part .verdict-dot{background:var(--amber)}
.verdict-warn .verdict-dot{background:var(--phenol)}
.verdict-idle .verdict-dot{background:var(--ink-3)}

/* ---------------------------------------------------------------- workbench */
.bench{display:grid;gap:1rem;grid-template-columns:minmax(0,1.05fr) minmax(0,1.25fr) minmax(0,.8fr);align-items:start}
.bench-col{min-width:0}
.sticky{position:sticky;top:74px}

.cand{border-bottom:1px solid var(--rule-2);padding:.6rem .7rem;display:grid;
  grid-template-columns:2rem minmax(0,1fr) auto;gap:.6rem;align-items:center}
.cand:last-child{border-bottom:0}
.cand-rank{font-family:var(--mono);font-size:.8rem;color:var(--ink-3);text-align:right}
.cand-name{font-family:var(--serif);font-style:italic;font-size:.98rem;line-height:1.3}
.cand-sub{font-size:.74rem;color:var(--ink-3);font-family:var(--sans);font-style:normal;margin-top:.15rem}
.cand-score{font-family:var(--mono);font-size:.86rem;text-align:right;font-variant-numeric:tabular-nums}
.cand-bar{height:3px;background:var(--rule-2);border-radius:2px;margin-top:.3rem;overflow:hidden}
.cand-bar i{display:block;height:100%;background:var(--slant)}
.cand-1{background:#F6FAF8}
.cand-1 .cand-name{font-size:1.08rem}

.testgrp{border-bottom:1px solid var(--rule-2)}
.testgrp:last-child{border-bottom:0}
.testgrp>summary{cursor:pointer;padding:.4rem .7rem;font-size:.78rem;font-weight:600;color:var(--ink-2);
  display:flex;justify-content:space-between;gap:.5rem;list-style:none;
  position:sticky;top:0;background:#F2F6F4;z-index:2}
.testgrp>summary::-webkit-details-marker{display:none}
.testgrp>summary:hover{background:#F7F9F8}
.testgrp[open]>summary{background:#F2F6F4;color:var(--ink)}
.tests{padding:.15rem 0 .35rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:.4rem}
.test{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;align-items:center;
  padding:.16rem .55rem;border-radius:5px;min-width:0}
.test:hover{background:#F3F7F5}
.test-name{font-size:.8rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  display:flex;align-items:center;gap:.3rem}
.scr{width:5px;height:5px;border-radius:50%;background:var(--amber);flex:none}
.test-code{font-family:var(--mono);font-size:.68rem;color:var(--ink-3)}
.test-hidden{display:none!important}
.grp-hidden{display:none!important}
.grpcount{font-size:.72rem;color:var(--ink-3);font-weight:500}
.grpcount.some{color:var(--slant);font-weight:700}
.keyline{font-size:.75rem;color:var(--ink-3);margin:.4rem 0 0}
.keyline b{color:var(--ink-2)}
.modeswitch{display:inline-flex;border:1px solid var(--rule);border-radius:7px;overflow:hidden;background:#fff}
.modeswitch button{border:0;background:#fff;font:inherit;font-size:.75rem;font-weight:600;
  padding:.25rem .6rem;cursor:pointer;color:var(--ink-3)}
.modeswitch button+button{border-left:1px solid var(--rule)}
.modeswitch button.on{background:var(--slant);color:#fff}
#testsearch{font-size:.84rem;padding:.35rem .55rem}
.tri{display:inline-flex;border:1px solid var(--rule);border-radius:7px;overflow:hidden;background:#fff}
.tri button{border:0;background:#fff;font:inherit;font-size:.74rem;font-weight:700;padding:.16rem .42rem;
  cursor:pointer;color:var(--ink-3);min-width:1.75rem;line-height:1.35}
.tri button+button{border-left:1px solid var(--rule)}
.tri button:hover{background:#F1F5F3}
.tri button[aria-pressed=true][data-v="1"]{background:var(--phenol);color:#fff}
.tri button[aria-pressed=true][data-v="0"]{background:var(--slant);color:#fff}
.tri button[aria-pressed=true][data-v="e"]{background:var(--amber);color:#fff}

.advise{padding:.6rem .7rem;border-bottom:1px solid var(--rule-2)}
.advise:last-child{border-bottom:0}
.advise-top{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}
.advise-name{font-size:.88rem;font-weight:600}
.advise-gain{font-family:var(--mono);font-size:.76rem;color:var(--slant)}
.advise-split{height:6px;border-radius:3px;background:var(--slant);margin:.35rem 0 .25rem;overflow:hidden;display:flex}
.advise-split i{display:block;height:100%;background:var(--phenol)}
.advise-meta{font-size:.73rem;color:var(--ink-3)}

.atyp{font-size:.82rem;padding:.5rem .7rem;border-bottom:1px solid var(--rule-2);display:flex;
  justify-content:space-between;gap:.6rem}
.atyp:last-child{border-bottom:0}

.kpi{display:flex;flex-direction:column;gap:.1rem}
.kpi b{font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.1}
.kpi span{font-size:.75rem;color:var(--ink-3);letter-spacing:.03em}

/* ---------------------------------------------------------------- matrix grid */
.mtx{border-collapse:separate;border-spacing:0;font-size:.78rem}
.mtx th,.mtx td{border-right:1px solid var(--rule-2);border-bottom:1px solid var(--rule-2);padding:0}
.mtx thead th{position:sticky;top:0;background:#F2F6F4;z-index:2;height:120px;vertical-align:bottom;padding:.3rem}
.mtx thead th span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:.68rem;font-weight:600;
  white-space:nowrap;color:var(--ink-2);font-family:var(--mono)}
.mtx tbody th{position:sticky;left:0;background:#fff;z-index:1;text-align:left;padding:.25rem .5rem;
  font-family:var(--serif);font-style:italic;font-weight:400;white-space:nowrap;font-size:.82rem;
  border-right:1px solid var(--rule)}
.mtx td input{width:100%;min-width:2.6rem;border:0;padding:.3rem .1rem;text-align:center;font-family:var(--mono);
  font-size:.74rem;background:transparent;border-radius:0}
.mtx td input:focus{background:#FFF8DC;outline:2px solid var(--slant);outline-offset:-2px}
.mtx td.f-hi{background:var(--phenol-lt)}
.mtx td.f-lo{background:var(--slant-lt)}
.mtx td.f-var{background:var(--amber-lt)}

/* ---------------------------------------------------------------- print */
.foot{border-top:1px solid var(--rule);padding:1.1rem 0 2rem;background:#EAEEEC}
.foot-warn{font-size:.82rem;font-weight:600;color:#8A2440;margin:0 0 .25rem}
.foot-note{font-size:.76rem;color:var(--ink-3);margin:0}

@media print{
  .topbar,.foot,.noprint,.navtoggle{display:none!important}
  body{background:#fff}
  .card{border:1px solid #ccc;box-shadow:none;break-inside:avoid}
  main{padding:0}
}

/* ---------------------------------------------------------------- responsive */
@media (max-width:1080px){
  .bench{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .bench-col-advice{grid-column:1/-1}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1180px){
  .tests{grid-template-columns:1fr}
}
@media (max-width:760px){
  .bench{grid-template-columns:1fr}
  .tests{grid-template-columns:repeat(2,minmax(0,1fr))}
  .test-name{font-size:.76rem}
  .bench-col-advice{grid-column:auto}
  .sticky{position:static}
  .g2,.g3,.g4{grid-template-columns:1fr}
  .navtoggle{display:block;order:3}
  .nav,.usr{display:none;width:100%}
  body.navopen .nav{display:flex;flex-direction:column;padding-bottom:.5rem}
  body.navopen .usr{display:flex;padding-bottom:.75rem}
  .topbar-in{min-height:52px}
  .cand{grid-template-columns:1.6rem minmax(0,1fr) auto}
  main{padding:1rem .75rem 2.5rem}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important}
}

/* ---------------------------------------------------------------- guidance */
.howto{margin:.25rem 0 0;padding-left:1.15rem;font-size:.86rem;color:var(--ink-2);line-height:1.55}
.howto li{margin-bottom:.4rem}
.howto strong{color:var(--ink)}

.steps{display:flex;background:#EDF2EF;border-bottom:1px solid var(--rule)}
.step{flex:1;display:flex;align-items:center;gap:.45rem;padding:.5rem .75rem;font-size:.79rem;
  color:var(--ink-3);border-right:1px solid var(--rule-2);min-width:0}
.step:last-child{border-right:0}
.step b{width:19px;height:19px;border-radius:50%;background:#D3DCD8;color:#5C6B66;font-size:.7rem;
  display:flex;align-items:center;justify-content:center;flex:none;font-weight:700}
.step.now{color:var(--ink);font-weight:600;background:#fff}
.step.now b{background:var(--slant);color:#fff}
.step.done b{background:#9FC3B6;color:#0E3A31}
.step.done{color:var(--ink-2)}

.remaining{text-align:right;line-height:1.25;flex:none;max-width:11rem}
.remaining b{display:block;font-size:1.12rem;font-weight:600;color:var(--slant-dk);text-transform:capitalize}
.remaining span{font-size:.73rem;color:var(--ink-3)}

.legend{display:flex;gap:.85rem;flex-wrap:wrap;align-items:center;margin-top:.5rem;
  font-size:.74rem;color:var(--ink-3)}
.legend span{display:flex;align-items:center;gap:.3rem}
.sw{width:11px;height:11px;border-radius:2px;border:1px solid #C3CFCA;display:inline-block}

.verdict-means{font-size:.9rem;margin:0 0 .4rem;color:var(--ink);line-height:1.5}
.verdict-next{font-size:.86rem;margin:0;color:var(--ink-2);line-height:1.5}
.next-tag{display:inline-block;background:var(--slant);color:#fff;font-size:.66rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;padding:.1rem .4rem;border-radius:4px;
  margin-right:.35rem;vertical-align:.05em}
.verdict-warn .next-tag{background:var(--phenol)}
.verdict-part .next-tag{background:#A2680F}

.cand-strength{font-size:.79rem;font-weight:600;color:var(--slant-dk);margin-top:.1rem}
.cand-1 .cand-strength{font-size:.86rem}
.cand-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}
.cand-warn{font-size:.73rem;color:#8A5A12;background:var(--amber-lt);border-radius:5px;
  padding:.25rem .4rem;margin-top:.35rem;line-height:1.4}
.test-done{background:#EEF5F1}
.test-done .test-name{font-weight:600;color:var(--slant-dk)}
.test-suggested .test-name::after{content:"suggested";font-size:.6rem;font-weight:700;letter-spacing:.05em;
  text-transform:uppercase;background:var(--amber-lt);color:#8A5A12;padding:.02rem .25rem;border-radius:3px;
  flex:none}

.advise-head{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}
.pick-tag{background:var(--slant);color:#fff;font-size:.62rem;font-weight:700;letter-spacing:.06em;
  text-transform:uppercase;padding:.08rem .35rem;border-radius:4px}
.advise-why{font-size:.79rem;color:var(--ink-2);margin:.2rem 0 0}
.advise-top-pick{background:#F6FAF8}
body.working{cursor:progress}
body.working .tri button{pointer-events:none;opacity:.65}

/* ---------------------------------------------------------------- help page */
.gloss dt{font-weight:600;font-size:.92rem;margin-top:.9rem;color:var(--slant-dk)}
.gloss dd{margin:.2rem 0 0;font-size:.88rem;color:var(--ink-2);line-height:1.55}
.readbox{border-left:3px solid var(--slant);background:var(--slant-lt);padding:.6rem .8rem;
  border-radius:0 6px 6px 0;font-size:.88rem;margin:0 0 .8rem}

/* ---------------------------------------------------------------- print */
@media print{
  @page{margin:14mm}
  html,body{background:#fff!important;color:#000;font-size:11pt}
  .topbar,.foot,.noprint,.navtoggle,.nav,.usr,.btn,.steps,.tri,.advise,.flash{display:none!important}
  main{padding:0;max-width:100%}
  .wrap{max-width:100%;padding:0}
  .card{border:1px solid #999!important;box-shadow:none!important;break-inside:avoid;
    page-break-inside:avoid;margin-bottom:8pt}
  .grid{display:block}
  .grid>*{margin-bottom:6pt}
  .kpi{display:inline-block;margin-right:18pt}
  .kpi b{font-size:14pt}
  a{color:#000;text-decoration:none}
  .verdict{border:1.5pt solid #000!important;background:#fff!important;padding:8pt}
  .verdict-dot{display:none}
  .verdict-label{font-size:13pt;font-weight:700}
  .next-tag{border:1pt solid #000;background:#fff!important;color:#000!important}
  .tbl th{border-bottom:1pt solid #000}
  .tbl td{border-bottom:.5pt solid #bbb}
  .chip{border:.5pt solid #999;background:#fff!important;color:#000!important}
  .tube{border:.5pt solid #000!important}
  .tube-pos{background:#000!important}
  .tube-neg{background:#fff!important}
  .tube-eq{background:#bbb!important}
  .conc i{border:.5pt solid #666}
  .conc .ag{background:#000!important}
  .conc .dis{background:#fff!important}
  .conc .nd{background:#ddd!important}
  .print-only{display:block!important}
  .sci{font-style:italic}
  h1,h2,h3{page-break-after:avoid}
  thead{display:table-header-group}
  tr{page-break-inside:avoid}
  .printfoot{display:block!important;margin-top:10pt;padding-top:6pt;border-top:.5pt solid #000;
    font-size:8.5pt;color:#000}
}
.print-only,.printfoot{display:none}