.pc-wrap { max-width: 928px; display: flex; flex-direction: column; align-items: center; text-align: center; }
.pc-title { font-family: var(--display); font-size: 1.7rem; font-weight: 700; letter-spacing: -.02em; line-height: 1.25; color: var(--white); overflow-wrap: anywhere; }
.pc-title a { color: inherit; transition: color .15s; }
.pc-title a:hover { color: var(--text-2); }
.pc-title span { color: var(--text-2); font-weight: 500; }
.pc-sub { margin-top: 8px; font-size: .9rem; color: var(--text-2); }
.pc-img { display: block; width: 100%; height: auto; aspect-ratio: 1200 / 630; margin-top: 28px; border-radius: 16px; background: var(--bg-card); box-shadow: 0 0 0 1px rgba(255,255,255,.07), 0 24px 60px rgba(0,0,0,.45); }
.pc-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin-top: 24px; }
.pc-actions .btn { min-height: 44px; justify-content: center; font-size: .9rem; }
.pc-actions .btn i { font-size: .85rem; }
.pc-hint { margin-top: 18px; font-size: .8rem; color: var(--text-2); }
.pc-hint code { font-family: var(--mono); font-size: .78rem; color: var(--text); white-space: nowrap; }

@media (max-width: 760px) {
    .pc-title { font-size: 1.35rem; }
    .pc-img { margin-top: 20px; border-radius: 12px; }
    .pc-actions { width: 100%; flex-direction: column; align-items: stretch; }
}