/* Reading surfaces share a quiet type scale; article content and controls stay intact. */
.mtp-reading-page { background: #081521; color: #edf5fb; }
.mtp-reading-page > .container { max-width: 1120px; }
.mtp-reading-page .mtp-reading-intro { text-align: left; margin-bottom: 24px; }
.mtp-reading-page h1 { font-family: var(--mtp-font-sans); color: #edf5fb !important; font-size: clamp(1.75rem, 3vw, 2.25rem); line-height: 1.2; letter-spacing: -.025em; margin: 4px 0 12px; }
.mtp-reading-page h1 .bg-clip-text { background: none; color: inherit; -webkit-text-fill-color: currentColor; }
.mtp-reading-page .mtp-reading-banner { padding: 24px 0; background: transparent; border: 0; }
.mtp-reading-page .mtp-reading-banner > .container { max-width: 1120px; text-align: left; }
.mtp-reading-page .mtp-reading-intro > p { max-width: 70ch; font-size: 1rem; line-height: 1.65; color: #b9cad8; }
.mtp-reading-page > .container :is(p, li) { line-height: 1.65; }
.mtp-reading-page > .container p { max-width: 75ch; }
.mtp-reading-page :is(h2, h3, h4) { text-wrap: balance; }
.mtp-reading-page > .container h2 { font-size: clamp(1.25rem, 2vw, 1.5rem); }
.mtp-reading-page > .container h3 { font-size: 1.125rem; }
.mtp-reading-page .mtp-category-back { display: inline-flex; align-items: center; min-height: 44px; color: #65deed; text-decoration: underline; text-underline-offset: .2em; }
.mtp-reading-page > .container :is(a, button, summary, input, textarea, select):focus-visible { outline: 3px solid #65deed; outline-offset: 3px; }
.mtp-reading-page > .container :is(button, summary, input:not([type=checkbox]):not([type=radio]), select) { min-height: 44px; }
.mtp-reading-page > .container :is(input, textarea) { caret-color: #65deed; font-size: 1rem; }
.mtp-reading-page > .container ::selection { background: #65deed; color: #081521; }
.mtp-reading-page .help-card { box-shadow: none; border: 1px solid #304253; }
.mtp-reading-page button.section-header { display: flex; justify-content: space-between; align-items: center; gap: 12px; width: 100%; padding: 8px 0; background: transparent !important; border: 0; color: #edf5fb !important; text-align: left; font-family: inherit; cursor: pointer; }
.mtp-reading-page button.section-header > [role=heading] { font-size: 1.25rem; }
.mtp-reading-page button.section-header .icon-container { flex-shrink: 0; }
.mtp-help-index #all-help-topics { padding: 0; background: transparent !important; border: 0 !important; box-shadow: none; }
.mtp-help-index #all-help-topics .toc-link { display: flex; align-items: center; min-height: 48px; background: transparent !important; border: 0 !important; border-bottom: 1px solid #304253 !important; border-radius: 0 !important; padding: 12px 8px; color: #edf5fb; }
.mtp-help-index #all-help-topics .toc-link:hover { color: #65deed; background: #101f2d !important; }
.mtp-help-index #all-help-topics [hidden] { display: none !important; }
.mtp-help-index #all-help-topics h3 { color: #b9cad8 !important; margin-top: 32px; }
.mtp-help-search { margin: 16px 0 24px; max-width: 640px; }
.mtp-help-search label { display: block; font-weight: 600; margin-bottom: 8px; }
.mtp-help-search input { width: 100%; padding: 12px; border: 1px solid #536a80; background: #101f2d; color: #edf5fb; border-radius: 6px; }
.mtp-help-search input::placeholder { color: #b9cad8; }
.mtp-help-search p { color: #b9cad8; margin-top: 8px; font-size: .875rem; }
.mtp-guide-overview { margin: 24px 0; border: 1px solid #304253; border-radius: 8px; padding: 0 16px; }
.mtp-guide-overview > summary { padding: 12px 0; min-height: 48px; color: #65deed; font-weight: 600; cursor: pointer; }
.mtp-project-story .breadcrumb { background: transparent; border-bottom: 1px solid #304253; }
.mtp-project-story .mtp-reading-intro p { margin-left: 0; }
.mtp-project-story :is(.mission-highlight, .vision-card, .passion-card) { background: transparent; border: 0; border-top: 1px solid #304253; border-radius: 0; text-align: left; padding: 24px 0; }
.mtp-project-story :is(.mission-highlight, .vision-card, .passion-card) :is(h2, p) { margin-left: 0; text-align: left; }
.mtp-project-story :is(.mission-highlight, .vision-card, .passion-card) p { color: #b9cad8; font-size: 1rem; }
.mtp-project-story :is(.about-card, .roadmap-card) { background: #101f2d; border: 1px solid #304253; box-shadow: none; }
.mtp-project-story :is(.category-games, .category-learning, .category-tools, .category-advanced, .category-community, .category-integration) { background: transparent; border: 0; padding: 0; }
.mtp-project-story :is(.category-games, .category-learning, .category-tools, .category-advanced, .category-community, .category-integration) > .flex { justify-content: flex-start; }
.mtp-project-story .roadmap-card:hover { transform: none; box-shadow: none; }
@media (max-width: 600px) {
    .mtp-reading-page > .container { padding: 20px 16px; }
    .mtp-reading-page > .container .help-card { padding: 16px; }
    .mtp-reading-page > .container table { display: block; max-width: 100%; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
    .mtp-reading-page > .container * { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}