/* Opportunity and Finishing: a two-window shift board inside /insights/. */
#observed-window{
  --ov-navy:#0d1f3c;
  --ov-ink:var(--hi-ink,#0d1f3c);
  --ov-paper:var(--hi-surface-1,#fffaf1);
  --ov-ice:var(--hi-blue-soft,#e3ecfa);
  --ov-blue:var(--hi-blue,#1f5fbf);
  --ov-coral:var(--hi-coral,#b8483a);
  --ov-muted:var(--hi-muted,#5b6c83);
  margin:44px 0;padding:30px;border:1px solid var(--hi-line,#d7cbb7);background:var(--ov-paper);color:var(--ov-ink);
  scroll-margin-top:150px;min-width:0;overflow-anchor:none
}
#observed-window *{box-sizing:border-box}
#observed-window h2,#observed-window h3,#observed-window h4{font-family:Newsreader,Georgia,serif;color:var(--ov-ink)}
#observed-window h2{font-size:clamp(32px,4.4vw,52px);font-weight:600;line-height:1;margin:8px 0 14px;letter-spacing:-.02em}
#observed-window h3{font-size:clamp(34px,4.2vw,48px);font-weight:600;line-height:1;margin:5px 0 0;letter-spacing:-.02em}
#observed-window h4{font-size:21px;line-height:1.1;margin:0}
#observed-window p{max-width:82ch;line-height:1.62}
#observed-window select,#observed-window input,#observed-window button{
  max-width:100%;min-height:44px;border:1px solid var(--hi-line,#d7cbb7);border-radius:4px;padding:10px 12px;
  background:var(--hi-surface-2,#f4f6f8);color:var(--ov-ink);font:700 14px/1.2 "Source Sans 3",Arial,sans-serif
}
#observed-window button{cursor:pointer;color:var(--ov-blue)}
#observed-window button:hover{border-color:var(--ov-blue)}
#observed-window button:disabled{cursor:not-allowed;opacity:.55}
#observed-window :focus-visible{outline:2px solid var(--ov-blue);outline-offset:3px}
.ov-intro{max-width:78ch}
.ov-kicker,.ov-player-role,.ov-source-date,.ov-phase{
  font:700 12px/1.4 "JetBrains Mono",monospace;color:var(--ov-blue);letter-spacing:.035em
}
.ov-example{margin:13px 0 0;padding-left:13px;border-left:2px solid var(--hi-line,#d7cbb7);color:var(--ov-muted);font-size:14px}
.ov-form{margin:26px 0 0}
.ov-player-switch{
  display:grid;grid-template-columns:minmax(16rem,1fr) auto auto;gap:10px;align-items:end;padding:18px;
  background:var(--ov-navy);border-bottom:3px solid var(--ov-blue)
}
.ov-player-switch label,.ov-controls label{display:flex;flex-direction:column;gap:6px;min-width:0;font:700 13px/1.3 "Source Sans 3",Arial,sans-serif}
.ov-player-switch label{color:#fff}
#observed-window .ov-player-switch input{width:100%;background:#fff;color:#0d1f3c;border-color:#fff}
#observed-window .ov-player-switch button{background:transparent;border-color:rgba(255,255,255,.42);color:#fff}
#observed-window .ov-player-switch .ov-primary-action{background:#fff;border-color:#fff;color:#0d1f3c}
.ov-settings{border:1px solid var(--hi-line,#d7cbb7);border-top:0;background:var(--hi-surface-2,#f4f6f8)}
.ov-settings summary,.ov-method summary,.ov-games summary{cursor:pointer;color:var(--ov-blue);font-weight:800}
.ov-settings summary{display:flex;justify-content:space-between;gap:20px;padding:15px 17px;align-items:baseline}
.ov-settings summary small{color:var(--ov-muted);font:600 12px/1.4 "JetBrains Mono",monospace;text-align:right}
.ov-controls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:4px 17px 18px}
.ov-status{min-height:1.5em;margin:16px 0 0;color:var(--ov-muted);font-size:14px;font-weight:700}
.ov-loading,.ov-failure{margin:24px 0;padding:16px;border:1px solid var(--hi-line,#d7cbb7);background:var(--hi-surface-2,#f4f6f8)}
.ov-failure{border-left:3px solid var(--ov-coral)}
.ov-failure p{margin:0 0 12px}
.ov-player{margin-top:38px;padding-top:30px;border-top:2px solid var(--ov-ink)}
.ov-player:first-child{margin-top:26px}
.ov-player-head{display:flex;justify-content:space-between;align-items:end;gap:28px}
.ov-player-role{margin:0}
.ov-source-date{margin:0;text-align:right;color:var(--ov-muted)}
.ov-window-line{margin:17px 0 0;color:var(--ov-muted);font:600 13px/1.7 "JetBrains Mono",monospace}
.ov-takeaway{
  margin:20px 0 24px;max-width:74ch!important;padding:2px 0 2px 18px;border-left:4px solid var(--ov-blue);
  font:500 clamp(22px,2.8vw,32px)/1.28 Newsreader,Georgia,serif
}
.ov-boundary{margin:18px 0;padding:13px 15px;border-left:3px solid var(--ov-coral);background:var(--hi-surface-2,#f4f6f8);color:var(--ov-muted);font-size:14px}
.ov-boundary b{color:var(--ov-ink)}
.ov-shiftboard{margin:0;border-block:1px solid var(--ov-ink);background:var(--hi-surface-2,#f4f6f8)}
.ov-board-head,.ov-lens{display:grid;grid-template-columns:minmax(10rem,.72fr) minmax(0,1fr) minmax(0,1fr)}
.ov-board-head{border-bottom:1px solid var(--hi-line,#d7cbb7);color:var(--ov-muted);font:700 12px/1.3 "Source Sans 3",Arial,sans-serif}
.ov-board-head span{padding:11px 15px}.ov-board-head span+span{border-left:1px solid var(--hi-line,#d7cbb7)}
.ov-lens{border-bottom:1px solid var(--hi-line,#d7cbb7)}
.ov-lens-head{padding:18px 15px}
.ov-lens-head p{margin:7px 0 0;color:var(--ov-muted);font-size:13px;line-height:1.42!important}
.ov-reading{min-width:0;padding:16px 15px;border-left:1px solid var(--hi-line,#d7cbb7)}
.ov-reading strong{display:block;margin:4px 0 1px;font:800 clamp(25px,3vw,34px)/1 "JetBrains Mono",monospace;font-variant-numeric:tabular-nums;color:var(--ov-ink)}
.ov-reading .ov-unit{display:block;min-height:2.5em;color:var(--ov-muted);font-size:12px;line-height:1.3}
.ov-reading small{display:block;margin-top:8px;color:var(--ov-muted);font-size:12px;line-height:1.45}
.ov-phase{display:block;color:var(--ov-muted)}
.ov-reading.is-recent .ov-phase{color:var(--ov-blue)}
.ov-rail{display:block;height:8px;margin-top:11px;background:var(--hi-line,#d7cbb7);overflow:hidden}
.ov-rail i{display:block;width:var(--ov-fill);height:100%;background:var(--ov-muted)}
.ov-reading.is-recent .ov-rail i{background:var(--ov-blue)}
.ov-board-note{margin:0!important;padding:12px 15px;max-width:none!important;color:var(--ov-muted);font-size:12px}
.ov-windows{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}
.ov-windows>section{min-width:0;padding-top:14px;border-top:1px solid var(--hi-line,#d7cbb7)}
.ov-windows h4{font-size:19px!important}
.ov-games summary{padding:12px 0}
.ov-table{width:100%;overflow-x:auto;margin:4px 0 12px;border-top:1px solid var(--hi-line,#d7cbb7)}
.ov-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px}
.ov-table th,.ov-table td{padding:10px 8px;text-align:right;white-space:nowrap;border-bottom:1px solid var(--hi-hair,#e4dac7)}
.ov-table th:first-child,.ov-table td:nth-child(2){text-align:left}
.ov-table a{color:var(--ov-blue);font-weight:800}
.ov-method{margin-top:30px;padding:16px 0;border-block:1px solid var(--hi-line,#d7cbb7)}
.ov-method p{margin:12px 0 0;color:var(--ov-muted);font-size:14px}

@media(max-width:960px){
  .ov-controls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:640px){
  #observed-window{margin:32px 0;padding:22px 13px}
  .ov-player-switch{grid-template-columns:1fr;padding:14px}
  #observed-window .ov-player-switch button{width:100%}
  .ov-settings summary{display:block}
  .ov-settings summary small{display:block;margin-top:6px;text-align:left}
  .ov-controls{grid-template-columns:1fr;padding:4px 14px 15px}
  .ov-player{margin-top:30px;padding-top:24px}
  .ov-player-head{display:block}
  .ov-source-date{margin-top:10px;text-align:left}
  .ov-takeaway{padding-left:13px;font-size:23px}
  .ov-board-head{display:none}
  .ov-lens{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .ov-lens-head{grid-column:1/-1;border-bottom:1px solid var(--hi-line,#d7cbb7)}
  .ov-reading{border-left:0;padding:14px 10px}
  .ov-reading.is-recent{border-left:1px solid var(--hi-line,#d7cbb7)}
  .ov-reading strong{font-size:24px}
  .ov-reading .ov-unit{min-height:3.8em}
  .ov-windows{grid-template-columns:1fr}
  .ov-windows button{width:100%}
  .ov-table table{min-width:540px}
}
@media(prefers-reduced-motion:reduce){
  #observed-window *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}