/* Showing pages: a sample opens its laboratory report (sample-lab.js) */
.sl-link { cursor:pointer; color:var(--gold); text-decoration:underline dotted; text-underline-offset:3px; }
.sl-link:hover, .sl-link:focus-visible { text-decoration-style:solid; outline:none; }
.au-col.sl-link, .au-card.sl-link { text-decoration:none; }
.au-col.sl-link:hover { filter:brightness(1.12); }
.au-card.sl-link:hover { border-color:var(--gold); }
.au-card.sl-link::after { content:"Lab report \203A"; position:absolute; right:14px; top:14px; font-size:12px; color:var(--gold); }
.sl-dialog { width:min(720px, calc(100vw - 32px)); max-height:calc(100vh - 48px); padding:0; border:0; border-top:3px solid var(--gold);
  background:var(--panel); color:inherit; box-shadow:0 20px 60px rgba(0,0,0,.55); }
.sl-dialog::backdrop { background:rgba(10,16,22,.72); }
.sl-body { position:relative; padding:22px 24px 18px; }
.sl-close { position:absolute; right:10px; top:6px; background:none; border:0; color:var(--muted); font-size:30px; line-height:1; cursor:pointer; }
.sl-close:hover { color:#fff; }
.sl-kicker { margin:0; font-size:12px; letter-spacing:2px; text-transform:uppercase; color:var(--gold); }
.sl-body h3 { margin:2px 0 10px; color:#fff; }
.sl-grade { margin:0 0 12px; font:700 40px/1 "Open Sans Condensed", Oswald, sans-serif; color:var(--gold); }
.sl-samples { border-collapse:collapse; margin:0 0 12px; font-size:15px; }
.sl-samples th, .sl-samples td { text-align:left; padding:4px 18px 4px 0; border-bottom:1px solid var(--line); }
.sl-samples td:last-child { color:#fff; font-weight:600; }
.sl-facts { display:grid; grid-template-columns:max-content 1fr; gap:4px 16px; margin:0 0 12px; font-size:15px; }
.sl-facts dt { color:var(--muted); } .sl-facts dd { margin:0; color:#fff; }
.sl-cert { display:block; margin:0 0 12px; background:#fff; text-decoration:none; }
.sl-cert img { display:block; width:100%; max-height:58vh; object-fit:contain; object-position:top; }
.sl-cert span { display:block; padding:6px 10px; font-size:13px; color:#17222c; background:#e9edf1; }
.sl-note { font-size:14px; color:var(--muted); }
.sl-body hr { border:0; border-top:1px solid var(--line); margin:14px 0; }