/* Mission explorer: two inline views, shared visual structure. */
.applications-shell { max-width:1600px; padding:44px var(--gutter) 76px; margin:auto }
.applications-heading { display:grid; grid-template-columns:1.2fr 1fr; gap:45px; align-items:end; margin-bottom:42px }
.applications-heading h1 { font-size:clamp(3.7rem,6.5vw,6.5rem); line-height:.97; letter-spacing:-.05em; margin:0 }
.applications-heading .eyebrow { margin-bottom:25px }
.applications-heading>div>p:not(.eyebrow) { color:var(--muted); max-width:410px; font-size:1rem; line-height:1.7; margin-bottom:21px }
.applications-heading .home-stage { font-size:.8rem }
.application-tabs { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); margin-bottom:24px }
.application-tabs button { display:flex; align-items:center; gap:14px; background:var(--paper); border:0; color:var(--ink); padding:21px 25px; text-align:left; font-size:1rem; min-width:0 }
.application-tabs button+button { border-left:1px solid var(--line) }
.application-tabs button[aria-selected=true] { background:var(--ink); color:var(--paper) }
.application-tabs button>span { font:.7rem var(--mono); color:var(--muted) }
.application-tabs button[aria-selected=true]>span { color:var(--accent) }
.application-tabs button>b { margin-left:auto; font-size:1.1rem; font-weight:400 }
.application-tabs button:hover:not([aria-selected=true]) { background:var(--soft) }
.mission-grid { display:grid; grid-template-columns:1fr 1.12fr; gap:0; border:1px solid var(--line) }
.mission-scene { position:relative; min-width:0; min-height:470px; background:var(--ink); color:var(--paper); overflow:hidden }
.mission-scene>img { position:absolute; width:100%; height:100%; object-fit:cover; object-position:64% center }
#application-drone .mission-scene>img { object-position:50% center }
.mission-scene::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#111815be 0%,#11181520 48%,#111815a6 100%) }
.mission-scene-title { position:relative; z-index:1; padding:30px }
.mission-scene-title>.mini { color:var(--accent); font-size:.7rem; margin-bottom:20px }
.mission-scene-title h2 { font-size:clamp(2.55rem,3.8vw,4rem); line-height:1.02; letter-spacing:-.04em; max-width:450px }
.mission-scene figcaption { position:absolute; z-index:1; bottom:18px; left:25px; right:25px; color:#ecefe7; font-size:.68rem; line-height:1.5; text-shadow:0 1px 4px #000 }
.mission-system { background:var(--soft); padding:30px; display:flex; flex-direction:column; gap:25px; min-width:0 }
.mission-system>div>.mini { font-size:.7rem; margin-bottom:12px }
.mission-system h3 { font-size:1.75rem; line-height:1.12; letter-spacing:-.025em; margin:0; max-width:475px }
.power-topology { background:var(--paper); border:1px solid var(--line); padding:21px }
.power-topology figcaption { color:var(--muted); font:.65rem/1.5 var(--mono); margin-bottom:20px; text-transform:uppercase; letter-spacing:.03em }
.power-branches { display:grid; grid-template-columns:1fr 1.15fr; align-items:center; gap:30px }
.power-source { position:relative; background:var(--ink); color:var(--paper); padding:16px 14px; text-align:center }
.power-source::after { content:''; position:absolute; width:15px; height:1px; background:#6f7f58; right:-15px; top:50% }
.power-source strong { font-size:.9rem; font-weight:550; display:block; margin:9px 0 }
.power-source small { font-size:.66rem; line-height:1.5; display:block; color:#c5cdbd }
.power-cell-icon { display:flex; border:1px solid #99ad77; padding:4px; width:53px; margin:0 auto; gap:4px; height:25px; position:relative }
.power-cell-icon::after { content:''; position:absolute; right:-4px; top:7px; width:3px; height:9px; background:#99ad77 }
.power-cell-icon i { display:block; flex:1; background:var(--accent) }
.power-loads { display:grid; gap:10px; position:relative }
.power-loads::before { content:''; position:absolute; top:25%; bottom:25%; width:1px; left:-15px; background:#6f7f58 }
.power-load { position:relative; border:1px solid #bdc7b1; padding:12px }
.power-load::before { content:''; position:absolute; left:-15px; top:50%; width:15px; height:1px; background:#6f7f58 }
.power-load strong { display:block; font-size:.85rem; font-weight:550; line-height:1.35 }
.power-load small { display:block; font-size:.66rem; color:var(--muted); margin-top:5px; line-height:1.5 }
.power-topology>p { color:var(--muted); font-size:.65rem; margin:17px 0 0; line-height:1.5; text-align:center }
.power-topology>p>span { padding:0 4px }
.mission-cycle { margin-top:auto }
.mission-cycle h4 { font-size:1.1rem; margin-bottom:15px }
.mission-cycle ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); list-style:none; padding:0; margin:0; gap:13px }
.mission-cycle li { border-top:2px solid #a0b28c; padding-top:10px }
.mission-cycle li>span { font:.6rem var(--mono); color:var(--muted); display:block; margin-bottom:5px }
.mission-cycle strong { display:block; font-size:.86rem; font-weight:550 }
.mission-cycle small { color:var(--muted); display:block; margin-top:5px; font-size:.66rem; line-height:1.5 }
.mission-requirements { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:35px; padding:30px 0 }
.mission-requirements article { min-width:0 }
.mission-requirements svg { height:76px; width:156px; color:#6b7b4f; margin:0 0 16px }
.mission-requirements h3 { font-size:1.45rem; line-height:1.15; letter-spacing:-.025em; margin:0 0 13px }
.mission-requirements p { font-size:.84rem; line-height:1.65; color:var(--muted); margin:0; max-width:335px }
.mission-brief { display:flex; justify-content:space-between; align-items:center; gap:30px; padding:26px 28px; background:var(--ink); color:var(--paper) }
.mission-brief .mini { color:#c8d1bc; margin-bottom:8px; font-size:.68rem }
.mission-brief p { color:#d4dacd; font-size:.81rem; margin:0; line-height:1.6; max-width:570px }
.mission-brief .button { flex:none; font-size:.8rem; gap:15px }
.application-evidence { font-size:.71rem; line-height:1.6; color:var(--muted); margin:19px 0 42px; max-width:940px }
.application-next { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px }
.application-next>a { border-top:1px solid var(--line); padding-top:22px; display:flex; flex-direction:column; align-items:flex-start }
.application-next .mini { font-size:.66rem; margin-bottom:15px }
.application-next strong { font:500 1.4rem/1.15 var(--display); letter-spacing:-.025em; margin-bottom:22px }
.application-next-link { font-size:.77rem; text-decoration:underline; text-underline-offset:5px; margin-top:auto }
@media(max-width:1050px) {
 .mission-grid { grid-template-columns:1fr 1.1fr }
 .mission-system { padding:22px; gap:22px }
 .power-topology { padding:16px }
 .power-branches { gap:25px }
 .power-load { padding:10px }
 .mission-scene-title { padding:24px }
 .mission-system h3 { font-size:1.55rem }
 .mission-brief { align-items:start; flex-direction:column; gap:20px }
}
@media(max-width:800px) {
 .applications-heading { grid-template-columns:1fr; gap:25px }
 .applications-heading>div>p:not(.eyebrow) { max-width:none; margin-bottom:15px }
 .mission-grid { grid-template-columns:1fr }
 .mission-scene { min-height:370px; aspect-ratio:1.6; max-height:480px }
 .mission-system { padding:27px }
 .mission-system h3 { max-width:540px; font-size:1.8rem }
 .power-topology { padding:23px }
 .power-source { padding:22px }
 .power-source strong { font-size:1rem }
 .power-source small,.power-load small,.mission-cycle small { font-size:.76rem }
 .power-load strong { font-size:.95rem }
 .power-load { padding:14px }
 .mission-requirements { gap:22px }
 .application-tabs button { padding:18px; font-size:.95rem }
}
@media(max-width:560px) {
 .applications-shell { padding-top:30px }
 .applications-heading { margin-bottom:28px }
 .applications-heading h1 { font-size:3.55rem }
 .application-tabs button { display:grid; grid-template-columns:1fr auto; gap:8px; padding:15px; font-size:.85rem; line-height:1.35 }
 .application-tabs button>span { grid-column:1/3; font-size:.63rem }
 .application-tabs button>b { display:none }
 .mission-scene { min-height:320px; aspect-ratio:auto }
 .mission-scene-title h2 { font-size:2.75rem }
 .mission-scene-title { padding:24px 21px }
 .mission-scene figcaption { left:21px; right:21px; font-size:.65rem }
 .mission-system { padding:21px 16px; gap:22px }
 .mission-system h3 { font-size:1.55rem }
 .power-topology { padding:17px 13px }
 .power-branches { gap:23px; grid-template-columns:1fr 1fr }
 .power-source { padding:14px 9px }
 .power-source strong,.power-load strong { font-size:.8rem }
 .power-source small,.power-load small { font-size:.65rem }
 .power-load { padding:10px 8px }
 .mission-cycle small { font-size:.69rem }
 .mission-cycle strong { font-size:.81rem }
 .mission-cycle ol { gap:10px }
 .mission-requirements { grid-template-columns:1fr; gap:23px; padding:28px 0 }
 .mission-requirements article { display:grid; grid-template-columns:80px 1fr; gap:0 17px }
 .mission-requirements svg { grid-row:1/3; width:80px; height:55px; margin:0 }
 .mission-requirements h3 { font-size:1.2rem; margin-bottom:9px }
 .mission-requirements p { grid-column:2; max-width:none; font-size:.8rem }
 .mission-brief { padding:23px 20px }
 .mission-brief .button { width:100%; font-size:.75rem }
 .application-next { grid-template-columns:1fr; gap:25px }
 .application-next strong { font-size:1.45rem }
}