/* ==========================================================================
   What Is My IP — page-specific bits only. The test card shell, numbered
   steps, bulleted lists and note/error styles all come from tool-shared.css
   (loaded alongside this file); nothing here duplicates it.
   ========================================================================== */

/* ---------- IP readout ---------- */

.pv-ip-label {
	margin: 0 0 4px;
	color: var(--pv-muted);
	font-size: 12.5px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.pv-ip-headline {
	margin: 0 0 16px;
	font-family: var(--pv-mono);
	font-size: clamp(24px, 6vw, 40px);
	font-weight: 700;
	letter-spacing: -.01em;
	line-height: 1.2;
	overflow-wrap: anywhere;
	font-variant-numeric: tabular-nums;
}
.pv-ip-headline[data-ip-state="loading"] { color: var(--pv-line); }

.pv-ip-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 8px;
	margin: 0 0 22px;
}

/* ---------- Copy button ---------- */

.pv-ip-copy.is-copied {
	background: var(--pv-green);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .16) inset, 0 10px 22px -12px rgba(18, 183, 106, .6);
}
.pv-ip-copy.is-copied:hover { background: var(--pv-green); }