/* Quick Start article styles (separate from style.css) */
.shot-placeholder{margin:1.5rem 0;padding:2rem 1.25rem;border:2px dashed #9aa4b2;border-radius:10px;background:#f4f6f9;color:#4a5568;font-size:.95rem;text-align:center;font-style:italic}
.qs .learn,.qs .tips{margin:1.5rem 0;padding:1rem 1.25rem;border-left:4px solid #4a7dff;background:#f7f9ff;border-radius:6px}
.qs .tips{border-left-color:#2fa36b;background:#f4fbf7}
.qs .learn h2,.qs .tips h2{margin-top:0;font-size:1.1rem}
.qs blockquote{margin:1rem 0;padding:.75rem 1rem;border-left:3px solid #ccc;background:#fafafa}
.qs .source-note{font-size:.85rem;color:#666;margin-top:2rem}
.pager{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:2rem 0;padding-top:1rem;border-top:1px solid #e2e8f0}
.pager .next{margin-left:auto;text-align:right}
/* Quick Start topic images (v2) */
.qs-hero{float:right;width:300px;max-width:42%;margin:0 0 1rem 1.5rem;border-radius:14px;border:1px solid rgba(124,140,255,.35);box-shadow:0 0 24px rgba(34,211,238,.18);height:auto}
.qs-steps li.qs-step{display:flex;align-items:center;gap:16px}
.qs-steps li.qs-step img{width:120px;height:90px;flex:0 0 120px;border-radius:10px;border:1px solid rgba(124,140,255,.3);object-fit:cover}
.qs-steps li.qs-step a{font-size:1.05rem}
@media(max-width:640px){.qs-hero{float:none;display:block;width:100%;max-width:100%;margin:0 0 1rem}.qs-steps li.qs-step img{width:84px;height:63px;flex-basis:84px}}
/* Real screenshots (v3) */
.qs figure.shot{margin:1.5rem 0;clear:both}
.qs figure.shot img{display:block;width:100%;height:auto;border-radius:10px;border:1px solid rgba(124,140,255,.35);box-shadow:0 4px 20px rgba(0,0,0,.35)}
.qs figure.shot figcaption{margin-top:.5rem;font-size:.9rem;opacity:.8;text-align:center}
/* Contrast fix for light boxes (v4) */
.qs .learn,.qs .tips{color:#1a202c}
.qs .learn h2,.qs .tips h2,.qs .learn li,.qs .learn p,.qs .tips li,.qs .tips p{color:#1a202c}
.qs .learn a,.qs .tips a{color:#1d4ed8}