/* ==========================================================================
   How to Fix High Ping guide — page-specific tweaks on top of the shared
   .pv-steps/.pv-list/.pv-table/.pv-flow component set (tool-shared.css).
   Reuses main.css design tokens only, no new palette.
   ========================================================================== */

/* ---------- Quick-answer callout ---------- */

.pv-fhp-quick {
	max-width: 760px;
	margin: 26px auto 0;
	padding: 18px 22px;
	border: 1px solid var(--pv-line);
	border-left: 3px solid var(--pv-cyan);
	border-radius: var(--pv-r-sm);
	background: var(--pv-soft-2);
	text-align: left;
}
.pv-fhp-quick p { margin: 0; color: var(--pv-ink-2); font-size: 14.5px; line-height: 1.7; }
.pv-fhp-quick strong { color: var(--pv-ink); }

/* ---------- Cause blocks (Why Is My Ping So High?) ---------- */

.pv-fhp-causes { max-width: 800px; margin: 0 auto; }
.pv-fhp-cause { margin-bottom: clamp(26px, 4vw, 38px); }
.pv-fhp-cause:last-child { margin-bottom: 0; }
.pv-fhp-cause h3 { margin: 0 0 10px; font-size: 1.15rem; letter-spacing: -.015em; }
.pv-fhp-cause p { margin: 0 0 1.1em; color: var(--pv-ink-2); font-size: 15.5px; line-height: 1.7; }
.pv-fhp-cause p:last-child { margin-bottom: 0; }
.pv-fhp-cause a { font-weight: 600; text-decoration-color: rgba(14, 165, 196, .5); text-decoration-thickness: 2px; }
.pv-fhp-cause a:hover { color: var(--pv-cyan); }