/* Safari shares the native product pages' typography, spacing, and palette. */
.safari-product {
	--np-purple: #075faa;
}
.safari-product .np-hero {
	background: linear-gradient(180deg, #fbfaf8 36%, #e8f2fc 100%);
}
.safari-product .np-orbit {
	border-color: #bbd7ea;
}
.safari-product .np-button:hover {
	background: #034e8b;
}
.safari-product .np-tool-nav a:first-child,
.safari-product .np-closing {
	background: #e6f0fb;
}
.safari-product .np-tool-nav a:nth-child(3) {
	background: #e5f2f1;
}
.safari-product .np-section-name {
	color: #075faa;
}
.safari-product .np-intelligence,
.safari-product .safari-reading-card--type {
	background: #e9effa;
}
.safari-product .np-comfort {
	background: #e4f2f1;
}
.safari-product .np-new {
	border-color: #a4c5de;
}
.safari-product .safari-browser {
	border: 1px solid #a59aab;
	border-radius: 20px;
}
.safari-product .np-sticker--read {
	top: 11%;
	left: -4px;
}
.safari-product .np-sticker--notes {
	bottom: 12%;
}
.safari-reading-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
}
.safari-reading-card {
	border-radius: 28px;
	overflow: hidden;
	padding: 35px 35px 24px;
}
.safari-reading-card--type {
	background: #eee7f5;
}
.safari-reading-card--listen {
	background: #f7e6d8;
}
.safari-card-copy {
	min-height: 232px;
}
.safari-card-copy h3 {
	font-size: 1.65rem;
	margin-bottom: 17px;
}
.safari-card-copy p {
	color: var(--np-muted);
	font-size: 1.06rem;
}
.safari-reading-card figure {
	margin: 22px auto 0;
}
.safari-reading-card img {
	width: 100%;
	height: auto;
	border: 1px solid #c8becd;
	border-radius: 16px;
	box-shadow: 0 15px 32px #3c25431a;
}
.safari-reading-card figcaption {
	font-size: 0.9rem;
	color: #564364;
	text-align: center;
	margin-top: 18px;
	line-height: 1.5;
}
.safari-capture-note {
	font-size: 0.82rem;
	color: var(--np-muted);
	text-align: center;
	margin: 22px auto 0;
	max-width: 620px;
}
.safari-writing {
	grid-template-columns: 0.85fr 1.15fr;
}
.safari-writing .np-notes-image {
	background: #faf2e8;
}
.safari-product .np-more {
	padding-bottom: 20px;
}
.safari-product .np-intelligence .np-text-link {
	margin-top: 18px;
}
.safari-setup {
	padding-top: 65px;
}
.safari-steps {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 40px;
	list-style: none;
	padding: 0;
	margin: 0 0 28px;
}
.safari-steps li > span {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: #eee7f5;
	color: var(--np-purple);
	font-size: 1.3rem;
	font-weight: 800;
	margin-bottom: 20px;
}
.safari-steps h3 {
	margin-bottom: 15px;
}
.safari-steps p {
	color: var(--np-muted);
	font-size: 1.05rem;
}
.safari-companion-links {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 27px;
}
.safari-companion .np-safari-symbol img {
	width: 100%;
	height: auto;
}
.safari-product .np-faq p a {
	color: var(--np-purple);
	text-decoration: underline;
	text-underline-offset: 3px;
}
@media (max-width: 1000px) {
	.safari-reading-card {
		padding: 27px 25px 22px;
	}
	.safari-card-copy {
		min-height: 270px;
	}
	.safari-steps {
		gap: 25px;
	}
}
@media (max-width: 640px) {
	.safari-product .np-nav-brand {
		font-size: 1rem;
	}
	.safari-product .np-nav .np-button {
		font-size: 0.78rem;
		padding-inline: 13px;
		gap: 7px;
	}
	.safari-product .safari-browser {
		border-radius: 13px;
	}
	.safari-reading-grid,
	.safari-steps,
	.safari-writing {
		grid-template-columns: 1fr;
	}
	.safari-reading-card {
		padding: 27px 22px 22px;
		border-radius: 23px;
	}
	.safari-card-copy {
		min-height: 0;
	}
	.safari-card-copy h3 {
		font-size: 1.5rem;
	}
	.safari-card-copy p {
		font-size: 1rem;
	}
	.safari-reading-card img {
		border-radius: 12px;
	}
	.safari-steps {
		gap: 30px;
	}
	.safari-steps li {
		position: relative;
		padding-left: 63px;
	}
	.safari-steps li > span {
		position: absolute;
		left: 0;
		top: 0;
	}
	.safari-steps h3 {
		font-size: 1.25rem;
		margin-bottom: 9px;
	}
}