.qp-page{background:var(--bg);min-height:100vh;color:var(--text)}.qp-index-hero{border-bottom:1px solid var(--border);background:linear-gradient(180deg, var(--bg) 0%, var(--bg2) 100%);text-align:center;padding:120px 32px 48px}.qp-index-eyebrow{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-safe);margin-bottom:24px;font-size:11px;font-weight:700}.qp-index-h{font-family:var(--serif);letter-spacing:-.035em;max-width:880px;margin:0 auto 24px;font-size:clamp(40px,6vw,72px);font-weight:400;line-height:1.05}.qp-index-sub{color:var(--text2);max-width:640px;margin:0 auto;font-size:clamp(17px,1.4vw,19px);line-height:1.7}.qp-index-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;max-width:1100px;margin:0 auto;padding:56px 24px 96px;display:grid}.qp-index-card{background:var(--surface);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;gap:12px;padding:24px;text-decoration:none;transition:border-color .2s,transform .15s;display:flex}.qp-index-card:hover{border-color:#c9f03c59;transform:translateY(-2px)}.qp-index-card-q{font-family:var(--serif);letter-spacing:-.012em;color:var(--text);margin:0;font-size:19px;font-weight:400;line-height:1.35}.qp-index-card-meta{font-family:var(--mono);color:var(--text3);letter-spacing:.04em;flex-wrap:wrap;gap:8px;margin-top:auto;font-size:11px;display:flex}.qp-index-card-meta-sep{opacity:.5}.qp-detail{max-width:980px;margin:0 auto;padding:120px 24px 80px}.qp-detail-eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text3);margin-bottom:16px;font-size:11px}.qp-detail-h{font-family:var(--serif);letter-spacing:-.03em;color:var(--text);margin:0 0 24px;font-size:clamp(32px,5vw,56px);font-weight:400;line-height:1.1}.qp-detail-sub{color:var(--text2);max-width:760px;margin:0 0 40px;font-size:17px;line-height:1.6}.qp-section-h{font-family:var(--serif);letter-spacing:-.02em;margin:48px 0 18px;font-size:26px;font-weight:400}.qp-section-sub{color:var(--text3);margin:0 0 20px;font-size:14px;line-height:1.5}.qp-brands-table{border-collapse:collapse;width:100%;font-size:15px}.qp-brands-table thead th{text-align:left;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.qp-brands-table thead th.right{text-align:right}.qp-brands-table tbody td{border-bottom:1px dashed var(--border);vertical-align:middle;padding:14px 16px}.qp-brands-table tbody td.right{text-align:right;font-family:var(--mono);color:var(--text2)}.qp-rank{text-align:center;width:28px;font-family:var(--mono);color:var(--text3);margin-right:12px;font-size:13px;display:inline-block}.qp-brand{color:var(--text);font-weight:600}.qp-brand-fav{vertical-align:middle;border-radius:4px;width:18px;height:18px;margin-right:8px}.qp-platforms{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:12px;display:grid}.qp-plat-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:10px;padding:20px 22px;display:flex}.qp-plat-name{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent-safe);font-size:11px;font-weight:700}.qp-plat-text{color:var(--text2);margin:0;font-size:14px;line-height:1.55}.qp-citations{flex-direction:column;gap:8px;display:flex}.qp-citation{background:var(--surface);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:14px;display:flex}.qp-citation a{color:var(--text);border-bottom:1px dotted var(--text3);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;text-decoration:none;overflow:hidden}.qp-citation-count{font-family:var(--mono);color:var(--text3);letter-spacing:.06em;flex-shrink:0;font-size:11px}.qp-cta{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:18px;margin-top:64px;padding:48px 32px}.qp-cta-h{font-family:var(--serif);letter-spacing:-.02em;margin:0 0 14px;font-size:clamp(26px,3vw,36px);font-weight:400}.qp-cta-sub{color:var(--text2);max-width:560px;margin:0 auto 24px;font-size:16px;line-height:1.6}.qp-cta-btn{background:var(--accent-safe);color:#0b0d12;border-radius:10px;padding:16px 28px;font-size:15px;font-weight:700;text-decoration:none;display:inline-block}.qp-meta-pill{font-family:var(--mono);color:var(--text3);letter-spacing:.1em;text-transform:uppercase;background:var(--bg2);border:1px solid var(--border);border-radius:999px;margin-right:8px;padding:4px 12px;font-size:11px;display:inline-block}