/* lab.slitaz.org: shared style. No external fonts or scripts (vhost CSP). */
html{border-top:4px solid #f60}
body{font:16px/1.6 system-ui,sans-serif;max-width:46rem;margin:3rem auto;padding:0 1rem;color:#222}
h1{margin-bottom:.2rem} .t{color:#888;margin-top:0}
h2{margin-top:2.2rem;border-bottom:1px solid #eee;padding-bottom:.2rem}
h3{margin-bottom:.2rem}
a{color:#c00;text-decoration:none} a:hover{text-decoration:underline}
li{margin:.4rem 0}
code{background:#f4f4f4;padding:.1rem .3rem;border-radius:3px;font-size:.9em}
pre{background:#1e1e1e;color:#ddd;padding:.8rem 1rem;border-radius:4px;overflow-x:auto;font-size:.85rem;line-height:1.45}
code{white-space:nowrap}
pre code{background:none;padding:0;font-size:inherit;white-space:pre}
pre .c{color:#888}
img{max-width:100%;height:auto}
.proj{list-style:none;padding-left:0}
.proj>li{margin:.5rem 0}
.proj .n{font-weight:600} .proj .d{color:#555}
.card{background:#fafafa;border:1px solid #eee;border-left:3px solid #f60;
      border-radius:4px;padding:.6rem 1rem;margin-top:1rem}
.card img{display:block;margin:.6rem 0 .2rem;border:1px solid #ddd;border-radius:3px}
kbd{background:#222;color:#fff;border-radius:3px;padding:.05rem .35rem;font:13px monospace;white-space:nowrap}
.muted{color:#888;font-size:.9rem}
.back{font-size:.9rem}
.shot{margin:1.5rem 0}
.shot figcaption{color:#888;font-size:.85rem;margin-top:.3rem}
table{border-collapse:collapse;width:100%;font-size:.95rem}
td{padding:.3rem .5rem;border-bottom:1px solid #eee;vertical-align:top}
td:first-child{white-space:nowrap}
footer{margin-top:3rem;border-top:1px solid #eee;padding-top:.6rem}