/* listbuilder.css: the question list builder. Byte for byte the same on thedeckprofessor.com and godecks.ca.
   It reads each site's own colour tokens and falls back to neutral values, so it follows the professor's
   light and dark themes and godecks' light theme without knowing which site it is on. */

.lb{
  --lb-accent:var(--accent,#14604a);
  --lb-accent-ink:var(--accent-ink,var(--accent-dark,#0e4c3a));
  --lb-accent-soft:var(--accent-soft,#dfeee7);
  --lb-on-accent:var(--on-accent,#ffffff);
  --lb-ink:var(--ink,#1a2128);
  --lb-muted:var(--muted,var(--ink-soft,#5b6670));
  --lb-card:var(--card,#ffffff);
  --lb-card-2:var(--card-2,#f4f1ea);
  --lb-paper:var(--paper,#fbf9f5);
  --lb-line:var(--line,#e3dfd6);
  --lb-line-strong:var(--line-strong,#b9b2a5);
  --lb-warn:var(--warn,#8a5a12);
  --lb-warn-soft:var(--warn-soft,#fbf1dd);
  --lb-head:var(--f-display,var(--f-head,Georgia,"Times New Roman",serif));
  --lb-top:78px;
  --lb-r:12px;
  color:var(--lb-ink);
}
.lb *,.lb *::before,.lb *::after{box-sizing:border-box}
.lb [hidden]{display:none !important}
.lb-vh{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lb-offscreen{position:fixed;left:-9999px;top:0}
.lb-muted{color:var(--lb-muted)}
.lb-small{font-size:13.5px;line-height:1.45}
.lb-warntext{color:var(--lb-warn);font-weight:600}
.lb-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.lb-between{justify-content:space-between}
.lb-box{border:1px solid var(--lb-line);border-radius:var(--lb-r);background:var(--lb-card-2);padding:12px 14px;margin:10px 0;display:grid;gap:8px}

/* ---------- buttons and inputs ---------- */
.lb-btn{font:inherit;font-size:14px;font-weight:600;line-height:1.2;padding:9px 16px;border-radius:999px;border:1.5px solid var(--lb-line-strong);background:transparent;color:var(--lb-ink);cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.lb-btn:hover{border-color:var(--lb-ink)}
.lb-btn.primary{background:var(--lb-accent);border-color:var(--lb-accent);color:var(--lb-on-accent)}
.lb-btn.primary:hover{background:var(--lb-accent-ink);border-color:var(--lb-accent-ink)}
.lb-btn.small{font-size:13px;padding:6px 12px}
.lb-btn.ghost{border-color:transparent;color:var(--lb-accent-ink);padding-inline:8px}
.lb-btn.ghost:hover{border-color:var(--lb-line-strong)}
.lb-btn.warn{color:var(--lb-warn)}
.lb-btn.icon{width:32px;height:32px;padding:0;justify-content:center;font-size:16px;border-radius:8px}
.lb-btn:disabled{opacity:.4;cursor:default}
.lb-btn:disabled:hover{border-color:var(--lb-line-strong)}
.lb-btn.ghost:disabled:hover{border-color:transparent}
.lb-btn:focus-visible,.lb-input:focus-visible,.lb-seg button:focus-visible,.lb-chips button:focus-visible{outline:2px solid var(--lb-accent);outline-offset:2px}
.lb-input{font:inherit;font-size:15px;width:100%;min-width:0;padding:8px 11px;border:1.5px solid var(--lb-line-strong);border-radius:8px;background:var(--lb-card);color:var(--lb-ink)}
textarea.lb-input{resize:vertical;line-height:1.45}
.lb-field{display:grid;gap:4px;margin:0 0 10px}
.lb-lab{font-size:13px;font-weight:700;color:var(--lb-ink);margin:0}
.lb-hint{font-size:13px;color:var(--lb-muted);margin:-4px 0 10px}
.lb-check{display:flex;gap:9px;align-items:flex-start;font-size:14px;margin:0 0 9px;cursor:pointer}
.lb-check input{width:17px;height:17px;margin:2px 0 0;flex:none;accent-color:var(--lb-accent)}
.lb-seg{display:flex;flex-wrap:wrap;gap:6px}
.lb-seg button{font:inherit;font-size:13.5px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--lb-line-strong);background:transparent;color:var(--lb-ink);cursor:pointer}
.lb-seg button:hover{border-color:var(--lb-ink)}
.lb-seg button[aria-pressed="true"]{background:var(--lb-accent);border-color:var(--lb-accent);color:var(--lb-on-accent)}

/* ---------- two columns: the bank, and the open list on the right ---------- */
.lb-cols{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
@media (min-width:1000px){.lb-cols{grid-template-columns:minmax(0,1fr) minmax(340px,410px)}}

/* ---------- the bank ---------- */
.lb-bankhead{display:grid;gap:10px;margin:0 0 6px}
.lb-search{font:inherit;font-size:16px;width:100%;padding:11px 16px;border:1.5px solid var(--lb-line-strong);border-radius:999px;background:var(--lb-card);color:var(--lb-ink)}
.lb-chips{display:flex;flex-wrap:wrap;gap:6px}
.lb-chips button{font:inherit;font-size:13.5px;padding:6px 12px;border-radius:999px;border:1.5px solid var(--lb-line-strong);background:transparent;color:var(--lb-ink);cursor:pointer}
.lb-chips button[aria-pressed="true"]{background:var(--lb-ink);border-color:var(--lb-ink);color:var(--lb-paper)}
.lb-countrow{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin:6px 0}
.lb-count{font-size:14px;color:var(--lb-muted);margin:0}
.lb-selbar{position:sticky;top:var(--lb-top);z-index:6;display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--lb-card);border:1.5px solid var(--lb-accent);border-radius:var(--lb-r);padding:9px 12px;margin:0 0 12px;box-shadow:0 8px 22px rgba(20,30,28,.12)}
.lb-selcount{font-weight:700;font-size:14px;margin-right:4px}
.lb-selbar .lb-newform{flex-basis:100%}
.lb-group{margin:0 0 22px}
.lb-ghead{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--lb-ink);padding:18px 0 6px}
.lb .lb-ghead h2{font-family:var(--lb-head);font-size:20px;line-height:1.25;font-weight:600;margin:0}
.lb-qs{list-style:none;margin:0;padding:0}
.lb-q{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:2px 12px;align-items:start;padding:11px 8px;border-bottom:1px solid var(--lb-line);border-radius:8px}
.lb-q:hover{background:var(--lb-card-2)}
.lb-q.is-sel{background:var(--lb-accent-soft)}
.lb-q input.lb-pick{width:19px;height:19px;margin:3px 0 0;accent-color:var(--lb-accent);cursor:pointer}
.lb-qt{font-weight:600;font-size:16px;line-height:1.4;cursor:pointer;min-width:0}
/* a question already in the open list: a bar on its left edge, and its button reads "In your list" */
.lb-q.is-in{box-shadow:inset 3px 0 0 var(--lb-accent)}
.lb-qtools{display:flex;gap:4px;align-items:center}
.lb-add1:disabled{opacity:1;border-color:transparent;background:var(--lb-accent-soft);color:var(--lb-accent-ink);cursor:default}
.lb-add1:disabled:hover{border-color:transparent}
.lb-info{grid-column:2 / -1;font-size:14.5px;line-height:1.55;color:var(--lb-ink);background:var(--lb-card);border:1px solid var(--lb-line);border-radius:10px;padding:10px 14px;margin:8px 0 2px}
.lb-info p{margin:0 0 8px;max-width:none}
.lb-info p:last-child{margin-bottom:0}
.lb-info .lb-infolab{font-weight:700}
.lb-none{padding:18px 0}
@media (max-width:560px){
  .lb-q{grid-template-columns:22px minmax(0,1fr)}
  .lb-qtools{grid-column:2;justify-content:flex-start}
  /* on a phone the category chips are one row that scrolls sideways, not a block of eight */
  .lb-chips{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px;margin-right:-16px;padding-right:16px}
  .lb-chips::-webkit-scrollbar{display:none}
  .lb-chips button{flex:none}
}

/* ---------- the panel: the open list ---------- */
.lb-panel{position:sticky;top:var(--lb-top);max-height:calc(100vh - var(--lb-top) - 12px);overflow:auto;overscroll-behavior:contain;background:var(--lb-card);border:1px solid var(--lb-line);border-radius:16px;padding:16px 16px 18px;box-shadow:0 1px 2px rgba(20,30,28,.05),0 10px 28px rgba(20,30,28,.07)}
.lb .lb-ptitle{font-family:var(--lb-head);font-size:20px;margin:0}
.lb-phead{border-bottom:1px solid var(--lb-line);padding-bottom:6px;margin-bottom:6px}
.lb-sheettop{margin:0 0 8px}
.lb-sheettop .lb-lab{font-family:var(--lb-head);font-size:18px;font-weight:600}
.lb-inline{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px}
.lb-inline .lb-seg{padding:2px 0}
.lb-name{font-weight:700;font-size:16px}
.lb-settings,.lb-adv{margin:4px 0 8px}
.lb-settings > summary,.lb-adv > summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--lb-accent-ink);padding:4px 0;list-style-position:inside}
.lb-settings > .lb-set{padding:8px 0 0}
.lb-adv{border-top:1px dashed var(--lb-line);padding-top:6px}
.lb-adv > .lb-set{padding:8px 0 0}
.lb-empty{color:var(--lb-muted);font-size:14.5px;margin:12px 0}
.lb-items{list-style:none;margin:0;padding:0}
.lb-item{display:grid;grid-template-columns:12px 24px minmax(0,1fr);gap:4px 6px;padding:10px 0;border-bottom:1px solid var(--lb-line)}
.lb-item.is-drag{opacity:.45}
.lb-item.drop-before{box-shadow:inset 0 3px 0 var(--lb-accent)}
.lb-item.drop-after{box-shadow:inset 0 -3px 0 var(--lb-accent)}
.lb-grip{width:12px;min-height:26px;cursor:grab;border-radius:3px;background-image:radial-gradient(circle,var(--lb-line-strong) 1.3px,transparent 1.6px);background-size:6px 6px;background-position:0 2px;opacity:.9}
.lb-grip:active{cursor:grabbing}
.lb-num{font-weight:700;font-size:14px;color:var(--lb-muted);padding-top:1px;font-variant-numeric:tabular-nums}
.lb-ibody{min-width:0}
.lb-itext{margin:0 0 4px;font-size:15px;font-weight:600;line-height:1.4;max-width:none}
.lb-tag{font-weight:400;font-size:12.5px;color:var(--lb-muted)}
.lb-itools{display:flex;flex-wrap:wrap;gap:2px 4px;align-items:center;margin-top:2px}
.lb-itools .lb-btn.small{padding:4px 8px}
.lb-mine{margin-top:4px;font-size:14px}
.lb-reply{font-size:14px;margin:4px 0;max-width:none;white-space:pre-wrap}
.lb-diag{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px;align-items:center;margin:6px 0 2px}
.lb-thumbbtn{padding:0;border:1px solid var(--lb-line);border-radius:8px;background:#f7f6f2;cursor:pointer;overflow:hidden;display:block;width:120px}
.lb-thumbbtn:focus-visible{outline:2px solid var(--lb-accent);outline-offset:2px}
.lb-thumb svg{display:block;width:100%;height:auto;max-height:80px}
.lb-diag p{margin:0}
.lb-own{margin:14px 0 4px}
.lb-own .lb-row{flex-wrap:nowrap}
.lb-actions{position:relative;display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 4px}
.lb-sharehost:empty{display:none}
.lb-url{font-size:13px;flex:1 1 200px}
.lb-newform{display:grid;gap:4px;border:1px solid var(--lb-line);border-radius:var(--lb-r);background:var(--lb-card-2);padding:12px;margin:8px 0}
.lb-newform .lb-row{margin-top:4px}

/* menus (the selection bar is sticky and the actions row relative, so both anchor their menu) */
.lb-menu{position:absolute;z-index:60;top:100%;left:0;margin-top:6px;min-width:230px;max-width:min(360px,90vw);background:var(--lb-card);border:1px solid var(--lb-line-strong);border-radius:10px;box-shadow:0 12px 30px rgba(20,30,28,.18);padding:6px;display:grid}
.lb-menu button{font:inherit;font-size:14px;text-align:left;background:none;border:0;border-radius:6px;padding:8px 10px;color:var(--lb-ink);cursor:pointer}
.lb-menu button:hover,.lb-menu button:focus-visible{background:var(--lb-accent-soft);outline:none}
.lb-menu button.warn{color:var(--lb-warn)}
.lb-menusep{height:1px;background:var(--lb-line);margin:4px 2px}

/* phones and narrow windows: the panel becomes a sheet from the bottom, opened from a bar docked across the
   bottom edge. The page keeps room under its last row for the bar, and anything that takes keyboard focus is
   scrolled clear of it, so the bar never sits on a question. */
.lb-sheetbtn,.lb-sheetclose,.lb-scrim{display:none !important}
@media (max-width:999.98px){
  .lb-panel{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:46;max-height:88vh;border-radius:18px 18px 0 0;border-bottom:0;transform:translateY(104%);visibility:hidden;transition:transform .22s ease,visibility 0s linear .22s;box-shadow:0 -12px 40px rgba(20,30,28,.25)}
  .lb.lb-sheet-open .lb-panel{transform:none;visibility:visible;transition:transform .22s ease}
  .lb-sheetbtn{display:flex !important;position:fixed;left:0;right:0;bottom:0;z-index:44;justify-content:center;align-items:center;min-height:52px;font:inherit;font-size:15.5px;font-weight:700;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));border:0;border-radius:0;background:var(--lb-accent);color:var(--lb-on-accent);box-shadow:0 -6px 20px rgba(20,30,28,.18);cursor:pointer}
  .lb-sheetbtn:focus-visible{outline:3px solid var(--lb-on-accent);outline-offset:-6px}
  .lb.lb-sheet-open .lb-sheetbtn{display:none !important}
  .lb.lb-sheet-open .lb-scrim{display:block !important;position:fixed;inset:0;z-index:45;background:rgba(12,18,22,.45)}
  .lb-sheetclose{display:inline-flex !important}
  .lb-selbar{top:72px}
  .lb-ui{padding-bottom:84px}
  html.lb-page{scroll-padding-bottom:76px}
}

/* status line */
.lb-toast{position:fixed;left:16px;bottom:16px;z-index:70;display:flex;gap:10px;align-items:center;max-width:min(520px,calc(100vw - 32px));background:var(--lb-ink);color:var(--lb-paper);border-radius:12px;padding:10px 14px;font-size:14px;box-shadow:0 10px 30px rgba(0,0,0,.25);transform:translateY(160%);transition:transform .2s ease}
.lb-toast.on{transform:none}
.lb-toast:empty{display:none}
.lb-toast .lb-btn{color:var(--lb-paper);border-color:var(--lb-paper)}
@media (max-width:999.98px){.lb-toast{bottom:calc(64px + env(safe-area-inset-bottom,0px))}}

/* ---------- the diagram dialog ---------- */
.lb-dialog{width:min(1080px,96vw);max-height:94vh;overflow:auto;overscroll-behavior:contain;border:0;border-radius:18px;padding:0;background:var(--lb-card);color:var(--lb-ink);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.lb-dialog::backdrop{background:rgba(12,18,22,.55)}
.lb-dialog[open]:not(:modal){position:fixed;inset:3vh 2vw auto;z-index:80;margin:auto}
.lb-dlg{padding:18px 20px 16px;display:grid;gap:12px}
.lb .lb-dlg-head h2{font-family:var(--lb-head);font-size:22px;margin:0 0 2px}
.lb-dlg-head p{margin:0;font-size:15px;max-width:none}
.lb-dlg-host{min-width:0}
.lb-dlg-host .demo{margin:0;overflow:visible}
/* the drawing stays in view while the controls beside it scroll: a change you cannot see does not count */
@media (min-width:821px){.lb-dlg-host .demo-stage{position:sticky;top:0;align-self:start;z-index:1;border-radius:var(--lb-r) 0 0 0}}
.lb-dlg-common{display:flex;flex-wrap:wrap;gap:4px 28px;align-items:flex-start;border-top:1px solid var(--lb-line);padding-top:12px}
.lb-dlg-common .lb-field{margin:0}
.lb-dlg-foot{border-top:1px solid var(--lb-line);padding-top:12px}
.lb-pick-demo{display:grid;gap:4px;margin:0 0 12px;max-width:420px}
.lb-dlg-pick{display:flex;flex-wrap:wrap;gap:10px 24px;align-items:flex-end;margin:0 0 10px}
.lb-dlg-pick .lb-field{margin:0}
.lb-dlg-pick .lb-pick-demo{flex:1 1 280px;max-width:440px}
.lb-seed{font-size:13px;color:var(--lb-muted);margin:0 0 10px}

/* the godecks drawing editor and live view */
.lb-gd{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:760px){.lb-gd{grid-template-columns:1fr}}
.lb-gd-stage{background:#f7f6f2;border-radius:12px;overflow:hidden;aspect-ratio:800/520}
.lb-gd-stage svg{display:block;width:100%;height:100%}
.lb-gd-side{display:grid;gap:4px}
.lb-gd-side input[type=range]{width:100%;accent-color:var(--lb-accent)}
.lb-gd-desc{font-size:14px;color:var(--lb-muted);margin:0 0 8px;max-width:none}
.lb-live{display:grid;gap:8px}
.lb-live .lb-row{font-size:14px}
.lb-live input[type=range]{flex:1 1 180px;accent-color:var(--lb-accent)}

/* ---------- documents: preview, shared lists, paper ---------- */
.lb-sharedbar{position:sticky;top:var(--lb-top);z-index:6;display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;justify-content:space-between;background:var(--lb-card);border:1.5px solid var(--lb-accent);border-radius:var(--lb-r);padding:10px 14px;margin:0 0 16px;box-shadow:0 8px 22px rgba(20,30,28,.1)}
.lb-doc{background:var(--lb-card);border:1px solid var(--lb-line);border-radius:16px;padding:24px 28px;max-width:980px}
@media (max-width:640px){.lb-doc{padding:18px 16px}}
.lb .lb-doc-title{font-family:var(--lb-head);font-size:clamp(24px,3.4vw,32px);line-height:1.2;margin:0 0 8px}
.lb-doc-site{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--lb-muted);margin:0 0 6px}
.lb-doc-meta{margin:0 0 14px}
.lb-doc-meta p{margin:0;font-size:15px;font-weight:600}
.lb-doc-intro{font-size:16px;color:var(--lb-muted);margin:0 0 16px;max-width:70ch;white-space:pre-wrap}
.lb .lb-doc-group{font-family:var(--lb-head);font-size:19px;margin:22px 0 4px;padding-bottom:4px;border-bottom:1px solid var(--lb-line)}
.lb-doc-items{list-style:none;margin:0;padding:0}
.lb-doc-item{padding:14px 0;border-bottom:1px solid var(--lb-line)}
.lb-doc-item:last-child{border-bottom:0}
.lb .lb-doc-q{font-family:inherit;font-size:17px;font-weight:700;line-height:1.4;margin:0 0 6px}
.lb-doc-n{color:var(--lb-muted);font-variant-numeric:tabular-nums}
.lb-doc-tickq{display:flex;gap:10px;align-items:flex-start}
.lb-doc-tickq input{width:19px;height:19px;margin:3px 0 0;flex:none;accent-color:var(--lb-accent)}
.lb-tickbox{display:inline-block;width:14px;height:14px;border:1.5px solid currentColor;border-radius:2px;margin-right:8px;vertical-align:-1px}
.lb-doc-why{font-size:14.5px;color:var(--lb-muted);margin:0 0 8px;max-width:70ch}
.lb-doc-a p{margin:0 0 8px;font-size:15.5px;line-height:1.6;max-width:72ch}
.lb-doc-a .lb-doc-alab{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lb-muted);margin:0 0 2px}
.lb-fold > summary{cursor:pointer;font-size:14px;font-weight:700;color:var(--lb-accent-ink);padding:2px 0 6px}
.lb-doc-link{margin:0 0 6px;font-size:14px}
.lb-lines{border:1px dashed var(--lb-line-strong);border-radius:8px;padding:6px 12px 4px;margin:4px 0 2px}
.lb-lines-lab{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--lb-muted)}
.lb-rule{display:block;border-bottom:1px solid var(--lb-line-strong);height:26px}
.lb-answer{margin-top:4px}
.lb-doc-diag{margin:10px 0 4px}
.lb-doc-diag > svg{display:block;width:100%;max-width:720px;height:auto;background:#f7f6f2;border-radius:10px}
.lb-doc-diag .lb-live .lb-gd-stage,.lb-doc-diag .lb-live .lb-gd-side{max-width:720px}
.lb-doc-diag .demo{margin:6px 0 0}
.lb-facts{list-style:none;margin:8px 0 0;padding:0;font-size:13.5px;columns:2;column-gap:24px}
.lb-facts li{break-inside:avoid;padding:3px 0;border-bottom:1px dotted var(--lb-line)}
.lb-facts .lb-verdict{column-span:all;font-weight:700;border-bottom:0;padding-bottom:6px}
.lb-facts li.flag{color:var(--lb-warn);font-weight:700}
@media (max-width:560px){.lb-facts{columns:1}}
.lb-doc-sign{margin:22px 0 0;display:grid;gap:14px;max-width:520px}
.lb-doc-sign p{display:flex;gap:10px;align-items:flex-end;margin:0;font-weight:600}
.lb-fill{flex:1;border-bottom:1px solid var(--lb-line-strong);height:22px}
.lb-doc-foot{margin:22px 0 0;font-size:13px;color:var(--lb-muted);max-width:none}
.lb-answerbar{max-width:900px;margin-top:16px}
.lb-compare-wrap{max-width:none;overflow-x:auto}
.lb-compare{border-collapse:collapse;width:100%;font-size:14.5px}
.lb-compare th,.lb-compare td{border:1px solid var(--lb-line);padding:8px 10px;text-align:left;vertical-align:top;white-space:pre-wrap}
.lb-compare thead th{background:var(--lb-card-2)}
.lb-compare tbody th{font-weight:600;width:32%}

/* ---------- paper ---------- */
.lb-print{display:none}
@media print{
  .lb-ui,.lb-shared,.lb-screen,.lb-toast,.lb-sheetbtn,.lb-dialog{display:none !important}
  .lb-print{display:block !important}
  .lb-print .lb-doc{border:0;border-radius:0;padding:0;max-width:none;background:#fff;color:#000}
  .lb-print .lb-doc-title{font-size:20pt}
  .lb-print .lb-doc-q{font-size:12pt}
  .lb-print .lb-doc-a p,.lb-print .lb-doc-why{font-size:10.5pt;color:#222}
  .lb-print .lb-doc-item{break-inside:avoid;border-color:#bbb;padding:8pt 0}
  .lb-print .lb-doc-diag > svg{max-height:75mm;width:auto;max-width:100%;background:#fff;border:1px solid #bbb}
  .lb-print .lb-rule{border-color:#888;height:24px}
  .lb-print .lb-lines{border-color:#999}
  .lb-print .lb-doc-foot{color:#444}
  .lb-print a{color:#000}
}