.vgp-page{max-width:1180px;margin:28px auto 56px;padding:0 14px}
.vgp-hero{display:grid;gap:14px;margin-bottom:18px}
.vgp-kicker{display:inline-block;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;opacity:.58}
.vgp-hero h1{margin:6px 0 0;font-size:clamp(28px,4vw,46px);line-height:1.04}
.vgp-hero p{max-width:760px;margin:0;color:rgba(0,0,0,.66);line-height:1.6}
html[data-theme=dark] .vgp-hero p,.dark .vgp-hero p{color:rgba(255,255,255,.72)}
.vgp-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 8px}
.vgp-tabs a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 12px;border:1px solid rgba(110,110,110,.22);border-radius:999px;background:rgba(255,255,255,.74);color:inherit;text-decoration:none;font-size:12px;font-weight:850}
.vgp-tabs a.is-active{background:#111;color:#fff;border-color:#111}
.vgp-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 18px}
.vgp-note{padding:12px 13px;border:1px solid rgba(120,120,120,.18);border-radius:16px;background:rgba(255,255,255,.5)}
.vgp-note b{display:block;margin-bottom:5px;font-size:13px}
.vgp-note span{display:block;font-size:12px;line-height:1.55;opacity:.7}
.vgp-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}
.vgp-faq details{padding:12px 13px;border:1px solid rgba(120,120,120,.18);border-radius:16px;background:rgba(255,255,255,.5)}
.vgp-faq summary{cursor:pointer;font-weight:850}
.vgp-faq p{margin:8px 0 0;font-size:13px;line-height:1.6;opacity:.72}
.vgp-upload-tip{margin-top:8px;font-size:11px;line-height:1.5;opacity:.65}
@media(max-width:900px){.vgp-note-grid,.vgp-faq{grid-template-columns:1fr}}
@media(max-width:640px){.vgp-page{padding:0 8px}.vgp-tabs a{font-size:11px;padding:7px 10px}.vgp-hero h1{font-size:28px}}