@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Montserrat:wght@500;600;700&display=swap");
/* Preserve the cover for card and sharing metadata, without duplicating the video thumbnail. */
.article-body > .lab-cover{display:none}
.article-video{margin:2rem 0}.article-video-frame{aspect-ratio:16/9;display:grid;place-items:center;background:var(--gx-surface-1);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);overflow:hidden}.article-video-frame iframe{display:block;width:100%;height:100%;border:0}.article-video>p{margin-top:.75rem;color:var(--gx-muted);font-size:.85rem}.article-body a{color:var(--gx-brand-sky);text-decoration:underline;text-underline-offset:.2em}.tip-index{padding:1.25rem;background:var(--gx-surface-1);border:1px solid var(--gx-border);border-radius:var(--gx-radius-md)}.tip-index h2{margin:0 0 1rem;font-size:1.5rem}.tip-index ol{margin:0;padding-left:1.5rem}.tip-index li{font-size:.95rem;line-height:1.6}.quad-tip{scroll-margin-top:120px}.tip-timestamp{display:inline-flex;align-items:center;min-height:44px;font-size:.9rem;margin-bottom:.75rem}.article-body a:focus-visible{outline:2px solid var(--gx-white);outline-offset:4px}
.tip-index ol{columns:2;column-gap:2rem}.tip-index li{break-inside:avoid;margin-bottom:.65rem}
.tip-glossary{margin:2rem 0;padding:1.25rem;border:1px solid var(--gx-border);border-radius:var(--gx-radius-md);background:var(--gx-surface-1)}
.tip-glossary summary{cursor:pointer;color:var(--gx-white);font-weight:600;min-height:44px;display:list-item;align-content:center}
.tip-glossary dt{font-weight:700;color:var(--gx-white);margin-top:1rem}.tip-glossary dd{margin:.3rem 0 0;font-size:1rem}
.quad-tip h3{font-size:1.05rem;margin:1.5rem 0 .75rem}.tip-steps{padding-left:1.5rem;margin:0 0 1.5rem}
.tip-check{padding:1rem 1.25rem;background:var(--gx-surface-1);border-left:2px solid var(--gx-brand-sky);border-radius:0 var(--gx-radius-sm) var(--gx-radius-sm) 0;font-size:1rem}
.tip-chain{white-space:normal;overflow-wrap:anywhere}.tip-chain span{display:block}.tip-chain span+span{margin-top:.5rem}
.article-video-frame iframe:focus-visible,.tip-glossary summary:focus-visible{outline:2px solid var(--gx-brand-sky);outline-offset:4px}
@media(max-width:620px){.tip-index ol{columns:1}.tip-check{padding:1rem}}