/* PCN guide visual package — unpublished build, 14 Oct 2026 */
.pcn-hero { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr); align-items:center; gap:44px; padding:clamp(48px,8vw,92px) 0 34px; }
.pcn-hero h1 { font-size:clamp(2.45rem,5vw,5.25rem); }
.pcn-figure { max-width:960px; margin:28px auto 60px; }
.pcn-figure picture,.pcn-figure img { display:block; width:100%; height:auto; }
.pcn-figure img { border:1px solid #dfe7e2; border-radius:22px; background:#fff; box-shadow:0 16px 45px rgba(17,31,57,.12); }
.hero-figure { margin:0; }
.pcn-figure figcaption { margin:10px 4px 0; color:var(--muted); font-size:.9rem; text-align:center; }
.short-answer { margin:10px auto 52px; max-width:900px; padding:26px 30px; border-left:5px solid var(--green); border-radius:16px; background:#fff; box-shadow:0 12px 30px rgba(17,31,57,.06); }
.short-answer h2 { margin-top:0; font-size:clamp(1.55rem,3vw,2.35rem); }
.short-answer p { margin-bottom:0; font-size:1.08rem; }
.prose { max-width:820px; margin:0 auto 52px; }
.prose h2 { margin:0 0 20px; }
.prose h3 { margin:30px 0 8px; color:var(--navy); font-size:1.3rem; }
.prose li { margin:0 0 12px; }
.prose ul,.prose ol { padding-left:25px; }
.scam-callout { max-width:820px; margin:0 auto 56px; padding:28px 30px; border:1px solid #f0c267; border-radius:20px; background:#fff6df; }
.scam-callout h2 { margin-top:0; font-size:clamp(1.55rem,3vw,2.35rem); }
.scam-callout p:last-child { margin-bottom:0; }
.faq { padding:32px; border-radius:24px; background:#fff; }
@media(max-width:760px) { .site-header { justify-content:space-between; gap:8px; padding:14px 16px; } .brand { min-width:0; font-size:.88rem; letter-spacing:0; } .site-header .cta { flex:0 0 auto; padding:9px 10px; font-size:.78rem; white-space:nowrap; } .pcn-hero { grid-template-columns:1fr; gap:18px; padding-top:42px; } .hero-figure { order:-1; } .short-answer,.scam-callout,.faq { padding:22px; } .pcn-figure { margin-bottom:42px; } }