.hc-wrap{max-width:420px;margin:28px auto 0}@media (hover:hover){.hc-wrap{will-change:transform;transition:transform .15s ease-out}}.hc-browser{border:1px solid var(--c-accent-15);border-radius:var(--br-md);box-shadow:0 20px 60px #0006, 0 0 40px var(--c-accent-06);background:#050d19b3;overflow:hidden}.hc-bar{border-bottom:1px solid var(--c-accent-08);background:#0a1a2ee6;align-items:center;gap:6px;padding:10px 14px;display:flex}.hc-dot{border-radius:50%;width:8px;height:8px}.hc-dot-r{background:#ff5f57}.hc-dot-y{background:#ffbd2e}.hc-dot-g{background:#28ca41}.hc-url{color:var(--c-text-dim);background:var(--c-accent-05);border-radius:var(--br-pill);flex:1;margin-left:12px;padding:3px 12px;font-size:11px}.hc-code{min-height:120px;padding:18px 20px;font-family:Courier New,monospace;font-size:13px;line-height:1.8}.hc-line{opacity:0;white-space:pre;transition:opacity .4s,transform .4s;transform:translateY(6px)}.hc-line--vis{opacity:1;transform:translateY(0)}.hc-tag{color:var(--c-accent)}.hc-attr{color:#f9a825}.hc-str{color:#66bb6a}.hc-cursor{background:var(--c-accent);vertical-align:middle;width:2px;height:14px;animation:1s step-end infinite hcBlink;display:inline-block}@keyframes hcBlink{0%,to{opacity:1}50%{opacity:0}}@media (max-width:768px){.hc-code{padding:14px 16px;font-size:11px}}
.pg-faq-list{flex-direction:column;gap:10px;max-width:800px;margin:0 auto;display:flex}.pg-faq-item{text-align:left;background:var(--c-card-bg);border:1px solid var(--c-border);border-radius:var(--br-lg);width:100%;transition:border-color var(--tr-base), background var(--tr-base);padding:0;display:block;overflow:hidden}.pg-faq-item:hover{border-color:var(--c-border-hover)}.pg-faq-item--open{border-color:var(--c-accent-25);background:var(--c-card-hover)}.pg-faq-q{border-radius:var(--br-lg);text-align:left;width:100%;font-family:var(--font-body);font-size:var(--fs-body);color:var(--c-heading);cursor:pointer;transition:color var(--tr-base);appearance:none;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;margin:0;padding:18px 22px;font-weight:600;line-height:1.4;display:flex}.pg-faq-q>span{flex:auto}.pg-faq-q:hover{color:var(--c-accent-bright)}.pg-faq-q:focus-visible{outline:2px solid var(--c-accent);outline-offset:-2px;border-radius:var(--br-lg)}.pg-faq-item--open .pg-faq-q{color:var(--c-accent-bright)}.pg-faq-chevron{box-sizing:content-box;border-radius:var(--br-xs);background:var(--c-accent-08);width:20px;height:20px;color:var(--c-accent);transition:transform var(--tr-smooth), background var(--tr-base), color var(--tr-base);flex-shrink:0;padding:4px}.pg-faq-item:hover .pg-faq-chevron{background:var(--c-accent-15);color:var(--c-accent-bright)}.pg-faq-item--open .pg-faq-chevron{background:var(--c-accent-18);color:var(--c-accent-bright);transform:rotate(180deg)}.pg-faq-a{max-height:0;transition:max-height var(--tr-smooth);overflow:hidden}.pg-faq-item--open .pg-faq-a{max-height:300px}.pg-faq-a p{font-size:var(--fs-body-sm);color:var(--c-text-sub);margin:0;padding:2px 22px 20px;line-height:1.7}@media (max-width:640px){.pg-faq-q{padding:16px 18px}.pg-faq-a p{padding:2px 18px 18px}}@media (prefers-reduced-motion:reduce){.pg-faq-item,.pg-faq-q,.pg-faq-chevron,.pg-faq-a{transition:none}}