/* Scoped to original long-form articles; existing briefings are unchanged. */
.mj-feature-story { max-width: 1180px; margin: 0 auto; padding: 24px 24px 64px; color: #203b49; }
.mj-feature-header { max-width: 950px; margin: 36px 0 42px; }
.mj-feature-header h1 { font-size: clamp(30px,4vw,48px); line-height: 1.15; font-weight: 500; letter-spacing: -1px; margin: 16px 0 22px; }
.mj-feature-lead { font-size: 20px; line-height: 1.6; color: #496575; max-width: 850px; }
.mj-feature-meta { font-size: 12px; color: #687d87; margin-top: 22px; }
.mj-feature-layout { display: grid; grid-template-columns: 230px minmax(0,1fr); gap: 54px; align-items: start; }
.mj-feature-toc { padding: 22px; background: #f3f7f9; border-top: 2px solid #1b5d78; font-size: 12px; line-height: 1.6; position: sticky; top: 20px; }
.mj-feature-toc strong { font-size: 14px; }
.mj-feature-toc ol { margin: 14px 0 0; padding: 0; list-style: none; }
.mj-feature-toc li { margin: 0 0 10px; }
.mj-feature-toc a { color: #466370; text-decoration: none; }
.mj-feature-toc a:hover { text-decoration: underline; }
.mj-feature-reading { min-width: 0; max-width: 780px; }
.mj-feature-reading section { scroll-margin-top: 24px; margin: 0 0 42px; }
.mj-feature-reading h2 { font-size: 27px; line-height: 1.3; margin: 0 0 22px; font-weight: 500; letter-spacing: -.3px; }
.mj-feature-reading p { font-size: 16px; line-height: 1.85; margin: 0 0 20px; }
.mj-feature-reading .mj-feature-cites { font-size: 12px; line-height: 1.7; color: #627781; padding-left: 14px; border-left: 2px solid #d6e5eb; }
.mj-feature-cites a { margin-right: 8px; }
.mj-feature-story a { color: #1b5d78; text-underline-offset: 3px; }
.mj-demo { display: flex; flex-direction: column; margin: 30px 0; padding: 20px; border: 1px solid #dce5e9; background: #fff; border-radius: 6px; }
.mj-demo .mj-demo-art { order: 0; }
.mj-demo img { width: 100%; height: auto; display: block; object-fit: contain; }
.mj-demo details { order: 1; margin-top: 16px; }
.mj-demo summary { color: #1b5d78; cursor: pointer; font-size: 14px; padding: 12px 14px; background: #eff5f8; border-radius: 3px; }
.mj-demo summary:focus-visible { outline: 3px solid #2782aa; outline-offset: 2px; }
.mj-demo details p { font-size: 14px; line-height: 1.7; margin: 14px 0 4px; }
.mj-demo figcaption { order: 2; margin-top: 12px; font-size: 11px; line-height: 1.6; color: #687d87; }
.mj-bar-art { position: relative; display: grid; place-items: center; height: 190px; background: #e2e9ec; isolation: isolate; }
.mj-bar-art::before { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#080808,#fafafa); z-index: -1; }
.mj-bar-art span { width: 78%; height: 45px; background: #808080; }
.mj-demo--bar:has(details[open]) .mj-bar-art::before { display: none; }
.mj-checker-art { position: relative; max-width: 540px; margin: auto; }
.mj-checker-art svg { position: absolute; inset: 0; width: 100%; height: 100%; opacity: 0; pointer-events: none; }
.mj-demo--checker:has(details[open]) .mj-checker-art svg { opacity: 1; }
.mj-hue-art { display: grid; grid-template-columns: 1fr 1fr; height: 190px; }
.mj-hue-art>div { display: grid; place-items: center; background: #285cca; }
.mj-hue-art>div+div { background: #edaa44; }
.mj-hue-art span { width: 74px; height: 74px; background: #808080; }
.mj-demo--hue:has(details[open]) .mj-hue-art>div { background: #e2e9ec; }
.mj-demo--photo img { max-width: 480px; margin: auto; }
.mj-demo--hood img { max-width: 520px; margin: auto; }
.mj-feature-refs { padding-left: 22px; }
.mj-feature-refs li { margin: 0 0 22px; padding-left: 8px; scroll-margin-top: 24px; font-size: 14px; line-height: 1.6; }
.mj-feature-refs strong,.mj-feature-refs a,.mj-feature-refs small { display: block; }
.mj-feature-refs small { color: #687d87; margin-top: 4px; }
@media(max-width:900px){.mj-feature-layout{grid-template-columns:1fr;gap:32px}.mj-feature-toc{position:static}.mj-feature-toc ol{columns:2;column-gap:24px}.mj-feature-toc li{break-inside:avoid}.mj-feature-reading{max-width:none}}
@media(max-width:540px){.mj-feature-story{padding:18px 16px 48px}.mj-feature-header{margin:26px 0 30px}.mj-feature-header h1{font-size:32px;letter-spacing:-.6px}.mj-feature-lead{font-size:17px}.mj-feature-toc ol{columns:1}.mj-feature-reading h2{font-size:24px}.mj-feature-reading p{font-size:15px;line-height:1.8}.mj-demo{padding:12px}.mj-bar-art,.mj-hue-art{height:154px}.mj-hue-art span{width:60px;height:60px}}
@media print{.mj-feature-toc,.mj-back{display:none}.mj-feature-layout{display:block}.mj-demo{break-inside:avoid}.mj-demo details{display:none}.mj-feature-header h1{font-size:28px}.mj-feature-reading p{font-size:11pt}}