body.single-post .site-main { overflow: visible; }
.mwn-reading-progress { position: fixed; z-index: 9999; inset: 0 0 auto; height: 3px; background: transparent; }
.mwn-reading-progress span { display: block; width: 0; height: 100%; margin-left: auto; background: var(--mw-secondary); transition: width .08s linear; }
.mwn-single { background: #fff; color: var(--mw-on-surface); padding-bottom: clamp(72px, 10vw, 140px); }
.mwn-breadcrumb { width: min(1180px, calc(100% - 48px)); margin: 0 auto; padding: 18px 0; color: #777; font-size: 13px; }
.mwn-breadcrumb a { text-decoration: none; }.mwn-breadcrumb span { margin-inline: 8px; }
.mwn-post-hero { padding: clamp(46px, 4.7vw, 68px) 24px; text-align: right; background: var(--mw-primary-container); color: #fff; }
.mwn-post-hero-inner { width: min(920px, 100%); margin-inline: auto; text-align: right; }
.mwn-post-pill { display: inline-block; margin-bottom: 18px; padding: 6px 12px; border-radius: 999px; background: rgba(255,255,255,.1); color: #fff; font-size: 12px; font-weight: 700; }
body.mwn-site .mwn-post-hero h1 { color: #fff; font-size: clamp(32px, 3.55vw, 50px); margin-bottom: 0; }.mwn-post-dek { margin-top: 18px; color: #d6dce9; font-size: 17px; line-height: 1.85; }
.mwn-post-meta { display: flex; justify-content: flex-start; flex-wrap: wrap; gap: 10px; max-width: 680px; margin-top: 26px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.18); color: #c2cbda; font-size: 13px; }
.mwn-post-layout { display: grid; grid-template-columns: minmax(0, 800px) 280px; justify-content: center; align-items: start; gap: clamp(36px, 6vw, 86px); width: min(1320px, calc(100% - 48px)); margin: clamp(48px, 7vw, 90px) auto 0; }
.mwn-post-content { min-width: 0; }.mwn-post-content .mwn-imported-article { max-width: none; }
.mwn-post-content .mwn-imported-article > p + p { margin-top: 0; }.mwn-post-content .mwn-imported-article p { margin-bottom: 1.35em; line-height: 1.95; }.mwn-post-content .mwn-imported-article > p:first-of-type { font-weight: 500; } .mwn-post-content .mwn-imported-article :where(p, li, td, th, blockquote, summary) > code { display: inline-block; padding: .08em .34em; border-radius: 3px; background: #f0f2f4; color: #344150; direction: ltr; font-family: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace; font-size: .88em; font-style: italic; font-weight: 500; line-height: 1.35; unicode-bidi: isolate; } .mwn-post-content .mwn-imported-article > .wp-block-heading { position: relative; margin-top: 4.7rem; padding-top: 20px; }
.mwn-post-content .mwn-imported-article > h2.wp-block-heading::before { content: ""; position: absolute; inset-block-start: -2px; inset-inline-start: 0; width: 48px; height: 3px; border-radius: 3px; background: var(--mw-secondary); }
.mwn-post-content .mwn-imported-article > h3.wp-block-heading { margin-top: 3.8rem; padding-top: 2.15rem; border-top: 1px solid #ded9cf; font-size: 1.32rem; font-weight: 600; }
.mwn-post-content .mwn-imported-article > h2.wp-block-heading + h3.wp-block-heading { margin-top: 2.25rem; padding-top: 0; border-top: 0; }
.mwn-post-rail { position: sticky; top: 30px; order: 2; }.mwn-toc { border: 1px solid #e2e0da; border-radius: 16px; padding: 22px; background: #fff; }.mwn-toc h2 { margin: 0 0 14px; text-align: center; font-size: 15px; color: #858585; }.mwn-toc ol, .mwn-toc-mobile ol { margin: 0; padding: 0; list-style: none; }.mwn-toc li + li { margin-top: 10px; }
.mwn-toc a { display: block; padding: 10px 13px; color: #737373; text-align: right; text-decoration: none; font-size: 14px; line-height: 1.55; border-right: 1px solid #ded9cf; border-radius: 0 9px 9px 0; }.mwn-toc a:hover, .mwn-toc a.is-active { color: var(--mw-secondary); background: #dfe9ec; border-right: 2px solid var(--mw-secondary); font-weight: 700; }
.mwn-rail-cta { margin-top: 16px; padding: 20px; border-radius: 10px; background: var(--mw-primary-container); color: #d9e1f0; }.mwn-rail-cta h2 { margin: 0 0 7px; color: #fff; font-size: 18px; }.mwn-rail-cta p { margin: 0 0 14px; font-size: 14px; line-height: 1.6; }.mwn-rail-cta a { display: block; padding: 10px; border: 1px solid #fff; border-radius: 7px; color: #fff; text-align: center; text-decoration: none; font-size: 13px; font-weight: 700; }
.mwn-toc-mobile { display: none; margin-bottom: 26px; border: 1px solid #e5e1d9; border-radius: 10px; padding: 14px; }.mwn-toc-mobile summary { cursor: pointer; font-weight: 700; }.mwn-toc-mobile a { display: block; padding: 9px 0; color: #555; text-decoration: none; }
.mwn-theme-disclaimer { margin-top: 34px; padding: 18px 22px; border-top: 1px solid #ddd7cd; color: #777; font-size: 14px; font-style: italic; }.mwn-theme-disclaimer h2 { margin: 0 0 8px; font-size: 15px; }.mwn-theme-disclaimer p { margin: 0; }
.mwn-end-matter { margin-top: 48px; padding: clamp(28px, 5vw, 52px); border-radius: 24px; background: var(--mw-surface-low); }.mwn-author-card { display: flex; gap: 18px; align-items: flex-start; padding: 28px; border: 1px solid #dddfe3; border-radius: 16px; background: #fff; }.mwn-author-avatar { display: grid; place-items: center; flex: 0 0 60px; height: 60px; border-radius: 50%; background: var(--mw-primary-container); color: #fff; font-size: 26px; font-weight: 800; }.mwn-author-card h2 { margin: 0 0 7px; font-size: 1.05rem; }.mwn-author-card p { margin: 0 0 10px; color: #666; font-size: .9rem; }.mwn-author-card a { color: var(--mw-secondary); font-weight: 700; }
.mwn-post-navigation { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 34px 0; padding-block: 24px; border-block: 1px solid #dcd6cc; }.mwn-post-navigation a { color: var(--mw-primary); text-decoration: none; }.mwn-post-navigation span { display: block; margin-bottom: 7px; color: #888; font-size: 13px; }.mwn-post-navigation strong { font-size: 16px; }
.mwn-related-posts h2 { font-size: 18px; }.mwn-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.mwn-related-grid a { min-height: 130px; padding: 20px; border: 1px solid #dfe1e5; border-radius: 16px; background: #fff; color: var(--mw-primary); text-decoration: none; }.mwn-related-grid h3 { margin: 0 0 15px; font-size: 16px; }.mwn-related-grid span { color: #888; font-size: 12px; }
@media (max-width: 900px) { .mwn-post-layout { grid-template-columns: minmax(0, 800px); }.mwn-post-rail { display: none; }.mwn-toc-mobile { display: block; }.mwn-post-navigation { grid-template-columns: 1fr; }.mwn-related-grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .mwn-breadcrumb, .mwn-post-layout { width: min(100% - 32px, 720px); }.mwn-post-hero { padding: 48px 18px; }.mwn-post-dek { font-size: 16px; }.mwn-end-matter { padding: 24px 16px; }.mwn-author-card { padding: 20px; }.mwn-author-avatar { flex-basis: 48px; height: 48px; font-size: 20px; } }