/**
 * Field note — one story. Scoped to body.aa-field-note.
 * Palette matches the Yucatán season card.
 */

body.aa-field-note {
	--aa-field-copy: 42rem;
	background: #f7f4ee;
}

body.aa-field-note .aa-field {
	background: #f7f4ee;
}

body.aa-field-note .aa-field-stage {
	--aa-field-gap: 1.5rem;
	display: grid;
	grid-template-columns:
		minmax(0, 1fr)
		minmax(0, calc((var(--aa-field-copy) - var(--aa-field-gap)) / 2))
		minmax(0, calc((var(--aa-field-copy) - var(--aa-field-gap)) / 2))
		minmax(0, 1fr);
	grid-template-areas:
		". print plate ."
		"mast mast mast mast";
	column-gap: var(--aa-field-gap);
	row-gap: 1.15rem;
	align-items: end;
	box-sizing: border-box;
	width: 100%;
	max-width: none;
	margin-inline: 0;
	padding: clamp(1.2rem, 2.4vw, 2rem)
		max(
			var(--wp--preset--spacing--50, 30px),
			calc((100% - var(--wp--style--global--wide-size, 1340px)) / 2)
		)
		clamp(1.35rem, 2.4vw, 1.9rem);
	background:
		linear-gradient(#c45c26, #c45c26) top / 100% 4px no-repeat,
		#1f4858;
	color: #f4f7f8;
}

body.aa-field-note .aa-field-hero {
	grid-area: print;
	justify-self: stretch;
	box-sizing: border-box;
	width: 100%;
	min-width: 0;
	max-width: 100%;
	margin: 0;
	padding: 12px;
	background:
		linear-gradient(#c45c26, #c45c26) 0 0 / 18px 2px no-repeat,
		linear-gradient(#c45c26, #c45c26) 0 0 / 2px 18px no-repeat,
		linear-gradient(#c45c26, #c45c26) 100% 0 / 18px 2px no-repeat,
		linear-gradient(#c45c26, #c45c26) 100% 0 / 2px 18px no-repeat,
		linear-gradient(#c45c26, #c45c26) 0 100% / 18px 2px no-repeat,
		linear-gradient(#c45c26, #c45c26) 0 100% / 2px 18px no-repeat,
		linear-gradient(#c45c26, #c45c26) 100% 100% / 18px 2px no-repeat,
		linear-gradient(#c45c26, #c45c26) 100% 100% / 2px 18px no-repeat;
}

body.aa-field-note .aa-field-hero img {
	display: block;
	width: 100% !important;
	min-width: 0;
	max-width: 100%;
	height: auto !important;
	max-height: none;
	margin-inline: auto;
	object-fit: contain;
	border: 8px solid #f4f1ea;
	background: #0d2c36;
	box-shadow: 0 22px 44px rgba(0, 0, 0, 0.32);
}

body.aa-field-note .aa-field-plate {
	grid-area: plate;
	align-self: end;
	justify-self: stretch;
	width: 100%;
	min-width: 0;
	max-width: 34rem;
	margin: 0;
}

body.aa-field-note .aa-field-plate__kicker {
	margin: 0 0 0.35rem;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.72rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #c45c26;
}

body.aa-field-note .aa-field-plate__place {
	margin: 0 0 0.85rem;
	font-family: "Barlow Semi Condensed", Barlow, sans-serif;
	font-size: clamp(2.5rem, 4.4vw, 3.6rem);
	font-weight: 600;
	line-height: 0.88;
	letter-spacing: 0.02em;
	text-transform: uppercase;
	color: #f4f7f8;
}

body.aa-field-note .aa-field-plate dl {
	display: grid;
	grid-template-columns: 4.6rem 1fr;
	gap: 0 0.65rem;
	margin: 0;
}

body.aa-field-note .aa-field-plate dt,
body.aa-field-note .aa-field-plate dd {
	margin: 0;
	padding: 0.38rem 0;
	border-top: 1px solid rgba(244, 247, 248, 0.22);
}

body.aa-field-note .aa-field-plate dt {
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.68rem;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: #8fb8c4;
}

body.aa-field-note .aa-field-plate dd {
	font-family: "Barlow Semi Condensed", Barlow, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #f4f7f8;
}

body.aa-field-note .aa-field-plate__cap {
	margin: 0.9rem 0 0;
	max-width: 28rem;
	font-family: Manrope, sans-serif;
	font-size: 0.95rem;
	font-weight: 500;
	line-height: 1.4;
	color: #d5e4ea;
}

body.aa-field-note .aa-field-mast {
	grid-area: mast;
	text-align: center;
}

body.aa-field-note h1.aa-field-title {
	margin: 0.15rem 0 0.45rem;
	color: #f4f7f8;
	font-family: "Barlow Semi Condensed", Barlow, sans-serif;
	font-size: clamp(2.7rem, 6.6vw, 5.15rem);
	font-weight: 600;
	line-height: 0.88;
	letter-spacing: 0.01em;
	text-transform: uppercase;
}

body.aa-field-note .aa-field-byline {
	margin: 0;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #e7b59a;
}

body.aa-field-note .aa-field-byline span {
	color: #f4f7f8;
}

body.aa-field-note .wp-block-post-content {
	padding-top: 2.1rem;
	padding-bottom: 2.6rem;
}

body.aa-field-note .wp-block-post-content .aa-dek {
	color: #1f4858;
	font-size: 1.24rem;
	line-height: 1.45;
}

body.aa-field-note .aa-pull {
	margin: 1.7rem 0 1.8rem;
	padding: 0.15rem 0 0.15rem 1rem;
	border-left: 4px solid #c45c26;
	color: #1f4858;
	font-family: "Barlow Semi Condensed", Barlow, sans-serif;
	font-size: clamp(1.6rem, 3vw, 2.2rem);
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0.01em;
}

body.aa-field-note .aa-spec {
	margin: 1.6rem 0 1.8rem;
	padding: 0.95rem 1.05rem 1rem;
	background: #e7eef1;
	border-top: 4px solid #0e6e6a;
}

body.aa-field-note .aa-spec dl {
	margin: 0.35rem 0 0;
}

body.aa-field-note .aa-spec dl div {
	display: grid;
	grid-template-columns: 7.2rem 1fr;
	gap: 0.35rem 1rem;
	align-items: baseline;
}

body.aa-field-note .aa-spec--rust {
	border-top-color: #c45c26;
}

body.aa-field-note .aa-spec__kicker {
	grid-column: 1 / -1;
	margin: 0;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #0e6e6a;
}

body.aa-field-note .aa-spec--rust .aa-spec__kicker,
body.aa-field-note .aa-spec--rust dt {
	color: #c45c26;
}

body.aa-field-note .aa-spec h3 {
	grid-column: 1 / -1;
	margin: 0 0 0.25rem;
	color: #1f4858;
	font-family: "Barlow Semi Condensed", Barlow, sans-serif;
	font-size: 1.75rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.03em;
	text-transform: uppercase;
}

body.aa-field-note .aa-spec h3 em {
	font-family: Manrope, sans-serif;
	font-size: 1.05rem;
	font-style: italic;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

body.aa-field-note .aa-spec dt,
body.aa-field-note .aa-spec dd {
	margin: 0;
}

body.aa-field-note .aa-spec dt {
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.68rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	color: #0e6e6a;
}

body.aa-field-note .aa-spec dd {
	color: #1f4858;
	font-size: 0.98rem;
	line-height: 1.35;
}

body.aa-field-note .aa-spec dd a {
	color: inherit;
	text-decoration: none;
}

body.aa-field-note .aa-jump {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.2rem;
	color: #1f4858;
}

body.aa-field-note .aa-jump__go {
	display: inline;
}

body.aa-field-note .aa-jump__arrow {
	margin-left: 0.35rem;
	color: #c45c26;
	font-size: 1.05em;
	line-height: 1;
}

body.aa-field-note .aa-jump__by {
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #c45c26;
}

body.aa-field-note .aa-fluff {
	position: relative;
	background: #fff3b0;
	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;
}

body.aa-field-note .aa-fluff__tip {
	position: absolute;
	left: 0;
	bottom: calc(100% + 8px);
	z-index: 40;
	box-sizing: border-box;
	width: min(20rem, 70vw);
	margin: 0;
	padding: 0.5rem 0.65rem;
	background: #1f4858;
	color: #f7f4ee;
	font-family: Manrope, sans-serif;
	font-size: 0.78rem;
	font-weight: 500;
	font-style: normal;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
	text-align: left;
	visibility: hidden;
	opacity: 0;
	pointer-events: none;
	box-shadow: 0 8px 22px rgba(0, 0, 0, 0.18);
}

body.aa-field-note .aa-fluff:hover > .aa-fluff__tip,
body.aa-field-note .aa-fluff:focus > .aa-fluff__tip,
body.aa-field-note .aa-fluff:focus-within > .aa-fluff__tip {
	visibility: visible;
	opacity: 1;
}

body.aa-field-note .wp-block-image.aa-plate {
	margin: 1.7rem 0 1.9rem;
	padding: 12px 12px 0.7rem;
	background:
		linear-gradient(#1f4858, #1f4858) 0 0 / 14px 2px no-repeat,
		linear-gradient(#1f4858, #1f4858) 0 0 / 2px 14px no-repeat,
		linear-gradient(#1f4858, #1f4858) 100% 0 / 14px 2px no-repeat,
		linear-gradient(#1f4858, #1f4858) 100% 0 / 2px 14px no-repeat,
		linear-gradient(#1f4858, #1f4858) 0 100% / 14px 2px no-repeat,
		linear-gradient(#1f4858, #1f4858) 0 100% / 2px 14px no-repeat,
		linear-gradient(#1f4858, #1f4858) 100% 100% / 14px 2px no-repeat,
		linear-gradient(#1f4858, #1f4858) 100% 100% / 2px 14px no-repeat,
		#f7f4ee;
}

body.aa-field-note .aa-plate img {
	display: block;
	width: 100%;
	height: auto;
}

body.aa-field-note .aa-plate figcaption,
body.aa-field-note .aa-plate .wp-element-caption {
	margin-top: 0.55rem;
	color: #1f4858;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.72rem;
	line-height: 1.45;
}

body.aa-field-note .aa-plate__idx {
	margin-right: 0.55rem;
	color: #c45c26;
	letter-spacing: 0.12em;
}

body.aa-field-note .aa-field-band {
	box-sizing: border-box;
	margin-top: 2.4rem;
	margin-bottom: 0.4rem;
	padding: 1.7rem clamp(1rem, 3vw, 2rem) 1.45rem;
	background: #e7eef1;
}

body.aa-field-note .aa-field-band .aa-mexico-cal {
	margin-top: 0;
}

body.aa-field-note .aa-mexico-cal__note,
body.aa-field-note .aa-mexico-cal__ask {
	width: min(100%, var(--aa-field-copy));
	margin-inline: auto;
}

body.aa-field-note .wp-block-column .aa-pull,
body.aa-field-note .wp-block-column .aa-spec {
	margin-top: 0;
	margin-bottom: 0.9rem;
}

body.aa-field-note .wp-block-column .aa-plate {
	margin-top: 0;
}

body.aa-field-note .aa-frames {
	box-sizing: border-box;
	width: min(100%, var(--aa-field-copy));
	margin: 2.2rem auto 0;
}

body.aa-field-note .aa-frames .wp-block-image {
	margin: 0;
}

body.aa-field-note .aa-frames figcaption,
body.aa-field-note .aa-frames .wp-element-caption {
	margin-top: 0.55rem;
	color: #1f4858;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.72rem;
	line-height: 1.45;
}

body.aa-field-note .aa-file {
	margin: 2rem 0 0;
	padding-top: 0.2rem;
}

body.aa-field-note .aa-file__kicker {
	margin: 0 0 0.35rem;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #c45c26;
}

body.aa-field-note .aa-file a {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	padding: 0.62rem 0;
	border-bottom: 1px solid #d5dde3;
	color: #1f4858;
	font-family: "Barlow Semi Condensed", Barlow, sans-serif;
	font-size: 1.2rem;
	font-weight: 600;
	letter-spacing: 0.03em;
	line-height: 1.15;
	text-decoration: none;
	text-transform: uppercase;
}

body.aa-field-note .aa-file a span {
	flex: 0 0 auto;
	align-self: center;
	color: #c45c26;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.12em;
}

@media (max-width: 800px) {
	body.aa-field-note .aa-field-stage {
		grid-template-columns: minmax(0, 1fr);
		grid-template-areas:
			"print"
			"plate"
			"mast";
	}

	body.aa-field-note .aa-field-hero,
	body.aa-field-note .aa-field-plate {
		width: min(100%, 22rem);
		justify-self: center;
	}

	body.aa-field-note .aa-spec dl div {
		grid-template-columns: 1fr;
		gap: 0.1rem;
	}

	body.aa-field-note .aa-spec dt {
		margin-top: 0.45rem;
	}

	body.aa-field-note .aa-file a {
		flex-direction: column;
		gap: 0.2rem;
	}
}

body.aa-field-note .aa-field-colophon {
	box-sizing: border-box;
	margin: 2.6rem 0 0;
	padding: 1.25rem 1.2rem 1.3rem;
	background: #fff;
	border-top: 4px solid #c45c26;
	box-shadow: 0 1px 0 #d5dde3;
}

body.aa-field-note .aa-field-colophon__kicker,
body.aa-field-note .aa-field-colophon__label {
	margin: 0 0 0.45rem;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.68rem;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: #c45c26;
}

body.aa-field-note .aa-field-colophon__summary {
	margin: 0;
	max-width: 38rem;
	color: #1f4858;
	font-family: Manrope, sans-serif;
	font-size: 1.05rem;
	font-weight: 500;
	line-height: 1.45;
}

body.aa-field-note .aa-field-colophon__facts {
	display: flex;
	flex-wrap: wrap;
	gap: 0.55rem 1.15rem;
	margin: 1rem 0 0;
	padding: 0;
	list-style: none;
	color: #1f4858;
	font-family: "Fira Code", ui-monospace, monospace;
	font-size: 0.72rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
}

body.aa-field-note .aa-field-colophon__facts li {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

body.aa-field-note .aa-field-colophon__facts li::before,
body.aa-field-note .aa-field-chip::before {
	content: "";
	flex: 0 0 auto;
	width: 14px;
	height: 14px;
	background: currentColor;
	-webkit-mask: var(--aa-chip-icon) center / contain no-repeat;
	mask: var(--aa-chip-icon) center / contain no-repeat;
}

body.aa-field-note .aa-field-colophon__facts .is-author {
	--aa-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 12.2a3.6 3.6 0 1 0 0-7.2 3.6 3.6 0 0 0 0 7.2Zm-6.2 6.3a6.2 6.2 0 0 1 12.4 0v.7H5.8v-.7Z'/%3E%3C/svg%3E");
}

body.aa-field-note .aa-field-colophon__facts .is-date {
	--aa-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 3.2h2V5h6V3.2h2V5h2.2A1.8 1.8 0 0 1 21 6.8v12.4a1.8 1.8 0 0 1-1.8 1.8H4.8A1.8 1.8 0 0 1 3 19.2V6.8A1.8 1.8 0 0 1 4.8 5H7V3.2Zm12 7.2H5v8.4h14v-8.4Z'/%3E%3C/svg%3E");
}

body.aa-field-note .aa-field-colophon__facts .is-read {
	--aa-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17Zm.9 4.2v4.6l3.2 1.9-.9 1.5-4.1-2.4V7.7h1.8Z'/%3E%3C/svg%3E");
}

body.aa-field-note .aa-field-colophon__facts .is-author span {
	color: #1f4858;
}

body.aa-field-note .aa-field-colophon__label {
	margin-top: 1.05rem;
}

body.aa-field-note .aa-field-chips {
	display: flex;
	flex-wrap: wrap;
	gap: 0.45rem;
}

body.aa-field-note .aa-field-chip {
	display: inline-flex;
	align-items: center;
	gap: 0.35rem;
	padding: 0.38rem 0.75rem 0.38rem 0.48rem;
	border-radius: 999px;
	font-family: "Barlow Semi Condensed", Barlow, sans-serif;
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	line-height: 1;
	text-decoration: none;
}

body.aa-field-note .aa-field-chips--cat .aa-field-chip {
	--aa-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 7.2A1.7 1.7 0 0 1 5.7 5.5h4.2l1.6 2h6.8A1.7 1.7 0 0 1 20 9.2v8.1a1.7 1.7 0 0 1-1.7 1.7H5.7A1.7 1.7 0 0 1 4 17.3V7.2Z'/%3E%3C/svg%3E");
	background: #1f4858;
	color: #f4f7f8;
}

body.aa-field-note .aa-field-chips--cat .aa-field-chip:hover {
	background: #163844;
	color: #fff;
}

body.aa-field-note .aa-field-chips--tag .aa-field-chip {
	--aa-chip-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3.4 12.4 11.6 4.2h6.6a1.8 1.8 0 0 1 1.8 1.8v6.6l-8.2 8.2a1.8 1.8 0 0 1-2.5 0l-5.9-5.9a1.8 1.8 0 0 1 0-2.5Zm12.3-4.6a1.35 1.35 0 1 0 0-2.7 1.35 1.35 0 0 0 0 2.7Z'/%3E%3C/svg%3E");
	background: transparent;
	color: #1f4858;
	box-shadow: inset 0 0 0 1.5px #c45c26;
}

body.aa-field-note .aa-field-chips--tag .aa-field-chip:hover {
	background: #c45c26;
	color: #fff;
}