/* WTR Predictor card and plugin blocks in Tidewater (WP9; analysis/08 §6.2, §12.5), on every family
   that can print the card. 1. plugin variables on tokens · 2. palette bridge · 3. Tidewater card.
   Scoped .wx (WP5 re-points it inside .wx-mc-pred); details: reports/WP9.md. */
.wx .wtrp, .wx .wtrf, .wx .wtrp-lb, .wx .wtrp-hub, .wx .wtrp-rules, .wx .wtrp-pundits,
.wx .wtrp-lineup, .wx .wtrp-lineup-table, .wx .wtrp-tabs, .wx .wtrp-month, .wx .wtrp-potm {
	--wtrp-graphite: var(--wtr-heading);
	--wtrp-ink: var(--wtr-heading);
	--wtrp-emerald: var(--wtr-btn);
	--wtrp-emerald-bright: var(--wtr-accent);
	--wtrp-page: var(--wtr-surface);
	--wtrp-surface: var(--wtr-section);
	--wtrp-muted: var(--wtr-meta);
	--wtrp-silver: var(--wtr-border);
	--wtrp-hairline: var(--wtr-border);
	--wtrp-warning: var(--wtr-amber-700);
	--wtrp-error: var(--wtr-loss);
	--wtrp-champagne: var(--wtr-amber-700);
	--wtrp-mono: var(--wtr-ff-mono);
}

/* 2. Palette bridge: generated by tidewater/work/WP9/tools/gen-palette.py from widget.css 0.21.5 */
.wx .wtrp,
.wx .wtrf { color: var(--wtr-heading); background: var(--wtr-surface); border: 1px solid var(--wtr-border); }
.wx .wtrp__notice { border: 1px dashed var(--wtr-border); background: var(--wtr-section); color: var(--wtr-meta); }
.wx .wtrp__head { border-bottom: 1px solid var(--wtr-border); }
.wx .wtrp__eyebrow { color: var(--wtr-link); }
.wx .wtrp__meta { color: var(--wtr-meta); }
.wx .wtrp__pill { background: var(--wtr-section); color: var(--wtr-heading); }
.wx .wtrp__pill--live { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__pill--locked { color: var(--wtr-meta); }
.wx .wtrp__dot { background: var(--wtr-accent); }
.wx .wtrp__pill--locked .wtrp__dot { background: var(--wtr-border); }
.wx .wtrp__abs { color: var(--wtr-meta); }
.wx .wtrp__qsub { color: var(--wtr-meta); }
.wx .wtrp__team { background: var(--wtr-surface); border: 1px solid var(--wtr-border); }
.wx .wtrp__badge { border: 1px solid var(--wtr-border); background: var(--wtr-section); }
.wx .wtrp__initials { color: var(--wtr-heading); }
.wx .wtrp__tmeta { color: var(--wtr-meta); }
.wx .wtrp__team[aria-pressed="true"] { border: 2px solid var(--wtr-btn); background: var(--wtr-section); }
.wx .wtrp__team[aria-pressed="true"] .wtrp__badge { border-color: var(--wtr-btn); background: var(--wtr-surface); }
.wx .wtrp__check { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__team:focus-visible,
.wx .wtrp__draw:focus-visible,
.wx .wtrp__step:focus-visible,
.wx .wtrp__submit:focus-visible,
.wx .wtrp__secondary:focus-visible,
.wx .wtrp__num:focus-visible { outline: 2px solid var(--wtr-btn); }
.wx .wtrp__draw { border: 1px solid var(--wtr-border); background: var(--wtr-surface); color: var(--wtr-heading); }
.wx .wtrp__draw[aria-pressed="true"] { border: 2px solid var(--wtr-btn); background: var(--wtr-section); }
.wx .wtrp__margin { border-top: 1px solid var(--wtr-border); }
.wx .wtrp__msummary::after { color: var(--wtr-meta); }
.wx .wtrp__mvalue { color: var(--wtr-link); }
.wx .wtrp__stepper { border: 1px solid var(--wtr-border); background: var(--wtr-surface); }
.wx .wtrp__step { background: var(--wtr-section); color: var(--wtr-heading); }
.wx .wtrp__step:disabled { color: var(--wtr-meta); }
.wx .wtrp__minus { border-right: 1px solid var(--wtr-border); }
.wx .wtrp__plus { border-left: 1px solid var(--wtr-border); }
.wx .wtrp__num { color: var(--wtr-heading); }
.wx .wtrp__mhint { color: var(--wtr-meta); }
.wx .wtrp__splitn { color: var(--wtr-meta); }
.wx .wtrp__bar { border: 1px solid var(--wtr-border); }
.wx .wtrp__seg--a { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__seg--b { background: var(--wtr-section); color: var(--wtr-heading); border-left: 1px solid var(--wtr-border); }
.wx .wtrp__seg--d { background: var(--wtr-border); color: var(--wtr-heading); }
.wx .wtrp__bar--empty { background: var(--wtr-section); }
.wx .wtrp__empty { color: var(--wtr-meta); }
.wx .wtrp__plain { color: var(--wtr-heading); }
.wx .wtrp__splitfoot { color: var(--wtr-meta); }
.wx .wtrp__fresh--stale { color: var(--wtr-amber-700); }
.wx .wtrp__pollnote { color: var(--wtr-meta); }
.wx .wtrp__submit { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__submit:disabled { background: var(--wtr-border); color: var(--wtr-btn-text); }
.wx .wtrp__submit--saved { background: var(--wtr-btn); }
.wx .wtrp__secondary { border: 1px solid var(--wtr-btn); background: var(--wtr-surface); color: var(--wtr-heading); }
.wx .wtrp__secondary[aria-pressed="true"] { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__status { color: var(--wtr-meta); }
.wx .wtrp__status--ok { color: var(--wtr-link); }
.wx .wtrp__status--warn { color: var(--wtr-amber-700); }
.wx .wtrp__status--err { color: var(--wtr-loss); }
.wx .wtrp__email { border: 2px solid var(--wtr-btn); background: var(--wtr-section); }
.wx .wtrp__esub { color: var(--wtr-meta); }
.wx .wtrp__cnote { color: var(--wtr-meta); }
.wx .wtrp__einput { border: 1px solid var(--wtr-border); background: var(--wtr-surface); color: var(--wtr-heading); }
.wx .wtrp__einput:focus-visible { outline: 2px solid var(--wtr-btn); }
.wx .wtrp__ego { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__ego:disabled { background: var(--wtr-border); }
.wx .wtrp__efoot { color: var(--wtr-meta); }
.wx .wtrp__rank { border-top: 1px solid var(--wtr-border); }
.wx .wtrp__ranklink { color: var(--wtr-link); }
.wx .wtrp__rankfoot { color: var(--wtr-meta); }
.wx .wtrp__cbox { accent-color: var(--wtr-btn); }
.wx .wtrp__cfoot { color: var(--wtr-meta); }
.wx .wtrp__sponsor { border-top: 1px solid var(--wtr-border); }
.wx .wtrp__slabel { color: var(--wtr-meta); }
.wx .wtrp__slogo { background: var(--wtr-section); border: 1px solid var(--wtr-border); color: var(--wtr-meta); }
.wx .wtrp__noscript { border-top: 1px solid var(--wtr-border); background: var(--wtr-section); color: var(--wtr-meta); }
.wx .wtrp__terms a { color: var(--wtr-meta); }
.wx .wtrf__k { color: var(--wtr-link); }
.wx .wtrf__stat { color: var(--wtr-heading); }
.wx .wtrf__cta { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrf__cta:hover,
.wx .wtrf__cta:focus { color: var(--wtr-btn-text); }
.wx .wtrp-hub__intro { color: var(--wtr-text); }
.wx .wtrp-rules__item { background: var(--wtr-surface); }
.wx .wtrp-hub__more a,
.wx .wtrp-hub__back a { color: var(--wtrp-emerald, var(--wtr-link)); }
.wx .wtrp__live { border-top: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp__livewait { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp__livetag { color: var(--wtr-loss); background: var(--wtr-section); }
.wx .wtrp__livetag--final { color: var(--wtrp-muted, var(--wtr-meta)); background: var(--wtrp-surface, var(--wtr-section)); }
.wx .wtrp__livelabel,
.wx .wtrp__liveempty { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp__liverow { border-bottom: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp__liverank { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp__livebank { color: var(--wtrp-emerald, var(--wtr-link)); }
.wx .wtrp__livefoot { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp__livefoot [data-wtrp-live-you] { color: var(--wtrp-emerald, var(--wtr-link)); }
.wx .wtrp-league__share { background: var(--wtrp-surface, var(--wtr-section)); }
.wx .wtrp-league__sharenote,
.wx .wtrp-league__joined,
.wx .wtrp-league__err { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-league__err { color: var(--wtr-loss); }
.wx .wtrp-league__joined { color: var(--wtrp-emerald, var(--wtr-link)); }
.wx .wtrp-leagues__list { background: var(--wtrp-hairline, var(--wtr-border)); border: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-leagues__item { background: var(--wtr-surface); }
.wx .wtrp-leagues__meta { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-leagues__label { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-leagues__input { border: 1px solid var(--wtrp-silver, var(--wtr-border)); background: var(--wtr-surface); }
.wx .wtrp-leagues__status { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-leagues__none { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-league__link { color: var(--wtrp-emerald, var(--wtr-link)); }
.wx .wtrp-league__link--warn { color: var(--wtr-loss); }
.wx .wtrp-league__members li { border-bottom: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-pundits { border: 1px dashed var(--wtrp-silver, var(--wtr-border)); }
.wx .wtrp-potm { border-top: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-potm__label { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-potm__select { border: 1px solid var(--wtrp-silver, var(--wtr-border)); background: var(--wtr-surface); }
.wx .wtrp-potm__status { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-potm__bar { background: var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-potm__fill { background: var(--wtrp-emerald, var(--wtr-btn)); }
.wx .wtrp-potm__pct { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-potm__total,
.wx .wtrp-potm__none { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lineup,
.wx .wtrp-lineup-table { color: var(--wtrp-graphite, var(--wtr-heading)); border: 1px solid var(--wtrp-hairline, var(--wtr-border)); background: var(--wtr-surface); }
.wx .wtrp-lineup__note { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lineup__team + .wtrp-lineup__team { border-top: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-lineup__state { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lineup__slot { border-bottom: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-lineup__slot--bench { background: var(--wtrp-surface, var(--wtr-section)); }
.wx .wtrp-lineup__shirt { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lineup__select { background: var(--wtr-surface); border: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-lineup__mine { background: var(--wtrp-surface, var(--wtr-section)); color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lineup__mine--shirt { background: var(--wtrp-emerald, var(--wtr-btn)); color: var(--wtr-btn-text); }
.wx .wtrp-lineup__mine--in { color: var(--wtrp-emerald, var(--wtr-link)); }
.wx .wtrp-lineup__status { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lineup-table__grid th,
.wx .wtrp-lineup-table__grid td { border-bottom: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-lineup-table__grid th { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-sheet { border-top: 1px solid var(--wtrp-hairline, var(--wtr-border)); }
.wx .wtrp-sheet__toggle { color: var(--wtrp-emerald, var(--wtr-link)); }
.wx .wtrp-sheet__name { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-sheet__row--bench { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-sheet__shirt { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lb__flag { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp-lb__flag:hover,
.wx .wtrp-lb__flag:focus-visible { color: var(--wtrp-graphite, var(--wtr-heading)); }
.wx .wtrp-lb__report { color: var(--wtrp-muted, var(--wtr-meta)); }
.wx .wtrp__name { border-top: 1px solid var(--wtr-border); background: var(--wtr-section); }
.wx .wtrp__skip { color: var(--wtr-meta); }
.wx .wtrp__skip:hover,
.wx .wtrp__skip:focus-visible { color: var(--wtr-heading); }
.wx .wtrp__skip:focus-visible { outline: 2px solid var(--wtr-btn); }

/* 3. Tidewater card */
.wx .wtrp, .wx .wtrf {
	font-family: var(--wtr-ff-sans);
	color: var(--wtr-text);
	border-radius: var(--wtr-radius-md);
}
.wx .wtrp__head { border-bottom-color: var(--wtr-border); }
.wx .wtrp__eyebrow {
	font: 700 12.5px/1.3 var(--wtr-ff-sans);
	letter-spacing: 0;
	text-transform: none;
	color: var(--wtr-meta);
}
.wx .wtrp__match { font: 800 18px/1.25 var(--wtr-ff-sans); letter-spacing: -.01em; color: var(--wtr-heading); }
.wx .wtrp__matchlink { color: inherit; }
.wx .wtrp__arrow { display: none; }
.wx .wtrp__matchlink:hover, .wx .wtrp__matchlink:focus-visible { border-bottom-color: currentColor; }
.wx .wtrp__pill { font: 500 12px/1 var(--wtr-ff-mono); letter-spacing: 0; color: var(--wtr-heading); background: var(--wtr-section); }
.wx .wtrp__pill--locked { color: var(--wtr-meta); }
.wx .wtrp__dot { background: var(--wtr-win); }
.wx .wtrp__pill--locked .wtrp__dot { background: var(--wtr-meta); }
.wx .wtrp__q { color: var(--wtr-heading); font-family: var(--wtr-ff-sans); }
.wx .wtrp__qsub, .wx .wtrp__abs, .wx .wtrp__meta { color: var(--wtr-meta); }

.wx .wtrp__team {
	border: 1.5px solid var(--wtr-border);
	border-radius: 8px;
	background: var(--wtr-bg);
	color: var(--wtr-heading);
}
.wx .wtrp__team[aria-pressed="true"] {
	border: 2px solid var(--wtr-btn);
	background: var(--wtr-btn);
	color: var(--wtr-btn-text);
}
.wx .wtrp__team[aria-pressed="true"] .wtrp__tmeta { color: var(--wtr-btn-text); }
.wx .wtrp--locked .wtrp__team, .wx .wtrp__team:disabled { opacity: 1; }
.wx .wtrp__team:disabled:not([aria-pressed="true"]) { color: var(--wtr-meta); }
.wx .wtrp__team:disabled:not([aria-pressed="true"]) .wtrp__badge { opacity: .55; }
.wx .wtrp__badge {
	border: 0;
	border-radius: 7px;
	background: var(--wtr-logo-tile);
	box-shadow: inset 0 0 0 1px var(--wtr-logo-ring);
}
.wx .wtrp__team[aria-pressed="true"] .wtrp__badge { background: var(--wtr-logo-tile); border: 0; }
.wx .wtrp__badge img { object-fit: contain; }
.wx .wtrp__initials { font: 800 11px/1 var(--wtr-ff-sans); letter-spacing: .02em; color: var(--wtr-mono-ink); }
.wx .wtrp__tname { font-family: var(--wtr-ff-sans); }
.wx .wtrp__check {
	font-family: sans-serif;
	font-size: 0;
	border-radius: 50%;
	background: var(--wtr-cta);
	color: var(--wtr-cta-text);
}
.wx .wtrp__check::after {
	content: "";
	inline-size: 12px;
	block-size: 12px;
	background: currentColor;
	-webkit-mask: var(--wx-tick) center / contain no-repeat;
	mask: var(--wx-tick) center / contain no-repeat;
}

.wx .wtrp__draw, .wx .wtrp__secondary {
	border: 1.5px solid var(--wtr-control);
	border-radius: var(--wtr-radius-sm);
	background: var(--wtr-surface);
	color: var(--wtr-heading);
	font: 600 14px/1.2 var(--wtr-ff-sans);
}
.wx .wtrp__draw[aria-pressed="true"] { border: 2px solid var(--wtr-btn); background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__secondary[aria-pressed="true"] { border-color: var(--wtr-tag-text); background: var(--wtr-tag-bg); color: var(--wtr-tag-text); }
.wx .wtrp--locked .wtrp__draw, .wx .wtrp--locked .wtrp__step, .wx .wtrp__draw:disabled { opacity: 1; cursor: default; }
.wx .wtrp__draw:disabled:not([aria-pressed="true"]) { color: var(--wtr-meta); border-color: var(--wtr-border); }
.wx .wtrp__step {
	min-inline-size: 44px;
	min-block-size: 44px;
	border: 1.5px solid var(--wtr-control);
	border-radius: var(--wtr-radius-sm);
	background: var(--wtr-surface);
	color: var(--wtr-heading);
}
.wx .wtrp__num {
	min-block-size: 44px;
	border: 1.5px solid var(--wtr-control);
	border-radius: var(--wtr-radius-sm);
	background: var(--wtr-surface);
	color: var(--wtr-heading);
	font: 600 16px/1 var(--wtr-ff-mono);
}
.wx .wtrp__msummary, .wx .wtrp__mlabel { color: var(--wtr-heading); font-family: var(--wtr-ff-sans); }
.wx .wtrp__mhint { color: var(--wtr-meta); }

.wx .wtrp__submit, .wx .wtrp__ego {
	min-block-size: 44px;
	border: 0;
	border-radius: var(--wtr-radius-sm);
	background: var(--wtr-btn);
	color: var(--wtr-btn-text);
	font: 600 15px/1.2 var(--wtr-ff-sans);
	letter-spacing: 0;
}
.wx .wtrp__submit:hover:not(:disabled), .wx .wtrp__ego:hover:not(:disabled) { background: var(--wtr-btn-hover); }
.wx .wtrp__submit:disabled { background: var(--wtr-border); color: var(--wtr-meta); opacity: 1; }
.wx .wtrp__status { font: 400 13px/1.45 var(--wtr-ff-sans); color: var(--wtr-text); }
.wx .wtrp__status--ok { color: var(--wtr-win); }
.wx .wtrp__status--warn { color: var(--wtr-amber-700); }
.wx .wtrp__status--err { color: var(--wtr-loss); }

.wx .wtrp__einput {
	min-block-size: 48px;
	border: 1.5px solid var(--wtr-control);
	border-radius: var(--wtr-radius-sm);
	background: var(--wtr-surface);
	color: var(--wtr-heading);
	font: 400 16px/1.3 var(--wtr-ff-sans);
}
.wx .wtrp__ego { min-block-size: 48px; }
.wx .wtrp__eprompt { color: var(--wtr-heading); font-family: var(--wtr-ff-sans); }
.wx .wtrp__esub, .wx .wtrp__cnote, .wx .wtrp__rankfoot { color: var(--wtr-meta); }
.wx .wtrp__ranklink { color: var(--wtr-link); }
.wx .wtrp__skip { color: var(--wtr-link); min-block-size: 44px; }

.wx .wtrp__splitt, .wx .wtrp__splitn { color: var(--wtr-meta); font-family: var(--wtr-ff-sans); }
.wx .wtrp__plain { color: var(--wtr-text); font: 400 13px/1.45 var(--wtr-ff-sans); }
.wx .wtrp__splitfoot, .wx .wtrp__pollnote, .wx .wtrp__fresh { color: var(--wtr-meta); }
.wx .wtrp__seg--a { background: var(--wtr-btn); color: var(--wtr-btn-text); }
.wx .wtrp__seg--d { background: var(--wtr-draw); color: var(--wtr-on-status); }
.wx .wtrp__seg--b { background: var(--wtr-accent); color: var(--wtr-cta-text); border-left-color: var(--wtr-surface); }

.wx .wtrp__live { border-color: var(--wtr-border); background: var(--wtr-surface); }
.wx .wtrp__terms a { color: var(--wtr-link); }
.wx .wtrp__noscript { color: var(--wtr-meta); font: 400 13px/1.45 var(--wtr-ff-sans); }

.wx .wtrp :focus-visible, .wx .wtrf :focus-visible, .wx .wtrp-lb :focus-visible,
.wx .wtrp-hub :focus-visible, .wx .wtrp-month :focus-visible, .wx .wtrp-potm :focus-visible {
	outline: 2px solid var(--wtr-focus);
	outline-offset: 2px;
}

.wx .wtrf { padding: 0; }
.wx .wtrf__k { font: 800 12px/1.3 var(--wtr-ff-sans); letter-spacing: .08em; color: var(--wtr-meta); }
.wx .wtrp-lb__title, .wx .wtrp-rules__h, .wx .wtrp-month__h { font-family: var(--wtr-ff-sans); color: var(--wtr-heading); }
.wx .wtrp-lb__rank, .wx .wtrp-lb__stat, .wx .wtrp-lb__pts { font-family: var(--wtr-ff-mono); }
.wx .wtrp-rules__value { font-family: var(--wtr-ff-mono); color: var(--wtr-heading); }

@media (prefers-reduced-motion: reduce) {
	.wx .wtrp *, .wx .wtrf * { transition: none !important; }
}
