/* GENERATED by tools/build-header-v2-css.cjs from header-v2.src.css. Do not edit by hand. */
/* Tool header v2: SOURCE. tools/build-header-v2-css.cjs writes header-v2.css from this file (each rule once as written, once more under
   #ows-stacks, because the Toolkit page has id-level button and heading rules of its own). Edit this file, never header-v2.css.
   Matches the Building Block's i button and sheet (ows-hand-builder: .owhb-xpb 44px target with a 24px ring, .owhb-modal / .owhb-sheet). */
.hv2-gone { display: none !important; }
.hv2-head { position: relative; margin: 0 0 10px; }
.hv2-head .hv2-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; }
.hv2-head .hv2-name { font: 400 clamp(19px, 2.4vw, 22px)/1.1 var(--display, "Archivo Black", Archivo, sans-serif); letter-spacing: -.01em; color: var(--ink, #16130f); min-width: 0; }
.hv2-head.no-name .hv2-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.hv2-head.no-name .hv2-row { justify-content: flex-end; min-height: 24px; }
.hv2-head.no-name { margin-bottom: 4px; }
.hv2-head .hv2-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
.hv2-head .hv2-i { appearance: none; -webkit-appearance: none; flex: 0 0 auto; min-width: 44px; min-height: 44px; margin: -10px -10px -10px 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 0; color: var(--ink, #16130f); cursor: pointer; }
.hv2-head .hv2-i i { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1.5px solid var(--ink, #16130f); border-radius: 50%; font: italic 700 13px/1 Georgia, "Times New Roman", serif; }
.hv2-head .hv2-i:hover i { background: var(--orange, #ff7a00); border-color: var(--orange, #ff7a00); color: #fff; }
.hv2-head .hv2-i[aria-expanded="true"] i { background: var(--ink, #16130f); color: var(--page, #fbf9f6); }
.hv2-head .hv2-i:focus-visible { outline: 2px solid var(--orange, #ff7a00); outline-offset: -6px; }
.hv2-head .hv2-chip { appearance: none; -webkit-appearance: none; margin: 0; padding: 3px 9px; min-height: 28px; background: transparent; border: 1.5px solid var(--ink, #16130f); border-radius: 4px; color: var(--ink, #16130f); font: 700 12px/1.2 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); letter-spacing: .02em; cursor: pointer; white-space: nowrap; }
.hv2-head .hv2-chip[hidden] { display: none; }
.hv2-head .hv2-chip:hover { background: var(--orange, #ff7a00); border-color: var(--orange, #ff7a00); color: #fff; }
.hv2-head .hv2-chip:focus-visible { outline: 2px solid var(--orange, #ff7a00); outline-offset: 2px; }
.hv2-head .hv2-line { margin: 4px 0 0; max-width: 60ch; font: 400 14px/1.4 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); color: var(--muted, #5c5348); }
.hv2-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(22, 19, 15, .52); display: flex; align-items: flex-end; justify-content: center; }
.hv2-modal[hidden] { display: none; }
.hv2-modal .hv2-sheet { width: 100%; max-width: 560px; max-height: 86vh; max-height: 86dvh; display: flex; flex-direction: column; background: var(--page, #fbf9f6); color: var(--ink, #16130f); border-radius: 6px 6px 0 0; box-shadow: 0 -12px 40px -12px rgba(22, 19, 15, .5); padding-bottom: env(safe-area-inset-bottom); }
.hv2-modal .hv2-sheet:focus { outline: none; }
.hv2-modal .hv2-sheet-h { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px; border-bottom: 1px solid var(--line, rgba(22, 19, 15, .13)); flex: 0 0 auto; }
.hv2-modal .hv2-sheet-h b { font: 400 16px var(--display, "Archivo Black", Archivo, sans-serif); text-transform: uppercase; letter-spacing: .02em; color: var(--ink, #16130f); }
.hv2-modal .hv2-done { appearance: none; -webkit-appearance: none; margin: 0; min-height: 44px; min-width: 44px; border: 0; background: none; padding: 6px 4px; color: var(--orange-dark, #c95f00); font: 700 14px var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); cursor: pointer; }
.hv2-modal .hv2-done:focus-visible { outline: 2px solid var(--orange, #ff7a00); outline-offset: 2px; }
.hv2-modal .hv2-sheet-b { overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 14px 16px 22px; font: 400 14px/1.5 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); color: var(--ink, #16130f); }
.hv2-modal .hv2-sheet-b ul { margin: 0 0 8px; padding-left: 20px; }
.hv2-modal .hv2-sheet-b li { margin: 0 0 7px; }
.hv2-modal .hv2-sheet-b p { margin: 0 0 8px; }
@media (min-width: 600px) {
  .hv2-modal { align-items: center; }
  .hv2-modal .hv2-sheet { border-radius: 4px; max-height: 80vh; max-width: 520px; box-shadow: 0 24px 60px -16px rgba(22, 19, 15, .55); }
}
/* The staff "Past weeks" fold (Depth Charts) shrinks to a chip-sized summary instead of a full-width bar. */
.stx-dc-hist.stx-note-d { flex: 0 1 auto; width: auto; max-width: 100%; border: 0; background: none; margin: 0 0 8px; }
.stx-dc-hist.stx-note-d > summary { display: inline-block; padding: 3px 9px; border: 1.5px solid var(--line, rgba(22, 19, 15, .3)); border-radius: 4px; font: 700 12px/1.2 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); text-transform: none; letter-spacing: .02em; color: var(--muted, #5c5348); }
.stx-dc-hist.stx-note-d[open] { display: block; }
/* Standalone pages: their own fonts and colours (tokens are set from the page by the script), the full row, and above their other layers. */
.hv2-head.hv2-solo { margin: 18px 0 14px; width: 100%; box-sizing: border-box; flex: 1 1 100%; align-self: stretch; grid-column: 1 / -1; z-index: 40; }
.hv2-head.hv2-solo .hv2-name, .hv2-modal.hv2-solo .hv2-sheet-h b { font-family: "Archivo Black", Archivo, "Helvetica Neue", Arial, sans-serif; }
.hv2-head.hv2-solo .hv2-line, .hv2-modal.hv2-solo .hv2-sheet-b, .hv2-modal.hv2-solo .hv2-done, .hv2-head.hv2-solo .hv2-chip { font-family: Archivo, "Helvetica Neue", Arial, sans-serif; }
.hv2-head.hv2-solo .hv2-line { opacity: .75; }
.hv2-head.hv2-solo .hv2-name, .hv2-head.hv2-solo .hv2-line, .hv2-modal.hv2-solo .hv2-sheet-b, .hv2-modal.hv2-solo .hv2-sheet-h b { color: var(--ink, inherit) !important; }
.hv2-modal.hv2-solo .hv2-done { color: var(--orange, #ff7a00) !important; }
.hv2-head.hv2-solo .hv2-name { white-space: normal; text-transform: none; letter-spacing: -.01em; }
/* Before the script runs (class added to <body> by the plugin when the header is on for this page): the old eyebrow, question and fold
   are not drawn at all, so nothing flashes and then jumps away. The script reads them from the page either way. */
html.hv2-lock { overflow: hidden; }
body.hv2-live #ows-stacks div.stx-hero { display: none; }
body.hv2-live #ows-stacks .stx-jm-eyebrow, body.hv2-live #ows-stacks .stx-jm-h2, body.hv2-live #ows-stacks .stx-jm-sub { display: none; }
body.hv2-live #ows-stacks .stx-panel > .stx-how-tk { display: none; }
body.hv2-live #ows-stacks .stx-panel > .stx-notd-lede:has(> h2) { display: none; }
body.hv2-live .bc-hero > :not(.hv2-head), body.hv2-live .owx-hero > :not(.hv2-head), body.hv2-live .oinj-hero > :not(.hv2-head), body.hv2-live .cf-hero > :not(.hv2-head):not(.cf-stamp) { display: none; }
body.hv2-live details.bc-fold, body.hv2-live details.owx-key, body.hv2-live details.oinj-key { display: none; }
/* PAGE CHROME on a phone (Aaron 11-06: get into the tool on the first screen). Only phones (600px and under), only when the header is on.
   Desktop and tablets keep exactly what they have. Nothing is removed that people use: the sport switch, the sections, every tool button
   and every slate button are still there, in single scrolling rows; the "Turn your phone sideways" banner becomes one line inside the
   tool's i sheet (only for a tool whose table is wider than the screen); "Toolkit" stays in the page for search engines and screen readers. */
@media (max-width: 600px) {
  body.hv2-live #ows-stacks .stx-rotate, body.hv2-live .ows-cf .cf-rotate { display: none; }
  body.hv2-live #ows-stacks > header.stx-hero { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
  body.hv2-live #ows-stacks .stx-secnav { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin: 8px 0 10px; }
  body.hv2-live #ows-stacks .stx-secnav > .stx-sport { margin: 0; flex: 0 0 auto; }
  body.hv2-live #ows-stacks .stx-secnav > .stx-secbar { flex: 1 1 0; min-width: 0; flex-wrap: nowrap !important; overflow-x: auto; gap: 2px; padding-right: 22px; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent); }
  body.hv2-live #ows-stacks .stx-secnav > .stx-secbar::-webkit-scrollbar { display: none; }
  body.hv2-live #ows-stacks .stx-secbar .stx-tab, body.hv2-live #ows-stacks .stx-secbar .stx-tab.is-direct { flex: 0 0 auto; white-space: nowrap; padding: 8px 10px; min-height: 36px; font-size: 12px; }
  body.hv2-live #ows-stacks .stx-secbar .stx-secbar-end, body.hv2-live #ows-stacks .stx-secbar .stx-secbar-sep { display: none; }
  body.hv2-live #ows-stacks .stx-secnav > .stx-secweek { flex: 0 0 100%; margin: 2px 0 0; }
  body.hv2-live #ows-stacks .stx-secnav > .stx-secgroups { flex: 0 0 100%; min-width: 0; max-width: 100%; margin: 4px 0 0; gap: 4px; }
  body.hv2-live #ows-stacks .stx-secgroup { flex-direction: row; align-items: center; gap: 8px; min-width: 0; max-width: 100%; }
  body.hv2-live #ows-stacks .stx-secgroup-name { flex: 0 0 auto; width: 78px; font-size: 9.5px; line-height: 1.15; }
  body.hv2-live #ows-stacks .stx-secgroup-btns { display: flex; flex-wrap: nowrap; overflow-x: auto; gap: 5px; padding-right: 22px; scrollbar-width: none; -webkit-overflow-scrolling: touch; -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent); mask-image: linear-gradient(to right, #000 calc(100% - 22px), transparent); }
  body.hv2-live #ows-stacks .stx-secgroup-btns::-webkit-scrollbar { display: none; }
  body.hv2-live #ows-stacks .stx-secgroup-btns .stx-mergednav-btn, body.hv2-live #ows-stacks .stx-secgroup-btns .stx-seclink { flex: 0 0 auto; white-space: nowrap; min-height: 36px; grid-column: auto; }
}
.hv2-modal .hv2-sheet-b p.hv2-rot { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--line, rgba(22, 19, 15, .13)); font-size: 13px; color: var(--muted, #5c5348); }
/* The same rules under #ows-stacks (the Toolkit page): */
#ows-stacks .hv2-gone { display: none !important; }
#ows-stacks .hv2-head { position: relative; margin: 0 0 10px; }
#ows-stacks .hv2-head .hv2-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; min-height: 28px; }
#ows-stacks .hv2-head .hv2-name { font: 400 clamp(19px, 2.4vw, 22px)/1.1 var(--display, "Archivo Black", Archivo, sans-serif); letter-spacing: -.01em; color: var(--ink, #16130f); min-width: 0; }
#ows-stacks .hv2-head.no-name .hv2-name { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
#ows-stacks .hv2-head.no-name .hv2-row { justify-content: flex-end; min-height: 24px; }
#ows-stacks .hv2-head.no-name { margin-bottom: 4px; }
#ows-stacks .hv2-head .hv2-actions { display: flex; align-items: center; gap: 8px; flex: 0 0 auto; }
#ows-stacks .hv2-head .hv2-i { appearance: none; -webkit-appearance: none; flex: 0 0 auto; min-width: 44px; min-height: 44px; margin: -10px -10px -10px 0; padding: 0; display: inline-flex; align-items: center; justify-content: center; background: transparent; border: 0; color: var(--ink, #16130f); cursor: pointer; }
#ows-stacks .hv2-head .hv2-i i { display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; border: 1.5px solid var(--ink, #16130f); border-radius: 50%; font: italic 700 13px/1 Georgia, "Times New Roman", serif; }
#ows-stacks .hv2-head .hv2-i:hover i { background: var(--orange, #ff7a00); border-color: var(--orange, #ff7a00); color: #fff; }
#ows-stacks .hv2-head .hv2-i[aria-expanded="true"] i { background: var(--ink, #16130f); color: var(--page, #fbf9f6); }
#ows-stacks .hv2-head .hv2-i:focus-visible { outline: 2px solid var(--orange, #ff7a00); outline-offset: -6px; }
#ows-stacks .hv2-head .hv2-chip { appearance: none; -webkit-appearance: none; margin: 0; padding: 3px 9px; min-height: 28px; background: transparent; border: 1.5px solid var(--ink, #16130f); border-radius: 4px; color: var(--ink, #16130f); font: 700 12px/1.2 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); letter-spacing: .02em; cursor: pointer; white-space: nowrap; }
#ows-stacks .hv2-head .hv2-chip[hidden] { display: none; }
#ows-stacks .hv2-head .hv2-chip:hover { background: var(--orange, #ff7a00); border-color: var(--orange, #ff7a00); color: #fff; }
#ows-stacks .hv2-head .hv2-chip:focus-visible { outline: 2px solid var(--orange, #ff7a00); outline-offset: 2px; }
#ows-stacks .hv2-head .hv2-line { margin: 4px 0 0; max-width: 60ch; font: 400 14px/1.4 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); color: var(--muted, #5c5348); }
#ows-stacks .hv2-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(22, 19, 15, .52); display: flex; align-items: flex-end; justify-content: center; }
#ows-stacks .hv2-modal[hidden] { display: none; }
#ows-stacks .hv2-modal .hv2-sheet { width: 100%; max-width: 560px; max-height: 86vh; max-height: 86dvh; display: flex; flex-direction: column; background: var(--page, #fbf9f6); color: var(--ink, #16130f); border-radius: 6px 6px 0 0; box-shadow: 0 -12px 40px -12px rgba(22, 19, 15, .5); padding-bottom: env(safe-area-inset-bottom); }
#ows-stacks .hv2-modal .hv2-sheet:focus { outline: none; }
#ows-stacks .hv2-modal .hv2-sheet-h { display: flex; align-items: center; justify-content: space-between; padding: 14px 16px 10px; border-bottom: 1px solid var(--line, rgba(22, 19, 15, .13)); flex: 0 0 auto; }
#ows-stacks .hv2-modal .hv2-sheet-h b { font: 400 16px var(--display, "Archivo Black", Archivo, sans-serif); text-transform: uppercase; letter-spacing: .02em; color: var(--ink, #16130f); }
#ows-stacks .hv2-modal .hv2-done { appearance: none; -webkit-appearance: none; margin: 0; min-height: 44px; min-width: 44px; border: 0; background: none; padding: 6px 4px; color: var(--orange-dark, #c95f00); font: 700 14px var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); cursor: pointer; }
#ows-stacks .hv2-modal .hv2-done:focus-visible { outline: 2px solid var(--orange, #ff7a00); outline-offset: 2px; }
#ows-stacks .hv2-modal .hv2-sheet-b { overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: 14px 16px 22px; font: 400 14px/1.5 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); color: var(--ink, #16130f); }
#ows-stacks .hv2-modal .hv2-sheet-b ul { margin: 0 0 8px; padding-left: 20px; }
#ows-stacks .hv2-modal .hv2-sheet-b li { margin: 0 0 7px; }
#ows-stacks .hv2-modal .hv2-sheet-b p { margin: 0 0 8px; }
@media (min-width: 600px) {
  #ows-stacks .hv2-modal { align-items: center; }
  #ows-stacks .hv2-modal .hv2-sheet { border-radius: 4px; max-height: 80vh; max-width: 520px; box-shadow: 0 24px 60px -16px rgba(22, 19, 15, .55); }
}
#ows-stacks .stx-dc-hist.stx-note-d { flex: 0 1 auto; width: auto; max-width: 100%; border: 0; background: none; margin: 0 0 8px; }
#ows-stacks .stx-dc-hist.stx-note-d > summary { display: inline-block; padding: 3px 9px; border: 1.5px solid var(--line, rgba(22, 19, 15, .3)); border-radius: 4px; font: 700 12px/1.2 var(--sans, Archivo, "Helvetica Neue", Arial, sans-serif); text-transform: none; letter-spacing: .02em; color: var(--muted, #5c5348); }
#ows-stacks .stx-dc-hist.stx-note-d[open] { display: block; }
#ows-stacks .hv2-head.hv2-solo { margin: 18px 0 14px; width: 100%; box-sizing: border-box; flex: 1 1 100%; align-self: stretch; grid-column: 1 / -1; z-index: 40; }
#ows-stacks .hv2-head.hv2-solo .hv2-name, #ows-stacks .hv2-modal.hv2-solo .hv2-sheet-h b { font-family: "Archivo Black", Archivo, "Helvetica Neue", Arial, sans-serif; }
#ows-stacks .hv2-head.hv2-solo .hv2-line, #ows-stacks .hv2-modal.hv2-solo .hv2-sheet-b, #ows-stacks .hv2-modal.hv2-solo .hv2-done, #ows-stacks .hv2-head.hv2-solo .hv2-chip { font-family: Archivo, "Helvetica Neue", Arial, sans-serif; }
#ows-stacks .hv2-head.hv2-solo .hv2-line { opacity: .75; }
#ows-stacks .hv2-head.hv2-solo .hv2-name, #ows-stacks .hv2-head.hv2-solo .hv2-line, #ows-stacks .hv2-modal.hv2-solo .hv2-sheet-b, #ows-stacks .hv2-modal.hv2-solo .hv2-sheet-h b { color: var(--ink, inherit) !important; }
#ows-stacks .hv2-modal.hv2-solo .hv2-done { color: var(--orange, #ff7a00) !important; }
#ows-stacks .hv2-head.hv2-solo .hv2-name { white-space: normal; text-transform: none; letter-spacing: -.01em; }
#ows-stacks .hv2-modal .hv2-sheet-b p.hv2-rot { margin: 12px 0 0; padding-top: 10px; border-top: 1px solid var(--line, rgba(22, 19, 15, .13)); font-size: 13px; color: var(--muted, #5c5348); }