/* ==========================================================================
   home.css — the front page.
   Mobile-first. The only breakpoint is 900px, always min-width.
   Owns: templates/front-page.html, patterns/home-*.php, inc/home.php.

   The mobile and desktop frames of design 4a are different layouts, not one
   squeezed: the hero flips, the chip rows become two scrollers, the kit table
   and the just-sold card swap order, and the reviews grid becomes a strip.
   ========================================================================== */

/* --------------------------------------------------------------------------
   0. The page shell

   Every section is a full-width band that constrains itself to the 1240px
   frame, so the accent strip and the chip rules can run edge to edge inside it
   while the text still lines up with the header above.
   -------------------------------------------------------------------------- */

/* Flow layout wants 22px of air between every sibling; these bands butt up
   against each other. The second selector reaches inside post-content, which is
   where the page's own blocks actually land. */
.cd-main.cd-home-main > *,
.cd-main.cd-home-main .wp-block-post-content > * {
	margin-block: 0;
}

/* The hero meets the header, and the ask band meets the reviews. */
.wp-site-blocks > .cd-home-main,
.cd-home-main + .cd-footer {
	margin-block-start: 0;
}

.cd-home-main .cd-hero,
.cd-home-main .cd-week,
.cd-home-main .cd-kitrow,
.cd-home-main .cd-local {
	width: 100%;
	max-width: var(--cd-content);
	margin-inline: auto;
}

/* Two exceptions, both for the same reason: they paint something across the
   band — the accent fill, and the hairline rules — and the header's own
   bottom rule already runs the full width of the viewport. Clamping these to
   1240px would leave their rules visibly inset from the one above them. Only
   their *content* sits on the grid, via an inner wrapper. */
.cd-home-main .cd-chipband,
.cd-home-main .cd-wes {
	width: 100%;
	max-width: none;
	margin-inline: 0;
}

/* Placeholder box for a product with no photo yet — never a collapsed row. */
.cd-home-noimage {
	display: block;
	width: 100%;
	background: var(--cd-chip);
}

/* --------------------------------------------------------------------------
   1. Hero

   Mobile puts the photo on top at 232px; desktop is a 592px text column (520px
   of content) beside a 520px-tall photo that bleeds to the frame's right edge.
   -------------------------------------------------------------------------- */

.cd-hero {
	display: flex;
	flex-direction: column;
}

/* Core adds a 22px block gap between the photo and the text column, on top of
   the body's own 20px padding — the eyebrow ended up 42px below the image where
   the design puts it at 20px. The hero spaces itself with padding. */
.cd-hero > * {
	margin-block: 0;
}

.cd-hero__photo {
	margin: 0;
	line-height: 0;
}

/* Square, not the 10px core/image radius. The hero photo bleeds to the edge of
   the frame in the design — a rounded corner there reads as a floating card
   rather than the full-bleed band it is. */
.cd-hero__photo img {
	width: 100%;
	height: 232px;
	object-fit: cover;
	display: block;
	border-radius: 0;
}

.cd-hero__body {
	padding: 20px var(--cd-gutter) 18px;
}

.cd-hero__body > * {
	margin: 0;
}

.cd-hero__eyebrow {
	font-size: 10.5px;
	letter-spacing: .08em;
}

.cd-hero__title {
	font-family: var(--cd-sans);
	font-weight: 800;
	font-size: 30px;
	line-height: 1.05;
	letter-spacing: -.03em;
	color: var(--cd-ink);
	margin-top: 10px;
	text-wrap: balance;
}

.cd-hero__lede {
	font-family: var(--cd-sans);
	font-weight: 400;
	font-size: 13.5px;
	line-height: 1.55;
	color: var(--cd-ink-body);
	margin-top: 11px;
	text-wrap: pretty;
}

.cd-hero__search {
	margin-top: 16px;
}

/* Design 4a drops these on a phone, but core writes
   `.wp-block-buttons.is-layout-flex{display:flex}` — two classes, so a single
   `.cd-hero__actions{display:none}` silently lost and the buttons showed
   anyway, unspaced and mismatched. They are kept and styled properly instead:
   two clear actions beat none on the one screen with no ask bar.

   Both links get identical padding because core's outline style subtracts its
   border width from the padding, which made the ghost button 6px shorter than
   the solid one. */
.cd-hero__actions.wp-block-buttons {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	gap: 10px;
	margin-top: 16px;
	width: 100%;
}

.cd-hero__actions .wp-block-button {
	width: 100%;
}

.cd-hero__actions .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 13px 22px;
	font-size: 14px;
}

.cd-hero__actions .is-style-outline > .wp-block-button__link {
	padding: 13px 22px;
}

@media (min-width: 900px) {
	.cd-hero {
		flex-direction: row;
		align-items: stretch;
	}

	.cd-hero__photo {
		order: 2;
		flex: 1;
		min-width: 0;
	}

	.cd-hero__photo img {
		width: 100%;
		height: 520px;
	}

	/* The design document is content-box: its 520px column is 520px of *content*
	   plus 72px of padding. Under the theme's border-box reset that is 592px, or
	   the headline, lede and search field all come out 72px narrow. Same reason
	   for the 390px sold card and the 522px map card below. */
	.cd-hero__body {
		order: 1;
		width: 592px;
		flex: none;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 56px 40px 52px var(--cd-gutter);
	}

	.cd-hero__eyebrow {
		font-size: 11px;
		letter-spacing: .09em;
	}

	.cd-hero__title {
		font-size: 52px;
		line-height: 1.02;
		letter-spacing: -.038em;
		margin-top: 14px;
	}

	.cd-hero__lede {
		font-size: 16.5px;
		line-height: 1.6;
		margin-top: 16px;
	}

	.cd-hero__search {
		margin-top: 26px;
		gap: 11px;
	}

	.cd-hero__actions.wp-block-buttons {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 12px;
		margin-top: 16px;
		width: auto;
	}

	.cd-hero__actions .wp-block-button {
		width: auto;
	}

	/* Keeping a shared min-height rather than dropping it: the outline button
	   carries a 2px border that core pays for out of its padding, so without
	   this the two buttons end up 45px and 41px tall side by side. */
	.cd-hero__actions .wp-block-button__link {
		width: auto;
		min-height: 45px;
	}

	/* .cd-btn carries a 2px border the design's solid button draws as padding;
	   these two rules land both buttons on the design's outer box. */
	.cd-hero__actions .wp-block-button__link {
		padding: 12px 24px;
	}

	.cd-hero__actions .is-style-outline .wp-block-button__link {
		padding: 10px 22px;
	}
}

/* --------------------------------------------------------------------------
   2. Filter chip row

   One hairline band on desktop; two independent scrollers on a phone.
   -------------------------------------------------------------------------- */

.cd-chipband {
	padding-block: 0 18px;
	border-bottom: 1px solid var(--cd-rule-soft);
}

.cd-chipbar {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 100%;
	max-width: var(--cd-content);
	margin-inline: auto;
	padding-inline: var(--cd-gutter);
}

.cd-chipbar__row {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-inline: calc(var(--cd-gutter) * -1);
	padding-inline: var(--cd-gutter);
	scroll-snap-type: x proximity;
	scroll-padding-inline: var(--cd-gutter);
}

.cd-chipbar__row > li {
	display: flex;
	flex: none;
	scroll-snap-align: start;
}

.cd-chipbar .cd-chip {
	font-variant-numeric: tabular-nums;
}

/* Not a filter state — the busiest brand, drawn forward the way 4a does. */
.cd-chip--outline.is-featured {
	border-color: var(--cd-ink);
	color: var(--cd-ink);
}

/* Scoped to beat `.cd-chipbar__row > li { display: flex }`, which is one
   specificity point higher than a lone class and was forcing the divider back
   on. The phone frame has two separate scrolling rows and no rule between
   them — the divider only makes sense once they share a single line. */
.cd-chipbar__row > .cd-chipbar__divider {
	display: none;
}

@media (min-width: 900px) {
	.cd-chipband {
		padding-block: 22px;
		border-top: 1px solid var(--cd-rule-soft);
	}

	.cd-chipbar {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		gap: 9px;
	}

	.cd-chipbar__row {
		margin-inline: 0;
		padding-inline: 0;
	}

	.cd-chipbar__row > .cd-chipbar__divider {
		display: flex;
		align-items: center;
	}
}

/* --------------------------------------------------------------------------
   3. Wes strip — the first of the three sanctioned accent surfaces
   -------------------------------------------------------------------------- */

/* Full-bleed accent band; the flex row lives on the inner wrapper so the copy
   still lines up with the header and the sections above and below it. */
.cd-wes {
	padding-block: 18px;
}

.cd-wes__inner {
	display: flex;
	align-items: center;
	gap: 14px;
	width: 100%;
	max-width: var(--cd-content);
	margin-inline: auto;
	padding-inline: var(--cd-gutter);
}

.cd-wes__photo {
	margin: 0;
	flex: none;
	line-height: 0;
}

.cd-wes__photo img {
	width: 76px;
	height: 76px;
	border-radius: 50%;
	border: 0;
	object-fit: cover;
	display: block;
}

.cd-wes__body {
	flex: 1;
	min-width: 0;
}

.cd-wes__title {
	font-family: var(--cd-sans);
	font-weight: 800;
	font-size: 15px;
	line-height: 1.2;
	letter-spacing: -.015em;
	color: var(--cd-on-accent);
}

.cd-wes__copy {
	font-family: var(--cd-sans);
	font-weight: 400;
	font-size: 11.5px;
	line-height: 1.45;
	color: var(--cd-on-accent);
	margin: 5px 0 0;
	max-width: 720px;
	text-wrap: pretty;
}

.cd-wes__copy-more,
.cd-wes__link {
	display: none;
}

@media (min-width: 900px) {
	.cd-wes {
		padding-block: 34px;
	}

	.cd-wes__inner {
		gap: 26px;
	}

	.cd-wes__photo img {
		width: 104px;
		height: 104px;
		border-width: 2.5px;
	}

	.cd-wes__title {
		font-size: 24px;
		letter-spacing: -.02em;
	}

	.cd-wes__copy {
		font-size: 15px;
		line-height: 1.55;
		margin-top: 7px;
	}

	.cd-wes__copy-more {
		display: inline;
	}

	.cd-wes__link {
		display: block;
		flex: none;
		margin: 0;
	}

	.cd-wes__link a {
		display: inline-block;
		font: 700 14px var(--cd-sans);
		color: var(--cd-on-accent);
		border-bottom: 2px solid var(--cd-on-accent);
		padding-bottom: 3px;
		text-decoration: none;
	}

	/* On the accent, the usual accent/ink underline swap is invisible — accent
	   on accent is nothing. Both links on the accent surfaces keep white text
	   and swap their underline to ink instead. */
	.cd-wes__link a:hover,
	.cd-wes__link a:focus {
		color: var(--cd-on-accent);
		border-bottom-color: var(--cd-ink);
		text-decoration: none;
	}
}

/* --------------------------------------------------------------------------
   4. In this week

   The grid itself is the shop stage's .cd-pgrid — this only places it.
   -------------------------------------------------------------------------- */

.cd-week {
	padding: 22px var(--cd-gutter) 18px;
}

.cd-week__head {
	padding-bottom: 12px;
	border-bottom: 0;
}

.cd-week__grid {
	margin-top: 14px;
	/* The shop grid's mobile scroller bleeds to the screen edge with a gutter of
	   padding. Without matching scroll-padding the browser snaps that padding
	   away on load and the first card sits flush against the edge. */
	scroll-padding-inline: var(--cd-gutter);
}

@media (min-width: 900px) {
	.cd-week {
		padding: 44px var(--cd-gutter) 40px;
	}

	.cd-week__head {
		padding-bottom: 18px;
		border-bottom: 1px solid var(--cd-rule);
	}

	.cd-week__grid {
		margin-top: 24px;
	}
}

/* --------------------------------------------------------------------------
   5. Kit table + just sold

   On a phone the two cards stack with the sold card first — a short, live piece
   of proof ahead of the long price breakdown.
   -------------------------------------------------------------------------- */

.cd-kitrow {
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-inline: var(--cd-gutter);
}

.cd-kitrow__sold {
	order: 1;
	display: flex;
	flex-direction: column;
	padding: 15px 15px 16px;
}

.cd-kitrow__kit {
	order: 2;
}

.cd-kitrow__eyebrow {
	font-size: 10.5px;
	letter-spacing: .08em;
	margin: 0;
}

/* -- the kit card ---------------------------------------------------------- */

.cd-kitcard {
	display: flex;
	flex-direction: column;
}

.cd-kitcard__media {
	position: relative;
	display: block;
}

.cd-kitcard__img {
	width: 100%;
	height: 150px;
	object-fit: cover;
	display: block;
}

.cd-kitcard__body {
	padding: 15px;
}

.cd-kitcard__eyebrow {
	font-size: 10.5px;
	letter-spacing: .08em;
	margin: 0;
}

.cd-kitcard__title {
	font-family: var(--cd-sans);
	font-weight: 800;
	font-size: 17px;
	line-height: 1.2;
	letter-spacing: -.02em;
	margin-top: 8px;
}

.cd-kitcard__title a {
	color: var(--cd-ink);
}

.cd-kitcard__list {
	margin-top: 12px;
}

/* The total bar bleeds to the card's edges, so it cancels the body padding. */
.cd-kitcard .cd-speclist__total {
	margin: 6px -15px -15px;
	text-transform: uppercase;
}

.cd-kitcard .cd-speclist__total-price {
	font: 600 11.5px var(--cd-mono);
	font-variant-numeric: tabular-nums;
}

/* -- the just-sold card ---------------------------------------------------- */

.cd-soldlist {
	list-style: none;
	margin: 12px 0 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cd-soldrow {
	display: flex;
	align-items: center;
	gap: 12px;
}

.cd-soldrow__media {
	position: relative;
	flex: none;
	width: 60px;
	height: 60px;
	display: block;
	border-radius: var(--cd-r-input);
	overflow: hidden;
}

.cd-soldrow__img {
	width: 60px;
	height: 60px;
	object-fit: cover;
	display: block;
}

.cd-soldrow .cd-sold-stamp > span {
	font-size: 8.5px;
	text-transform: uppercase;
}

.cd-soldrow__text {
	flex: 1;
	min-width: 0;
	display: block;
}

.cd-soldrow__title {
	display: block;
	font: 700 12.5px/1.25 var(--cd-sans);
	color: var(--cd-ink-soft);
}

.cd-soldrow__title:hover,
.cd-soldrow__title:focus {
	color: var(--cd-ink);
}

.cd-soldrow__facts {
	display: block;
	margin-top: 4px;
	font: 500 10px var(--cd-mono);
	font-variant-numeric: tabular-nums;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--cd-ink-faint);
}

.cd-kitrow__link {
	margin: 12px 0 0;
}

.cd-kitrow__link a {
	font-size: 11.5px;
	font-weight: 600;
}

@media (min-width: 900px) {
	.cd-kitrow {
		flex-direction: row;
		align-items: stretch;
		gap: 22px;
		padding: 0 var(--cd-gutter) 44px;
	}

	.cd-kitrow__kit {
		order: 1;
		flex: 1;
		min-width: 0;
		display: flex;
	}

	.cd-kitrow__sold {
		order: 2;
		width: 390px; /* 340 content + 48 padding + 2 border */
		flex: none;
		padding: 22px 24px;
	}

	.cd-kitcard {
		flex: 1;
		min-width: 0;
		flex-direction: row;
	}

	.cd-kitcard__media {
		width: 260px;
		flex: none;
	}

	.cd-kitcard__img {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}

	.cd-kitcard__body {
		flex: 1;
		min-width: 0;
		padding: 24px 26px;
	}

	.cd-kitcard__title {
		font-size: 22px;
		letter-spacing: -.025em;
		margin-top: 9px;
	}

	.cd-kitcard__list {
		margin-top: 14px;
	}

	.cd-kitcard .cd-speclist__total {
		margin: 8px -26px -24px;
	}

	.cd-kitcard .cd-speclist__total-price {
		font: 800 17px var(--cd-sans);
		font-variant-numeric: tabular-nums;
		letter-spacing: -.01em;
	}

	.cd-soldlist {
		margin-top: 14px;
		gap: 16px;
	}

	.cd-soldrow {
		gap: 13px;
	}

	.cd-soldrow__media,
	.cd-soldrow__img {
		width: 66px;
		height: 66px;
	}

	.cd-soldrow__title {
		font-size: 13.5px;
	}

	.cd-soldrow__facts {
		font-size: 10.5px;
	}

	.cd-kitrow__link {
		margin-top: auto;
		padding-top: 18px;
		font-size: 13.5px;
		font-weight: 700;
	}
}

/* --------------------------------------------------------------------------
   6. Studio visit + reviews

   The card leads with the studio photo; the tag sits on it.
   -------------------------------------------------------------------------- */

.cd-local {
	display: flex;
	flex-direction: column;
	padding: 20px 0 22px;
}

.cd-local__map {
	margin-inline: var(--cd-gutter);
}

.cd-local__media {
	position: relative;
	background: var(--cd-chip);
}

.cd-local__photo {
	margin: 0;
	line-height: 0;
}

.cd-local__photo img {
	display: block;
	width: 100%;
	height: 140px;
	object-fit: cover;
	border-radius: 0;
}

.cd-local__tag {
	position: absolute;
	left: 10px;
	bottom: 10px;
	margin: 0;
	padding: 4px 8px;
	background: var(--cd-accent);
	border: 0;
	color: var(--cd-on-accent);
	font: 700 9.5px var(--cd-mono);
	letter-spacing: .05em;
	text-transform: uppercase;
	pointer-events: none;
}

.cd-local__body {
	padding: 14px 15px 16px;
}

.cd-local__title {
	font-family: var(--cd-sans);
	font-weight: 800;
	font-size: 14px;
	line-height: 1.25;
	letter-spacing: -.015em;
	color: var(--cd-ink);
}

.cd-local__copy {
	font-family: var(--cd-sans);
	font-weight: 400;
	font-size: 11.5px;
	line-height: 1.5;
	color: var(--cd-ink-muted);
	margin: 5px 0 0;
	text-wrap: pretty;
}

.cd-local__link {
	margin-top: 11px;
	font-size: 12px;
	font-weight: 700;
}

/* -- reviews --------------------------------------------------------------- */

.cd-home-reviews {
	padding: 24px 0 4px;
}

.cd-home-reviews__head {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 8px;
	padding-inline: var(--cd-gutter);
}

.cd-home-reviews__headline {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 8px;
	width: 100%;
}

.cd-home-reviews__title {
	font-family: var(--cd-sans);
	font-weight: 800;
	font-size: 18px;
	line-height: 1.2;
	letter-spacing: -.02em;
	color: var(--cd-ink);
}

.cd-home-reviews__count {
	margin: 0;
	font: 800 15px var(--cd-sans);
	font-variant-numeric: tabular-nums;
	color: var(--cd-ink);
}

.cd-home-reviews__pill {
	margin: 0;
}

/* Core adds margin-block-start to every block after the first. In this row that
   drops cards two and three 22px below the first and shortens them, so the
   strip reads ragged at every width — not just on the desktop grid. Cards are
   flushed to the top and stretched to match the tallest instead. */
.cd-home-reviews__grid > * {
	margin-block: 0;
	height: auto;
	align-self: stretch;
}

.cd-home-reviews__grid {
	align-items: stretch;
	margin: 0;
	padding: 14px var(--cd-gutter) 0;
	display: flex;
	gap: 12px;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scroll-padding-inline: var(--cd-gutter);
	scrollbar-width: none;
	-webkit-overflow-scrolling: touch;
}

.cd-home-reviews__grid::-webkit-scrollbar {
	display: none;
}

.cd-home-review {
	flex: none;
	width: 250px;
	scroll-snap-align: start;
	padding: 14px 15px;
}

.cd-home-review__head {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	gap: 10px;
}

.cd-home-review__name {
	margin: 0;
	font: 700 12.5px var(--cd-sans);
	color: var(--cd-ink);
}

.cd-home-review__date {
	margin: 0;
	font: 500 9.5px var(--cd-mono);
	font-variant-numeric: tabular-nums;
	letter-spacing: .04em;
	text-transform: uppercase;
	color: var(--cd-ink-faint);
	white-space: nowrap;
}

.cd-home-review__quote {
	margin: 10px 0 0;
	font: 400 11.5px/1.5 var(--cd-sans);
	color: var(--cd-ink-body);
	text-wrap: pretty;
}

/* Design 4a keeps the phone to one accent surface per screen region; the sell
   panel is a desktop cell, and the sell link stays in the nav on mobile. */
.cd-home-sell {
	display: none;
}

@media (min-width: 900px) {
	.cd-local {
		flex-direction: row;
		align-items: stretch;
		gap: 22px;
		padding: 0 var(--cd-gutter) 44px;
	}

	.cd-local__map {
		width: 522px; /* 520 content + 2 border */
		flex: none;
		margin-inline: 0;
	}

	.cd-local__photo img {
		height: 200px;
	}

	.cd-local__tag {
		left: 14px;
		bottom: 14px;
		padding: 5px 10px;
		font-size: 10px;
	}

	.cd-local__body {
		padding: 20px 24px 22px;
	}

	.cd-local__title {
		font-size: 19px;
		letter-spacing: -.02em;
	}

	.cd-local__copy {
		font-size: 13.5px;
		line-height: 1.55;
		margin-top: 7px;
	}

	.cd-local__link {
		margin-top: 14px;
		font-size: 13.5px;
	}

	.cd-home-reviews {
		flex: 1;
		min-width: 0;
		padding: 0;
	}

	/* Same two columns as the card grid below, so the accent pill starts on the
	   second card's left edge rather than wherever the headline happens to end. */
	.cd-home-reviews__head {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: center;
		gap: 16px;
		padding-inline: 0;
	}

	.cd-home-reviews__headline {
		display: flex;
		align-items: baseline;
		flex-wrap: nowrap;
		gap: 12px;
		width: auto;
	}

	.cd-home-reviews__pill {
		justify-self: start;
	}

	.cd-home-reviews__title {
		width: auto;
		font-size: 24px;
		letter-spacing: -.025em;
	}

	.cd-home-reviews__count {
		font-size: 17px;
		white-space: nowrap;
	}

	.cd-home-reviews__grid {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 16px;
		margin-top: 16px;
		padding: 0;
		overflow: visible;
		align-items: stretch;
	}

	.cd-home-review {
		width: auto;
		padding: 18px 20px;
	}

	.cd-home-review__name {
		font-size: 13.5px;
	}

	.cd-home-review__date {
		font-size: 10px;
	}

	.cd-home-review__quote {
		font-size: 13px;
		line-height: 1.55;
	}

	.cd-home-sell {
		display: flex;
		flex-direction: column;
		justify-content: center;
		background: var(--cd-accent);
		border: 0;
		border-radius: var(--cd-r-card);
		padding: 18px 20px;
	}

	.cd-home-sell__title {
		margin: 0;
		font: 800 17px/1.25 var(--cd-sans);
		letter-spacing: -.02em;
		color: var(--cd-on-accent);
	}

	.cd-home-sell__copy {
		margin: 7px 0 0;
		font: 400 12.5px/1.5 var(--cd-sans);
		color: var(--cd-on-accent);
	}

	.cd-home-sell__link {
		margin-top: 11px;
	}

	.cd-home-sell__link a {
		font-size: 13px;
		color: var(--cd-on-accent);
		border-bottom-color: var(--cd-on-accent);
	}

	.cd-home-sell__link a:hover,
	.cd-home-sell__link a:focus {
		color: var(--cd-on-accent);
		border-bottom-color: var(--cd-ink);
		text-decoration: none;
	}
}