/* ============================================================
   MT Product Blocks — EDITORIAL / magazine PDP content area
   Numbered sections, serif display headlines, mono micro-labels,
   hairline rules, generous margins. Front + editor.
   ============================================================ */

.mt-pdp-content { padding-top: 96px; padding-bottom: 96px; }
.mt-pdp-content .wrap { padding-top: 0; padding-bottom: 0; }
.mt-pdp-content .mt-ed:last-child { padding-bottom: 0; }

.mt-editorial {
	--mt-serif: "Fraunces", Georgia, "Times New Roman", serif;
	max-width: 1040px; margin: 0 auto;
}

/* ---------- chips / top meta line ---------- */
.mt-ed-chips {
	display: flex; flex-wrap: wrap; align-items: center;
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: .7rem; letter-spacing: .18em; text-transform: uppercase;
	color: var(--soft, #8a7f6e); margin: 0 0 6px;
}
.mt-ed-chip:not(:last-child)::after { content: "/"; margin: 0 12px; color: var(--amber, #b08d57); }

/* ---------- section ---------- */
.mt-ed {
	display: grid; grid-template-columns: 200px 1fr; gap: 48px;
	padding: 46px 0; border-top: 1px solid var(--line, #e0d7c6);
}
@media (max-width: 820px) {
	.mt-ed { grid-template-columns: 1fr; gap: 16px; padding: 34px 0; }
}

.mt-ed-head { display: flex; flex-direction: column; gap: 10px; }
.mt-ed-num {
	font-family: var(--mt-serif); font-size: 2.4rem; font-weight: 400; line-height: 1;
	color: var(--amber, #b08d57);
}
.mt-ed-label {
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: .7rem; letter-spacing: .2em; text-transform: uppercase; color: var(--soft, #8a7f6e);
}
.mt-ed-tag {
	align-self: flex-start;
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: .64rem; letter-spacing: .14em; text-transform: uppercase; color: var(--ink, #2f2a24);
	border: 1px solid var(--line, #d8cfbe); border-radius: 2px; padding: 4px 9px;
}
@media (max-width: 820px) {
	.mt-ed-head { flex-direction: row; align-items: center; gap: 14px; }
	.mt-ed-num { font-size: 1.5rem; }
	.mt-ed-tag { margin-left: auto; }
}

.mt-ed-body { max-width: 640px; }
.mt-ed-title {
	font-family: var(--mt-serif); font-weight: 400;
	font-size: clamp(1.55rem, 2.3vw, 2.1rem); line-height: 1.16; letter-spacing: -.01em;
	color: var(--ink, #2f2a24); margin: 0 0 22px;
}
.mt-ed-p { font-size: 1.02rem; line-height: 1.72; color: var(--soft, #5c5346); margin: 0 0 16px; }
.mt-ed-p:last-child { margin-bottom: 0; }

/* hairline list (benefits, storage) */
.mt-ed-list { list-style: none; margin: 6px 0 0; padding: 0; }
.mt-ed-list li {
	padding: 15px 0; border-top: 1px solid var(--line-soft, #ece5d8);
	font-size: 1rem; line-height: 1.55; color: var(--soft, #5c5346);
}
.mt-ed-list li:first-child { border-top: none; }
.mt-ed-list li strong { color: var(--ink, #2f2a24); font-weight: 500; }

/* numbered steps with hanging numerals */
.mt-ed-steps { list-style: none; counter-reset: s; margin: 6px 0 0; padding: 0; }
.mt-ed-steps li {
	position: relative; counter-increment: s; padding: 15px 0 15px 46px;
	border-top: 1px solid var(--line-soft, #ece5d8);
	font-size: 1rem; line-height: 1.55; color: var(--soft, #5c5346);
}
.mt-ed-steps li:first-child { border-top: none; }
.mt-ed-steps li::before {
	content: counter(s, decimal-leading-zero); position: absolute; left: 0; top: 15px;
	font-family: var(--font-mono, ui-monospace, monospace); font-size: .78rem; letter-spacing: .06em;
	color: var(--amber, #b08d57);
}

/* meta key / value */
.mt-ed-meta { margin: 26px 0 0; }
.mt-ed-meta-row { display: flex; gap: 18px; padding: 11px 0; border-top: 1px solid var(--line-soft, #ece5d8); }
.mt-ed-meta dt {
	flex: 0 0 120px; padding-top: 2px;
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: .68rem; letter-spacing: .16em; text-transform: uppercase; color: var(--soft, #8a7f6e);
}
.mt-ed-meta dd { margin: 0; font-size: .98rem; color: var(--ink, #2f2a24); }

/* timeline */
.mt-ed-timeline { margin: 6px 0 0; }
.mt-ed-tl-row { display: flex; gap: 22px; padding: 16px 0; border-top: 1px solid var(--line-soft, #ece5d8); }
.mt-ed-tl-row:first-child { border-top: none; }
.mt-ed-timeline dt {
	flex: 0 0 92px; padding-top: 3px;
	font-family: var(--font-mono, ui-monospace, monospace);
	font-size: .7rem; letter-spacing: .1em; text-transform: uppercase; color: var(--amber, #b08d57);
}
.mt-ed-timeline dd { margin: 0; font-size: 1rem; line-height: 1.55; color: var(--soft, #5c5346); }

/* note / tip aside */
.mt-ed-note { margin: 24px 0 0; padding-left: 18px; border-left: 2px solid var(--amber, #b08d57); font-size: .95rem; line-height: 1.6; }
.mt-ed-note-k { font-weight: 500; color: var(--ink, #2f2a24); }
.mt-ed-note-v { color: var(--soft, #5c5346); }

/* footnote */
.mt-ed-foot { margin: 18px 0 0; font-size: .84rem; line-height: 1.5; color: var(--soft, #8a7f6e); font-style: italic; }