/* starlink interactive · stellar times v2 · baa.business
   scoped to .slk so it can sit inside the edition page. matches st-v2.css palette and type. */
.slk{--s-bg:#050508;--s-paper:#08080e;--s-tx:#f2f2f5;--s-mu:#9a9aad;--s-mu2:#7a7a93;--s-pb:#c084fc;--s-pu:#a855f7;--s-teal:#5eead4;--s-sand:#e8d3a8;--s-ember:#f0a07a;--s-hl:rgba(242,242,245,.12);--s-hl2:rgba(242,242,245,.22);
 --s-serif:"Libre Baskerville",Georgia,"Times New Roman",serif;--s-sans:Roboto,"Helvetica Neue",Arial,sans-serif;--s-mono:"IBM Plex Mono",ui-monospace,monospace;
 position:relative;color:var(--s-tx);font-family:var(--s-sans);font-weight:300;text-align:center;padding:26px 0 18px;border-top:3px double var(--s-hl2);border-bottom:1px solid var(--s-hl2)}
.slk *{box-sizing:border-box}
:where(.slk) :where(p,h2,h3,h4,ul,ol,figure){margin:0;padding:0}
.slk a{color:var(--s-pb);text-decoration:underline;text-decoration-color:rgba(192,132,252,.35);text-underline-offset:3px}
.slk a:hover{text-decoration-color:var(--s-pb)}
.slk button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.slk :focus-visible{outline:2px solid var(--s-pb);outline-offset:3px;border-radius:999px}
.slk-k{font:500 .66rem var(--s-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--s-mu);margin-bottom:8px}
.slk-h{font-family:var(--s-serif);font-weight:700;font-size:clamp(1.6rem,3.2vw,2.5rem);line-height:1.15;letter-spacing:-.005em;text-transform:lowercase}
.slk-dek{font-family:var(--s-serif);font-style:italic;font-size:clamp(.92rem,1.4vw,1.04rem);line-height:1.55;color:#cfcfdc;max-width:620px;margin:10px auto 0}
.slk-orn{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 12px;color:var(--s-mu2)}
.slk-orn::before,.slk-orn::after{content:"";width:64px;height:1px;background:var(--s-hl2)}
.slk-orn i{width:7px;height:7px;border:1px solid var(--s-pb);border-radius:50%}

/* tabs: one round pill row, centered */
.slk-tabs{display:inline-flex;flex-wrap:wrap;justify-content:center;border:1px solid var(--s-hl2);border-radius:999px;padding:3px;gap:2px;margin:4px auto 0}
.slk-tab{font-size:.74rem;letter-spacing:.06em;padding:6px 14px;border-radius:999px;color:var(--s-mu);white-space:nowrap}
.slk-tab:hover{color:var(--s-tx)}
.slk-tab .slk-s{display:none}
.slk-tab[aria-selected="true"]{background:rgba(192,132,252,.18);color:var(--s-tx)}

/* stage */
.slk-stage{position:relative;width:min(100%,640px);margin:8px auto 0;aspect-ratio:1/1;touch-action:pan-y}
.slk-stage canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.slk-big{margin:16px auto 0;font-family:var(--s-mono);line-height:1;min-height:3.1em}
.slk-big b{display:block;font-size:clamp(1.5rem,3.4vw,2.2rem);color:var(--s-tx);font-weight:500;letter-spacing:-.01em}
.slk-big span{display:block;font:500 .6rem var(--s-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--s-mu);margin-top:6px}
.slk-tip{position:absolute;pointer-events:none;transform:translate(-50%,calc(-100% - 12px));background:rgba(8,8,14,.92);border:1px solid var(--s-hl2);border-radius:6px;padding:5px 9px;font:.7rem var(--s-mono);color:var(--s-tx);white-space:nowrap;opacity:0;transition:opacity .2s}
.slk-tip.on{opacity:1}
.slk-play{position:absolute;right:2%;bottom:2%;width:34px;height:34px;border-radius:50%;border:1px solid var(--s-hl2)!important;display:grid;place-items:center;color:var(--s-mu)}
.slk-play:hover{color:var(--s-tx);border-color:var(--s-pb)!important}
.slk-play svg{width:12px;height:12px}
.slk-clock{position:absolute;left:2%;bottom:2%;height:34px;display:flex;align-items:center;font:.62rem var(--s-mono);color:var(--s-mu2);letter-spacing:.04em}

/* panel under the stage */
.slk-panel{max-width:760px;margin:6px auto 0;min-height:212px}
.slk-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 6px}
.slk-chip{display:inline-flex;align-items:center;gap:7px;font-size:.74rem;padding:5px 12px;border:1px solid var(--s-hl2)!important;border-radius:999px;color:#d6d6e0}
.slk-chip i{width:8px;height:8px;border-radius:50%;background:var(--c,#fff);flex:none}
.slk-chip:hover{border-color:rgba(192,132,252,.6)!important}
.slk-chip[aria-pressed="true"]{background:rgba(192,132,252,.14);border-color:var(--s-pb)!important;color:var(--s-tx)}
.slk-card{margin:14px auto 0;max-width:600px;animation:slkfade .45s ease both}
.slk-card h3{font-family:var(--s-serif);font-weight:700;font-size:1.12rem;margin-bottom:4px}
.slk-card .slk-note{font-family:var(--s-serif);font-style:italic;font-size:.9rem;line-height:1.55;color:#cfcfdc;margin:4px auto 10px;max-width:540px}
.slk-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--s-hl);border-bottom:1px solid var(--s-hl)}
.slk-facts>div{padding:9px 4px;border-left:1px solid var(--s-hl)}
.slk-facts>div:first-child{border-left:0}
.slk-facts b{display:block;font:500 1.06rem var(--s-mono);color:var(--s-tx)}
.slk-facts span{display:block;font:500 .56rem var(--s-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--s-mu);margin-top:3px}
.slk-sub{font:.7rem var(--s-mono);color:var(--s-mu2);margin-top:8px;line-height:1.7}
.slk-src{font-size:.68rem;color:var(--s-mu2);margin-top:8px;line-height:1.6}
.slk-src a{color:#a99bc7}

/* generations: a timeline of round stops */
.slk-tl{position:relative;display:grid;grid-template-columns:repeat(7,1fr);margin:2px auto 0;max-width:720px}
.slk-tl::before{content:"";position:absolute;left:7%;right:7%;top:11px;height:1px;background:var(--s-hl2)}
.slk-stop{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0 2px;font-size:.7rem;color:var(--s-mu);line-height:1.25}
.slk-stop i{width:22px;height:22px;border-radius:50%;border:1px solid var(--s-hl2);background:var(--s-paper);display:grid;place-items:center}
.slk-stop i::after{content:"";width:8px;height:8px;border-radius:50%;background:var(--s-mu2)}
.slk-stop.plan i{border-style:dashed}
.slk-stop[aria-pressed="true"]{color:var(--s-tx)}
.slk-stop[aria-pressed="true"] i{border-color:var(--s-pb)}
.slk-stop[aria-pressed="true"] i::after{background:var(--s-pb);box-shadow:0 0 8px rgba(192,132,252,.7)}
.slk-stop small{font:.6rem var(--s-mono);color:var(--s-mu2)}
.slk-feat{list-style:none;font-size:.84rem;line-height:1.55;color:#d6d6e0;margin-top:8px}
.slk-feat li{display:inline}
.slk-feat li+li::before{content:" · ";color:var(--s-mu2)}
.slk-est{display:inline-block;font:500 .56rem var(--s-mono);letter-spacing:.04em;color:#fbbf8a;border:1px solid rgba(251,191,138,.45);border-radius:999px;padding:0 6px;margin-left:4px;vertical-align:2px}
.slk-plan{display:inline-block;font:500 .56rem var(--s-mono);letter-spacing:.04em;color:var(--s-teal);border:1px solid rgba(94,234,212,.5);border-radius:999px;padding:0 6px;margin-left:4px;vertical-align:2px}

/* approved: three symmetric columns */
.slk-led{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--s-hl2);border-bottom:1px solid var(--s-hl2);text-align:center}
.slk-led>div{padding:12px 12px 12px;border-left:1px solid var(--s-hl)}
.slk-led>div:first-child{border-left:0}
.slk-led h4{margin:0;font:500 .6rem var(--s-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--s-mu);display:flex;align-items:center;justify-content:center;gap:7px}
.slk-led h4 i{width:18px;height:0;border-top:2px solid #fff;display:inline-block}
.slk-led .ap h4 i{border-top:2px solid rgba(192,132,252,.5)}
.slk-led .rq h4 i{border-top:2px dashed rgba(232,211,168,.7)}
.slk-led b.n{display:block;font:500 1.5rem var(--s-mono);margin:6px 0 2px}
.slk-led .ap b.n{color:var(--s-pb)}.slk-led .rq b.n{color:var(--s-sand)}
.slk-led ul{list-style:none;font-size:.74rem;line-height:1.45;color:#cfcfdc;margin-top:6px}
.slk-led li{padding:5px 0;border-top:1px dotted var(--s-hl)}
.slk-led li button{display:block;width:100%;text-align:center;padding:1px 0;border-radius:4px}
.slk-led li button:hover,.slk-led li button[aria-pressed="true"]{background:rgba(192,132,252,.1)}
.slk-led li em{font-style:normal;font-family:var(--s-mono);color:var(--s-tx)}
.slk-led li small{display:block;color:var(--s-mu2);font-size:.64rem}

/* launch and return: steps */
.slk-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--s-hl);border-bottom:1px solid var(--s-hl)}
.slk-step{padding:10px 8px;border-left:1px solid var(--s-hl);font-size:.78rem;line-height:1.45;color:var(--s-mu);transition:color .4s}
.slk-step:first-child{border-left:0}
.slk-step b{display:block;font:500 .6rem var(--s-sans);letter-spacing:.16em;text-transform:uppercase;margin-bottom:4px;color:var(--s-mu2);transition:color .4s}
.slk-step.on{color:var(--s-tx)}.slk-step.on b{color:var(--s-pb)}
.slk-step.ember.on b{color:var(--s-ember)}
.slk-replay{margin-top:10px;font-size:.72rem;letter-spacing:.06em;border:1px solid rgba(192,132,252,.45)!important;color:#e9d5ff;border-radius:999px;padding:4px 14px}

.slk-cap{font-size:.7rem;line-height:1.6;color:var(--s-mu2);max-width:640px;margin:12px auto 0;font-style:italic}

/* other constellations */
.slk-sec{margin:30px auto 0;padding-top:22px;border-top:1px solid var(--s-hl2)}
.slk-h3{font-family:var(--s-serif);font-weight:700;font-size:clamp(1.2rem,2.2vw,1.55rem);text-transform:lowercase}
.slk-sec .slk-dek{font-size:.92rem}
.slk-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 10px;max-width:880px;margin:16px auto 0}
.slk-mini{margin:0}
.slk-mini canvas{width:100%;aspect-ratio:1/1;display:block}
.slk-mini figcaption{font-size:.74rem;line-height:1.4;color:#d6d6e0;margin-top:2px}
.slk-mini figcaption b{display:block;font:500 1rem var(--s-mono);color:var(--s-tx)}
.slk-mini figcaption small{display:block;font-size:.64rem;color:var(--s-mu2)}
.slk-mini.ref figcaption b{color:var(--s-pb)}
.slk-tbl{max-width:980px;margin:18px auto 0;text-align:left}
.slk-tbl table{width:100%;border-collapse:collapse;font-size:.76rem}
.slk-tbl th{font:500 .58rem var(--s-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--s-mu);text-align:left;padding:7px 6px;border-bottom:1px solid var(--s-hl2);vertical-align:bottom}
.slk-tbl td{padding:7px 6px;border-bottom:1px solid var(--s-hl);vertical-align:top;color:#d6d6e0;line-height:1.45}
.slk-tbl td.n{font-family:var(--s-mono);color:var(--s-tx);white-space:nowrap}
.slk-tbl td small{display:block;color:var(--s-mu2);font-size:.64rem}
.slk-tbl td:first-child{color:var(--s-tx);font-weight:400}
html.large-print .slk-tbl td.n{white-space:normal}
.slk-tbl{overflow-x:auto}

/* notes */
.slk-notes{max-width:680px;margin:30px auto 0;padding-top:22px;border-top:1px solid var(--s-hl2);text-align:left}
.slk-notes .slk-h3{text-align:center;margin-bottom:10px}
.slk-notes p{font-size:.9rem;line-height:1.7;color:#d6d6e0;margin-top:10px}
.slk-notes p b{font-weight:500;color:var(--s-tx)}
.slk-notes .slk-src{text-align:left}
.slk-foot{max-width:680px;margin:22px auto 0;padding-top:12px;border-top:1px dotted var(--s-hl2);text-align:left;font-size:.78rem;line-height:1.65;color:var(--s-mu)}
.slk-foot sup{color:var(--s-pb);font-family:var(--s-mono)}
.slk-allsrc{max-width:880px;margin:18px auto 0;font-size:.66rem;line-height:1.8;color:var(--s-mu2)}
.slk-allsrc a{color:#a99bc7}
.slk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@keyframes slkfade{from{opacity:0}to{opacity:1}}

@media (max-width:760px){
 .slk{padding:20px 0 14px}
 .slk-tabs{flex-wrap:nowrap}
 .slk-tab{padding:6px 11px;font-size:.72rem}
 .slk-tab .slk-l{display:none}.slk-tab .slk-s{display:inline}
 .slk-panel{min-height:0}
 .slk-stage{margin-bottom:38px}
 .slk-play,.slk-clock{bottom:-38px}
 .slk-facts{grid-template-columns:repeat(2,1fr)}
 .slk-facts>div:nth-child(3){border-left:0}
 .slk-facts>div:nth-child(n+3){border-top:1px solid var(--s-hl)}
 .slk-tl{display:flex;flex-wrap:wrap;justify-content:center;row-gap:12px}
 .slk-stop{flex:0 0 25%}
 .slk-tl::before{display:none}
 .slk-led{grid-template-columns:1fr}
 .slk-led>div{border-left:0;border-top:1px solid var(--s-hl)}
 .slk-led>div:first-child{border-top:0}
 .slk-steps{grid-template-columns:repeat(2,1fr)}
 .slk-step:nth-child(3){border-left:0}
 .slk-step:nth-child(n+3){border-top:1px solid var(--s-hl)}
 .slk-grid{grid-template-columns:repeat(2,1fr);gap:14px 10px}
 .slk-tbl table,.slk-tbl tbody,.slk-tbl tr,.slk-tbl td{display:block;width:100%}
 .slk-tbl thead{display:none}
 .slk-tbl tr{padding:8px 0;border-bottom:1px solid var(--s-hl2)}
 .slk-tbl td{border:0;padding:2px 0;display:flex;gap:10px;justify-content:space-between;text-align:right}
 .slk-tbl td::before{content:attr(data-l);font:500 .56rem var(--s-sans);letter-spacing:.14em;text-transform:uppercase;color:var(--s-mu);text-align:left;flex:none;padding-top:3px}
 .slk-tbl td:first-child{font-family:var(--s-serif);font-weight:700;font-size:.95rem;justify-content:center;text-align:center}
 .slk-tbl td:first-child::before{display:none}
 .slk-tbl td.n{white-space:normal;flex-wrap:wrap;column-gap:10px;row-gap:0}
 .slk-tbl td.n small{flex-basis:100%;text-align:right;white-space:normal}
 .slk-notes,.slk-foot{padding-left:2px;padding-right:2px}
}
@media (prefers-reduced-motion:reduce){
 .slk-card{animation:none}
 .slk-tip,.slk-step,.slk-step b{transition:none}
}
/* balanced headings and deks, so short words do not dangle on their own line */
.slk .slk-h3,.slk .slk-dek,.slk-cap,.slk-sel p{text-wrap:balance}

/* ===== explainer layer (10/04/2026): dark canvas, one idea at a time ===== */
.slk{--ex-bg:#0a0d16}
.slk-stage{background:radial-gradient(ellipse at 50% 45%,#0e1424 0%,#0a0d16 62%);border:1px solid rgba(148,178,230,.14);border-radius:14px}
.slk-ex{margin:14px auto 6px;max-width:640px}
.slk.ex-on:not(.ex-free) .slk-tabs{display:none}
.slk.ex-on:not(.ex-free) .slk-cap{display:none}
.slk.ex-s4:not(.ex-free) .slk-panel{display:none}
.slk.slk-exc .slk-big,.slk.slk-exc .slk-panel{display:none}
.slk .ex-cap{min-height:8em}
@media (max-width:620px){.slk .ex-cap{min-height:10em}}
