/* System overview shared by the FullStars and UbiquityVX cases. */
.case-figure + .system-overview{margin-top:24px}
.fullstars-captures{margin:0 0 28px}
.fullstars-captures-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:18px}
.fullstars-captures-head .kicker{margin-bottom:9px}
.fullstars-captures-head h2{font-size:clamp(24px,3vw,34px);line-height:1.15;letter-spacing:-.025em}
.fullstars-captures-head>p{max-width:32em;font-size:13px;line-height:1.55;color:var(--muted)}
.fullstars-captures-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fullstars-captures-grid figure{min-width:0;margin:0;padding:12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.fullstars-capture-frame{height:clamp(310px,37vw,470px);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 24%,#225b96,#0b2c57 65%,#091a37)}
.fullstars-capture-frame img{display:block;height:100%;width:auto;max-width:100%;object-fit:contain}
.fullstars-captures-grid figcaption{display:grid;gap:5px;padding:12px 3px 2px}
.fullstars-captures-grid figcaption strong{font-size:13px;color:var(--ink)}
.fullstars-captures-grid figcaption span{font-size:12px;line-height:1.45;color:var(--muted)}
.system-overview{margin:0 0 36px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.system-overview figcaption{font:11px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--sel-ink);margin-bottom:24px}
.system-route{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:18px;align-items:center}
.system-node{min-width:0;display:flex;flex-direction:column;gap:8px}
.system-node strong{font-size:clamp(22px,3vw,30px);line-height:1.1;letter-spacing:-.02em}
.system-node span{color:var(--muted);font-size:14px}
.system-connection{color:var(--sel-ink);font-size:23px;text-align:center}
.system-integration{padding-top:22px;margin-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
.system-integration strong{color:var(--ink);font-weight:600}
.fullstars-page .case-jumps{border-top:0;padding-top:0}
@media(max-width:760px){.system-overview{padding:24px}.system-route{grid-template-columns:1fr;gap:14px}.system-connection{justify-self:start;transform:rotate(90deg);margin-left:6px}.system-node strong{font-size:26px}}
@media(max-width:760px){.fullstars-captures-head{display:block}.fullstars-captures-head>p{margin-top:9px}.fullstars-captures-grid{display:flex;overflow-x:auto;gap:12px;margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);padding-bottom:12px;scroll-snap-type:x mandatory}.fullstars-captures-grid figure{flex:0 0 min(76vw,330px);scroll-snap-align:center}.fullstars-capture-frame{height:400px}}