.hdk-scan .scan {
  --sc-forest-900:#123d28; --sc-forest-800:#1a5c3a; --sc-forest-700:#227848;
  --sc-gold:#c9a227; --sc-amber:#a8631c;
  --sc-cream:#fdfcf8; --sc-cream-warm:#fbf9f4; --sc-sage-50:#eef8f1;
  --sc-text:#2b3b30; --sc-muted:#5a6f62;
  --sc-line:rgba(10,36,24,.12); --sc-line-strong:rgba(10,36,24,.18);
  --sc-mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
  --sc-radius-lg:16px; --sc-radius-md:12px;
  --sc-shadow:0 18px 48px rgba(10,36,24,.1);
}
.hdk-scan .scan__wrap {max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.hdk-scan .scan figure {margin:0}
.hdk-scan .scan__title {margin:0}
.hdk-scan .scan ol {list-style:none}

.hdk-scan .scan {position:relative;background:linear-gradient(180deg,var(--sc-cream-warm),var(--sc-sage-50) 55%,var(--sc-cream-warm))}
.hdk-scan .scrub__track {position:relative}
.hdk-scan .scan.is-live .scrub__track {height:260vh}
.hdk-scan .scan__sticky {padding:clamp(20px,3vw,34px) 0}
.hdk-scan .scan.is-live .scan__sticky {position:sticky;top:0;min-height:100vh;display:flex;align-items:center}
.hdk-scan .scan__stage {display:grid;grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:clamp(18px,3.5vw,44px);width:100%;align-items:center}
.hdk-scan .scan__shot {position:relative;border:1px solid var(--sc-line);border-radius:var(--sc-radius-lg);background:#fff;padding:12px;box-shadow:var(--sc-shadow);max-width:440px}
.hdk-scan .scrub__canvas {display:none;width:100%;height:min(76vh,680px)}
.hdk-scan .scan.is-live .scrub__canvas {display:block}
@media (max-width:820px){
.hdk-scan .scan.is-live .scrub__track {height:220vh}
.hdk-scan .scan.is-live .scan__sticky {padding:14px 0}
.hdk-scan .scan__stage {grid-template-columns:minmax(0,182px) minmax(0,1fr);gap:12px;align-items:start}
.hdk-scan .scan__shot {max-width:182px;padding:7px}
.hdk-scan .scrub__canvas {height:min(42vh,312px)}
.hdk-scan .scrub__meter {flex-direction:column;align-items:flex-start;gap:2px;font-size:.58rem;margin-top:7px}
.hdk-scan .scan__title {font-size:1.35rem}
.hdk-scan .scan__lede {display:none}
.hdk-scan noscript .scan__lede {display:block}
.hdk-scan .scanlog {max-height:min(34vh,260px);font-size:.7rem}
.hdk-scan .scanlog__i {grid-template-columns:44px minmax(0,1fr);gap:8px}
.hdk-scan .scanlog__i b {font-size:.58rem}
.hdk-scan .scan__foot {font-size:.72rem;margin-top:10px}
}
@media (max-width:560px){
.hdk-scan .scan__stage {grid-template-columns:1fr;gap:12px}
.hdk-scan .scan__shot {max-width:250px;margin:0 auto}
.hdk-scan .scrub__canvas {height:min(34vh,272px)}
.hdk-scan .scrub__meter {flex-direction:row;align-items:baseline;font-size:.6rem}
.hdk-scan .scan__title {font-size:1.2rem;margin-bottom:2px}
.hdk-scan .scanlog {max-height:min(26vh,200px);font-size:.7rem}
.hdk-scan .scanlog__i {grid-template-columns:1fr;gap:0;padding:4px 0 4px 9px;border-left:3px solid transparent}
.hdk-scan .scanlog__i b {display:none}
.hdk-scan .scanlog__i--row {border-left-color:var(--sc-gold)}
.hdk-scan .scanlog__i--flag {border-left-color:#a8631c}
.hdk-scan .scanlog__i--block {border-left-color:rgba(34,120,72,.45)}
.hdk-scan .scanlog__i--in,.hdk-scan .scanlog__i--strip,.hdk-scan .scanlog__i--gps,.hdk-scan .scanlog__i--redact {border-left-color:rgba(90,111,98,.5)}
.hdk-scan .scanlog__i--out {border-left-color:var(--sc-forest-900)}
.hdk-scan .scan__foot {font-size:.7rem;margin-top:8px}
}
.hdk-scan .scrub__still {display:block;width:100%;height:auto;border-radius:var(--sc-radius-md)}
.hdk-scan .scan.is-live .scrub__still {display:none}
.hdk-scan .scrub__meter {display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:10px 2px 0;
  font-size:.66rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--sc-forest-700);white-space:nowrap}
.hdk-scan .scrub__meter b {font-family:var(--sc-mono);font-weight:600;letter-spacing:0;text-transform:none;color:var(--sc-muted)}

.hdk-scan .scan__title {font-size:clamp(1.6rem,3.4vw,2.4rem)}
.hdk-scan .scan__lede {margin:8px 0 16px;font-size:1.02rem;color:#2b3b30}
.hdk-scan .scanlog {list-style:none;margin:0;padding:0;max-height:min(46vh,360px);overflow:auto;
  border-top:1px solid var(--sc-line);border-bottom:1px solid var(--sc-line);
  font-family:var(--sc-mono);font-size:.78rem;line-height:1.5;overscroll-behavior:contain}
.hdk-scan .scan:not(.is-live) .scanlog,.hdk-scan .scan:not(.is-live) .scan__btn {display:none}
.hdk-scan .scanlog__i {display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;padding:5px 2px;
  opacity:.13;transition:opacity .18s ease;border-bottom:1px solid rgba(10,36,24,.05)}
.hdk-scan .scan:not(.is-live) .scanlog__i {opacity:1}
.hdk-scan .scanlog__i.is-in {opacity:1}
.hdk-scan .scanlog__i b {font-weight:700;font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;color:var(--sc-forest-700);padding-top:2px}
.hdk-scan .scanlog__i span {color:#2b3b30;overflow:hidden;text-overflow:ellipsis}
.hdk-scan .scanlog__i--row b {color:var(--sc-gold)}
.hdk-scan .scanlog__i--redact b {color:#5a6f62}
.hdk-scan .scanlog__i--redact span {color:#3d5246}
.hdk-scan .scanlog__i--flag b {color:#a8631c}
.hdk-scan .scanlog__i--flag span {font-weight:600;color:#7a4a12}
.hdk-scan .scanlog__i--row span {font-weight:600;color:var(--sc-forest-900)}
.hdk-scan .scanlog__i--out {border-bottom:0}
.hdk-scan .scanlog__i--out b,.hdk-scan .scanlog__i--out span {color:var(--sc-forest-900);font-weight:700}
.hdk-scan .scan__foot {display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin:14px 0 0;font-size:.78rem;line-height:1.5;color:var(--sc-muted);max-width:38rem}
.hdk-scan .scan__btn {font:inherit;font-size:.78rem;font-weight:700;padding:5px 12px;border-radius:999px;
  border:1px solid var(--sc-line-strong);background:#fff;color:var(--sc-forest-800);cursor:pointer}
.hdk-scan .scan__btn:hover {background:var(--sc-sage-50)}
.hdk-scan .scan{background:transparent}
.hdk-scan .scan.is-live .scan__sticky{top:calc(var(--hdk-tl-h,190px) + 6px);min-height:calc(100vh - var(--hdk-tl-h,190px) - 6px)}
.hdk-scan .scrub__canvas{height:min(calc(76vh - var(--hdk-tl-h,190px)*0.4),680px)}
.hdk-scan .scanlog{pointer-events:none}