/* Vong quay: tieu de, cong cu chia se, noi dung SEO, hoi dap (27/10/2026) */
.vq-head { text-align: center; margin: 4px 0 8px; }
.vq-h1 { font-size: 1.6rem; font-weight: 700; color: #fff; margin: 0 0 4px; line-height: 1.3; text-shadow: 0 1px 3px rgba(0,0,0,.45); }
.vq-lead { font-size: .95rem; color: rgba(255,255,255,.92); margin: 0 auto; max-width: 760px; text-shadow: 0 1px 2px rgba(0,0,0,.4); }
.vq-shared-note { margin: 8px auto 0; max-width: 760px; padding: 8px 12px; border-radius: 8px; background: #e8f5e9; color: #1b5e20; font-size: .95rem; }
@media (max-width: 767px) {
    .vq-h1 { font-size: 1.25rem; }
    .vq-lead { font-size: .85rem; }
}

.vq-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 10px 0 4px; }
.vq-tools .btn { font-weight: 600; margin: 0 !important; display: inline-block; padding: .35rem .8rem; font-size: .85rem; }
.vq-count { font-size: .85rem; color: #666; }
.vq-hint { font-size: .8rem; color: #777; margin: 0 0 8px; }
.vq-hint code { background: #f1f3f4; color: #c62828; padding: 0 4px; border-radius: 4px; }

.vq-share-sub { font-size: .9rem; color: #555; margin-bottom: 10px; }
.vq-share-row { display: flex; gap: 6px; }
.vq-share-row input { font-size: .9rem; }
.vq-share-btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 12px 0; }
.vq-qr { display: flex; justify-content: center; min-height: 180px; }
.vq-qr img, .vq-qr canvas { width: 180px; height: 180px; }
.vq-range { display: flex; gap: 12px; justify-content: center; }
.vq-range label { display: flex; flex-direction: column; text-align: left; font-size: .9rem; width: 40%; }

.vq-content { background: #fff; }
.vq-sec-title { font-size: 1.35rem; font-weight: 700; color: #1a3d7c; margin-bottom: 12px; }
.vq-content p, .vq-steps li, .vq-uses li { font-size: 1rem; line-height: 1.65; color: #333; }
.vq-steps { padding-left: 1.2rem; }
.vq-steps li { margin-bottom: 8px; }
.vq-steps code { background: #f1f3f4; color: #c62828; padding: 0 4px; border-radius: 4px; }
.vq-uses { list-style: none; padding: 0; }
.vq-uses li { margin-bottom: 6px; }
.vq-links { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.vq-link-card { display: block; padding: 12px; border: 1px solid #dfe6f3; border-radius: 10px; background: #f7f9fd; text-decoration: none !important; transition: border-color .15s; }
.vq-link-card:hover { border-color: #4285f4; }
.vq-link-card b { display: block; color: #1a3d7c; }
.vq-link-card span { display: block; font-size: .85rem; color: #666; }
@media (max-width: 575px) { .vq-links { grid-template-columns: 1fr; } }

.vq-faq-item { background: #fff; border: 1px solid #e3e7ee; border-radius: 10px; padding: 12px 16px; margin-bottom: 10px; }
.vq-faq-item summary { cursor: pointer; font-weight: 600; color: #1a3d7c; }
.vq-faq-item p { margin: 8px 0 0; line-height: 1.65; color: #333; }