.mt-journal {
  --mt-journal-bg: var(--ivory, #f4efe5);
  --mt-journal-card: var(--ivory-warm, #f8f4ec);
  --mt-journal-ink: var(--charcoal, #292724);
  --mt-journal-muted: var(--muted-foreground, #6f695f);
  --mt-journal-line: var(--border, #ddd3c4);
  --mt-journal-accent: var(--gold, #b48639);
  --mt-journal-dark: var(--espresso, #211c18);
  background: var(--mt-journal-bg);
  color: var(--mt-journal-ink);
  font-family: var(--font-body, "Archivo", sans-serif);
  min-width: 0;
}

.mt-journal__container {
  width: min(calc(100% - 64px), var(--mt-header-container, 1480px));
  margin-inline: auto;
  min-width: 0;
}

.mt-journal__breadcrumbs {
  border-bottom: 1px solid var(--mt-journal-line);
  padding-block: 15px;
  font-size: 12px;
  color: var(--mt-journal-muted);
}

.mt-journal__breadcrumbs ol {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
}

.mt-journal__breadcrumbs li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  min-width: 0;
}

.mt-journal__breadcrumbs li:not(:last-child)::after {
  content: "›";
  margin-inline-start: 8px;
  color: var(--mt-journal-accent);
}

.mt-journal__breadcrumbs li:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.mt-journal__breadcrumbs a:hover,
.mt-journal__breadcrumbs a:focus-visible {
  color: var(--mt-journal-dark);
}

.mt-journal-article {
  min-width: 0;
  padding-block-end: 44px;
}

.mt-journal-hero {
  display: grid;
  grid-template-columns: minmax(0, 42%) minmax(0, 58%);
  min-height: clamp(390px, 39vw, 590px);
  background: var(--mt-journal-card);
  border-bottom: 1px solid var(--mt-journal-line);
  overflow: hidden;
}

.mt-journal-hero__copy {
  align-self: center;
  padding: clamp(34px, 4vw, 72px) clamp(28px, 4.2vw, 76px) clamp(32px, 4vw, 64px) 0;
  position: relative;
  z-index: 2;
}

.mt-journal-hero__copy::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset-block: 0;
  inset-inline-start: 70%;
  width: 55%;
  background: linear-gradient(90deg, var(--mt-journal-card), rgba(248,244,236,.93) 38%, transparent);
  pointer-events: none;
}

.mt-journal-hero__eyebrow,
.mt-journal-block__eyebrow,
.mt-journal-section-heading > p,
.mt-journal-final-cta > div:first-child > p,
.mt-journal-quick-take__label,
.mt-journal-entity-card__meta {
  color: var(--mt-journal-accent);
  font-family: var(--font-body, "Archivo", sans-serif);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .16em;
  line-height: 1.35;
  text-transform: uppercase;
}

.mt-journal-hero h1 {
  font-family: var(--font-display, "Geologica", sans-serif);
  font-size: clamp(42px, 4.3vw, 72px);
  font-weight: 400;
  letter-spacing: -.045em;
  line-height: .99;
  margin-block: 14px 20px;
  max-width: 11ch;
}

.mt-journal-hero__summary {
  max-width: 50ch;
  color: var(--mt-journal-ink);
  font-size: clamp(15px, 1.1vw, 18px);
  font-weight: 300;
  line-height: 1.72;
}

.mt-journal-hero__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin-block-start: 26px;
  color: var(--mt-journal-muted);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .02em;
}

.mt-journal-hero__meta span:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 3px;
  height: 3px;
  margin-inline-start: 18px;
  vertical-align: middle;
  border-radius: 50%;
  background: var(--mt-journal-accent);
}

.mt-journal-hero__media {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.mt-journal-hero__media::before {
  content: "";
  position: absolute;
  z-index: 1;
  inset-block: 0;
  inset-inline-start: 0;
  width: 19%;
  background: linear-gradient(90deg, var(--mt-journal-card), transparent);
  pointer-events: none;
}

.mt-journal-hero__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: var(--mt-journal-object-position, center);
}

.mt-journal-facts {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  border-bottom: 1px solid var(--mt-journal-line);
  min-height: 80px;
}

.mt-journal-facts > div {
  display: grid;
  grid-template-columns: 30px auto;
  grid-template-rows: auto auto;
  align-content: center;
  column-gap: 10px;
  padding: 16px 22px;
  border-inline-end: 1px solid var(--mt-journal-line);
}

.mt-journal-facts > div:last-child { border-inline-end: 0; }
.mt-journal-facts svg { width: 26px; height: 26px; fill: none; stroke: var(--mt-journal-accent); stroke-width: 1.5; grid-row: 1 / 3; align-self: center; }
.mt-journal-facts strong { font-size: 15px; font-weight: 600; line-height: 1.15; }
.mt-journal-facts small { color: var(--mt-journal-muted); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }

.mt-journal-intro-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  padding-block: 32px 28px;
}

.mt-journal-quick-take,
.mt-journal-guide-summary,
.mt-journal-toc,
.mt-journal-sidebar-card,
.mt-journal-sidebar-cta,
.mt-journal-main-faq,
.mt-journal-related-articles {
  border: 1px solid var(--mt-journal-line);
  background: rgba(248,244,236,.76);
}

.mt-journal-quick-take,
.mt-journal-guide-summary {
  padding: 24px 28px;
}

.mt-journal-quick-take__label {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--mt-journal-dark);
}

.mt-journal-quick-take__label svg { width: 18px; height: 18px; fill: none; stroke: var(--mt-journal-accent); stroke-width: 1.5; }
.mt-journal-quick-take h2,
.mt-journal-guide-summary h2,
.mt-journal-toc__title,
.mt-journal-sidebar-card h2,
.mt-journal-sidebar-cta h2 {
  font-family: var(--font-display, "Geologica", sans-serif);
  font-weight: 400;
  letter-spacing: -.025em;
}

.mt-journal-quick-take h2 { margin-block: 10px; font-size: 25px; }
.mt-journal-quick-take > p:not(.mt-journal-quick-take__label) { font-size: 14px; line-height: 1.75; }
.mt-journal-quick-take > strong { display: block; margin-block-start: 15px; color: var(--mt-journal-accent); font-size: 13px; }
.mt-journal-guide-summary h2 { font-size: 22px; margin-block-end: 12px; }
.mt-journal-guide-summary ol { columns: 2; column-gap: 28px; }
.mt-journal-guide-summary li { break-inside: avoid; margin-block: 6px; }
.mt-journal-guide-summary a { display: flex; gap: 7px; font-size: 12px; line-height: 1.4; }
.mt-journal-guide-summary a span { color: var(--mt-journal-accent); font-weight: 600; }
.mt-journal-guide-summary a:hover { color: var(--mt-journal-accent); }

.mt-journal-mobile-toc { display: none; }

.mt-journal-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(270px, 31%);
  gap: clamp(24px, 3.2vw, 52px);
  align-items: start;
  padding-block: 14px 38px;
}

.mt-journal-content,
.mt-journal-sidebar,
.mt-journal-sidebar__sticky { min-width: 0; }
.mt-journal-content { font-size: 15px; }

/*
 * Stretch the sidebar to the full height of the article grid. This gives the
 * sticky contents a real scrolling boundary, so they remain visible while the
 * article is being read and stop automatically before the sections below the
 * grid (FAQ, related articles and footer).
 */
.mt-journal-sidebar {
  position: relative;
  align-self: stretch;
}

.mt-journal-sidebar__sticky {
  position: sticky;
  top: calc(var(--mt-header-height, 108px) + 20px);
  display: grid;
  gap: 14px;
  max-height: calc(100vh - var(--mt-header-height, 108px) - 36px);
  max-height: calc(100dvh - var(--mt-header-height, 108px) - 36px);
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-color: var(--mt-journal-line) transparent;
  padding-inline-end: 4px;
}
.mt-journal-sidebar__sticky::-webkit-scrollbar { width: 5px; }
.mt-journal-sidebar__sticky::-webkit-scrollbar-thumb { background: var(--mt-journal-line); border-radius: 99px; }

.mt-journal-toc { padding: 21px 22px; }
.mt-journal-toc__title { font-size: 22px; margin-block-end: 13px; }
.mt-journal-toc ol { display: grid; gap: 8px; }
.mt-journal-toc a { display: grid; grid-template-columns: 20px 1fr; gap: 4px; color: var(--mt-journal-muted); font-size: 11px; line-height: 1.4; padding-block: 2px; }
.mt-journal-toc a span { color: var(--mt-journal-accent); }
.mt-journal-toc a:hover,
.mt-journal-toc a[aria-current="true"] { color: var(--mt-journal-dark); }

.mt-journal-sidebar-cta {
  padding: 24px;
  color: var(--ivory, #f4efe5);
  background: var(--mt-journal-dark);
  border-color: var(--mt-journal-dark);
}
.mt-journal-sidebar-cta > p:first-child { color: var(--mt-journal-accent); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.mt-journal-sidebar-cta h2 { font-size: 25px; line-height: 1.1; margin-block: 8px 12px; }
.mt-journal-sidebar-cta p { font-size: 12px; line-height: 1.6; color: rgba(255,255,255,.78); }
.mt-journal-sidebar-cta a { display: inline-flex; min-height: 42px; align-items: center; margin-block-start: 18px; padding-inline: 16px; background: var(--mt-journal-accent); color: var(--mt-journal-dark); font-size: 10px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

.mt-journal-sidebar-card { padding: 19px 20px; }
.mt-journal-sidebar-card h2 { font-size: 20px; margin-block-end: 12px; }
.mt-journal-sidebar-products { display: grid; gap: 8px; }
.mt-journal-sidebar-products a { display: grid; grid-template-columns: 70px 1fr; gap: 10px; align-items: center; }
.mt-journal-sidebar-products img { width: 70px; height: 52px; object-fit: cover; background: #e7e0d5; }
.mt-journal-sidebar-products span { min-width: 0; display: grid; gap: 4px; }
.mt-journal-sidebar-products strong { font-size: 11px; line-height: 1.3; font-weight: 500; }
.mt-journal-sidebar-products small { color: var(--mt-journal-accent); font-size: 10px; }
.mt-journal-sidebar-links { display: grid; gap: 1px; }
.mt-journal-sidebar-links a { display: flex; justify-content: space-between; gap: 10px; padding-block: 7px; border-bottom: 1px solid var(--mt-journal-line); font-size: 11px; }
.mt-journal-sidebar-links a:last-child { border-bottom: 0; }
.mt-journal-sidebar-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.mt-journal-sidebar-tags a,
.mt-journal-tag-cloud a { padding: 7px 10px; border: 1px solid var(--mt-journal-line); border-radius: 99px; font-size: 10px; }
.mt-journal-sidebar-tags a:hover,
.mt-journal-tag-cloud a:hover { border-color: var(--mt-journal-accent); color: var(--mt-journal-accent); }

.mt-journal-block {
  scroll-margin-top: calc(var(--mt-header-height, 108px) + 24px);
  padding-block: 23px 27px;
  border-bottom: 1px solid var(--mt-journal-line);
}
.mt-journal-block:first-child { padding-block-start: 6px; }
.mt-journal-block:last-child { border-bottom: 0; }
.mt-journal-block__heading,
.mt-journal-section-heading h2 {
  font-family: var(--font-display, "Geologica", sans-serif);
  font-size: clamp(27px, 2.2vw, 38px);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: 1.12;
  margin-block: 8px 14px;
}
.mt-journal-block__lead { max-width: 62ch; margin-block-end: 15px; color: var(--mt-journal-muted); font-size: 16px; line-height: 1.65; }
.mt-journal-block__prose { display: grid; gap: 13px; max-width: 74ch; }
.mt-journal-block__prose p,
.mt-journal-image-followup { color: #49453f; font-size: 15px; font-weight: 300; line-height: 1.8; }
.mt-journal-block__subsection,
.mt-journal-subsection-group section { margin-block-start: 24px; }
.mt-journal-block__subsection h3,
.mt-journal-subsection-group h3 { font-family: var(--font-display, "Geologica", sans-serif); font-size: 23px; font-weight: 400; letter-spacing: -.025em; margin-block-end: 9px; }
.mt-journal-block__lead-section { padding: 22px 24px; border-inline-start: 2px solid var(--mt-journal-accent); background: rgba(248,244,236,.65); }
.mt-journal-subsection-group { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px 28px; }

.mt-journal-image-text { display: grid; grid-template-columns: minmax(0, 42%) minmax(0, 58%); align-items: stretch; min-height: 300px; border: 1px solid var(--mt-journal-line); background: var(--mt-journal-card); }
.mt-journal-image-text--image_right figure { order: 2; }
.mt-journal-image-text--text_emphasis { grid-template-columns: minmax(0, 34%) minmax(0, 66%); }
.mt-journal-image-text figure { min-height: 100%; }
.mt-journal-image-text__image { width: 100%; height: 100%; object-fit: cover; }
.mt-journal-image-text figure figcaption { font-size: 10px; color: var(--mt-journal-muted); padding: 8px 12px; }
.mt-journal-image-text > div { align-self: center; padding: clamp(22px, 3vw, 42px); }
.mt-journal-inline-link { display: inline-flex; margin-block-start: 16px; color: var(--mt-journal-accent); font-size: 11px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }

.mt-journal-full-image,
.mt-journal-inline-image { margin: 0; }
.mt-journal-full-image__image { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.mt-journal-full-image figcaption,
.mt-journal-inline-image figcaption { display: flex; justify-content: space-between; gap: 12px; color: var(--mt-journal-muted); font-size: 10px; padding-block: 8px; }
.mt-journal-inline-image--half_left { width: 48%; float: inline-start; margin: 0 24px 15px 0; }
.mt-journal-inline-image--half_right { width: 48%; float: inline-end; margin: 0 0 15px 24px; }
.mt-journal-inline-image__image { width: 100%; object-fit: cover; }
.mt-journal-image-followup { margin-block-start: 14px; }

.mt-journal-callout { display: grid; grid-template-columns: 34px 1fr; gap: 14px; padding: 19px 21px; border: 1px solid var(--mt-journal-line); background: rgba(248,244,236,.78); }
.mt-journal-callout > span svg { width: 27px; height: 27px; fill: none; stroke: var(--mt-journal-accent); stroke-width: 1.5; }
.mt-journal-callout > div > p:first-child { color: var(--mt-journal-accent); font-size: 10px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; }
.mt-journal-callout h2 { font-family: var(--font-display, "Geologica", sans-serif); font-size: 22px; font-weight: 400; margin-block: 4px 7px; }
.mt-journal-callout > div > div { font-size: 13px; line-height: 1.7; }
.mt-journal-callout small { display: block; margin-block-start: 9px; color: var(--mt-journal-muted); }
.mt-journal-callout--warning { border-color: rgba(154,86,57,.32); background: rgba(154,86,57,.06); }
.mt-journal-callout--expert { border-inline-start: 3px solid var(--mt-journal-accent); }

.mt-journal-key-points,
.mt-journal-checklist { display: grid; gap: 10px; margin-block-start: 15px; }
.mt-journal-key-points li,
.mt-journal-checklist li { display: grid; grid-template-columns: 28px 1fr; gap: 11px; align-items: start; }
.mt-journal-key-points svg,
.mt-journal-checklist svg { width: 22px; height: 22px; fill: none; stroke: var(--mt-journal-accent); stroke-width: 1.5; }
.mt-journal-key-points strong,
.mt-journal-checklist strong { font-size: 13px; font-weight: 600; }
.mt-journal-key-points p,
.mt-journal-checklist p { margin-block-start: 2px; color: var(--mt-journal-muted); font-size: 12px; line-height: 1.55; }
.mt-journal-numbered-steps { display: grid; gap: 13px; margin-block-start: 18px; }
.mt-journal-numbered-steps li { display: grid; grid-template-columns: 38px 1fr; gap: 13px; padding-block: 12px; border-bottom: 1px solid var(--mt-journal-line); }
.mt-journal-numbered-steps li > span { display: grid; place-items: center; width: 36px; height: 36px; border: 1px solid var(--mt-journal-accent); border-radius: 50%; color: var(--mt-journal-accent); font-size: 12px; font-weight: 600; }
.mt-journal-numbered-steps h3 { font-family: var(--font-display, "Geologica", sans-serif); font-size: 19px; font-weight: 400; }
.mt-journal-numbered-steps p { margin-block-start: 4px; color: var(--mt-journal-muted); font-size: 12px; line-height: 1.6; }

.mt-journal-icon-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(125px, 1fr)); gap: 8px; margin-block-start: 16px; }
.mt-journal-icon-grid__item { min-width: 0; padding: 17px 13px; border: 1px solid var(--mt-journal-line); text-align: center; background: rgba(248,244,236,.5); }
.mt-journal-icon-grid__item > span { display: grid; place-items: center; width: 42px; height: 42px; margin-inline: auto; }
.mt-journal-icon-grid__item svg { width: 32px; height: 32px; fill: none; stroke: var(--mt-journal-accent); stroke-width: 1.35; }
.mt-journal-icon-grid__item h3 { font-size: 12px; font-weight: 600; margin-block: 7px 3px; }
.mt-journal-icon-grid__item p { color: var(--mt-journal-muted); font-size: 10px; line-height: 1.5; }

.mt-journal-shape-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(95px, 1fr)); gap: 10px; }
.mt-journal-shape-grid > div { padding: 15px 8px; text-align: center; border: 1px solid var(--mt-journal-line); }
.mt-journal-shape { display: block; width: 58px; height: 38px; margin-inline: auto; border: 1.5px solid #6e675e; border-radius: 5px; }
.mt-journal-shape--round { width: 42px; height: 42px; border-radius: 50%; }
.mt-journal-shape--oval { width: 60px; height: 38px; border-radius: 50%; }
.mt-journal-shape--capsule { width: 64px; border-radius: 99px; }
.mt-journal-shape--square { width: 42px; height: 42px; }
.mt-journal-shape--organic { border-radius: 65% 40% 58% 45%; transform: rotate(-8deg); }
.mt-journal-shape-grid h3 { margin-block: 9px 3px; font-size: 11px; font-weight: 600; }
.mt-journal-shape-grid p { color: var(--mt-journal-muted); font-size: 9px; line-height: 1.4; }

.mt-journal-finish-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.mt-journal-finish-grid article { display: grid; grid-template-columns: 72px 1fr; gap: 14px; align-items: center; padding: 13px; border: 1px solid var(--mt-journal-line); }
.mt-journal-finish-swatch { display: block; width: 72px; height: 58px; background: linear-gradient(135deg,#f3efe7,#ccc1ae); }
.mt-journal-finish-swatch--polished { background: linear-gradient(135deg,#252522,#aaa49a,#fff); }
.mt-journal-finish-swatch--honed { background: linear-gradient(135deg,#dad5cc,#aaa59e); }
.mt-journal-finish-swatch--leathered { background: repeating-radial-gradient(circle at 30% 30%,#7c7468 0 2px,#5f594f 3px 5px); }
.mt-journal-finish-swatch--satin { background: linear-gradient(120deg,#efece4,#c9c2b7,#eee9df); }
.mt-journal-finish-grid h3 { font-family: var(--font-display, "Geologica", sans-serif); font-size: 17px; font-weight: 400; }
.mt-journal-finish-grid p { color: var(--mt-journal-muted); font-size: 11px; line-height: 1.5; }

.mt-journal-table-wrap { overflow-x: auto; border: 1px solid var(--mt-journal-line); margin-block-start: 16px; scrollbar-width: thin; }
.mt-journal-table-wrap table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 11px; }
.mt-journal-table-wrap th,
.mt-journal-table-wrap td { padding: 11px 13px; border-inline-end: 1px solid var(--mt-journal-line); border-bottom: 1px solid var(--mt-journal-line); text-align: start; vertical-align: top; }
.mt-journal-table-wrap thead th { background: rgba(180,134,57,.09); font-weight: 600; }
.mt-journal-table-wrap tbody th { font-weight: 600; background: rgba(248,244,236,.66); }
.mt-journal-table-note { color: var(--mt-journal-muted); font-size: 10px; line-height: 1.55; margin-block-start: 8px; }

.mt-journal-measurement-diagram { border: 1px solid var(--mt-journal-line); background: rgba(248,244,236,.5); padding: 14px; }
.mt-journal-measurement-diagram svg { width: 100%; height: auto; max-height: 390px; }
.mt-journal-measurement-diagram .surface { fill: none; stroke: #8b8479; stroke-width: 2; }
.mt-journal-measurement-diagram .tray { fill: rgba(180,134,57,.10); stroke: var(--mt-journal-accent); stroke-width: 2; }
.mt-journal-measurement-diagram .measure { fill: none; stroke: #8b8479; stroke-width: 1.5; }
.mt-journal-measurement-diagram text { fill: #4b4741; font-family: var(--font-body, "Archivo", sans-serif); font-size: 15px; }
.mt-journal-measurement-diagram figcaption { color: var(--mt-journal-muted); font-size: 10px; text-align: center; padding-block-start: 7px; }

.mt-journal-quote { padding: 30px clamp(24px,4vw,50px); border-block: 1px solid var(--mt-journal-accent); text-align: center; }
.mt-journal-quote p { font-family: var(--font-display, "Geologica", sans-serif); font-size: clamp(24px,2.5vw,38px); line-height: 1.25; letter-spacing: -.025em; }
.mt-journal-quote cite { display: block; margin-block-start: 12px; color: var(--mt-journal-muted); font-style: normal; font-size: 11px; }

.mt-journal-pros-cons { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
.mt-journal-pros-cons section { padding: 19px; border: 1px solid var(--mt-journal-line); }
.mt-journal-pros-cons h3 { font-family: var(--font-display, "Geologica", sans-serif); font-size: 21px; font-weight: 400; margin-block-end: 10px; }
.mt-journal-pros-cons ul { display: grid; gap: 7px; }
.mt-journal-pros-cons li { display: grid; grid-template-columns: 18px 1fr; gap: 7px; font-size: 11px; line-height: 1.45; }
.mt-journal-pros-cons svg { width: 16px; height: 16px; fill: none; stroke: var(--mt-journal-accent); stroke-width: 1.6; }
.mt-journal-mistakes { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border: 1px solid var(--mt-journal-line); }
.mt-journal-mistakes > div { display: grid; grid-template-columns: 22px 1fr; gap: 9px; padding: 12px 14px; border-bottom: 1px solid var(--mt-journal-line); }
.mt-journal-mistakes > div:nth-child(odd) { border-inline-end: 1px solid var(--mt-journal-line); }
.mt-journal-mistakes svg { width: 18px; height: 18px; fill: none; stroke: #a45b45; stroke-width: 1.7; }
.mt-journal-mistakes p { font-size: 11px; line-height: 1.55; }

.mt-journal-inline-faq details,
.mt-journal-main-faq details { border-bottom: 1px solid var(--mt-journal-line); }
.mt-journal-inline-faq summary,
.mt-journal-main-faq summary { display: flex; justify-content: space-between; gap: 15px; align-items: center; min-height: 48px; cursor: pointer; list-style: none; font-size: 12px; font-weight: 500; }
.mt-journal-inline-faq summary::-webkit-details-marker,
.mt-journal-main-faq summary::-webkit-details-marker { display: none; }
.mt-journal-inline-faq summary span,
.mt-journal-main-faq summary span { color: var(--mt-journal-accent); font-size: 18px; transition: transform .24s ease; }
.mt-journal-inline-faq details[open] summary span,
.mt-journal-main-faq details[open] summary span { transform: rotate(45deg); }
.mt-journal-inline-faq details > div,
.mt-journal-main-faq details > div { padding: 0 0 14px; color: var(--mt-journal-muted); font-size: 12px; line-height: 1.65; }

.mt-journal-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.mt-journal-product-grid .mt-catalogue-card { min-width: 0; }
.mt-journal-entity-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.mt-journal-entity-card { min-width: 0; border: 1px solid var(--mt-journal-line); background: rgba(248,244,236,.5); }
.mt-journal-entity-card a { height: 100%; display: grid; grid-template-rows: auto 1fr; }
.mt-journal-entity-card img { width: 100%; aspect-ratio: 1.45/1; object-fit: cover; background: #e7dfd3; }
.mt-journal-entity-card__placeholder { display: grid; place-items: center; aspect-ratio: 1.45/1; background: linear-gradient(135deg,#eee7dc,#d7cdbf); }
.mt-journal-entity-card__placeholder svg { width: 42px; height: 42px; fill: none; stroke: var(--mt-journal-accent); stroke-width: 1.2; }
.mt-journal-entity-card > a > div { padding: 13px 14px; }
.mt-journal-entity-card h3 { font-family: var(--font-display, "Geologica", sans-serif); font-size: 18px; font-weight: 400; letter-spacing: -.02em; }
.mt-journal-entity-card p:not(.mt-journal-entity-card__meta) { color: var(--mt-journal-muted); font-size: 10px; line-height: 1.5; margin-block: 5px 9px; }
.mt-journal-entity-card a > div > span { color: var(--mt-journal-accent); font-size: 9px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.mt-journal-entity-grid--materials .mt-journal-entity-card { border-radius: 0; }
.mt-journal-tag-cloud { display: flex; flex-wrap: wrap; gap: 8px; }

.mt-journal-editorial-cta,
.mt-journal-newsletter { display: grid; grid-template-columns: 1fr auto; gap: 22px; align-items: center; padding: 25px 28px; border: 1px solid var(--mt-journal-line); background: rgba(248,244,236,.78); position: relative; overflow: hidden; }
.mt-journal-editorial-cta.has-image::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--mt-journal-card) 45%,transparent), var(--mt-journal-block-image) center/cover; opacity:.32; }
.mt-journal-editorial-cta > * { position: relative; }
.mt-journal-editorial-cta > div:last-child { display: flex; flex-wrap: wrap; gap: 8px; justify-content: flex-end; }
.mt-journal-editorial-cta a,
.mt-journal-newsletter a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding-inline: 18px; border: 1px solid var(--mt-journal-accent); font-size: 10px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.mt-journal-editorial-cta a.is-primary { background: var(--mt-journal-accent); color: var(--mt-journal-dark); }
.mt-journal-newsletter { background: var(--mt-journal-dark); color: var(--ivory,#f4efe5); }
.mt-journal-divider { display: grid; place-items: center; }
.mt-journal-divider span { display: block; width: 100%; height: 1px; background: linear-gradient(90deg,transparent,var(--mt-journal-line),transparent); }
.mt-journal-divider--compact { padding-block: 8px; }
.mt-journal-divider--standard { padding-block: 20px; }
.mt-journal-divider--spacious { padding-block: 38px; }

.mt-journal-main-faq,
.mt-journal-related-articles { padding: clamp(24px,3vw,42px); margin-block: 22px; }
.mt-journal-section-heading { margin-block-end: 18px; }
.mt-journal-main-faq__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0 28px; }
.mt-journal-related-articles .mt-journal-entity-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }

.mt-journal-final-cta { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 28px; align-items: center; min-height: 190px; margin-block: 24px 0; padding: clamp(28px,4vw,56px); border: 1px solid var(--mt-journal-line); background: var(--mt-journal-card); position: relative; overflow: hidden; }
.mt-journal-final-cta.has-image::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,var(--mt-journal-card) 43%,rgba(248,244,236,.86) 63%,transparent), var(--mt-journal-cta-image) center/cover; }
.mt-journal-final-cta > * { position: relative; }
.mt-journal-final-cta h2 { max-width: 18ch; font-family: var(--font-display,"Geologica",sans-serif); font-size: clamp(28px,3vw,46px); font-weight:400; letter-spacing:-.04em; line-height:1.06; margin-block:8px 10px; }
.mt-journal-final-cta > div:first-child > span { display:block; max-width:58ch; color:var(--mt-journal-muted); font-size:13px; line-height:1.65; }
.mt-journal-final-cta__actions { display:flex; flex-wrap:wrap; gap:10px; justify-content:flex-end; }
.mt-journal-final-cta__actions a { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding-inline:20px; border:1px solid var(--mt-journal-accent); font-size:10px; font-weight:600; letter-spacing:.09em; text-transform:uppercase; }
.mt-journal-final-cta__actions a.is-primary { background:var(--mt-journal-accent); color:var(--mt-journal-dark); }

.mt-journal-block--visibility-mobile_only { display: none; }

.mt-journal a:focus-visible,
.mt-journal summary:focus-visible,
.mt-journal [tabindex]:focus-visible { outline: 2px solid var(--mt-journal-accent); outline-offset: 3px; }

@media (max-width: 1100px) {
  .mt-journal__container { width: min(calc(100% - 40px), var(--mt-header-container, 1480px)); }
  .mt-journal-hero { grid-template-columns: minmax(0,44%) minmax(0,56%); min-height: 420px; }
  .mt-journal-hero__copy { padding-inline-end: 30px; }
  .mt-journal-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 24px; }
  .mt-journal-product-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mt-journal-entity-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 900px) {
  .mt-journal-hero { grid-template-columns: 1fr; min-height: 0; }
  .mt-journal-hero__copy { padding: 34px 0 28px; }
  .mt-journal-hero__copy::after { display:none; }
  .mt-journal-hero__media { min-height: clamp(280px,56vw,500px); }
  .mt-journal-hero__media::before { inset-block:0 auto; inset-inline:0; width:100%; height:20%; background:linear-gradient(180deg,var(--mt-journal-card),transparent); }
  .mt-journal-hero h1 { max-width: 15ch; }
  .mt-journal-layout { grid-template-columns: 1fr; }
  .mt-journal-sidebar { display:none; }
  .mt-journal-mobile-toc { display:block; border:1px solid var(--mt-journal-line); background:rgba(248,244,236,.75); margin-block:0 20px; }
  .mt-journal-mobile-toc > summary { min-height:48px; display:flex; align-items:center; justify-content:space-between; padding-inline:18px; cursor:pointer; font-size:12px; font-weight:600; list-style:none; }
  .mt-journal-mobile-toc > summary::after { content:"+"; color:var(--mt-journal-accent); font-size:19px; }
  .mt-journal-mobile-toc[open] > summary::after { content:"−"; }
  .mt-journal-toc--mobile { border:0; border-top:1px solid var(--mt-journal-line); }
  .mt-journal-toc--mobile .mt-journal-toc__title { display:none; }
  .mt-journal-block--visibility-desktop_and_tablet { display:none; }
  .mt-journal-block--visibility-mobile_only { display:block; }
  .mt-journal-final-cta { grid-template-columns:1fr; }
  .mt-journal-final-cta__actions { justify-content:flex-start; }
}

@media (max-width: 700px) {
  .mt-journal__container { width: calc(100% - 24px); }
  .mt-journal__breadcrumbs { padding-block:11px; font-size:10px; }
  .mt-journal-hero h1 { font-size:clamp(38px,11vw,56px); }
  .mt-journal-hero__summary { font-size:14px; }
  .mt-journal-hero__meta { font-size:9px; gap:7px 12px; }
  .mt-journal-hero__meta span:not(:last-child)::after { margin-inline-start:12px; }
  .mt-journal-facts { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .mt-journal-facts > div { border-bottom:1px solid var(--mt-journal-line); padding:13px 12px; }
  .mt-journal-intro-grid { grid-template-columns:1fr; gap:10px; padding-block:20px; }
  .mt-journal-quick-take,
  .mt-journal-guide-summary { padding:19px 18px; }
  .mt-journal-guide-summary ol { columns:1; }
  .mt-journal-layout { padding-block-start:0; }
  .mt-journal-block { padding-block:20px 23px; }
  .mt-journal-block__heading { font-size:29px; }
  .mt-journal-block__prose p,
  .mt-journal-image-followup { font-size:14px; line-height:1.75; }
  .mt-journal-subsection-group { grid-template-columns:1fr; }
  .mt-journal-image-text,
  .mt-journal-image-text--text_emphasis { grid-template-columns:1fr; }
  .mt-journal-image-text--image_right figure { order:0; }
  .mt-journal-image-text figure { min-height:260px; }
  .mt-journal-inline-image--half_left,
  .mt-journal-inline-image--half_right { float:none; width:100%; margin:0 0 14px; }
  .mt-journal-finish-grid,
  .mt-journal-pros-cons,
  .mt-journal-mistakes,
  .mt-journal-main-faq__grid { grid-template-columns:1fr; }
  .mt-journal-mistakes > div:nth-child(odd) { border-inline-end:0; }
  .mt-journal-product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
  .mt-journal-entity-grid,
  .mt-journal-related-articles .mt-journal-entity-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mt-journal-editorial-cta,
  .mt-journal-newsletter { grid-template-columns:1fr; padding:21px 18px; }
  .mt-journal-editorial-cta > div:last-child { justify-content:flex-start; }
  .mt-journal-main-faq,
  .mt-journal-related-articles { padding:21px 18px; }
  .mt-journal-final-cta { padding:28px 20px; }
  .mt-journal-final-cta.has-image::before { background:linear-gradient(180deg,var(--mt-journal-card) 60%,rgba(248,244,236,.82)),var(--mt-journal-cta-image) center/cover; }
}

@media (max-width: 420px) {
  .mt-journal__container { width:calc(100% - 20px); }
  .mt-journal-product-grid,
  .mt-journal-entity-grid,
  .mt-journal-related-articles .mt-journal-entity-grid { grid-template-columns:1fr; }
  .mt-journal-icon-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mt-journal-shape-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .mt-journal-finish-grid article { grid-template-columns:60px 1fr; }
  .mt-journal-finish-swatch { width:60px; height:52px; }
  .mt-journal-final-cta__actions { display:grid; }
}

@media (prefers-reduced-motion: reduce) {
  .mt-journal { scroll-behavior:auto; }
  .mt-journal * { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; }
}