/* The Intelligence Studio overview page. Everything here is the design system (packages/design/northline.css): the handoff's instrument in the hero, and quiet restatements of three legacy rules on this page. */
.sl-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--col-gap);align-items:stretch;padding-block:clamp(28px,5vw,64px) clamp(24px,3vw,40px)}
.sl-hero .sl-text{align-self:center;min-width:0}
.sl-hero h1{font-size:clamp(2.5rem,5.1vw,4.5rem);margin:10px 0 18px}
.sl-hero .dek{max-width:34em}
.sl-hero .go-row{margin:26px 0 0}
.sl-hero .go-row .small{color:var(--ink-2)}
/* the instrument: Studio's dark surface, with the line running into what it receives */
.sl-instrument{position:relative;display:flex;align-items:center;min-width:0;padding:clamp(20px,3vw,36px) clamp(16px,2vw,28px) clamp(20px,3vw,36px) clamp(36px,4.4vw,60px);background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.2px);background-size:22px 22px}
.sl-instrument::before{content:"";position:absolute;left:0;top:50%;width:clamp(36px,4.4vw,60px);height:2px;background:var(--signal)}
.sl-panel{flex:1;min-width:0;background:var(--sheet);border:1px solid var(--hair-2);padding:16px 18px}
.sl-k{margin:0;font-size:.88rem;font-weight:600;color:var(--ink-2)}
.sl-panel ul{list-style:none;margin:6px 0 0;padding:0}
.sl-panel li{padding:8px 0;border-bottom:1px solid var(--hair);font-size:.95rem;line-height:1.3}
.sl-panel li b{display:block;font-weight:500}
.sl-panel li span{font-size:.84rem;color:var(--muted)}
.sl-foot{margin:10px 0 0;font-size:.82rem;line-height:1.4;color:var(--muted)}
@media (max-width:860px){.sl-hero{grid-template-columns:minmax(0,1fr)}.sl-instrument{padding:44px 16px 20px}.sl-instrument::before{left:16px;top:22px;width:calc(100% - 32px)}}
/* national.css still paints this link in the page colour, which hides it now that the button behind it is gone */
.depth a.studio-cta{color:var(--ink);padding-inline:0}
.depth b{font:600 1rem/1.3 var(--sans);letter-spacing:0;text-transform:none;margin-bottom:.3rem}
/* step numbers: square and quiet, like every other control */
ol.steps li::before{border-radius:0;border-color:var(--hair-2);color:var(--ink);font-family:var(--sans);font-weight:600}
