/* WTR Tidewater · People (WP7). Measurements: analysis/06. Tokens only (dark-ready); hooks in
   STATE-HOOKS ([hidden] [aria-current] [aria-busy] [aria-disabled] details[open] .is-scrolled).
   Plex Mono 400/600 only (4 font files, §4.4). 600 / 1024 breakpoints, one column. */

/* frame */
.wx-ppl-crumbs { padding-block: 12px; }
.wx-ppl-body { display: grid; gap: 36px; align-content: start; padding-block: 24px 48px; min-width: 0; }
.wx-ppl-body > * { min-width: 0; }
.wx-ppl-sec { display: grid; gap: 12px; align-content: start; min-width: 0; }
.wx-ppl-note { color: var(--wtr-meta); font: 400 13px/1.35 var(--wtr-ff-sans); }
.wx-ppl-dash { color: var(--wtr-meta); }
.wx-ppl-foot { margin: 0; max-inline-size: 72ch; color: var(--wtr-meta); font: 400 13px/1.5 var(--wtr-ff-sans); }
/* People prototypes space the section head's title and note 12 px apart (WP0 default 8): visible when the note wraps at 390. */
.wx-ppl-sec > .wx-section-head { gap: 12px; }
.wx-section-title[tabindex="-1"]:focus { outline: none; }
.wx-section-title[tabindex="-1"]:focus-visible { outline: 2px solid var(--wtr-focus); outline-offset: 2px; }

/* index head: H1, subtitle, search, selects */
.wx-ppl-head { display: grid; gap: 14px; min-width: 0; }
.wx-ppl-h1 { margin: 0; color: var(--wtr-heading); font: 800 34px/1.02 var(--wtr-ff-sans); letter-spacing: -.022em; overflow-wrap: anywhere; }
.wx-ppl-h1--index { line-height: 1.05; letter-spacing: -.018em; }
.wx-ppl-sub { margin: 0; color: var(--wtr-meta); font: 400 15px/20px var(--wtr-ff-sans); } /* prototype: 15 px, line box 20 */
.wx-ppl-form { display: grid; gap: 14px; min-width: 0; }
/* own search pill. WP0-CR 7 scoped the shell's search rules under .wx-search, so the pin is no longer needed;
   kept because it already matches the prototype (48 px pill, icon 14/14, padding-left 44). */
.wx-ppl-search { position: relative; display: block; max-inline-size: 560px; }
.wx-ppl-search > .wx-i { position: absolute; top: 14px; left: 14px; color: var(--wtr-meta); pointer-events: none; }
.wx-ppl-search > .wx-input { block-size: 48px; padding-left: 44px; border-radius: var(--wtr-radius-pill); }
.wx-ppl-search > .wx-input::-webkit-search-decoration { -webkit-appearance: none; }
.wx-ppl-selects { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 12px; min-width: 0; }
.wx-ppl-sel .wx-field-label { font-size: 13px; line-height: 1.3; }
.wx-ppl-sel select.wx-input { block-size: 44px; min-inline-size: 180px; max-inline-size: 100%; padding: 0 40px 0 12px; }
.wx-ppl-apply { flex: none; }

/* Position chips (links). 44 px tall (the prototype's 40 is below the target rule). */
.wx-ppl-chips { min-width: 0; }
.wx-ppl-chiplist {
	display: flex;
	gap: 8px;
	margin: -4px;
	padding: 4px;
	list-style: none;
	overflow-x: auto;
	scrollbar-width: none;
}
.wx-ppl-chiplist::-webkit-scrollbar { display: none; }
.wx-ppl-chiplist > li { flex: none; }
.wx-ppl-chip,
.wx-ppl-pill {
	box-sizing: border-box;
	display: inline-flex;
	align-items: center;
	block-size: 44px;
	padding: 0 14px;
	border: 1.5px solid var(--wtr-control);
	border-radius: var(--wtr-radius-pill);
	background: var(--wtr-surface);
	color: var(--wtr-heading);
	font: 600 14px/1 var(--wtr-ff-sans);
	white-space: nowrap;
	text-decoration: none;
}
a.wx-ppl-chip:hover,
a.wx-ppl-pill:hover { background: var(--wtr-tag-bg); color: var(--wtr-heading); text-decoration: none; }
.wx-ppl-chip[aria-current],
.wx-ppl-pill.on { border-color: var(--wtr-btn); background: var(--wtr-btn); color: var(--wtr-btn-text); }
a.wx-ppl-chip[aria-current]:hover,
a.wx-ppl-pill.on:hover { background: var(--wtr-btn-hover); color: var(--wtr-btn-text); }
.wx-ppl-chip[aria-disabled] { border-style: dashed; border-color: var(--wtr-border); color: var(--wtr-meta); font-weight: 500; }

/* A–Z by surname: 44 × 44 targets; letters with no one are plain text. */
.wx-ppl-azlist { display: flex; flex-wrap: wrap; gap: 2px; margin: 0; padding: 4px 0 0; list-style: none; }
.wx-ppl-l {
	display: grid;
	place-items: center;
	inline-size: 44px;
	block-size: 44px;
	border-radius: var(--wtr-radius-sm);
	color: var(--wtr-heading);
	font: 700 14px/1 var(--wtr-ff-sans);
	text-decoration: none;
}
a.wx-ppl-l:hover { background: var(--wtr-tag-bg); color: var(--wtr-heading); }
.wx-ppl-l[aria-current] { background: var(--wtr-btn); color: var(--wtr-btn-text); }
a.wx-ppl-l[aria-current]:hover { background: var(--wtr-btn-hover); color: var(--wtr-btn-text); }
.wx-ppl-l[aria-disabled] { color: var(--wtr-meta); font-weight: 500; }

/* index results */
.wx-ppl-results { display: grid; gap: 36px; min-width: 0; }
.wx-ppl-results[aria-busy="true"] { opacity: .6; }
.wx-ppl-feat,
.wx-ppl-tiles,
.wx-ppl-rows,
.wx-ppl-reslist,
.wx-ppl-career,
.wx-ppl-honours { margin: 0; padding: 0; list-style: none; }
.wx-ppl-feat { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.wx-ppl-ftile,
.wx-ppl-tile { display: grid; align-content: start; gap: 10px; color: var(--wtr-heading); text-decoration: none; }
.wx-ppl-tile { gap: 8px; }
.wx-ppl-ftile-ph {
	position: relative;
	display: block;
	aspect-ratio: 4 / 5;
	border-radius: var(--wtr-radius-md);
	background: var(--wtr-photo-bg);
	overflow: hidden;
}
.wx-ppl-ftile-ph > .wx-photo { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border-radius: 0; }
.wx-ppl-ftile-badge { position: absolute; right: 8px; bottom: 8px; display: block; line-height: 0; border-radius: var(--wtr-radius-sm); box-shadow: 0 0 0 2px var(--wtr-photo-bg); }
.wx-ppl-ftile-badge .wx-tile { --wx-tf: 9.5px; }
.wx-ppl-tile-t { display: grid; gap: 2px; min-width: 0; }
.wx-ppl-ftile-n { font: 700 16px/1.25 var(--wtr-ff-sans); }
.wx-ppl-tile-n { font: 700 14.5px/1.25 var(--wtr-ff-sans); }
.wx-ppl-tile-m { color: var(--wtr-meta); font: 400 12.5px/1.35 var(--wtr-ff-sans); }
.wx-ppl-ftile-m { font-size: 13px; }
.wx-ppl-ftile:hover .wx-ppl-ftile-n,
.wx-ppl-tile:hover .wx-ppl-tile-n,
.wx-ppl-row:hover .wx-ppl-row-n { text-decoration: underline; text-underline-offset: .14em; }
.wx-ppl-ph { display: block; line-height: 0; }
.wx-ppl-tile .wx-ppl-ph .wx-photo { inline-size: 100%; block-size: auto; aspect-ratio: 1; border-radius: var(--wtr-radius-md); }
.wx-ppl-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }

.wx-ppl-rows { display: grid; grid-template-columns: minmax(0, 1fr); gap: 4px 20px; }
.wx-ppl-row {
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	align-items: center;
	gap: 14px;
	min-block-size: 72px;
	margin: 0 -8px;
	padding: 8px;
	border-radius: 8px;
	color: var(--wtr-heading);
	text-decoration: none;
}
.wx-ppl-row:hover { background: var(--wtr-surface); color: var(--wtr-heading); }
.wx-ppl-row .wx-photo { --wx-pw: 56px; --wx-ph: 56px; --wx-pr: 8px; }
.wx-ppl-row-b { display: grid; gap: 2px; min-width: 0; }
.wx-ppl-row-n { overflow: hidden; font: 700 16px/1.3 var(--wtr-ff-sans); white-space: nowrap; text-overflow: ellipsis; }
.wx-ppl-row-m { display: flex; align-items: center; gap: 6px; min-width: 0; color: var(--wtr-meta); font: 400 13px/1.35 var(--wtr-ff-sans); }
.wx-ppl-row-mt { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wx-ppl-row-m .wx-ppl-badge { --wx-t: 18px; --wx-tp: 2px; --wx-tr: 3px; --wx-tf: 6px; }
.wx-ppl-more { padding-top: 16px; }
.wx-ppl-empty { padding: 44px 20px; background: var(--wtr-surface); }

/* in-place fetch states */
.wx-ppl-skel { display: grid; grid-template-columns: minmax(0, 1fr); gap: 12px; }
.wx-ppl-skel-row { display: grid; grid-template-columns: 56px minmax(0, 1fr); align-items: center; gap: 14px; padding: 12px; border: 1px solid var(--wtr-border); border-radius: var(--wtr-radius-md); }
.wx-ppl-skel-ph { inline-size: 56px; block-size: 56px; border-radius: 8px; }
.wx-ppl-err .wx-state { background: var(--wtr-surface); }

/* profile hero */
.wx-ppl-hero { padding-block: 20px 24px; border-bottom: 1px solid var(--wtr-border); background: var(--wtr-surface); }
.wx-ppl-hero-in { display: grid; grid-template-columns: minmax(0, 1fr); align-items: end; gap: 18px; }
.wx-ppl-hero-fig { margin: 0; }
.wx-ppl-hero-photo {
	position: relative;
	inline-size: 160px;
	aspect-ratio: 4 / 5;
	border-radius: 12px;
	background: var(--wtr-photo-bg);
	overflow: hidden;
}
.wx-ppl-hero-img { position: absolute; inset: 0; display: block; inline-size: 100%; block-size: 100%; object-fit: cover; object-position: 50% 20%; color: transparent; }
.wx-ppl-hero-photo > .wx-photo { position: absolute; inset: 0; inline-size: 100%; block-size: 100%; border-radius: 0; }
.wx-ppl-hero-photo:has(> .wx-ppl-num)::after { content: ""; position: absolute; inset: auto 0 0; block-size: 34%; background: var(--wtr-photo-fade); pointer-events: none; }
.wx-ppl-num { position: absolute; left: 12px; bottom: 8px; z-index: 1; color: var(--wtr-on-media); font: 600 30px/1 var(--wtr-ff-mono); }
.wx-ppl-credit { margin-top: 6px; color: var(--wtr-meta); font: 400 12px/1.35 var(--wtr-ff-sans); }
.wx-ppl-hero-main { display: grid; gap: 14px; min-width: 0; }
.wx-ppl-teamline { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; }
/* 44 px target without changing the 32 px team line: padding offset by negative margins. */
.wx-ppl-team { min-inline-size: 44px; margin-block: -12px; padding-block: 12px; color: var(--wtr-heading); font: 700 15px/20px var(--wtr-ff-sans); text-decoration: none; }
a.wx-ppl-team:hover { color: var(--wtr-heading); text-decoration: underline; text-underline-offset: .14em; }
.wx-ppl-role { color: var(--wtr-meta); font: 400 14px/1.35 var(--wtr-ff-sans); }
.wx-ppl-facts {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	border: 1px solid var(--wtr-border);
	border-radius: var(--wtr-radius-md);
	background: var(--wtr-border);
	overflow: hidden;
}
.wx-ppl-fact { display: grid; align-content: start; gap: 2px; min-width: 0; padding: 12px 14px; background: var(--wtr-surface); }
.wx-ppl-fact-k { color: var(--wtr-meta); font: 700 11.5px/1.3 var(--wtr-ff-sans); letter-spacing: .08em; text-transform: uppercase; }
.wx-ppl-fact-v { margin: 0; color: var(--wtr-heading); font: 700 16px/1.35 var(--wtr-ff-sans); overflow-wrap: anywhere; }
.wx-ppl-fact-v--num { font: 600 20px/1.25 var(--wtr-ff-mono); font-variant-numeric: tabular-nums; }
.wx-ppl-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.wx-ppl-actions .wx-btn { font-size: 14.5px; } /* prototype hero buttons: 14.5 px */

/* stats tables (season by season, record by competition, ratings, in charge) */
.wx-ppl-table,
.wx-ppl-prk .wx-ppl-scroll,
.wx-ppl-charge .wx-ppl-scroll { border: 1px solid var(--wtr-border); border-radius: var(--wtr-radius-md); background: var(--wtr-surface); overflow: hidden; }
/* relative: keeps the hidden "not available" spans inside the scroll box */
.wx-ppl-scroll { position: relative; overflow-x: auto; overscroll-behavior-x: contain; }
.wx-ppl-prk .wx-ppl-scroll,
.wx-ppl-charge .wx-ppl-scroll { overflow-x: auto; }
.wx-ppl-scroll:focus-visible { outline: 2px solid var(--wtr-focus); outline-offset: 2px; }
.wx-ppl-stats {
	inline-size: 100%;
	min-inline-size: calc(var(--wx-c1, 168px) + var(--wx-cols, 7) * 52px);
	border-collapse: separate;
	border-spacing: 0;
	color: var(--wtr-heading);
	font: 400 13.5px/1.3 var(--wtr-ff-mono);
	font-variant-numeric: tabular-nums;
}
.wx-ppl-stats th,
.wx-ppl-stats td { padding: 0 8px; border-bottom: 1px solid var(--wtr-border); background: var(--wtr-surface); text-align: right; white-space: nowrap; }
.wx-ppl-stats thead th {
	inline-size: 52px;
	block-size: 42px;
	border-bottom-color: var(--wtr-heading);
	color: var(--wtr-meta);
	font: 700 11.5px/1.2 var(--wtr-ff-sans);
	letter-spacing: .06em;
	text-transform: uppercase;
	vertical-align: middle;
}
.wx-ppl-stats abbr { text-decoration: none; cursor: help; }
.wx-ppl-stats td { block-size: 52px; }
.wx-ppl-stats tbody tr:last-child > * { border-bottom: 0; }
/* fixed layout: numbers 52 / 64, the first column takes the rest; --wx-c1 = short tables */
.wx-ppl-table .wx-ppl-stats { table-layout: fixed; }
.wx-ppl-table .wx-ppl-stats .wx-ppl-th1 { inline-size: auto; max-inline-size: none; }
.wx-ppl-stats .wx-ppl-th1 {
	position: sticky;
	left: 0;
	z-index: 1;
	inline-size: 168px;
	min-inline-size: var(--wx-c1, 168px);
	max-inline-size: 168px;
	text-align: left;
	box-shadow: 1px 0 0 var(--wtr-border);
}
.wx-ppl-stats tbody .wx-ppl-th1 { padding-block: 6px; font-family: var(--wtr-ff-sans); font-weight: 400; white-space: normal; }
.wx-ppl-rh { display: block; color: var(--wtr-heading); font: 700 14px/1.3 var(--wtr-ff-sans); }
.wx-ppl-rs { display: block; overflow: hidden; color: var(--wtr-meta); font: 400 12px/1.35 var(--wtr-ff-sans); white-space: nowrap; text-overflow: ellipsis; }
.wx-ppl-td--b { font-weight: 700; }
.wx-ppl-rl { display: grid; align-content: center; min-block-size: 44px; color: inherit; text-decoration: none; }
.wx-ppl-rl:hover .wx-ppl-rh { text-decoration: underline; }
.wx-ppl-tr--tint > th,
.wx-ppl-tr--tint > td { background: var(--wtr-tag-bg); }

/* ratings table + in-charge table (text columns, links in cells) */
.wx-ppl-intro { margin: 0; max-inline-size: 72ch; color: var(--wtr-meta); font: 400 15px/1.5 var(--wtr-ff-sans); }
.wx-ppl-prk { display: grid; gap: 14px; min-width: 0; }
.wx-ppl-prk-filters { display: grid; gap: 12px; }
.wx-ppl-prk-group { display: grid; gap: 6px; min-width: 0; }
.wx-ppl-prk-label { color: var(--wtr-meta); font: 700 11.5px/1.3 var(--wtr-ff-sans); letter-spacing: .08em; text-transform: uppercase; }
.wx-ppl-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.wx-ppl-prk-count { margin: 0; color: var(--wtr-meta); font: 400 13px/1.3 var(--wtr-ff-mono); }
.wx-ppl-prk-table { min-inline-size: 560px; }
.wx-ppl-prk-table td { block-size: 44px; }
.wx-ppl-prk-table tbody .wx-ppl-th1 { padding-block: 0; }
.wx-ppl-prk-table th a { display: flex; align-items: center; justify-content: flex-end; min-block-size: 44px; color: inherit; text-decoration: none; }
.wx-ppl-prk-table th.wx-ppl-th1 a,
.wx-ppl-prk-table th.wx-ppl-prk-rank a { justify-content: flex-start; }
.wx-ppl-prk-table th a:hover { color: var(--wtr-heading); text-decoration: underline; }
.wx-ppl-stats .wx-ppl-prk-rank { inline-size: 44px; text-align: left; }
.wx-ppl-stats .wx-ppl-prk-txt { inline-size: auto; text-align: left; font-family: var(--wtr-ff-sans); }
.wx-ppl-stats thead .wx-ppl-prk-txt { font-family: var(--wtr-ff-sans); }
.wx-ppl-prk-player,
.wx-ppl-charge-team { display: flex; align-items: center; gap: 10px; min-block-size: 44px; color: var(--wtr-heading); font: 700 14px/1.25 var(--wtr-ff-sans); text-decoration: none; }
.wx-ppl-prk-player .wx-photo { --wx-pw: 32px; --wx-ph: 32px; --wx-pr: 6px; }
.wx-ppl-charge-team a { display: inline-flex; align-items: center; min-block-size: 44px; min-inline-size: 44px; color: var(--wtr-heading); text-decoration: none; }
a.wx-ppl-prk-player:hover,
.wx-ppl-charge-team a:hover,
.wx-ppl-charge-name:hover { text-decoration: underline; }
.wx-ppl-charge-name { color: var(--wtr-link); font-weight: 600; }
.wx-ppl-charge-table { min-inline-size: 640px; font-size: 13px; }
.wx-ppl-charge-table .wx-ppl-th1 { max-inline-size: none; }

/* last five */
.wx-ppl-res {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr) auto;
	align-items: center;
	gap: 12px;
	min-block-size: 56px;
	padding-block: 6px;
	border-bottom: 1px solid var(--wtr-border);
	color: var(--wtr-heading);
	text-decoration: none;
}
a.wx-ppl-res:hover { color: var(--wtr-heading); }
a.wx-ppl-res:hover .wx-ppl-res-l1 { text-decoration: underline; text-underline-offset: .14em; }
.wx-ppl-res-t { display: grid; place-items: center; inline-size: 28px; block-size: 28px; border-radius: var(--wtr-radius-img); color: var(--wtr-on-status); font: 600 13px/1 var(--wtr-ff-mono); }
.wx-ppl-res-t--w { background: var(--wtr-win); }
.wx-ppl-res-t--l { background: var(--wtr-loss); }
.wx-ppl-res-t--d { background: var(--wtr-draw); }
.wx-ppl-res-main { display: grid; gap: 1px; min-width: 0; }
.wx-ppl-res-l1 { color: var(--wtr-heading); font: 700 15px/1.3 var(--wtr-ff-sans); }
.wx-ppl-res-sc { font: 600 15px/1.3 var(--wtr-ff-mono); }
.wx-ppl-res-l2 { color: var(--wtr-meta); font: 400 12.5px/1.35 var(--wtr-ff-sans); }
.wx-ppl-res-r { color: var(--wtr-heading); font: 400 13px/1.3 var(--wtr-ff-mono); text-align: right; white-space: nowrap; }

/* rating card */
.wx-ppl-rating { display: grid; gap: 10px; padding: 20px; border: 1px solid var(--wtr-border); border-radius: var(--wtr-radius-md); background: var(--wtr-surface); }
.wx-ppl-rating-v { margin: 0; }
.wx-ppl-rating-n { color: var(--wtr-heading); font: 600 30px/1 var(--wtr-ff-mono); }
.wx-ppl-ranks { display: flex; flex-wrap: wrap; gap: 0 24px; margin: 0; padding: 0; list-style: none; }
.wx-ppl-rank { display: inline-flex; align-items: center; gap: 6px; min-block-size: 44px; color: var(--wtr-link); font: 500 14px/1.3 var(--wtr-ff-sans); }
.wx-ppl-rank-n { color: var(--wtr-heading); font: 600 16px/1 var(--wtr-ff-mono); }
.wx-ppl-rating-note { margin: 0; max-inline-size: 64ch; color: var(--wtr-meta); font: 400 13px/1.5 var(--wtr-ff-sans); }

/* coach record */
.wx-ppl-record { gap: 14px; }
.wx-ppl-tally {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--wtr-border);
	border-radius: var(--wtr-radius-md);
	background: var(--wtr-border);
	list-style: none;
	overflow: hidden;
}
/* Five tiles in three columns: the fifth spans two (the prototype left an empty sixth cell). */
.wx-ppl-tally-i:nth-child(5) { grid-column: span 2; }
.wx-ppl-tally-i { display: grid; justify-items: center; gap: 4px; padding: 18px 8px; background: var(--wtr-surface); text-align: center; }
/* prototype line boxes: value 30 px Plex in a 39 px line, label 13 px in 17 (tile 96 tall) */
.wx-ppl-tally-v { color: var(--wtr-heading); font: 600 30px/39px var(--wtr-ff-mono); }
.wx-ppl-tally-k { color: var(--wtr-text); font: 600 13px/17px var(--wtr-ff-sans); }
.wx-ppl-wdl { display: grid; gap: 3px; block-size: 12px; border-radius: 6px; overflow: hidden; }
.wx-ppl-wdl-w,
.wx-ppl-key--w::before { background: var(--wtr-win); }
.wx-ppl-wdl-d,
.wx-ppl-key--d::before { background: var(--wtr-draw); }
.wx-ppl-wdl-l,
.wx-ppl-key--l::before { background: var(--wtr-loss); }
.wx-ppl-legend { display: flex; flex-wrap: wrap; gap: 16px; margin: 0; color: var(--wtr-text); font: 400 13px/1.3 var(--wtr-ff-sans); }
.wx-ppl-key { display: inline-flex; align-items: center; gap: 6px; }
.wx-ppl-key::before { content: ""; inline-size: 12px; block-size: 12px; border-radius: 2px; }

/* career | honours */
.wx-ppl-two { display: grid; gap: 36px; align-items: start; min-width: 0; }
.wx-ppl-list { gap: 0; }
.wx-ppl-list > .wx-section-head { margin-bottom: 4px; }
.wx-ppl-career-i { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-block-size: 64px; border-bottom: 1px solid var(--wtr-border); }
.wx-ppl-career-m { display: grid; gap: 1px; min-width: 0; }
.wx-ppl-career-m strong { color: var(--wtr-heading); font: 700 15.5px/1.3 var(--wtr-ff-sans); }
.wx-ppl-career-m span { color: var(--wtr-meta); font: 400 12.5px/1.35 var(--wtr-ff-sans); }
.wx-ppl-career-y { display: grid; justify-items: end; gap: 1px; text-align: right; }
.wx-ppl-career-yy { color: var(--wtr-heading); font: 400 13.5px/1.3 var(--wtr-ff-mono); white-space: nowrap; }
.wx-ppl-career-n { color: var(--wtr-meta); font: 400 12px/1.3 var(--wtr-ff-mono); }
.wx-ppl-honour { display: grid; grid-template-columns: 24px minmax(0, 1fr) auto; align-items: center; gap: 12px; min-block-size: 48px; border-bottom: 1px solid var(--wtr-border); }
.wx-ppl-honour .wx-i { color: var(--wtr-accent); }
.wx-ppl-honour-t { color: var(--wtr-heading); font: 600 15px/1.3 var(--wtr-ff-sans); }
.wx-ppl-honour-y { color: var(--wtr-meta); font: 400 13px/1.3 var(--wtr-ff-mono); text-align: right; }

/* about (serif bio) */
.wx-ppl-bio { max-inline-size: var(--wtr-measure); color: var(--wtr-text); font: 400 var(--wtr-fs-body)/var(--wtr-lh-body) var(--wtr-ff-serif); }
.wx-ppl-bio > * { margin: 0 0 1em; }
.wx-ppl-bio > :last-child { margin-bottom: 0; }
.wx-ppl-bio h2,
.wx-ppl-bio h3 { color: var(--wtr-heading); font-family: var(--wtr-ff-sans); font-weight: 800; line-height: 1.25; }
.wx-ppl-bio h2 { font-size: var(--wtr-fs-h3); }
.wx-ppl-bio h3 { font-size: var(--wtr-fs-h4); }
.wx-ppl-bio a { color: var(--wtr-link); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .15em; }
.wx-ppl-bio a:hover { color: var(--wtr-link-hover); }
.wx-ppl-lede { color: var(--wtr-heading); font-size: var(--wtr-fs-standfirst); line-height: var(--wtr-lh-standfirst); }
.wx-ppl-playing strong { margin-right: 6px; color: var(--wtr-meta); font: 700 12px/1 var(--wtr-ff-sans); letter-spacing: .08em; text-transform: uppercase; }

/* news (wtre_panel grid-3) */
.wx-ppl-news { min-width: 0; }

/* FAQ */
.wx-ppl-faq-list { min-width: 0; border-top: 1px solid var(--wtr-border); }
.wx-ppl-sec > .wx-section-head + .wx-ppl-faq-list { border-top: 0; }
.wx-ppl-faq.wtr-pp-faq { max-width: none; }
.wx-ppl-q > .wx-ppl-table,
.wx-ppl-q > .wx-ppl-reslist { margin-bottom: 16px; }
.wx-ppl-q { border-bottom: 1px solid var(--wtr-border); }
.wx-ppl-q-s {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	min-block-size: 48px;
	padding: 8px 0;
	color: var(--wtr-heading);
	font: 700 16px/1.35 var(--wtr-ff-sans);
	list-style: none;
	cursor: pointer;
}
.wx-ppl-q-s::-webkit-details-marker { display: none; }
.wx-ppl-q-s .wx-i { flex: none; color: var(--wtr-control); transition: transform var(--wtr-dur-2) var(--wtr-ease); }
.wx-ppl-q[open] > .wx-ppl-q-s .wx-i { transform: rotate(180deg); }
.wx-ppl-q-a { max-inline-size: 70ch; margin: 0 0 14px; color: var(--wtr-text); font: 400 15px/1.55 var(--wtr-ff-sans); }

/* 600+ (768 design) */
@media (min-width: 600px) {
	.wx-ppl-crumbs { padding-block: 14px; }
	.wx-ppl-body { padding-block: 32px 56px; }
	.wx-ppl-h1 { font-size: 44px; }
	.wx-ppl-feat { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.wx-ppl-tiles { grid-template-columns: repeat(6, minmax(0, 1fr)); }
	.wx-ppl-rows,
	.wx-ppl-skel { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.wx-ppl-hero { padding-block: 28px; }
	.wx-ppl-hero-in { grid-template-columns: 220px minmax(0, 1fr); gap: 40px; }
	.wx-ppl-hero-photo { inline-size: 100%; }
	.wx-ppl-num { font-size: 44px; }
	.wx-ppl-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); }
	.wx-ppl-tally { grid-template-columns: repeat(5, minmax(0, 1fr)); }
	.wx-ppl-tally-i:nth-child(5) { grid-column: auto; }
	.wx-ppl-two--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
	.wx-ppl-prk-filters { grid-template-columns: minmax(0, 1fr); }
}

/* 1024+ (1440 design) */
@media (min-width: 1024px) {
	.wx-ppl-crumbs { padding-block: 16px; }
	.wx-ppl-body { padding-block: 40px 72px; }
	.wx-ppl-h1 { font-size: 56px; }
	.wx-ppl-rows,
	.wx-ppl-skel { grid-template-columns: repeat(3, minmax(0, 1fr)); }
	.wx-ppl-hero { padding-block: 36px; }
	.wx-ppl-hero-in { grid-template-columns: 320px minmax(0, 1fr); }
	.wx-ppl-stats { min-inline-size: calc(240px + var(--wx-cols, 7) * 64px); }
	.wx-ppl-stats thead th { inline-size: 64px; }
	.wx-ppl-stats .wx-ppl-th1 { inline-size: auto; min-inline-size: 240px; max-inline-size: none; }
	.wx-ppl-prk-table,
	.wx-ppl-charge-table { min-inline-size: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.wx-ppl-q-s .wx-i { transition: none; }
}