/* Section sub-nav for Studio, Play and Kids. Mirrors the Forensic tab row (fx-secnav.css) so every section reads the same way. */
.zk-secnav{position:relative;border-bottom:1px solid color-mix(in srgb,var(--hairline,#222b55) 85%,transparent);background:color-mix(in srgb,var(--bg,#080c22) 92%,transparent)}
.zk-secnav ul{display:flex;align-items:stretch;gap:2px;margin:0;padding:0;list-style:none;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
.zk-secnav ul::-webkit-scrollbar{display:none}
.zk-secnav li{flex:0 0 auto}
.zk-secnav li.zk-secnav-end{margin-left:auto}
.zk-secnav ul li a{display:flex;align-items:center;min-height:48px;padding:0 10px;border-bottom:2px solid transparent;color:var(--muted,#a8b2d4);font-size:.84rem;font-weight:650;line-height:1.2;text-decoration:none;white-space:nowrap}
.zk-secnav ul li a:hover{color:var(--ink,#eef1fb)}
.zk-secnav ul li a[aria-current=page]{color:var(--ink,#eef1fb);border-bottom-color:var(--accent,#4fd1a5)}
.zk-secnav ul li a.zk-secnav-button{align-self:center;min-height:36px;margin:6px 0 6px 4px;padding:0 14px;border:1px solid var(--accent,#4fd1a5);border-radius:8px;color:var(--accent,#4fd1a5);font-weight:700}
.zk-secnav ul li a.zk-secnav-button:hover{background:color-mix(in srgb,var(--accent,#4fd1a5) 12%,transparent)}
.zk-secnav ul li a.zk-secnav-button[aria-current=page]{background:color-mix(in srgb,var(--accent,#4fd1a5) 14%,transparent);color:var(--ink,#eef1fb)}
.zk-secnav a:focus-visible{outline:2px solid var(--accent,#4fd1a5);outline-offset:-2px;border-radius:4px}
/* Kids: the same row with touch-sized tabs and larger type for young readers. */
.zk-secnav.zk-secnav-kids{--accent:#4fd1a5;--ink:#eef1fb;--muted:#c3cbe6}
.zk-secnav.zk-secnav-kids ul{gap:6px}
.zk-secnav.zk-secnav-kids ul li a{min-height:56px;padding:0 14px;font-size:1rem;font-weight:700}
.zk-secnav.zk-secnav-kids ul li a.zk-secnav-button{min-height:44px;margin-block:6px;padding:0 18px;border-radius:12px}
@media print{.zk-secnav{display:none!important}}
/* Section hero type: the same mono eyebrow with a leading rule and the same green second line as the Forensic and Cyber heroes. */
p.zk-eyebrow.zk-eyebrow{display:block;margin:0 0 14px;color:#9fe6cf;font-family:ui-monospace,SFMono-Regular,"JetBrains Mono",Menlo,Consolas,monospace;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}
p.zk-eyebrow.zk-eyebrow::before{content:"";display:inline-block;width:22px;height:1px;margin-right:10px;vertical-align:middle;background:currentColor}
em.zk-accent{display:block;color:var(--accent,#4fd1a5);font-style:normal}
:root[data-theme=light] p.zk-eyebrow.zk-eyebrow{color:var(--accent)}
header.sh-hero h1 em{background:none;color:var(--accent,#4fd1a5);-webkit-text-fill-color:currentColor}