/* ---------- 内容页排版（pdd-painpoints / newbie-guide） ---------- */
.page-hero{padding:96px 0 28px}
.page-hero .hero-tag{margin-bottom:14px}
.page-hero h1{font-size:clamp(32px,5vw,52px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin:0 0 18px}
.page-hero .lead{color:var(--muted);max-width:70ch;font-size:17px;line-height:1.9;margin:0 0 26px}

.article{max-width:840px;margin:0 auto}
.article h2{font-size:clamp(23px,3vw,30px);font-weight:800;letter-spacing:-.015em;margin:0 0 6px}
.article h3{font-size:19px;font-weight:700;margin:26px 0 6px}
.article p{color:var(--ink-2);line-height:1.95;margin:0 0 16px}
.article .lead-in{color:var(--ink);font-weight:600;font-size:17px}

.src{display:block;margin-top:10px;font-size:12.5px;color:var(--muted);line-height:1.7}
.src b{font-weight:600;color:var(--ink-2)}

.note{margin-top:56px;padding:22px 24px;border:1px solid var(--line-strong);border-radius:16px;background:var(--surface);font-size:14px;color:var(--muted);line-height:1.95}
.note b{color:var(--ink)}

.pain-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}
.pain-card{display:flex;flex-direction:column;gap:8px;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.pain-card .p-num{font-family:var(--mono);font-size:12px;color:var(--indigo);letter-spacing:.05em}
.pain-card h3{font-size:17.5px;font-weight:700;margin:0}
.pain-card p{font-size:14.5px;color:var(--muted);line-height:1.8;margin:0}
.pain-card .p-sol{margin-top:auto;padding-top:14px;border-top:1px dashed var(--line-strong);font-size:14px;color:var(--ink);line-height:1.8}
.pain-card .p-sol b{color:var(--indigo)}

.nav-links a[aria-current="page"]{color:var(--ink);background:rgba(22,24,51,.06)}

.download .dl-note{font-size:13.5px;color:rgba(255,255,255,.65);margin-top:22px}

@media (max-width:720px){
  .pain-grid{grid-template-columns:1fr}
  .page-hero{padding:72px 0 12px}
}