.mt-info-shell { color: var(--mt-text); background: var(--mt-bg); }
.mt-info-page { background: var(--mt-bg); }
.mt-info-intro, .mt-info-section, .mt-info-reading, .mt-info-next { padding-inline: var(--mt-gutter); }
.mt-info-intro { padding-top: 44px; padding-bottom: 40px; border-bottom: 1px solid var(--mt-border); }
.mt-info-breadcrumb, .mt-info-eyebrow, .mt-info-toc > p:first-child { margin: 0 0 20px; color: var(--mt-muted); font: 12px/1.5 var(--wp--preset--font-family--mono); letter-spacing: .02em; text-transform: uppercase; }
.mt-info-breadcrumb a, .mt-info-toc a, .mt-info-tabs a { color: inherit; text-decoration: none; }
.mt-info-title { max-width: 1312px; margin: 0 0 20px; color: var(--mt-text); font: 600 clamp(42px, 3.9vw, 56px)/1.08 var(--wp--preset--font-family--display); letter-spacing: -.032em; }
.mt-info-measure { max-width: 760px; }
.mt-info-summary { margin: 0; color: var(--mt-muted); font-size: 16px; line-height: 1.5; }
.mt-info-section { padding-top: 64px; padding-bottom: 64px; }
.mt-info-split { display: grid; grid-template-columns: minmax(0, 1fr) 480px; gap: 48px; padding: 64px; background: var(--mt-ui-surface, var(--mt-surface)); }
.mt-info-copy { max-width: 784px; align-self: center; }
.mt-info-copy h2, .mt-info-reading h2, .mt-info-next h2 { margin: 0 0 24px; color: var(--mt-text); font: 600 32px/1.5 var(--wp--preset--font-family--display); letter-spacing: -.019em; }
.mt-info-copy p, .mt-info-article p, .mt-info-lead { margin: 0 0 24px; color: var(--mt-muted); font-size: 18px; line-height: 1.5; }
.mt-info-specimen { display: flex; min-height: 420px; box-sizing: border-box; flex-direction: column; justify-content: space-between; padding: 40px; background: var(--mt-lavender); }
.mt-info-specimen-type { margin: 0; color: var(--mt-paper-ink); font: 400 112px/.95 var(--wp--preset--font-family--display); }
.mt-info-specimen .mt-info-eyebrow { color: var(--mt-paper-ink); }
.mt-info-action .wp-block-button__link { display: inline-flex; min-height: 52px; align-items: center; gap: 26px; padding: 16px 22px; color: var(--mt-bg); background: var(--mt-text); border-radius: var(--mt-radius-sm); font-size: 14px; text-decoration: none; box-sizing: border-box; font-weight: 400; line-height: 20px; }
.mt-info-next { padding-top: 40px; padding-bottom: 40px; border-top: 1px solid var(--mt-border); }
.mt-info-next h2 { margin-bottom: 20px; font-size: 36px; }
.mt-info-reading { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 64px; padding-top: 64px; padding-bottom: 64px; }
.mt-info-toc { display: flex; flex-direction: column; gap: 0; }
.mt-info-toc > p { margin: 0; color: var(--mt-muted); font-size: 14px; line-height: 1.5; }
.mt-info-article { max-width: 1008px; }
.mt-info-article p { line-height: 1.65; }
.mt-info-article h2 { margin-bottom: 24px; }
.mt-info-article h2:not(:first-child) { margin-top: 24px; }
.mt-info-article p.mt-info-draft { padding: 12px 16px; color: var(--mt-muted); border: 1px solid var(--mt-border); font-size: 14px; }
.mt-info-tabs { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 64px; }
.mt-info-tabs p { margin: 0; padding: 0; border: 1px solid var(--mt-border); border-radius: var(--mt-radius-sm); font-size: 14px; }
.mt-info-help > h2 { margin: 0 0 24px; color: var(--mt-text); font: 600 28px/1.5 var(--wp--preset--font-family--display); }
.mt-info-faq { border-bottom: 1px solid var(--mt-border); margin-bottom: 24px; }
.mt-info-faq summary { min-height: 64px; padding: 18px 44px 18px 0; color: var(--mt-text); cursor: pointer; font-size: 18px; list-style: none; position: relative; box-sizing: border-box; }
.mt-info-faq p { max-width: 900px; margin: 0; padding: 0 44px 24px 0; color: var(--mt-muted); font-size: 16px; line-height: 1.6; }
.mt-info-project-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.mt-info-project { min-width: 0; }
.mt-info-project-placeholder { display: grid; min-height: 380px; place-items: center; color: var(--mt-muted); background: var(--mt-border); }
.mt-info-project h2 { margin: 16px 0 0; color: var(--mt-text); font: 600 26px/1.5 var(--wp--preset--font-family--display); }
.mt-info-project p { margin: 0; color: var(--mt-muted); font-size: 14px; }
.mt-info-lead { margin-top: 24px; }

.mt-info-measure .wp-block-buttons { margin-top: 24px; }
.mt-info-breadcrumb { font-family: var(--wp--preset--font-family--ui); text-transform: none; letter-spacing: normal; }
.mt-info-toc a { display: inline-flex; min-height: 44px; align-items: center; color: var(--mt-link); }
.mt-info-toc > p:first-child { margin-bottom: 20px; }
.mt-info-tabs a { display: flex; min-height: 44px; align-items: center; padding: 0 20px; }
.mt-info-faq summary::-webkit-details-marker { display: none; }
.mt-info-faq summary::after { position: absolute; top: 18px; right: 0; content: "+"; }
.mt-info-faq[open] summary::after { content: "\2212"; }
.mt-info-faq summary:focus-visible { outline: 2px solid var(--mt-focus); outline-offset: 3px; }
.mt-info-article h2, .mt-info-help h2 { scroll-margin-top: 120px; }
.mt-info-action .wp-block-button__link:hover { text-decoration: underline; }
.mt-info-copy > :last-child, .mt-info-article > :last-child { margin-bottom: 0; }
@media (max-width: 899px) {
  .mt-info-page { --mt-gutter: 20px; }
  .mt-info-split, .mt-info-reading { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .mt-info-split { padding: 40px 20px; }
  .mt-info-specimen { width: 100%; max-width: 480px; min-height: 340px; }
  .mt-info-section, .mt-info-reading { padding-block: 40px; }
  .mt-info-toc { align-items: flex-start; }
  .mt-info-project-grid { grid-template-columns: minmax(0, 1fr); }
  .mt-info-project-placeholder { min-height: 0; aspect-ratio: 32 / 19; }
  .mt-info-copy h2, .mt-info-reading h2 { font-size: 28px; }
  .mt-info-next h2 { font-size: 30px; }
  .mt-info-faq summary { font-size: 16px; }
}