.ms-progress { position:fixed; top:0; left:0; right:0; height:3px; z-index:99999; pointer-events:none; }
.ms-progress span { display:block; height:100%; background:#c4f57b; transform:scaleX(0); transform-origin:left; }
.ms-header { background:radial-gradient(ellipse at top right,#295647,transparent 60%),#102e29; color:#fff; padding:28px 0 52px; }
.ms-breadcrumb { display:flex; flex-wrap:wrap; gap:12px; color:#b2c7bc; font-size:12px; margin-bottom:44px; }
.ms-breadcrumb a:hover { color:#c4f57b; }
.ms-heading { max-width:970px; margin:auto; }
.ms-heading .mj-kicker { color:#c4f57b; }
.ms-heading .mj-kicker span { margin:0 10px; }
.ms-categories { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:20px; }
.ms-categories a { display:inline-flex; align-items:center; gap:12px; padding:7px 13px; border:1px solid #66825b; border-radius:30px; color:#c4f57b; font-size:12px; font-weight:800; }
.ms-categories a:hover { background:#c4f57b; color:#173e30; }
.ms-heading h1 { margin:0; font:700 clamp(30px,4.1vw,55px)/1.15 Montserrat,sans-serif; letter-spacing:-1.8px; text-wrap:balance; }
.ms-deck { margin:22px 0 0; max-width:780px; font-size:19px; line-height:1.65; color:#cbdbd0; }
.ms-byline { display:flex; align-items:center; gap:14px; margin-top:30px; }
.ms-brand { display:grid; place-items:center; flex-shrink:0; width:43px; height:43px; background:#c4f57b; color:#173e2f; border-radius:50%; font-size:13px; font-weight:900; }
.ms-byline strong { display:block; font-size:13px; }
.ms-byline div>span { display:block; color:#bfd0c6; font-size:12px; margin-top:3px; }
.ms-byline div>span>span { margin:0 7px; }
.ms-back { margin-left:auto; font-size:12px; color:#c4f57b!important; white-space:nowrap; }
.ms-layout { display:grid; grid-template-columns:240px minmax(0,760px); justify-content:center; align-items:start; gap:70px; padding-top:60px; }
.ms-sidebar__sticky { position:static; }
.ms-discover { margin-bottom:28px; padding:20px; background:#fff; border:1px solid #e0e8dc; border-radius:16px; }
.ms-discover h2 { margin:0 0 15px; padding-bottom:12px; border-bottom:1px solid #e7ede3; font-size:15px; font-weight:800; }
.ms-topic-list>a { display:flex; align-items:center; gap:9px; margin:3px -8px; padding:9px 8px; border-radius:8px; font-size:12px; color:#627460; }
.ms-topic-list>a>span:first-child { display:grid; place-items:center; flex-shrink:0; width:22px; height:22px; border:1px solid #dce5d7; border-radius:50%; }
.ms-topic-list>a>span:last-child { margin-left:auto; }
.ms-topic-list>a:hover,.ms-topic-list>a.is-active { background:#edf4e5; color:#234f32; }
.ms-topic-list>a.is-active { font-weight:800; }
.ms-topic-count { padding:2px 5px; border-radius:5px; background:#f0f5ec; font-size:10px; }
.ms-social { margin-top:24px; }
.ms-social p { font-size:12px; line-height:1.6; color:#6a7c66; margin:0 0 14px; }
.ms-social>a { display:flex; align-items:center; gap:12px; min-height:42px; padding:10px 12px; margin-top:8px; border:1px solid #e0e8da; border-radius:9px; font-size:12px; font-weight:700; }
.ms-social>a>span:last-child { margin-left:auto; }
.ms-social>a:hover { background:#173e30; color:white; border-color:#173e30; }
.ms-social svg { flex-shrink:0; }
@media(max-width:760px) { .mapi-story .ms-sidebar { display:block; } .ms-discover { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:22px; } .ms-social { margin-top:0; } }
@media(max-width:480px) { .ms-discover { grid-template-columns:minmax(0,1fr); } .ms-topic-list { display:flex; flex-wrap:wrap; gap:6px; } .ms-topic-list h2 { width:100%; } .ms-topic-list>a { margin:0; padding:6px; border:1px solid #e0e8da; } }
.ms-sidebar { align-self:stretch; }
.ms-toc { border-bottom:1px solid #dce5d7; padding-bottom:26px; margin-bottom:28px; }
.ms-toc[hidden] { display:none; }
.ms-toc .mj-kicker { color:#798b75; font-size:9px; margin-bottom:10px; }
.ms-toc h2 { font:700 18px/1.3 Montserrat,sans-serif; margin:0 0 18px; }
.ms-toc ol { margin:0; padding:0; list-style:none; max-height:42vh; overflow:auto; }
.ms-toc li { margin:0; }
.ms-toc a { display:block; padding:9px 12px; border-left:2px solid #dce5d7; font-size:13px; line-height:1.5; color:#68786a; }
.ms-toc a:hover,.ms-toc a[aria-current] { color:#22553b; border-color:#4a863b; background:#e8efdf; }
.ms-toc .ms-toc-sub a { padding-left:24px; font-size:12px; }
.ms-trip { padding:25px; border:1px solid #d6e2c8; border-radius:14px; background:#e6eedf; }
.ms-trip>span { color:#496b35; font-size:29px; }
.ms-trip h2 { margin:14px 0 12px; font:700 26px/1.15 Montserrat,sans-serif; letter-spacing:-1px; }
.ms-trip p { font-size:13px; line-height:1.65; color:#65775a; margin:0 0 18px; }
.ms-trip a { display:flex; justify-content:space-between; gap:10px; border-top:1px solid #ccdabc; padding-top:16px; font-size:13px; font-weight:800; }
.ms-reading { min-width:0; }
.ms-prose { font-size:18px; line-height:1.9; color:#3e5047; overflow-wrap:anywhere; }
.ms-prose p { margin:0 0 1.45em; }
.ms-prose>p:first-of-type { color:#234f3d; font-size:21px; line-height:1.75; }
.ms-prose h2,.ms-prose h3,.ms-prose h4 { font-family:Montserrat,sans-serif; font-weight:700; color:#173e30; line-height:1.35; scroll-margin-top:110px; }
.ms-prose h2 { margin:1.7em 0 .7em; font-size:29px; letter-spacing:-.8px; }
.ms-prose h3 { margin:1.5em 0 .6em; font-size:23px; }
.ms-prose h4 { margin:1.4em 0 .6em; font-size:20px; }
.ms-prose a { color:#216e46; text-decoration:underline; text-underline-offset:3px; }
.ms-prose strong { color:#234d39; font-weight:800; }
.ms-prose ul,.ms-prose ol { padding-left:1.4em; margin:1em 0 1.6em; }
.ms-prose ul { list-style:disc; }
.ms-prose ol { list-style:decimal; }
.ms-prose li { margin-bottom:.65em; padding-left:.2em; }
.ms-prose li::marker { color:#4b863e; }
.ms-prose blockquote { margin:30px 0; border-left:4px solid #89b85f; padding:24px 28px; background:#e9f0e1; border-radius:0 12px 12px 0; font-size:21px; color:#335839; }
.ms-prose blockquote p:last-child { margin-bottom:0; }
.ms-prose img { max-width:100%; height:auto; border-radius:12px; }
.ms-prose figure { margin:28px 0; max-width:100%; }
.ms-prose figcaption { font-size:12px; color:#70816e; line-height:1.6; margin-top:10px; }
.ms-prose .wp-block-table { overflow-x:auto; }
.ms-prose table { width:100%; border-collapse:collapse; font-size:15px; }
.ms-prose td,.ms-prose th { border:1px solid #d8e1d3; padding:12px; }
.ms-prose th { background:#e9f0e1; }
.ms-prose iframe { max-width:100%; }
.ms-prose pre { overflow:auto; padding:20px; background:#e9eee5; font-size:14px; }
.ms-prose hr { margin:36px 0; border:0; border-top:1px solid #dce5d7; }
.ms-prose input[type=password] { border:1px solid #829b80; padding:10px; max-width:100%; }
.ms-prose input[type=submit] { background:#173e30; color:white; padding:10px 16px; border-radius:6px; cursor:pointer; }
.ms-article-footer { margin-top:38px; padding-top:28px; border-top:1px solid #dce5d7; }
.ms-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:26px; }
.ms-tags a { padding:6px 13px; border:1px solid #dce5d7; border-radius:30px; font-size:12px; }
.ms-share { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:24px; background:#e9efdf; border-radius:12px; margin-bottom:28px; }
.ms-share strong { font-size:15px; }
.ms-share p { font-size:13px; margin:5px 0 0; color:#63745e; }
.ms-share>a { flex-shrink:0; padding:11px 14px; background:#173e30; color:white; font-size:12px; border-radius:6px; }
.ms-return { font-size:13px; font-weight:800; }
.ms-pages { display:flex; gap:12px; padding-top:24px; }
.ms-related { margin-top:80px; padding-top:48px; border-top:1px solid #dce5d7; }
@media(max-width:1000px) { .ms-layout { grid-template-columns:200px minmax(0,1fr); gap:32px; } .ms-prose { font-size:17px; } .ms-share { align-items:flex-start; flex-direction:column; } }
@media(max-width:760px) { .ms-header { padding:24px 0 36px; } .ms-breadcrumb { margin-bottom:30px; } .ms-heading h1 { letter-spacing:-1px; } .ms-back { display:none; } .ms-byline { margin-top:24px; } .ms-layout { grid-template-columns:minmax(0,1fr); gap:28px; padding-top:32px; } .ms-sidebar__sticky { position:static; } .ms-trip { display:none; } .ms-toc { padding:22px; border:1px solid #dce5d7; border-radius:12px; margin:0; } .ms-toc ol { max-height:200px; } .ms-prose>p:first-of-type { font-size:19px; } .ms-prose h2 { font-size:25px; } .ms-prose h3 { font-size:21px; } .ms-prose blockquote { font-size:19px; padding:20px; } .ms-related { margin-top:48px; padding-top:32px; } }
