/* One Prop Season hub, tools look (hub 0.9.0; mockup docs/mockups/ops-hub-OPH1.html). Tokens from
   docs/TOOLS-DESIGN-GUIDE.md. Scoped to #ows-one-prop-season.ows-oph; type carries !important because the
   theme styles h1, h4, p, table and button on pages. */
#ows-one-prop-season.ows-oph{--page:#fbf9f6;--surface:#f3efe8;--ink:#16130f;--muted:#5c5348;--quiet:#948a7c;--line:rgba(22,19,15,.13);--orange:#ff7a00;--orange-dark:#c95f00;--peach:#fdeee6;--sans:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Archivo Black",Archivo,system-ui,sans-serif;
  position:relative;left:50%;width:100vw;max-width:100vw;margin-left:-50vw;padding:0!important;background:var(--page);color:var(--ink);font-family:var(--sans)}
#ows-one-prop-season.ows-oph *{box-sizing:border-box}
.ows-oph p,.ows-oph ul,.ows-oph h1,.ows-oph h4{margin:0;padding:0}
.ows-oph .oph{max-width:1200px;margin:0 auto;padding:36px 24px 64px}
/* header */
.ows-oph .oph-head{max-width:760px;margin:0 auto;text-align:center}
.ows-oph .oph-eyebrow{margin:0 0 8px!important;color:var(--orange)!important;font:700 12px/1.3 var(--sans)!important;letter-spacing:.24em!important;text-transform:uppercase!important}
.ows-oph .oph-eyebrow span{color:var(--quiet)}
.ows-oph .oph-title{margin:0!important;color:var(--ink)!important;font:400 clamp(36px,5.4vw,56px)/1 var(--display)!important;letter-spacing:-.015em!important;text-transform:none!important}
.ows-oph .oph-prize{margin:12px 0 0!important;color:var(--ink)!important;font:800 clamp(19px,2.6vw,24px)/1.3 var(--sans)!important}
.ows-oph .oph-prize b{color:var(--orange-dark);font-weight:800}
.ows-oph .oph-expect{margin:6px auto 0!important;max-width:60ch;color:var(--muted)!important;font:500 15px/1.45 var(--sans)!important}
.ows-oph .oph-basis{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;margin:16px 0 0!important;padding:12px 0 0!important;border-top:1px solid var(--line);color:var(--muted)!important;font:500 13.5px/1.4 var(--sans)!important}
.ows-oph .oph-basis b{color:var(--ink);font-weight:800;font-variant-numeric:tabular-nums}
/* the pick panel: top and centre, a little bigger (Aaron 10-29) */
.ows-oph .oph-pick{max-width:760px;margin:24px auto 0}
.ows-oph .oph-pick .ows-opk{padding:32px 36px 24px}
.ows-oph .oph-pick .ows-opk .opk-h2{margin-bottom:16px!important;font-size:clamp(26px,3.4vw,38px)!important}
.ows-oph .oph-pick .ows-opk .opk-prize{display:none!important}
.ows-oph .oph-pick .ows-opk .opk-how{display:none!important}
.ows-oph .oph-pick .ows-opk input.opk-q{padding:14px 16px!important;font-size:17px!important}
.ows-oph .oph-signin{padding:26px;border:1px solid var(--line);border-radius:2px;background:#fffdfb;text-align:center}
.ows-oph .oph-primary{display:inline-block;padding:14px 22px;border-radius:4px;background:var(--orange);color:#fff!important;font:700 16px var(--sans);text-decoration:none!important}
/* the card with three views */
.ows-oph .oph-card{margin:30px 0 0;padding:22px 24px 18px;border:1px solid var(--line);border-radius:2px;background:radial-gradient(120% 60% at 100% 0%,rgba(255,122,0,.08),rgba(255,122,0,0) 55%),linear-gradient(180deg,#fbf9f6 0%,#f6f1ea 100%);box-shadow:0 18px 40px -26px rgba(22,19,15,.45)}
.ows-oph .oph-tabs{display:flex;gap:24px;margin:0 0 16px;border-bottom:1px solid var(--line)}
.ows-oph button.oph-tab{margin:0 0 -1px;padding:0 0 10px!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:var(--quiet)!important;font:700 12px/1.2 var(--sans)!important;letter-spacing:.1em!important;text-transform:uppercase!important;cursor:pointer}
.ows-oph button.oph-tab.is-on{border-bottom-color:var(--ink)!important;color:var(--ink)!important}
.ows-oph .oph-ctl{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;margin:0 0 12px}
.ows-oph .oph-fl{display:block;margin:0 0 5px;color:var(--quiet);font:700 11px var(--sans);letter-spacing:.12em;text-transform:uppercase}
.ows-oph .oph-chips{display:flex;flex-wrap:wrap;gap:6px}
.ows-oph button.oph-chip{padding:7px 10px!important;border:1px solid var(--line)!important;border-radius:4px!important;background:#fff!important;box-shadow:none!important;color:var(--ink)!important;font:700 13px/1.2 var(--sans)!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer}
.ows-oph button.oph-chip small{margin-left:4px;color:var(--quiet);font-weight:700}
.ows-oph button.oph-chip.is-on{border-color:var(--orange)!important;background:var(--orange)!important;color:#fff!important}
.ows-oph button.oph-chip.is-on small{color:#fff}
.ows-oph .oph-find{margin-left:auto}
.ows-oph .oph-find input{width:220px;height:auto!important;margin:0!important;padding:8px 11px!important;border:1.5px solid var(--ink)!important;border-radius:4px!important;background:#fff!important;color:var(--ink)!important;font:500 14px var(--sans)!important;box-shadow:none!important}
/* tables */
.ows-oph table.oph-table{width:100%;margin:0!important;border:0!important;border-collapse:collapse;background:none!important;font:400 14px var(--sans)}
.ows-oph .oph-table th{padding:8px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;color:var(--quiet)!important;font:700 11px var(--sans)!important;letter-spacing:.08em!important;text-transform:uppercase!important;text-align:left;white-space:nowrap}
.ows-oph .oph-table th.n,.ows-oph .oph-table td.n{text-align:right;font-variant-numeric:tabular-nums}
.ows-oph .oph-table td{padding:9px 8px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none;color:var(--ink);vertical-align:middle}
.ows-oph .oph-table tr.row{cursor:pointer}
.ows-oph .oph-table tr.row.is-alt{background:#fffdfb}
.ows-oph .oph-table tr.row:hover{background:var(--peach)}
.ows-oph .oph-table tr.row.is-me{box-shadow:inset 3px 0 0 var(--orange);background:rgba(255,122,0,.07)}
.ows-oph .oph-rank{width:36px;color:var(--quiet);font-weight:700;font-variant-numeric:tabular-nums}
.ows-oph .oph-who{display:flex;align-items:center;gap:9px;min-width:0}
.ows-oph .oph-who img{flex:0 0 28px;width:28px!important;height:28px!important;margin:0!important;border-radius:50%;object-fit:cover}
.ows-oph .oph-who b{font:700 14.5px/1.25 var(--sans)}
.ows-oph .oph-who small{display:block;color:var(--orange-dark);font:700 11px var(--sans);letter-spacing:.06em;text-transform:uppercase}
.ows-oph .oph-who small a{color:var(--orange-dark);text-decoration:underline}
.ows-oph .oph-rec{font:800 15px var(--sans);font-variant-numeric:tabular-nums}
.ows-oph .oph-streak{display:inline-block;min-width:34px;padding:3px 6px;border-radius:2px;font:700 12.5px var(--sans);text-align:center;font-variant-numeric:tabular-nums}
.ows-oph .oph-sq{display:inline-flex;gap:3px;vertical-align:middle}
.ows-oph .oph-sq span{width:14px;height:14px;border-radius:2px;border:1px solid rgba(22,19,15,.18)}
.ows-oph .oph-sq span.w{background:var(--orange);border-color:var(--orange)}
.ows-oph .oph-sq span.l{background:#d9d2c8;border-color:#d9d2c8}
.ows-oph .oph-sq span.p{background:repeating-linear-gradient(45deg,#e6e0d7 0 3px,transparent 3px 6px)}
.ows-oph .oph-caret{width:22px;color:var(--quiet);font:700 13px var(--sans);text-align:center;transition:transform .15s}
.ows-oph tr.row.is-open .oph-caret{transform:rotate(180deg);color:var(--ink)}
.ows-oph tr.log td{padding:0!important;background:#fffdfb}
.ows-oph .oph-log{padding:10px 12px 14px 52px}
.ows-oph .oph-log-h{margin:0 0 6px!important;color:var(--quiet)!important;font:700 11px/1.4 var(--sans)!important;letter-spacing:.08em;text-transform:uppercase}
.ows-oph .oph-log table{width:100%;margin:0!important;border:0!important;border-collapse:collapse;font:400 13.5px var(--sans)}
.ows-oph .oph-log th{padding:5px 6px!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;color:var(--quiet)!important;font:700 10.5px var(--sans)!important;letter-spacing:.08em;text-transform:uppercase;text-align:left}
.ows-oph .oph-log td{padding:7px 6px!important;border:0!important;border-bottom:1px dashed rgba(22,19,15,.1)!important;color:var(--ink);word-break:break-word}
.ows-oph .oph-log td.px{white-space:nowrap;font-variant-numeric:tabular-nums}
.ows-oph .oph-res{display:inline-block;min-width:26px;padding:2px 4px;border-radius:2px;font:800 12px var(--sans);text-align:center;white-space:nowrap}
.ows-oph .oph-res.w{background:var(--orange);color:#fff}
.ows-oph .oph-res.l{background:#e6e0d7;color:var(--muted)}
.ows-oph .oph-res.o,.ows-oph .oph-res.p,.ows-oph .oph-res.v{border:1px solid var(--line);color:var(--quiet)}
.ows-oph button.oph-more{display:block;margin:14px auto 0;padding:10px 16px!important;border:1.5px solid var(--ink)!important;border-radius:4px!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;font:700 14px var(--sans)!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer}
.ows-oph .oph-key{margin:10px 0 0!important;color:var(--quiet)!important;font:500 12.5px/1.45 var(--sans)!important}
.ows-oph .oph-empty{padding:18px 8px!important;color:var(--muted)!important;font:500 14px var(--sans)}
.ows-oph .oph-table tfoot td{border-top:2px solid var(--ink)!important;font-weight:800}
.ows-oph .oph-pk b{display:block;font:700 14.5px/1.25 var(--sans)}
.ows-oph .oph-pk span{color:var(--muted);font:500 13px/1.3 var(--sans)}
/* the fold, at the very bottom */
.ows-oph details.oph-how{margin:26px 0 0;border-left:3px solid var(--orange);background:rgba(255,122,0,.05)}
.ows-oph details.oph-how summary{padding:10px 12px;color:var(--orange-dark);font:700 14px var(--sans);cursor:pointer;list-style:none}
.ows-oph details.oph-how summary::-webkit-details-marker{display:none}
.ows-oph .oph-how-body{display:grid;grid-template-columns:1fr 1fr;gap:6px 28px;padding:4px 14px 16px}
.ows-oph .oph-how-body h4{margin:10px 0 4px!important;color:var(--ink)!important;font:800 14px/1.3 var(--sans)!important;text-transform:none!important;letter-spacing:normal!important}
.ows-oph .oph-how-body ul{padding-left:18px!important;list-style:disc}
.ows-oph .oph-how-body li{margin:0 0 3px!important;color:var(--muted)!important;font:400 13.5px/1.55 var(--sans)!important}
.ows-oph .oph-how-body a{color:var(--orange-dark)!important;text-decoration:underline}
@media(max-width:680px){
  .ows-oph .oph{padding:22px 14px 40px}
  .ows-oph .oph-eyebrow{font-size:11px!important;letter-spacing:.14em!important}
  .ows-oph .oph-pick .ows-opk{padding:22px 16px 18px}
  .ows-oph .oph-card{padding:16px 12px 14px}
  .ows-oph .oph-find{margin-left:0;width:100%}.ows-oph .oph-find input{width:100%}
  .ows-oph .oph-hide-s{display:none}
  .ows-oph .oph-tabs{gap:0;justify-content:space-between}
  .ows-oph button.oph-tab{font-size:11px!important;letter-spacing:.05em!important}
  .ows-oph .oph-table td,.ows-oph .oph-table th{padding-left:5px!important;padding-right:5px!important}
  .ows-oph .oph-rank{width:26px}
  .ows-oph .oph-log{padding-left:10px}
  .ows-oph .oph-how-body{grid-template-columns:1fr}
}