.scout-project-top {display:block}
.scout-project-top .scout-intro h2 {font-size:clamp(42px,6.6vw,88px);font-weight:500;line-height:1.06;letter-spacing:-.05em;margin:0;text-wrap:balance}
.scout-intro>p {font-size:clamp(17px,1.6vw,21px);line-height:1.6;color:var(--muted);max-width:760px;margin:22px auto 0;text-wrap:pretty}
.scout-demo-options {color:var(--ink);font-weight:500;letter-spacing:.06em}
.scout-demo-options .ci-demo-panel {padding-top:0;letter-spacing:normal}
.scout-demo-options .ci-demo-request {margin-top:16px}
@media(min-width:901px){.scout-demo-options .ci-demo>summary{min-height:80px}}
@media(max-width:560px){
  .scout-intro .scout-demo-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px;margin-top:20px}
  .scout-demo-options .ci-demo>summary{min-height:68px;padding:10px 18px 10px 0;font-size:15px;letter-spacing:.035em}
  .scout-intro>p{margin-top:18px;line-height:1.55}
}
.scout-preview {margin-top:38px;padding:32px;background:#f6f6f0;color:#191919;color-scheme:light}
.scout-preview-heading {display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:24px}
.scout-preview-heading p {margin:0;font-size:17px;font-weight:500}
.scout-preview-heading>span {font-size:15px;line-height:1.6;color:#60605a}
.scout-preview-body {display:grid;grid-template-columns:230px minmax(0,1fr);gap:46px}
.scout-step-list {display:flex;flex-direction:column;gap:8px}
.scout-preview [hidden] {display:none!important}
.scout-step {display:flex;align-items:center;gap:18px;width:100%;min-height:56px;padding:14px 18px;border:0;background:transparent;color:#51514a;font:inherit;font-size:18px;line-height:1.4;text-align:left;cursor:pointer}
.scout-step>span {font-size:14px;font-variant-numeric:tabular-nums}
.scout-step[aria-selected="true"] {background:#171714;color:#fff}
.scout-step:focus-visible,.scout-preview a:focus-visible,.scout-step-panel:focus-visible {outline:2px solid #171714;outline-offset:4px}
.scout-step-content {min-width:0}
.scout-step-panel {padding:14px 0 0}
.scout-step-panel h4 {font-size:clamp(28px,3vw,40px);font-weight:400;line-height:1.2;letter-spacing:-.035em;margin:0;max-width:650px;text-wrap:balance}
.scout-step-panel>p {font-size:18px;line-height:1.7;max-width:680px;color:#55554f;margin:22px 0 0}
.scout-output {border-top:1px solid #cecec4;margin-top:30px;padding-top:23px}
.scout-output>span {display:block;font-size:14px;line-height:1.5;color:#60605a;margin-bottom:8px}
.scout-output>strong {font-size:21px;font-weight:500;line-height:1.5}
.scout-preview-footer {border-top:1px solid #cecec4;margin-top:30px;padding-top:20px}
.scout-preview-footer a {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:44px;font-size:16px;line-height:1.5;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px) {
  .scout-preview {padding:24px 22px;margin-top:28px}
  .scout-preview-heading {display:block;padding-bottom:20px}
  .scout-preview-heading>span {display:block;margin-top:8px;font-size:15px}
  .scout-preview-body {grid-template-columns:minmax(0,1fr);gap:24px}
  .scout-step-list {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .scout-step {font-size:16px;gap:10px;padding:12px;min-height:52px}
  .scout-step:last-child:nth-child(odd) {grid-column:1/-1}
  .scout-step-panel {padding-top:0}
  .scout-step-panel>p {font-size:17px;line-height:1.65;margin-top:18px}
  .scout-output {margin-top:24px;padding-top:20px}
  .scout-output>strong {font-size:20px}
  .scout-preview-footer a {font-size:15px;gap:16px}
}

/* Full walkthrough embedded in the homepage. */
.scout-embed-container{width:100%;margin-top:38px}
.scout-embed-frame{display:block;width:100%;height:1500px;border:0;background:transparent}
.scout-embed-open{margin:18px 0 0;text-align:right;font-size:14px;line-height:1.6}
.scout-embed-open a{text-underline-offset:4px}
@media(max-width:760px){.scout-embed-container{margin-top:28px}.scout-embed-open{text-align:left}}

/* Player board and direct game links on the portfolio. */
.sb-board { margin-top: clamp(26px, 4vw, 48px); }
.sb-intro { padding-block: 18px; border-block: 1px solid var(--rule); }
.sb-intro h3 { font-size: clamp(27px, 3.5vw, 44px); line-height: 1.15; margin-bottom: 8px; }
.sb-intro p { color: var(--muted); font-size: 15px; }
.sb-tools {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(145px, 22%) auto;
  align-items: end;
  gap: 12px;
  margin-top: 18px;
}
.sb-tools label { display: grid; gap: 7px; color: var(--muted); font-size: 13px; }
.sb-tools input, .sb-tools select, .sb-tools button {
  width: 100%;
  min-height: 44px;
  padding: 8px 12px;
  border: 1px solid #62625d;
  border-radius: 6px;
  background: #202020;
  color: var(--ink);
  font: inherit;
  font-size: 16px;
}
.sb-tools button { min-width: 44px; }
.sb-tools input::placeholder { color: #b6b6af; opacity: 1; }
.sb-board-status { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 16px; margin: 8px 0; }
.sb-board-status p { color: var(--muted); font-size: 13px; }
.sb-swipe { display: none; }
.sb-scroll { overflow-x: auto; border: 1px solid var(--rule); border-radius: 7px; }
.sb-table { width: 100%; min-width: 880px; border-collapse: separate; border-spacing: 0; text-align: left; font-size: 14px; }
.sb-table thead th { background: #292929; }
.sb-table thead button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  min-height: 48px;
  width: 100%;
  padding: 8px 12px;
  background: transparent;
  color: var(--ink);
  border: 0;
  text-align: left;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 700;
}
.sb-table thead button:focus-visible { outline-offset: -4px; }
.sb-table thead button span { color: var(--muted); }
.sb-table thead th[aria-sort] { background: #3a3a38; }
.sb-table tbody tr { --sb-row: #232323; }
.sb-table tbody tr:hover { --sb-row: #262626; }
.sb-table tbody th, .sb-table td { padding: 8px 12px; background: var(--sb-row); border-top: 1px solid var(--rule); line-height: 1.4; }
.sb-table tbody th { min-width: 142px; text-align: left; }
.sb-table td:nth-child(2) { min-width: 150px; }
.sb-table td:nth-child(6) { min-width: 158px; }
.sb-table td:nth-child(7) { min-width: 145px; }
.sb-film-event { max-width: 20ch; white-space: normal; }
.sb-meta { display: block; font-size: 12px; margin-top: 2px; color: var(--muted); }
.sb-number { font-variant-numeric: tabular-nums; white-space: nowrap; }
.sb-height > span { display: block; }
.sb-height-imperial { margin-top: 2px; color: var(--muted); font-size: 12px; }
.sb-player { display: block; text-decoration: none; }
.sb-mobile-film { display: none; }
.sb-open { display: inline-flex; align-items: center; min-height: 44px; white-space: nowrap; gap: 4px; text-decoration: underline; text-underline-offset: 4px; }
.sb-open:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
.sb-open span { color: var(--muted); }
.sb-empty { margin: 12px 0; color: var(--muted); }
.sb-sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media(max-width: 1060px) {
  .sb-scroll { scroll-padding-inline-start: calc(var(--sb-pinned-width, 170px) + 8px); }
  .sb-swipe { display: block; flex: 1; min-width: 180px; }
  .sb-mobile-film { display: block; color: var(--muted); font-size: 12px; line-height: 1.4; font-weight: 400; }
  .sb-table tr > :first-child { position: sticky; left: 0; box-shadow: 1px 0 var(--rule); }
}
@media(max-width: 600px) {
  .sb-tools { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; }
  .sb-tools label:first-child { grid-column: 1 / -1; }
  .sb-tools input, .sb-tools select { padding-inline: 8px; }
}