/* ── Plan Your Visit ──────────────────────────────────────────────
 * Shared by the Los Angeles and New York page templates: a white band
 * with the section title, then three columns (Admission / Hours /
 * Location) of uppercase labels over bold bullet lists. Optional nested
 * `.plan-your-visit__sublist` for date-range hours under an item, and a
 * second label can stack under a list in the same column. Extracted from
 * la-page.css when the NY page adopted the same section.
 * ────────────────────────────────────────────────────────────────── */

.plan-your-visit {
	background: var(--color-white);
	color: var(--color-text);
	padding: var(--space-07) 0;
}

.plan-your-visit__title {
	margin: 0 0 var(--space-05);
	font-size: 4.115rem; /* 65.84px — family + tracking from .kodansha-black */
	line-height: 1.1;
	color: var(--color-text);
}

.plan-your-visit__columns {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-04);
	align-items: start;
}

.plan-your-visit__column {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.plan-your-visit__label {
	margin: 0 0 var(--space-04);
	font-family: "Maax Bold";
	font-weight: 400;
	font-size: 0.8125rem;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	color: var(--color-text-2);
}

.plan-your-visit__list {
	margin: 0;
	padding-left: 1.1rem;
	list-style: disc;
}

.plan-your-visit__list li {
	font-family: "Maax Bold";
	font-weight: 400;
	font-size: 1.0625rem;
	line-height: 1.35;
	color: var(--color-text);
}

.plan-your-visit__list li + li {
	margin-top: var(--space-03);
}

/* A second label stacked under a list in the same column (Regular Hours
   then Special Hours) — the column has gap:0, so space it off the list. */
.plan-your-visit__list + .plan-your-visit__label {
	margin-top: 1.5rem;
}

.plan-your-visit__item--break {
	margin-top: var(--space-04);
}

/* Nested hours under a list item (Retail Store date ranges). */
.plan-your-visit__sublist {
	margin: 0.35rem 0 0;
	padding-left: 1.1rem;
	list-style: disc;
}

.plan-your-visit__sublist li {
	font-family: "Maax Medium";
	font-weight: 400;
	font-size: 0.9375rem;
	line-height: 1.4;
	color: var(--color-text-2);
}

.plan-your-visit__sublist li + li {
	margin-top: 0.15rem;
}

.plan-your-visit__list a {
	color: inherit;
	text-decoration: none;
}

.plan-your-visit__list a:hover,
.plan-your-visit__list a:focus-visible {
	text-decoration: underline;
}

@media (max-width: 768px) {

	.plan-your-visit__columns {
		grid-template-columns: 1fr;
		gap: var(--space-05);
	}
}