/* Article-specific layout; shared navigation and footer retain the site theme. */
.mp-tier-guide { --tier-ink: #252444; --tier-accent: #4742bf; }
.mp-tier-guide section[id] { scroll-margin-top: 110px; }
.mp-tier-guide a:focus-visible, .mp-tier-guide [tabindex]:focus-visible { outline: 3px solid #4742bf; outline-offset: 5px; }
.mp-tier-ladder { background: #fff; border: 1px solid #deddf2; border-radius: 24px; padding: 30px; box-shadow: 0 20px 50px rgb(49 41 114 / 10%); }
.mp-tier-kicker { font-size: .8rem; font-weight: 800; color: var(--tier-accent); letter-spacing: .08em; text-transform: uppercase; margin-bottom: 16px; }
.mp-tier-level { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 16px; margin-top: 12px; background: #f7f7fc; border: 1px solid #e6e5f3; border-radius: 14px; }
.mp-tier-level strong { display: block; font-size: 1.35rem; color: var(--tier-ink); }
.mp-tier-level small { display: block; color: #626177; margin-top: 4px; }
.mp-tier-level > span:last-child { font-weight: 800; white-space: nowrap; }
.mp-tier-level-active { background: #eeedff; border-color: #a6a2e8; }
.mp-tier-ladder-note { font-size: .85rem; line-height: 1.65; color: #626177; margin-top: 22px; }
.mp-tier-toc { display: flex; flex-wrap: wrap; gap: 12px 22px; padding: 26px 0; border-bottom: 1px solid #e5e5ed; font-size: .95rem; }
.mp-tier-toc a { color: var(--tier-accent); text-decoration: underline; text-underline-offset: 4px; }
.mp-tier-section { padding: 64px 0; border-bottom: 1px solid #e5e5ed; }
.mp-tier-copy { max-width: 850px; font-size: 1.1rem; color: #4c4c4c; line-height: 1.85; }
.mp-tier-copy p + p { margin-top: 20px; }
.mp-tier-guide article a { color: var(--tier-accent); text-decoration: underline; text-underline-offset: 3px; }
.mp-tier-intro { font-size: 1.15rem; line-height: 1.8; color: #626177; max-width: 850px; margin-bottom: 30px; }
.mp-tier-table-wrap { overflow-x: auto; margin: 20px 0 28px; border: 1px solid #deddf2; border-radius: 14px; }
.mp-tier-table { border-collapse: collapse; width: 100%; min-width: 530px; text-align: left; line-height: 1.6; }
.mp-tier-table caption { text-align: left; padding: 16px 20px; color: #626177; font-size: .9rem; }
.mp-tier-table th, .mp-tier-table td { padding: 17px 20px; border-top: 1px solid #e6e5f3; vertical-align: top; }
.mp-tier-table thead { background: #eeedff; color: var(--tier-ink); }
.mp-tier-table tbody th { font-weight: 700; }
.mp-tier-table tbody tr:nth-child(even) { background: #fafaff; }
.mp-tier-callout { border-left: 4px solid #5652d7; background: #f5f4ff; border-radius: 0 14px 14px 0; padding: 28px; margin: 32px 0; max-width: 950px; line-height: 1.8; }
.mp-tier-callout p + p { margin-top: 16px; }
.mp-tier-rules { list-style: disc; padding-left: 24px; max-width: 850px; line-height: 1.85; font-size: 1.05rem; color: #4c4c4c; margin: 24px 0; }
.mp-tier-rules li + li { margin-top: 16px; }
.mp-tier-steps { counter-reset: tier-step; list-style: none; max-width: 900px; margin: 28px 0; }
.mp-tier-steps li { counter-increment: tier-step; position: relative; padding: 0 0 28px 58px; }
.mp-tier-steps li::before { content: counter(tier-step); position: absolute; left: 0; top: 0; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 50%; background: #eeedff; color: var(--tier-accent); font-weight: 800; }
.mp-tier-steps h3 { font-size: 1.2rem; font-weight: 700; margin-bottom: 8px; }
.mp-tier-steps p { color: #4c4c4c; line-height: 1.8; }
.mp-tier-guide .mp-benefit-tile p { line-height: 1.8; }
@media (max-width: 639px) { .mp-tier-section { padding: 42px 0; } .mp-tier-ladder { padding: 22px; } .mp-tier-callout { padding: 22px; } .mp-tier-copy { font-size: 1rem; } }