/* Narrative content uses the portfolio's shared header, font and page grid. */
.mars-story{font:400 14px/1.7 var(--face);color:var(--text)}
.mars-story a{color:inherit}.mars-story p{margin:0 0 16px;color:var(--muted)}
.mars-story .mars-opening{display:grid;grid-template-columns:1fr 1fr;gap:40px;max-width:1100px;margin:5px 0 30px}
.mars-story .mars-opening p{max-width:60ch}
.mars-story .mars-contents,.mars-story .mars-study-links{display:flex;gap:12px 28px;flex-wrap:wrap;font-size:12px}
.mars-story .mars-contents{padding:17px 0 25px;border-bottom:1px solid var(--scene-line);margin-bottom:35px}
.mars-story .mars-contents a,.mars-story .mars-study-links a{color:var(--muted)}
.mars-story .mars-contents a:hover,.mars-story .mars-study-links a:hover{color:var(--text)}
.mars-story :is(.mars-chapter,.mars-study,.mars-study-opening){scroll-margin-top:calc(var(--header-height) + 22px)}
.mars-story .mars-chapter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px;margin:0 0 64px;padding-top:22px}
.mars-story .mars-chapter-title{grid-column:span 3;display:flex;gap:18px;align-items:baseline}
.mars-story .mars-number{font:400 11px/1.5 var(--face);color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.mars-story :is(.mars-chapter-title h2,.mars-study-opening h2,.mars-study-heading h2){font:500 18px/1.4 var(--face);letter-spacing:-.02em;margin:0}
.mars-story .mars-chapter-body{grid-column:span 9;min-width:0}
.mars-story .mars-copy{max-width:76ch;margin-bottom:26px}
.mars-story .mars-copy a,.mars-story figcaption a{border-bottom:1px solid #68706a}
.mars-story figure{margin:0}.mars-story figure img{display:block;max-width:100%;width:100%;height:auto;background:#141717}
.mars-story .mars-chapter figure{margin:24px 0 30px}
.mars-story figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:10px}
.mars-story .mars-decoder{border-block:1px solid var(--scene-line);padding:20px 0;margin:22px 0 28px}
.mars-story .mars-tokens{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font:11px/1.4 ui-monospace,SFMono-Regular,monospace;color:var(--muted)}
.mars-story .mars-tokens button{font:11px/1.4 ui-monospace,SFMono-Regular,monospace}
.mars-story .mars-decoded{max-width:72ch;margin:20px 0 16px;min-height:80px}
.mars-story .mars-decoded h3,.mars-story .mars-method h3{font:500 13px/1.5 var(--face);margin:0 0 7px}
.mars-story .mars-decoded p{font-size:13px;line-height:1.7;margin:0}
.mars-story .mars-caption{font-size:11px;margin:0;color:var(--muted)}
.mars-story .mars-method{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:30px 0;border-top:1px solid var(--scene-line);padding-top:20px}
.mars-story .mars-method p{font-size:12px;line-height:1.6;margin:0}
.mars-story .mars-measurement{grid-template-columns:repeat(3,minmax(0,1fr))}
.mars-story .mars-study-opening{border-top:1px solid var(--scene-line);padding:24px 0 36px}
.mars-story .mars-study-opening h2{display:inline-block;margin-left:18px;margin-bottom:14px}
.mars-story .mars-study-opening>p{max-width:78ch}
.mars-story .mars-study{border-top:1px solid var(--scene-line);padding:25px 0 42px;margin:0 0 30px}
.mars-story .mars-study-heading{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap;margin-bottom:22px}
.mars-story .mars-event{margin-left:auto;font-size:12px;color:var(--muted)}
.mars-story .mars-study-intro{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:50px;margin-bottom:22px}
.mars-story .mars-study-intro h3{font:500 14px/1.5 var(--face);margin:0 0 10px}
.mars-story .mars-study-intro p{max-width:76ch;font-size:13px;margin:0}
body.research-page #main .mars-study-intro dl{margin:0;font-size:12px}
body.research-page #main .mars-study-intro dl>div{display:grid;grid-template-columns:85px minmax(0,1fr);gap:18px;border-top:1px solid var(--scene-line);padding:8px 0}
body.research-page #main .mars-study-intro :is(dt,dd){font:400 12px/1.5 var(--face);margin:0}
.mars-story .mars-study-intro dt{color:var(--muted)}
.mars-story .mars-study-reading{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:15px 0 10px}
.mars-story .mars-study-reading p{font-size:12px;line-height:1.7;max-width:80ch}
.mars-story .mars-study-record{padding:13px 0}.mars-story .mars-study-record summary{font-size:12px}
.mars-story .mars-study-record code{font-size:11px;overflow-wrap:anywhere}
.mars-story .mars-samples{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;max-width:900px}
.mars-story .mars-samples img{height:180px;object-fit:contain}
.mars-story [data-explorer-key] .viewer-foot{margin-bottom:16px}
.mars-story [data-explorer-key] [data-ui=scene]{touch-action:pan-y}
.research-page .mars-image-dialog{width:min(94vw,1500px);max-width:94vw;max-height:94vh;padding:18px;border:1px solid #444;background:#1c1c1c;color:var(--text)}
.research-page .mars-image-dialog::backdrop{background:#000c}
.research-page .mars-image-dialog img{display:block;max-width:100%;max-height:80vh;object-fit:contain;margin:15px auto}
.research-page .mars-image-dialog p{font-size:12px;color:var(--muted);margin:0}
@media(max-width:900px){.mars-story .mars-chapter-title{grid-column:span 2;flex-direction:column;gap:5px}.mars-story .mars-chapter-body{grid-column:span 10}.mars-story .mars-study-intro{gap:24px}.mars-story .mars-method{grid-template-columns:1fr 1fr}.mars-story .mars-event{margin-left:0;flex-basis:100%}}
@media(max-width:650px){.mars-story .mars-opening{grid-template-columns:1fr;gap:0;margin-bottom:18px}.mars-story .mars-contents{gap:12px 20px;margin-bottom:22px}.mars-story .mars-chapter{display:block;margin-bottom:40px}.mars-story .mars-chapter-title{flex-direction:row;margin-bottom:20px;gap:15px}.mars-story .mars-copy{font-size:13px}.mars-story .mars-study-intro,.mars-story .mars-study-reading{grid-template-columns:1fr;gap:16px}.mars-story .mars-study-heading{gap:8px 14px}.mars-story .mars-study-heading h2{font-size:17px}.mars-story .mars-event{font-size:11px}.mars-story .mars-samples{grid-template-columns:1fr 1fr;gap:16px}.mars-story .mars-samples img{height:140px}.mars-story .mars-study{padding-top:21px;margin-bottom:10px;padding-bottom:25px}.mars-story .mars-measurement{grid-template-columns:1fr}}
/* Give the writing and evidence comparable visual weight. */
.mars-story{font-size:17px;line-height:1.7}.mars-story .mars-copy{max-width:68ch;font-size:17px}
.mars-story :is(.mars-chapter-title h2,.mars-study-opening h2,.mars-study-heading h2){font-size:23px}
.mars-story :is(.mars-study-intro p,.mars-study-reading p,.mars-method p,.mars-decoded p){font-size:15px;line-height:1.7}
.mars-story :is(.mars-method h3,.mars-study-intro h3,.mars-decoded h3){font-size:17px}
.mars-story :is(figcaption,.mars-caption,.mars-contents,.mars-study-record summary,.mars-event){font-size:13px}
.mars-story .mars-chapter figure{max-width:760px}.mars-story .mars-chapter figure img{max-height:430px;object-fit:contain;object-position:left center}
.mars-story .mars-chapter figure video{width:100%;max-height:430px;object-fit:contain;background:#101414}
.mars-story .study-picker{display:flex;gap:16px;align-items:center;max-width:640px;margin-top:22px;font-size:15px}.mars-story .study-picker select{font-size:16px;flex:1;min-width:0;background:#171c1c;padding:13px}
body.research-page #main .mars-study-intro :is(dt,dd){font-size:14px}
.mars-story .mars-study-reading{max-width:1100px}.mars-story .mars-study-opening{padding-bottom:24px}
@media(max-width:650px){.mars-story,.mars-story .mars-copy{font-size:16px}.mars-story .mars-chapter figure img{max-height:310px}.mars-story .study-picker{align-items:flex-start;flex-direction:column;gap:8px}.mars-story .study-picker select{width:100%}}

/* Reconstructions lead; all five studies are immediately available. */
.mars-page .research-heading{padding-bottom:18px}
.mars-page .mars-study-opening{border:0;padding:0 0 20px}
.mission-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.research-page .mission-picker button{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:7px;padding:16px 15px;min-height:113px;line-height:1.35;background:#181e1d;border:1px solid #3d4944;color:#d2d9d4}
.research-page .mission-picker button:hover{background:#222c26;border-color:#91a180}
.research-page .mission-picker button[aria-pressed=true]{border-color:#b6d67a;background:#263022;box-shadow:inset 0 3px #b6d67a}
.mission-picker .mission-name{font-size:12px;color:#a7b5ab}.mission-picker strong{font-size:16px;font-weight:500}.mission-picker .mission-description{font-size:11px;color:#9caaa1}
.mars-page .unified-study{padding-top:15px}.mars-page .mars-study-heading{margin-bottom:16px}.mars-page .mars-study-heading .mars-number{display:none}
.mars-page .mars-study-intro{margin-top:28px}.mars-page .mars-process-intro h2{font-size:24px;font-weight:500;line-height:1.35;margin:12px 0 24px}
@media(max-width:760px){.mission-picker{display:flex;overflow-x:auto;gap:8px;padding:2px 0 10px;scroll-snap-type:x proximity}.research-page .mission-picker button{flex:0 0 180px;scroll-snap-align:start;min-height:105px;padding:14px}.mission-picker strong{font-size:15px}.mars-page .mars-study-heading h2{font-size:19px}.mars-page .mars-study-opening{padding-bottom:8px}}
