/*
 * Inner pages: page hero, arches, arch cards, leaders table, steps, band, call to action.
 */

/* Frame */
.li-main > .wp-block-post-content > :where(*) { padding-inline: var(--li-pad); }

.li-section { padding-block: 48px; }

.li-section > h2 { margin: 0 0 28px; }

/* Page hero — a full-bleed band in the page's hour (body_class), easing into the ivory body below. */
.li-page-hero {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 380px;
	gap: 56px;
	align-items: center;
	padding: 40px var(--li-pad) 48px;
	margin-bottom: var(--lid-gap);
}

.li-page-hero::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: calc(100% - 1px); /* overlap the band by 1px: a fractional edge otherwise leaves a pale seam */
	height: calc(var(--lid-gap) + 1px);
	background: linear-gradient(var(--li-bg), #FBF6EC); /* copy: Ivory, the :root --li-bg */
	pointer-events: none;
}

@supports (background: linear-gradient(in oklab, red, blue)) {
	.li-page-hero::after { background: linear-gradient(in oklab, var(--li-bg), #FBF6EC); } /* copy: Ivory, the :root --li-bg */
}

/* The hero band hangs straight off the tape strip — no ivory sliver from the content block's gap. */
.li-main > .wp-block-post-content { margin-top: 0; }

@media (min-width: 960px) {
	.li-page-hero { padding-block: 64px 72px; }
}

/* Evening pages: the body's buttons read as the page's hour — Maroon with Ivory text. */
body.lid-hour-evening {
	--li-btn-bg: var(--li-band-bg);
	--li-btn-ink: var(--li-band-ink);
}

.li-page-hero__text > * { margin: 0; }

/* The kicker over a page title: one fixed script line per page (0.4.1, 15 — the band's colour is fixed
   per page, so its line is too; the clock-driven daypart-line block stays available in the editor). */
.li-page-hero__text .li-kicker,
.li-page-hero__text .li-daypart-line--script {
	font-family: var(--wp--preset--font-family--script);
	font-size: 34px;
	line-height: 1.1;
	color: var(--li-accent);
}

.li-page-hero__text h1 { margin-top: 10px; }

.li-page-hero__text .is-style-li-smallcaps { margin-top: 18px; }

.li-page-hero__text .is-style-li-lead { margin-top: 22px; }

.li-page-hero__text .li-status { margin-top: 26px; }

/* Arch */
.wp-block-image.is-style-li-arch,
.wp-block-post-featured-image.is-style-li-arch,
.li-arch-art { margin: 0; }

:is(.wp-block-image, .wp-block-post-featured-image).is-style-li-arch img,
.li-arch-art {
	display: block;
	width: 100%;
	aspect-ratio: 380 / 440;
	object-fit: cover;
	background: var(--li-arch);
}

.li-arch-art {
	position: relative;
	overflow: hidden;
}

.li-arch-art .li-art--packaging {
	left: 7%;
	top: 50%;
	width: 86%;
	transform: translateY(-50%);
	display: block;
}

.wp-block-image.is-style-li-arch figcaption {
	font-family: var(--wp--preset--font-family--subhead);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .26em;
	color: var(--li-ink-soft);
	text-align: center;
	margin-top: 12px;
}

/* Card grid and arch card */
.li-cards {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.li-cards > * { margin: 0; }

.is-style-li-arch-card {
	border: 1.5px solid var(--li-line-strong);
	padding: 44px 32px 34px;
	text-align: center;
}

.is-style-li-arch-card h3 {
	font-size: calc(27px * var(--li-display-scale));
	margin: 0 0 8px;
}

.is-style-li-arch-card .wp-block-image.is-style-li-arch {
	width: 62%;
	margin: 0 auto 22px;
}

/* Leaders table */
.is-style-li-leaders {
	margin: 0;
	max-width: 560px;
}

.is-style-li-leaders tr {
	display: flex;
	align-items: baseline;
	padding: 7px 0;
}

.is-style-li-leaders :is(td, th) {
	border: 0;
	padding: 0;
}

.is-style-li-leaders :is(td:first-child, th) {
	flex: 1;
	display: flex;
	align-items: baseline;
	gap: 9px;
	font-family: var(--wp--preset--font-family--subhead);
	font-size: 11px;
	font-weight: inherit;
	letter-spacing: .26em;
	text-align: left;
	text-transform: uppercase;
}

.is-style-li-leaders :is(td:first-child, th)::after {
	content: "";
	flex: 1;
	height: 3px;
	margin-right: 9px;
	background-image: radial-gradient(circle, color-mix(in srgb, var(--li-ink) 50%, transparent) 1px, transparent 1.3px);
	background-size: 6px 3px;
	background-repeat: repeat-x;
}

/* Private Events — the three bookable spaces (0.5.0, E1; 0.6.0, D7). One column at every width: name, tagline,
   paragraph, the carousel, then the spec list. A space with no photos yet (an empty gallery) is the text alone. */
.li-space { max-width: 760px; }

.li-space + .li-space { margin-top: 48px; }

.li-space__text > :is(.wp-block-gallery, .li-carousel) { margin: 22px 0 0; }

.li-space__text > .wp-block-gallery:empty { display: none; }

.li-space__text > * { margin: 0; }

.li-space__text > * + * { margin-top: 14px; }

.li-space__text h3 { font-size: calc(28px * var(--li-display-scale)); }

.li-space__text .li-script { font-size: 26px; }

.li-space__text .is-style-li-leaders { margin-top: 22px; }

/* In a space the value runs left from a fixed label column, so a long value wraps under itself, not the label. */
.li-space .is-style-li-leaders :is(td:first-child, th) { flex: 0 0 38%; }

.li-space .is-style-li-leaders td:last-child { flex: 1; }

.li-space .is-style-li-leaders a { white-space: nowrap; }

@media (min-width: 960px) {
	.li-space .is-style-li-leaders :is(td:first-child, th) { flex-basis: 30%; }
}

/* The event-menus band: one PDF button, its natural width (0.11.6; it was the food + bar pair). */
.li-event-menus__buttons { margin-top: 22px; }

.li-event-menus__buttons > * { margin: 0; }

/* The hero's quiet "Event menus ↓" under the status line. */
.li-page-hero__text > .li-cta-wrap--link { margin-top: 16px; }

/* Steps */
.is-style-li-steps {
	list-style: none;
	padding: 0;
	counter-reset: li-step;
	display: grid;
	gap: 18px;
	max-width: 640px;
}

.is-style-li-steps li {
	display: grid;
	grid-template-columns: 56px 1fr;
	align-items: baseline;
	font-size: 18px;
}

.is-style-li-steps li::before {
	counter-increment: li-step;
	content: counter(li-step);
	font-family: var(--wp--preset--font-family--display);
	font-weight: var(--li-display-weight);
	font-synthesis: var(--li-display-synthesis);
	letter-spacing: var(--li-display-tracking);
	font-size: calc(44px * var(--li-display-scale));
	line-height: 1;
	color: var(--li-accent);
}

/* Band */
.is-style-li-band {
	padding-block: 56px;
	text-align: center;
	background: var(--li-wash);
	border-block: 1px solid var(--li-line);
}

.is-style-li-band h2 { margin: 0 0 22px; }

/* Call to action */
.li-cta-wrap { margin: 0; }

.li-cta--pending {
	display: inline-block;
	border: 1px solid var(--li-line-strong);
	border-radius: 999px;
	padding: 13px 25px;
	font-size: 12px;
	letter-spacing: .18em;
	text-transform: uppercase;
	color: var(--li-ink-soft);
}

a.li-cta {
	display: inline-block;
	text-decoration: none;
}

/* Story row */
.li-story {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: center;
}

.li-story > * { margin: 0; }

.li-story__text > h2 { margin: 0 0 18px; }

/* A story row with no photo beside it (About, 0.4.0, D4): one column at reading width, closer to its neighbours. */
.li-story:has(> .li-story__text:only-child) {
	grid-template-columns: minmax(0, 1fr);
	max-width: 40em;
	padding-block: 32px;
}

/* Snapshot */
.wp-block-image.is-style-li-snapshot {
	position: relative;
	margin: 0;
}

.wp-block-image.is-style-li-snapshot img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	background: var(--li-arch);
	border-radius: 6px;
}

.wp-block-image.is-style-li-snapshot figcaption {
	font-family: var(--wp--preset--font-family--subhead);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .26em;
	color: var(--li-ink-soft);
	text-align: center;
	margin-top: 12px;
}

.wp-block-image.is-style-li-snapshot::before {
	content: "";
	position: absolute;
	z-index: 1;
	top: -15px;
	left: 28px;
	width: 150px;
	height: 30px;
	background-color: var(--li-band-ink);
	background-image: var(--li-img-tape);
	background-size: auto 62%;
	background-position: 6px center;
	background-repeat: repeat-x;
	transform: rotate(-1.4deg);
	box-shadow: 0 1px 2px color-mix(in srgb, var(--li-ink) 18%, transparent);
}

/* Pull line */
.li-pull { text-align: center; }

.li-pull p {
	font-size: clamp(30px, 3.6vw, 52px);
	line-height: 1.15;
	max-width: 20em;
	margin-inline: auto;
}

/* Jump row */
.li-jump {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 26px;
	margin: 0;
	padding-block: 14px;
	border-block: 1px solid var(--li-line);
}

.li-jump a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .17em;
	text-decoration: none;
	color: var(--li-ink-soft);
}

.li-jump a:hover { color: var(--li-ink); }

/* Cafe + Bar rooms (dormant since 0.4.0 — the Menus page has none; kept for a text menu's return) */
.li-rooms {
	display: flex;
	flex-direction: column;
	gap: 72px;
	padding-block: 56px;
}

.li-room__menus {
	display: flex;
	flex-direction: column;
	gap: 44px;
}

.li-room__head {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 10px 22px;
	margin-bottom: 30px;
}

.li-room__head h2,
.li-room__head p { margin: 0; }

/* The rooms carry the frame padding themselves, so a room can run to the viewport edge:
   --li-pad's 100% resolves against the containing block, which must be the full-width column. */
.li-main > .wp-block-post-content > .li-rooms { padding-inline: 0; }

.li-room { padding-inline: var(--li-pad); }

/* The bar room — the one inner page where the day turns: a full-bleed evening band, led in by a gap. */
body.lid-day-whole .li-rooms {
	gap: 0;
	padding-bottom: 0;
}

body.lid-day-whole .li-key-cafe { padding-bottom: 72px; }

body.lid-day-whole .li-key-bar {
	position: relative;
	margin-top: var(--lid-gap);
	padding: 40px var(--li-pad) 56px;
}

body.lid-day-whole .li-key-bar::before {
	content: "";
	position: absolute;
	inset-inline: 0;
	bottom: calc(100% - 1px); /* overlap the band by 1px: a fractional edge otherwise leaves a pale seam */
	height: calc(var(--lid-gap) + 1px);
	background: linear-gradient(var(--lid-from), var(--lid-to));
}

/* …and eases back out to ivory the same way it came in (it used to stop on a hard edge). */
body.lid-day-whole .li-key-bar {
	margin-bottom: var(--lid-gap);
}

body.lid-day-whole .li-key-bar::after {
	content: "";
	position: absolute;
	inset-inline: 0;
	top: calc(100% - 1px);
	height: calc(var(--lid-gap) + 1px);
	background: linear-gradient(var(--lid-to), var(--lid-from));
	pointer-events: none;
}

@supports (background: linear-gradient(in oklab, red, blue)) {
	body.lid-day-whole .li-key-bar::before { background: linear-gradient(in oklab, var(--lid-from), var(--lid-to)); }
	body.lid-day-whole .li-key-bar::after { background: linear-gradient(in oklab, var(--lid-to), var(--lid-from)); }
}

/* Inside a room, the time rule divides two menu groups: the same breath on both sides of it. */
.li-room__menus > .li-time-rule { margin: 0; }

.li-menus > .li-menu:last-child { margin-bottom: 0; }

/* Menus */
.li-menus {
	columns: 3 280px;
	column-gap: 44px;
}

.li-menus > .li-menu {
	break-inside: avoid;
	margin: 0 0 40px;
}

.li-menu__title {
	font-size: calc(27px * var(--li-display-scale));
	margin: 0 0 6px;
}

.li-menu__sub {
	margin: 0 0 14px;
	font-family: var(--wp--preset--font-family--subhead);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .26em;
	color: var(--li-ink-soft);
}

.li-menu--sandwiches {
	border: 1.5px solid var(--li-line-strong);
	padding: 44px 30px 30px;
}

.li-menu--sandwiches :is(.li-menu__title, .li-menu__sub) { text-align: center; }

.li-menu__row--stacked .li-menu__note {
	font-size: 13px;
	margin-top: 2px;
}

/* Team */
.li-team .is-style-li-arch {
	width: 58%;
	margin-inline: auto;
}

.li-team > * { text-align: center; }

/* Portrait, then the name and role as one unit under it. */
.li-team > .wp-block-group > h3 { margin-top: 20px; }

.li-team > .wp-block-group > h3 + p { margin-top: 6px; }

/* Template frame */
.li-main > :where(.wp-block-group) { padding-inline: var(--li-pad); }

/* Happening tiles */
.li-happenings--tiles {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 22px;
}

.li-tile__link {
	position: relative;
	display: block;
	height: 100%;
	box-sizing: border-box;
	text-decoration: none;
	color: inherit;
	text-align: center;
	border: 1.5px solid var(--li-line-strong);
	padding: 26px 26px 30px;
}

a.li-tile__link:hover,
a.li-tile__link:focus-visible { border-color: var(--li-ink); }

.li-tile__art {
	display: block;
	aspect-ratio: 380 / 300;
	background: var(--li-arch);
	overflow: hidden;
	margin-bottom: 22px;
}

.li-tile__art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

.li-tile--night .li-tile__link {
	--li-ink: var(--li-band-ink);
	--li-ink-soft: var(--li-band-ink);
	background: var(--li-band-bg);
	color: var(--li-band-ink);
	border-color: transparent;
}

.li-tile__title {
	font-size: calc(27px * var(--li-display-scale));
	margin: 0 0 6px;
}

.li-tile__when {
	margin: 0 0 12px;
	font-family: var(--wp--preset--font-family--subhead);
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .26em;
	color: var(--li-ink-soft);
}

.li-tile__line {
	font-size: 15px;
	margin: 0;
}

/* Happenings as a dated list — the Happenings page (0.7.0) */
.li-happenings--list > .li-happenings__group + .li-happenings__group { margin-top: 40px; }

.li-happenings__group-title { margin: 0 0 6px; }

.li-happening-row {
	display: flex;
	flex-direction: column;
	gap: 16px;
	padding: 20px 0;
	border-top: 1px solid var(--li-line);
	min-width: 0;
}

.li-happening-row__text { min-width: 0; }

.li-happening-row__when {
	margin: 0 0 6px;
	font-size: 11px;
	color: var(--li-ink-soft);
}

.li-happening-row__title {
	font-size: calc(27px * var(--li-display-scale));
	margin: 0 0 6px;
	overflow-wrap: anywhere;
}

.li-happening-row__title a {
	color: inherit;
	text-decoration: none;
}

.li-happening-row__title a:hover,
.li-happening-row__title a:focus-visible { text-decoration: underline; }

.li-happening-row__line {
	font-size: 15px;
	margin: 0;
}

/* Phones: the photo above the text, full width, arch-topped like a tile. */
.li-happening-row__art {
	display: block;
	aspect-ratio: 380 / 300;
	background: var(--li-arch);
	overflow: hidden;
	border-radius: 9999px 9999px 0 0;
}

.li-happening-row__art img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

@media (min-width: 760px) {
	.li-happening-row--art {
		display: grid;
		grid-template-columns: minmax(0, 1fr) 120px;
		align-items: start;
		gap: 28px;
	}

	.li-happening-row--art .li-happening-row__art {
		grid-column: 2;
		grid-row: 1;
		aspect-ratio: 120 / 150;
	}

	.li-happening-row--art .li-happening-row__text {
		grid-column: 1;
		grid-row: 1;
	}
}

/* Single happening */
.li-prose {
	max-width: 720px;
	font-size: 17px;
}

.li-main > .li-page-hero:not(:has(.wp-block-post-featured-image)) { grid-template-columns: minmax(0, 1fr); }

/* Contact columns */
.li-contact-cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 56px;
	align-items: start;
}

.li-contact-cols > * { margin: 0; }

.li-contact-col > h2 { margin: 0 0 22px; }

/* Hours */
.li-week {
	width: 100%;
	max-width: 440px;
	border-spacing: 0;
	font-size: 15px;
	line-height: 1.9;
	font-variant-numeric: tabular-nums;
	white-space: nowrap;
}

/* The Cafe and Bar headings sit centred over centred times (Kiva, 2026-10-29: "center the words Cafe & Bar");
   the day label keeps the left edge. */
.li-week th,
.li-week td {
	padding: 0 10px;
	font-weight: 400;
	text-align: center;
}

.li-week tbody th {
	text-align: left;
	color: var(--li-ink-soft);
}

.li-week thead th {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--li-ink-soft);
	line-height: 2;
}

.li-week tr.is-today > * { background: color-mix(in srgb, var(--li-ink) 6%, transparent); }

.li-week tr.is-today th { color: var(--li-ink); }

.li-week tr.is-today > :first-child { border-radius: 4px 0 0 4px; }

.li-week tr.is-today > :last-child { border-radius: 0 4px 4px 0; }

.li-notice {
	margin: 0 0 18px;
	max-width: 26em;
	color: var(--li-closed);
}

/* Status in a hero */
.li-page-hero .li-status {
	font-size: 16px;
	white-space: normal;
}

/* "All hours →" closes the status line: its own line on a phone, inline from 760px (0.4.0, D11). */
.li-status__hours {
	display: block;
	margin-top: 6px;
	color: var(--li-ink);
	white-space: nowrap;
	text-underline-offset: 4px;
}

@media (min-width: 760px) {
	.li-status__hours {
		display: inline;
		margin: 0 0 0 1em;
	}
}

/* A hero with nothing beside its text runs the full width. */
.li-page-hero:has(> .li-page-hero__text:only-child) { grid-template-columns: minmax(0, 1fr); }

/* Menus page (0.4.1, 1): the two PDF buttons sit in the hero band under the status line — are you open,
   here are the menus, one screen on every device. The band leads out with the short (phone) fade, and
   under it the two one-line descriptions and the week's hours sit side by side from 960px. */
.li-page-hero--menus { --lid-gap: 96px; }

.li-page-hero__text .li-menus__buttons {
	margin-top: 28px;
	max-width: 470px;
}

.li-page-hero__text .li-menus__buttons a.li-cta {
	padding: 18px 16px;
	font-size: 15px;
}

.li-menus {
	display: grid;
	gap: 48px;
	padding-top: 0;
}

.li-menus > * { margin: 0; }

.li-menus__col > h2 { margin: 0 0 22px; }

@media (min-width: 960px) {
	.li-menus {
		grid-template-columns: 1fr 1fr;
		gap: 56px;
		align-items: start;
	}
}

.li-menus__buttons {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.li-menus__buttons > * { margin: 0; }

.li-menus__buttons > .li-cta-wrap { flex: 1 1 150px; }

.li-menus__buttons .li-cta {
	display: block;
	box-sizing: border-box;
	width: 100%;
	text-align: center;
}

.li-menus__buttons a.li-cta {
	padding: 20px 18px;
	font-size: 18px;
}

.li-menus__lines {
	margin: 0;
	max-width: 560px;
}

.li-menus__lines table { border-collapse: collapse; }

.li-menus__lines.wp-block-table td {
	border: 0;
	padding: 6px 0;
	vertical-align: baseline;
}

.li-menus__lines.wp-block-table td:first-child {
	width: 64px;
	font-family: var(--wp--preset--font-family--subhead);
	font-size: 11px;
	letter-spacing: .26em;
	text-transform: uppercase;
}

/* Contact list */
.li-contact--list {
	margin: 0;
	display: grid;
	gap: 12px;
	max-width: 520px;
}

.li-contact__row {
	display: flex;
	align-items: baseline;
	gap: 9px;
}

.li-contact--list dt {
	font-family: var(--wp--preset--font-family--subhead);
	font-size: 11px;
	letter-spacing: .26em;
	text-transform: uppercase;
}

.li-contact--list .li-leader {
	flex: 1;
	height: 3px;
	background-image: radial-gradient(circle, color-mix(in srgb, var(--li-ink) 50%, transparent) 1px, transparent 1.3px);
	background-size: 6px 3px;
	background-repeat: repeat-x;
}

.li-contact--list dd {
	margin: 0;
	text-align: right;
}

/* The address row holds the short address on one line, leader kept, down to 320px (0.4.0, audit 20). */
.li-contact--list .li-maps {
	white-space: nowrap;
	font-size: clamp(12px, 3.8vw, 15px);
}

/* Quiet links */
.li-quiet-links p { margin: 0 0 8px; }

/* Not found — the sign sits in an evening hero band (the letter cubes left with 0.4.1) */
.li-page-hero.li-404 {
	display: block;
	text-align: center;
}

.li-404 h1 { margin: 0 0 12px; }

@media (max-width: 359px) {
	.li-week { font-size: 13px; }

	.li-week th,
	.li-week td { padding: 0 6px; }

	/* "Private events menu — coming soon" fits its pill at 320px. */
	.li-cta--pending {
		padding: 12px 18px;
		font-size: 11px;
		letter-spacing: .12em;
	}
}

@media (max-width: 959px) {
	.li-page-hero {
		grid-template-columns: minmax(0, 1fr);
		gap: 26px;
	}

	.li-page-hero__text .li-kicker,
	.li-page-hero__text .li-daypart-line--script { font-size: 24px; }

	.li-story {
		grid-template-columns: 1fr;
		gap: 26px;
	}

	.li-story > .li-story__text { order: 1; }

	.li-story > .wp-block-image { order: 2; }

	.li-happenings--tiles { grid-template-columns: repeat(2, 1fr); }

	.li-contact-cols { grid-template-columns: 1fr; }
}

@media (max-width: 759px) {
	.li-cards,
	.li-happenings--tiles { grid-template-columns: 1fr; }

	.is-style-li-arch-card {
		padding: 32px 24px 26px;
	}
}

/* Page arches on mobile: full width × 260px at 390 (spec §4.3), not the desktop 380:440 ratio — held as a ratio
   so a wider tablet arch grows taller and its crown stays a half circle (0.5.0, D1). */
@media (max-width: 959px) {
	:is(.wp-block-image, .wp-block-post-featured-image).is-style-li-arch img,
	.li-arch-art {
		aspect-ratio: 342 / 260;
		height: auto;
		min-height: 260px;
	}
}

/* Fallback template (search, archives, stray posts). */
.li-main--plain > * { padding-inline: var(--li-pad); }

.li-main--plain .wp-block-post-template { list-style: none; margin: 0; padding: 0; }

.li-main--plain .wp-block-post-template > li + li { margin-top: 36px; }

/* The Toast inquiry form (0.5.0, E4) — Site details → "Event inquiry form embed". Full width on phones, a centred
   720 px column from tablet up; the "Or email us →" line under it is the fallback if the frame is blocked. */
.li-embed { margin: 16px 0 8px; }

.li-embed iframe {
	display: block;
	width: 100%;
	min-height: 560px;
	border: 0;
	background: transparent;
}

@media (min-width: 760px) {
	.li-embed {
		max-width: 720px;
		margin-inline: auto;
	}
}