.shell-code {
  display: block;
  padding: 8px 12px;
  background: #1e1e1e;
  color: #f5f5f5;
  font-size: 0.9em;
  line-height: 1.5;
  border-radius: 4px;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

body.streamingspecs {
  --s-bg: #0b1220;          /* homepage background */
  --s-card: #131d31;        /* homepage footer bar / panel navy */
  --s-deep: #05080b;        /* homepage video frame */
  --s-blue: #00a0df;        /* --v3-blue */
  --s-blue-hi: #19b3ef;     /* --v3-blue-hi */
  --s-text: #fff;
  --s-muted: rgba(255, 255, 255, .72);
  --s-soft: rgba(255, 255, 255, .62);
  --s-line: rgba(255, 255, 255, .1);
  --s-line2: rgba(255, 255, 255, .12);
  background: var(--s-bg) !important;
}

body.streamingspecs .orka-specs {
  color: var(--s-muted); line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
body.streamingspecs .orka-specs p,
body.streamingspecs .orka-specs li { color: var(--s-muted); }
body.streamingspecs .orka-specs strong { color: #fff; }

/* Headings: Montserrat heavy, white, tight tracking (as .v3-h2 / .v3-prop h3) */
body.streamingspecs .orka-specs h1,
body.streamingspecs .orka-specs h2,
body.streamingspecs .orka-specs h3,
body.streamingspecs .orka-specs h4,
body.streamingspecs .orka-specs h5 { color: #fff; }
body.streamingspecs .orka-specs h1 { font-weight: 900; letter-spacing: -.025em; font-size: 2.2em; line-height: 1.1; }
body.streamingspecs .orka-specs h2 { font-weight: 900; letter-spacing: -.02em; color: var(--s-blue); }
body.streamingspecs .orka-specs h3 { font-weight: 800; letter-spacing: -.01em; border-bottom: 1px solid var(--s-line2); }
body.streamingspecs .orka-specs h4,
body.streamingspecs .orka-specs h5 { font-weight: 700; color: var(--s-blue-hi); }

/* Links */
body.streamingspecs .orka-specs a,
body.streamingspecs .orka-specs a.orka-link { color: var(--s-blue); text-decoration: none; font-weight: 700; }
body.streamingspecs .orka-specs a:hover,
body.streamingspecs .orka-specs a.orka-link:hover { color: var(--s-blue-hi); text-decoration: underline; }

/* Tables */
body.streamingspecs .orka-specs table {
  border-collapse: separate; border-spacing: 0; overflow: hidden;
  border: 1px solid var(--s-line2); border-radius: 14px; background: rgba(255, 255, 255, .025);
}
body.streamingspecs .orka-specs th,
body.streamingspecs .orka-specs td { border: 0; border-bottom: 1px solid var(--s-line); padding: 12px 16px; }
body.streamingspecs .orka-specs tr:last-child > th,
body.streamingspecs .orka-specs tr:last-child > td { border-bottom: 0; }
body.streamingspecs .orka-specs th {
  background: rgba(0, 160, 223, .1); color: #fff; font-weight: 700;
  border-right: 1px solid var(--s-line);
}
body.streamingspecs .orka-specs td { color: rgba(255, 255, 255, .82); }
body.streamingspecs .orka-specs tr:hover > td { background: rgba(255, 255, 255, .025); }

/* Notes */
body.streamingspecs .orka-specs .orka-note {
  background: rgba(0, 160, 223, .1); border-left: 4px solid var(--s-blue);
  border-radius: 0 12px 12px 0; color: rgba(255, 255, 255, .82);
}

/* Tabs: pill buttons like the homepage (active = white CTA, idle = ghost) */
body.streamingspecs .orka-specs .orka-tabs { gap: 8px 8px; }
body.streamingspecs .orka-specs .orka-tabs .orka-tab-label {
  margin: 0 0 12px 0; font-weight: 700;
  color: #fff; background: transparent;
  border: 1px solid rgba(255, 255, 255, .25); border-radius: 9999px;
  transition: border-color .15s ease, color .15s ease, background .15s ease;
}
body.streamingspecs .orka-specs .orka-tabs .orka-tab-label:hover { background: transparent; border-color: var(--s-blue); color: var(--s-blue-hi); }
body.streamingspecs .orka-specs .orka-tabs .orka-tab-input:checked + .orka-tab-label {
  background: #fff; color: #000; border-color: #fff; font-weight: 800;
  box-shadow: 0 10px 30px rgba(0, 160, 223, .25);
}
body.streamingspecs .orka-specs .orka-tabs .orka-tab-input:focus-visible + .orka-tab-label { outline: 3px solid var(--s-blue-hi); outline-offset: 3px; }
body.streamingspecs .orka-specs .orka-tabs .orka-tab-panel {
  background: rgba(255, 255, 255, .025); border: 1px solid var(--s-line); border-radius: 16px;
}
body.streamingspecs .orka-specs .orka-tabs .orka-tab-panel .orka-tab-panel { background: transparent; }
body.streamingspecs .orka-specs .orka-tab-panel code { background: rgba(255, 255, 255, .08); color: #fff; }

/* Code blocks + command buttons */
body.streamingspecs .orka-specs .orka-code {
  background: var(--s-deep); border: 1px solid rgba(0, 160, 223, .25);
  border-radius: 16px; box-shadow: 0 24px 60px rgba(0, 0, 0, .55);
}
body.streamingspecs .orka-specs .orka-code::before { font-family: var(--family-mono); color: rgba(255, 255, 255, .55); }
body.streamingspecs .orka-specs .orka-cmd-open,
body.streamingspecs .orka-specs .orka-copy {
  font-family: var(--family-mono); font-weight: 800; color: #000; background: #fff;
  border: 0; border-radius: 9999px; padding: 10px 22px;
  box-shadow: 0 10px 30px rgba(0, 160, 223, .25);
  transition: transform .15s ease, background .15s ease, box-shadow .15s ease;
}
body.streamingspecs .orka-specs .orka-cmd-open::before { color: var(--s-blue); }
body.streamingspecs .orka-specs .orka-cmd-open:hover,
body.streamingspecs .orka-specs .orka-copy:hover {
  background: var(--s-blue); color: #fff; transform: translateY(-1px);
  box-shadow: 0 14px 36px rgba(0, 160, 223, .4);
}
body.streamingspecs .orka-specs .orka-dialog { background: var(--s-card); color: #fff; border: 1px solid rgba(0, 160, 223, .25); border-radius: 20px; }
body.streamingspecs .orka-specs .orka-dialog::backdrop { background: rgba(11, 18, 32, .85); }
body.streamingspecs .orka-specs .orka-dialog-title { color: #fff; }
body.streamingspecs .orka-specs .orka-dialog-close { color: #fff; background: transparent; border: 1px solid rgba(255, 255, 255, .25); border-radius: 9999px; }
body.streamingspecs .orka-specs .orka-dialog-close:hover { background: transparent; border-color: var(--s-blue); color: var(--s-blue-hi); }
body.streamingspecs .orka-specs .orka-copy-status { color: var(--s-blue-hi); }

@media print {
  body.streamingspecs .orka-specs, body.streamingspecs .orka-specs * { color: #000 !important; background: #fff !important; }
}


.orka-specs h1 { font-size: 1.9em; margin: 0 0 0.6em; color: #14395c; font-weight: 700; }
.orka-specs h2 { font-size: 1.5em; margin: 1.6em 0 0.5em; color: #14395c; font-weight: 700; }
.orka-specs h3 { font-size: 1.25em; margin: 1.6em 0 0.5em; color: #14395c; font-weight: 700; border-bottom: 2px solid #e2e8ef; padding-bottom: 0.25em; }
.orka-specs h4 { font-size: 1.05em; margin: 1.3em 0 0.4em; color: #1c4a75; font-weight: 600; }
.orka-specs h5 { font-size: 0.95em; margin: 1.1em 0 0.4em; color: #1c4a75; font-weight: 600; }
.orka-specs p { margin: 0 0 1em; }
.orka-specs .orka-intro { margin: 0 0 1.8em; }
.orka-specs .orka-intro p:last-child { margin-bottom: 0; }
.orka-specs table { width: 100%; border-collapse: collapse; margin: 0 0 1.2em; font-size: 0.95em; }
.orka-specs table caption { text-align: left; font-weight: 600; margin-bottom: 0.4em; }
.orka-specs th, .orka-specs td { border: 1px solid #d9dee5; padding: 10px 14px; vertical-align: top; text-align: left; }
.orka-specs th { background: #f0f2f5; width: 26%; font-weight: 600; white-space: nowrap; }
.orka-specs td ul { margin: 0; padding-left: 1.1em; }
.orka-specs td li { margin: 0.2em 0; }
.orka-specs .orka-hero-list { margin: 0 0 1.6em; padding-left: 1.2em; font-size: 0.95em; }
.orka-specs .orka-hero-list li { margin: 0.35em 0; }
.orka-specs .orka-code { position: relative; background: #0f2436; border-radius: 6px; padding: 30px 18px 18px; overflow-x: auto; margin: 0 0 1.2em; box-shadow: 0 1px 3px rgba(0,0,0,0.2); }
.orka-specs .orka-code::before { content: "bash"; position: absolute; top: 8px; left: 14px; font-size: 11px; letter-spacing: 0.05em; text-transform: uppercase; color: #6f93ac; }
.orka-specs .orka-code pre { margin: 0; font-size: 13px; line-height: 1.5; color: #e8eef4; white-space: pre; }
.orka-specs .orka-code .tok-cmd { font-weight: 700; color: #e8eef4; }
.orka-specs .orka-code .tok-flag { font-weight: 700; color: #e8c07d; }
.orka-specs .orka-code .tok-str { color: #8fbf9a; }
.orka-specs .orka-code .tok-num { color: #8fbf9a; }
.orka-specs .orka-note { background: #f0f6fb; border-left: 4px solid #3a7bbf; padding: 10px 16px; margin: 0 0 1.2em; font-size: 0.95em; }
.orka-specs .orka-tabs { position: relative; display: flex; flex-wrap: wrap; align-items: flex-end; margin: 0 0 1.2em; }
.orka-specs .orka-tabs .orka-tab-input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; padding: 0; overflow: hidden; clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap; border: 0; }
.orka-specs .orka-tabs .orka-tab-label { display: inline-block; order: 1; margin: 0 4px -1px 0; padding: 8px 18px; font-size: 0.95em; font-weight: 600; line-height: 1.4; color: #1c4a75; background: #f0f2f5; border: 1px solid #d9dee5; border-radius: 6px 6px 0 0; cursor: pointer; user-select: none; text-transform: none; letter-spacing: normal; position: relative; z-index: 1; }
.orka-specs .orka-tabs .orka-tab-label:hover { background: #e2e8ef; color: #14395c; }
.orka-specs .orka-tabs .orka-tab-input:checked + .orka-tab-label { background: #fff; color: #14395c; border-bottom-color: #fff; z-index: 2; }
.orka-specs .orka-tabs .orka-tab-input:focus-visible + .orka-tab-label { outline: 2px solid #3a7bbf; outline-offset: 2px; }
.orka-specs .orka-tabs .orka-tab-panel { display: none; order: 2; width: 100%; box-sizing: border-box; padding: 16px 16px 2px; border: 1px solid #d9dee5; border-radius: 0 6px 6px 6px; background: #fff; }
.orka-specs .orka-tabs #orka-page-tab-live:checked ~ .orka-tab-panel-page-live,
.orka-specs .orka-tabs #orka-page-tab-fast:checked ~ .orka-tab-panel-page-fast,
.orka-specs .orka-tabs #orka-page-tab-vod:checked ~ .orka-tab-panel-page-vod { display: block; }
.orka-specs .orka-tabs-page > .orka-tab-label { font-size: 1.05em; padding: 10px 24px; }
.orka-specs .orka-tabs-page > .orka-tab-panel { padding: 4px 20px 8px; }
.orka-specs .orka-tabs-page > .orka-tab-panel > h2:first-child { margin-top: 0.6em; }
.orka-specs .orka-list { margin: 0 0 1em; padding-left: 1.2em; list-style: disc; }
.orka-specs .orka-list li { margin: 0.35em 0; }
.orka-specs a.orka-link { color: #1c4a75; font-weight: 600; text-decoration: underline; }
.orka-specs a.orka-link:hover { color: #14395c; }
.orka-specs .orka-cmd-open { display: inline-block; margin: 0 0 0.4em; padding: 8px 16px; font-size: 0.92em; font-weight: 600; line-height: 1.4; color: #fff; background: #1c4a75; border: 1px solid #14395c; border-radius: 6px; cursor: pointer; }
.orka-specs .orka-cmd-open::before { content: "\276F_"; margin-right: 0.5em; font-family: var(--family-mono); font-weight: 700; color: #e8c07d; }
.orka-specs .orka-cmd-open:hover { background: #14395c; }
.orka-specs .orka-cmd-open:focus-visible, .orka-specs .orka-dialog button:focus-visible { outline: 2px solid #3a7bbf; outline-offset: 2px; }
.orka-specs .orka-dialog { width: min(980px, calc(100vw - 32px)); max-width: none; max-height: calc(100vh - 32px); padding: 0; border: 1px solid #d9dee5; border-radius: 10px; background: #fff; color: #222; box-shadow: 0 12px 40px rgba(15,36,54,0.35); }
.orka-specs .orka-dialog::backdrop { background: rgba(15,36,54,0.6); }
.orka-specs .orka-dialog[open] { display: flex; flex-direction: column; }
.orka-specs .orka-dialog-inner { display: flex; flex-direction: column; min-height: 0; max-height: calc(100vh - 34px); padding: 14px 18px 18px; box-sizing: border-box; }
.orka-specs .orka-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 10px; }
.orka-specs .orka-dialog-title { margin: 0; font-size: 1.05em; font-weight: 700; color: #14395c; }
.orka-specs .orka-dialog-close { flex: none; width: 36px; height: 36px; padding: 0; font-size: 24px; line-height: 1; color: #1c4a75; background: #f0f2f5; border: 1px solid #d9dee5; border-radius: 6px; cursor: pointer; }
.orka-specs .orka-dialog-close:hover { background: #e2e8ef; }
.orka-specs .orka-dialog-bar { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin: 0 0 10px; }
.orka-specs .orka-copy { padding: 9px 20px; font-size: 0.95em; font-weight: 700; line-height: 1.4; color: #fff; background: #1c4a75; border: 1px solid #14395c; border-radius: 6px; cursor: pointer; }
.orka-specs .orka-copy:hover { background: #14395c; }
.orka-specs .orka-copy-status { font-size: 0.9em; font-weight: 600; color: #1c6b3a; }
.orka-specs .orka-dialog-body { flex: 1 1 auto; min-height: 0; overflow: auto; }
.orka-specs .orka-dialog-body .orka-code { margin: 0; }
.orka-specs .orka-tabs #orka-live-proto-tab-srt:checked ~ .orka-tab-panel-live-srt,
.orka-specs .orka-tabs #orka-live-proto-tab-rtmp:checked ~ .orka-tab-panel-live-rtmp { display: block; }
.orka-specs .orka-tabs #orka-codec-tab-avc:checked ~ .orka-tab-panel-avc,
.orka-specs .orka-tabs #orka-codec-tab-hevc:checked ~ .orka-tab-panel-hevc { display: block; }
.orka-specs .orka-tabs #orka-vod-codec-tab-avc:checked ~ .orka-tab-panel-vod-avc,
.orka-specs .orka-tabs #orka-vod-codec-tab-hevc:checked ~ .orka-tab-panel-vod-hevc,
.orka-specs .orka-tabs #orka-vod-codec-tab-prores:checked ~ .orka-tab-panel-vod-prores { display: block; }
.orka-specs .orka-tab-panel-vod-avc > h3:first-child, .orka-specs .orka-tab-panel-vod-hevc > h3:first-child, .orka-specs .orka-tab-panel-vod-prores > h3:first-child { margin-top: 0.4em; }
.orka-specs .orka-tab-panel code { font-family: var(--family-mono); font-size: 0.95em; background: #f0f2f5; padding: 1px 4px; border-radius: 3px; }
.orka-specs .orka-tab-panel code::before, .orka-specs .orka-tab-panel code::after { content: none; }
@media print {
  .orka-specs .orka-tabs .orka-tab-label { display: none; }
  .orka-specs .orka-tabs .orka-tab-panel { display: block !important; border: 0; padding: 0; }
  .orka-specs .orka-tabs .orka-tab-panel-live-srt::before { content: "SRT, Preferred"; display: block;  font-weight: 600; color: #1c4a75; margin: 1em 0 0.4em; }
  .orka-specs .orka-tabs .orka-tab-panel-live-rtmp::before { content: "RTMP"; display: block; font-weight: 600; color: #1c4a75; margin: 1em 0 0.4em; }
  .orka-specs .orka-tabs .orka-tab-panel-avc::before { content: "AVC (H.264)"; display: block; font-weight: 600; color: #1c4a75; margin: 1em 0 0.4em; }
  .orka-specs .orka-tabs .orka-tab-panel-hevc::before { content: "HEVC (H.265), Preferred"; display: block; font-weight: 600; color: #1c4a75; margin: 1em 0 0.4em; }
  .orka-specs .orka-tabs .orka-tab-panel-vod-avc::before { content: "AVC (H.264)"; display: block; font-weight: 600; color: #1c4a75; margin: 1em 0 0.4em; }
  .orka-specs .orka-tabs .orka-tab-panel-vod-hevc::before { content: "HEVC (H.265), Preferred"; display: block; font-weight: 600; color: #1c4a75; margin: 1em 0 0.4em; }
  .orka-specs .orka-tabs .orka-tab-panel-vod-prores::before { content: "ProRes (MOV)"; display: block; font-weight: 600; color: #1c4a75; margin: 1em 0 0.4em; }
  .orka-specs .orka-dialog { display: block !important; position: static !important; width: auto !important; max-height: none !important; margin: 0 0 1.2em !important; border: 0 !important; box-shadow: none !important; }
  .orka-specs .orka-dialog-inner { max-height: none; padding: 0; }
  .orka-specs .orka-dialog-body { overflow: visible; }
  .orka-specs .orka-cmd-open, .orka-specs .orka-dialog-close, .orka-specs .orka-dialog-bar, .orka-specs .orka-dialog-title { display: none !important; }
  .orka-specs .orka-code pre { white-space: pre-wrap; }
}
@media (max-width: 600px) {
  .orka-specs th { width: 38%; white-space: normal; }
  .orka-specs .orka-tabs .orka-tab-label { padding: 8px 12px; font-size: 0.9em; }
  .orka-specs .orka-tabs-page > .orka-tab-label { padding: 9px 16px; font-size: 1em; }
  .orka-specs .orka-tabs:not(.orka-tabs-page) > .orka-tab-label { padding: 7px 10px; font-size: 0.85em; margin-right: 3px; }
  .orka-specs .orka-tabs .orka-tab-label-extra { display: none; }
  .orka-specs .orka-tabs-page > .orka-tab-panel { padding: 4px 10px 8px; }
  .orka-specs .orka-dialog { width: calc(100vw - 16px); max-height: calc(100vh - 16px); }
  .orka-specs .orka-dialog-inner { max-height: calc(100vh - 18px); padding: 12px; }
  .orka-specs .orka-code pre { font-size: 12px; }
}