/* Ordinary pages: newsroom opening, reading column with contents, standards strip. */

.mpg-hero__inner { max-width: var(--mhr-wide); margin: 0 auto; padding: clamp(2.2rem, 5vw, 4.5rem) var(--mhr-gutter) clamp(2.4rem, 5vw, 4.2rem); }
.mpg-title { max-width: 18ch; font-size: clamp(2.4rem, 6vw, 4.4rem) !important; line-height: 1.02 !important; }
.mpg-meta { display: flex; flex-wrap: wrap; gap: .5rem 1.4rem; margin: 1.6rem 0 0; padding-top: 1.1rem; border-top: 1px solid rgba(255, 255, 255, .14); font-family: var(--mhr-sans); font-size: .82rem; color: rgba(255, 255, 255, .66); }
.mpg-meta span + span::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0 1.4rem 0 0; border-radius: 50%; background: var(--mhr-saffron); vertical-align: middle; position: relative; left: -.7rem; margin-right: -.4rem; }
.mpg-meta a { color: #f2c46b; }

.mpg-body { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; max-width: var(--mhr-wide); margin: 0 auto; padding: clamp(2.5rem, 6vw, 4.5rem) var(--mhr-gutter) clamp(2.5rem, 6vw, 4rem); }
.mpg-body:not(.has-toc) { grid-template-columns: minmax(0, 1fr); }
.mpg-body:not(.has-toc) .mpg-prose { margin: 0 auto; }
.mpg-prose { max-width: var(--mhr-measure, 42rem); }
.mpg-prose > p:first-child { font-size: 1.2em; line-height: 1.6; }
.mpg-prose h2 { position: relative; margin-top: 2.6rem; padding-top: 1rem; scroll-margin-top: calc(var(--mhr-header-h, 70px) + 1.5rem); }
.mpg-prose h2::before { content: ""; position: absolute; left: 0; top: 0; width: 2.6rem; height: 2px; background: linear-gradient(90deg, var(--mhr-saffron), var(--mhr-majorelle)); }
.mpg-prose h3 { scroll-margin-top: calc(var(--mhr-header-h, 70px) + 1.5rem); }
.mpg-prose ul li::marker { color: var(--mhr-saffron); }
.mpg-prose a { color: var(--mhr-majorelle); text-underline-offset: .18em; }

.mpg-toc { position: sticky; top: calc(var(--mhr-header-h, 70px) + 1.5rem); padding: 1.1rem 1.1rem 1.2rem; border-radius: 16px; background: var(--mhr-plaster, #f6f2ea); border: 1px solid var(--mhr-line); }
.mpg-toc__k { margin: 0 0 .7rem; font-family: var(--mhr-sans); font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--mhr-saffron); }
.mpg-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: t; display: grid; gap: .15rem; }
.mpg-toc li { counter-increment: t; }
.mpg-toc li::before { display: none; }
.mpg-toc a { display: grid; grid-template-columns: 1.6rem 1fr; padding: .4rem .5rem; border-radius: 8px; font-family: var(--mhr-sans); font-size: .86rem; line-height: 1.3; color: var(--mhr-ink); text-decoration: none; transition: background .2s, color .2s; }
.mpg-toc a::before { content: counter(t, decimal-leading-zero); font-size: .72rem; font-weight: 700; color: var(--mhr-muted); padding-top: .1rem; }
.mpg-toc a:hover { background: #fff; color: var(--mhr-majorelle); }
.mpg-toc a.is-on { background: #fff; color: var(--mhr-majorelle); box-shadow: inset 3px 0 0 var(--mhr-saffron); }

.mpg-std { background: var(--mhr-plaster, #f6f2ea); border-top: 1px solid var(--mhr-line); }
.mpg-std__inner { max-width: var(--mhr-wide); margin: 0 auto; padding: clamp(2.5rem, 6vw, 4rem) var(--mhr-gutter); }
.mpg-std__list { display: grid; grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr)); gap: .9rem; margin: 0; padding: 0; list-style: none; }
.mpg-std__list li::before { display: none; }
.mpg-std__list a { display: grid; gap: .3rem; height: 100%; padding: 1.1rem 1.15rem; border-radius: 14px; background: #fff; border: 1px solid var(--mhr-line); color: var(--mhr-ink); text-decoration: none; transition: transform .25s, border-color .25s, box-shadow .25s; }
.mpg-std__list a:hover { transform: translateY(-3px); border-color: rgba(35, 65, 181, .4); box-shadow: 0 16px 30px -22px rgba(15, 20, 48, .6); }
.mpg-std__list b { font-family: var(--mhr-serif); font-size: 1.12rem; font-weight: 600; }
.mpg-std__list span { font-family: var(--mhr-sans); font-size: .82rem; color: var(--mhr-muted); }

@media (max-width: 900px) {
  .mpg-body { grid-template-columns: minmax(0, 1fr); }
  .mpg-toc { position: static; }
}