/* Community page bodies: shared tokens, readable records and native controls. */
html[data-theme] body[data-fe-design-system] .fe-community-page {
    display:grid; grid-template-columns:minmax(0,1fr); gap:20px; width:100%; max-width:1320px; min-width:0; margin:0 auto;
    font-family:var(--fe-font-ui); color:var(--fe-ink);
    --text-heading:var(--fe-ink); --text-primary:var(--fe-ink); --text-secondary:var(--fe-secondary); --text-muted:var(--fe-muted); --text-dim:var(--fe-muted); --bg-primary:var(--fe-surface);
    --accent-teal:var(--fe-interaction); --accent-teal-light:var(--fe-interaction); --accent-green:var(--fe-positive); --accent-red:var(--fe-negative); --accent-yellow:var(--fe-pending);
    --border-subtle:var(--fe-line); --bg-subtle:var(--fe-sunken);
}
html[data-theme] body[data-fe-design-system] .fe-community-page :is(.card,.follow-stat,.follow-card,.follow-guide) {
    min-width:0; padding:20px; border:1px solid var(--fe-line) !important; border-radius:var(--fe-radius-panel) !important;
    background:var(--fe-surface) !important; box-shadow:var(--fe-shadow-panel); color:var(--fe-secondary); overflow-wrap:anywhere;
}
html[data-theme] body[data-fe-design-system] .fe-community-page :is(.btn,summary,a.chip) { min-height:44px !important; box-sizing:border-box; font-size:14px; }
html[data-theme] body[data-fe-design-system] .fe-community-page :is(a,button,input,select,textarea,summary,[tabindex]):focus-visible { outline:2px solid var(--fe-focus) !important; outline-offset:3px; }
html[data-theme] body[data-fe-design-system] .fe-community-page :is(.chip,.follow-stat-label,.fe-follow-peer-display,.fe-follow-peer-score__sample,.fe-small-peer-note) { font-size:12px !important; font-family:var(--fe-font-ui); line-height:1.5; }
html[data-theme] body[data-fe-design-system] .fe-community-page .card-title { font-family:var(--fe-font-ui); font-size:18px; color:var(--fe-ink); line-height:1.4; }
html[data-theme] body[data-fe-design-system] .fe-community-page .fe-panel-eyebrow { font:600 12px/1.5 var(--fe-font-ui) !important; color:var(--fe-muted) !important; letter-spacing:normal; text-transform:none; }
html[data-theme] body[data-fe-design-system] .fe-community-page .fe-panel-eyebrow::before { display:none; }
html[data-theme] body[data-fe-design-system] .fe-community-page .fe-pro-chip { font:600 12px/1.5 var(--fe-font-ui) !important; color:var(--fe-tier) !important; background:var(--fe-surface) !important; border:1px solid var(--fe-tier) !important; box-shadow:none !important; text-shadow:none !important; }
html[data-theme] body[data-fe-design-system] .fe-community-page .fe-community-avatar { color:var(--fe-ink) !important; background:var(--fe-sunken) !important; border:1px solid var(--fe-line); }
html[data-theme] body[data-fe-design-system] .fe-community-page .card[data-reveal] { animation:none; transform:none; opacity:1; }
.following-page .follow-layout { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
.content-share-page .fe-beta-copy { font-size:14px; line-height:1.6; color:var(--fe-secondary); }
.content-share-page .fe-growth-card { background:var(--fe-sunken); border:1px solid var(--fe-line); border-radius:var(--fe-radius-control); padding:16px; }
html[data-theme] body[data-fe-design-system] .content-share-page .fe-growth-card__label { font:500 12px/1.5 var(--fe-font-ui); color:var(--fe-muted); }
html[data-theme] body[data-fe-design-system] .content-share-page .fe-share-url { display:block; min-height:44px; padding:12px 0; overflow-wrap:anywhere; font:400 14px/1.6 var(--fe-font-ui); color:var(--fe-interaction); }
.content-share-page .fe-share-new-window { font-size:12px; }
.content-share-page .fe-action-row { display:flex; flex-wrap:wrap; gap:12px; }
html[data-theme] body[data-fe-design-system] .content-share-page .fe-action-row .btn { font:500 14px/1.5 var(--fe-font-ui); white-space:normal; }
.following-page :is(.follow-main,.follow-aside) { min-width:0; }
.following-page .follow-stat-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.following-page .follow-stat-value { font-size:28px; line-height:1.3; font-weight:650; color:var(--fe-ink); }
.following-page .follow-stat-label { color:var(--fe-muted); margin-top:8px; }
.following-page .follow-filters { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:16px; }
.following-page .follow-card { display:block; text-decoration:none; }
.following-page a.follow-card:hover { border-color:var(--fe-interaction) !important; }
.following-page .follow-card > div > div { min-width:0; }
.following-page .follow-card a { display:inline-flex; align-items:center; min-height:44px; max-width:100%; }
.following-page summary { padding:12px 0; }
.following-page .follow-pick-row { display:flex; gap:12px; justify-content:space-between; align-items:flex-start; padding:12px 0; border-top:1px solid var(--fe-line); font-size:14px; }
.following-page .follow-pick-row > div { min-width:0; overflow-wrap:anywhere; }
.following-page .follow-pick-row .chip { flex-shrink:0; }
.following-page .follow-user-row { display:flex; justify-content:space-between; gap:16px; padding:16px 0; min-height:44px; box-sizing:border-box; text-decoration:none; border-top:1px solid var(--fe-line); }
.following-page .follow-user-row > div { min-width:0; overflow-wrap:anywhere; }
.following-page .follow-guide { margin-top:16px; font-size:12px; line-height:1.6; }
.following-page .fe-follow-peer-copy { color:var(--fe-secondary); font-size:14px; line-height:1.6; }
html[data-theme] body[data-fe-design-system] .following-page :is(.fe-follow-peer-name,.fe-follow-peer-score__accuracy) { color:var(--fe-ink); font-size:14px; font-family:var(--fe-font-ui); }
.following-page .fe-follow-peer-score { text-align:right; flex-shrink:0; }
.following-page .fe-follow-peer-display { display:block; color:var(--fe-muted); }
.following-page .fe-small-peer-note { margin-top:12px; color:var(--fe-muted); }
.news-feed-page .news-shell { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:20px; align-items:start; }
.news-feed-page :is(.news-main,.news-side) { min-width:0; }
.news-feed-page .news-side { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.news-feed-page .news-toolbar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; align-items:end; }
.news-feed-page .news-field { min-width:0; }
.news-feed-page .news-field label { display:block; font-size:12px; line-height:1.5; color:var(--fe-muted); margin-bottom:8px; }
html[data-theme] body[data-fe-design-system] .news-feed-page :is(input,select) { width:100%; min-width:0; min-height:44px; font-family:var(--fe-font-ui); font-size:16px; background:var(--fe-surface); color:var(--fe-ink); border:1px solid var(--fe-control-line); border-radius:var(--fe-radius-control); padding:10px 12px; box-sizing:border-box; }
.news-feed-page .news-apply { justify-self:start; }
.news-feed-page .news-list { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; margin-top:16px; }
.news-feed-page .news-headline { display:flex; align-items:flex-start; gap:12px; justify-content:space-between; }
.news-feed-page .news-title { margin:0; min-width:0; font-size:20px; line-height:1.4; }
html[data-theme] body[data-fe-design-system] .news-feed-page .news-title a { display:inline-flex; align-items:center; min-height:44px; color:var(--fe-ink); text-decoration:none; font-family:var(--fe-font-ui); }
.news-feed-page .news-title a:hover { text-decoration:underline; }
.news-feed-page :is(.news-meta,.news-chip-row,.news-links) { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.news-feed-page .news-meta { margin:12px 0; }
.news-feed-page .news-links { margin-top:16px; }
.news-feed-page .news-snippet,.news-feed-page .news-muted-copy { color:var(--fe-secondary); font-size:16px; line-height:1.6; margin:0; }
.news-feed-page .news-match { display:inline-flex; align-items:center; max-width:100%; box-sizing:border-box; min-height:44px; padding:10px 12px; border:1px solid var(--fe-line); border-radius:var(--fe-radius-control); background:var(--fe-sunken); color:var(--fe-ink); font-size:14px; line-height:1.5; text-decoration:none; }
.news-feed-page a.news-match { color:var(--fe-interaction); border-color:var(--fe-control-line); }
.news-feed-page .news-side-row { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; border-top:1px solid var(--fe-line); padding:12px 0; font-size:14px; }
.news-feed-page .news-side-row > * { min-width:0; overflow-wrap:anywhere; }
.news-feed-page .news-side-detail { display:block; font-size:12px; line-height:1.6; margin-top:6px; font-weight:400; }
.news-feed-page .news-source-status--ok { color:var(--fe-positive); }
.news-feed-page .news-source-status--empty { color:var(--fe-pending); }
.news-feed-page .news-source-status--watch { color:var(--fe-negative); }
.news-feed-page :is(.news-advisory,.news-filter-note) { margin-top:16px; padding:12px; border:1px solid var(--fe-line); border-radius:var(--fe-radius-control); background:var(--fe-sunken); font-size:14px; line-height:1.6; }
.news-feed-page .news-filter-note a { display:inline-flex; align-items:center; min-height:44px; color:var(--fe-interaction); }
.news-feed-page .news-gate { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:20px; }
.news-feed-page :is(.news-gate-title,.news-empty-title) { font-size:20px; line-height:1.4; color:var(--fe-ink); margin:0 0 12px; }
.news-feed-page .news-boundary-copy { font-size:14px; line-height:1.6; color:var(--fe-secondary); }
html[data-theme] body[data-fe-design-system] .news-feed-page .news-card--rumor { opacity:1; }
@media(max-width:1100px) { .news-feed-page .news-shell { grid-template-columns:minmax(0,1fr); } }
.discussions-page .fe-community-hero__stats { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.discussions-page .fe-community-stat { border:1px solid var(--fe-line); background:var(--fe-surface); border-radius:var(--fe-radius-panel); padding:16px; }
.discussions-page .fe-community-stat__value { font-size:28px; line-height:1.3; font-weight:650; color:var(--fe-ink); }
.discussions-page .fe-community-stat__label { font-size:12px; color:var(--fe-muted); margin-top:8px; }
.discussions-page .fe-community-composer__head { display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.discussions-page .fe-community-composer__title { font-size:18px; line-height:1.5; font-weight:650; color:var(--fe-ink); }
.discussions-page .fe-community-composer__hint { font-size:14px; line-height:1.6; color:var(--fe-secondary); }
.discussions-page .fe-thread-list { display:grid; grid-template-columns:minmax(0,1fr); gap:16px; }
.discussions-page .fe-thread-card__title { margin:0 0 8px; font-size:20px; line-height:1.4; overflow-wrap:anywhere; }
html[data-theme] body[data-fe-design-system] .discussions-page .fe-thread-card__title a { color:var(--fe-ink); font:inherit; }
html[data-theme] body[data-fe-design-system] :is(.discussions-page,.discussion-thread-page) :is(input:not([type=hidden]),select,textarea) { min-width:0 !important; max-width:100%; box-sizing:border-box; min-height:44px; font:400 16px/1.5 var(--fe-font-ui) !important; color:var(--fe-ink); background:var(--fe-surface); border-color:var(--fe-control-line) !important; border-radius:var(--fe-radius-control) !important; }
html[data-theme] body[data-fe-design-system] :is(.discussions-page,.discussion-thread-page) :is(a,button) { min-height:44px; box-sizing:border-box; }
html[data-theme] body[data-fe-design-system] :is(.discussions-page,.discussion-thread-page) a { display:inline-flex; align-items:center; max-width:100%; overflow-wrap:anywhere; }
html[data-theme] body[data-fe-design-system] :is(.discussions-page,.discussion-thread-page) button { font:500 14px/1.5 var(--fe-font-ui) !important; border-radius:var(--fe-radius-control) !important; }
html[data-theme] body[data-fe-design-system] .fe-community-page .fe-community-rank { color:var(--fe-secondary) !important; font:600 12px/1.5 var(--fe-font-ui); }
.discussions-page .fe-discussion-clear { min-width:44px; justify-content:center; right:0 !important; }
.discussions-page .fe-discussion-pagination { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; }
.discussion-thread-page .fe-thread-heading-row { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:16px; margin-bottom:16px; }
.discussion-thread-page .fe-thread-heading-row > div { flex:1 1 280px; min-width:0; }
.discussion-thread-page .fe-c-page-header { margin-top:12px; }
.discussion-thread-page .fe-thread-pick { display:flex; align-items:center; flex-wrap:wrap; gap:12px; padding:12px; background:var(--fe-sunken); border-radius:var(--fe-radius-control); font-size:14px; }
.discussion-thread-page .fe-thread-pick > span { max-width:100%; overflow-wrap:anywhere; }
.discussion-thread-page .fe-thread-reply-label { display:block; font-size:18px; line-height:1.5; color:var(--fe-ink); font-weight:650; margin-bottom:12px; }
html[data-theme] body[data-fe-design-system] .fe-community-page :is(.fe-discussion-pinned,.fe-discussion-locked) { display:inline-flex; align-items:center; gap:6px; font:600 12px/1.5 var(--fe-font-ui); background:var(--fe-sunken) !important; color:var(--fe-secondary) !important; border:1px solid var(--fe-line); }
.discussion-thread-page #replies { gap:16px !important; }
.discussion-thread-page :is(.quote-btn,.report-btn,.reaction-btn) { border-color:var(--fe-control-line) !important; }
html[data-theme] body[data-fe-design-system] .discussions-page .fe-thread-card__title { font:650 20px/1.4 var(--fe-font-ui); }
html[data-theme] body[data-fe-design-system] .discussions-page .fe-community-stat { background:var(--fe-surface); border-color:var(--fe-line); border-radius:var(--fe-radius-panel); }
html[data-theme] body[data-fe-design-system] .discussion-thread-page :is(#reply-form,#replies > .card,[id^="reply-"].card) { background:var(--fe-surface) !important; border:1px solid var(--fe-line) !important; border-radius:var(--fe-radius-panel) !important; box-shadow:var(--fe-shadow-panel) !important; padding:20px !important; }
html[data-theme] body[data-fe-design-system] :is(.discussions-page,.discussion-thread-page) :is(#reply-form textarea,.fe-community-composer textarea,.fe-community-composer input,.fe-community-composer select,form[action="/community"] input) { background:var(--fe-surface) !important; border-color:var(--fe-control-line) !important; border-radius:var(--fe-radius-control) !important; box-shadow:none; }
@media(max-width:768px) { .discussions-page .fe-community-hero__stats { grid-template-columns:repeat(2,minmax(0,1fr)); } }
.public-member-page .fe-member-layout { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:20px; align-items:start; }
.public-member-page .fe-member-layout > div { min-width:0; }
html[data-theme] body[data-fe-design-system] .public-member-page .fe-public-profile-hero { display:block; border:0; border-bottom:1px solid var(--fe-line); background:transparent; box-shadow:none; border-radius:0; padding:0 0 24px; margin:0; }
.public-member-page .fe-public-profile-hero::before { display:none; }
.public-member-page :is(.fe-public-profile-hero__identity,.fe-public-profile-hero__copy) { min-width:0; }
html[data-theme] body[data-fe-design-system] .public-member-page .fe-public-profile-hero h1 { font:650 var(--fe-type-title)/1.2 var(--fe-font-ui) !important; color:var(--fe-ink); overflow-wrap:anywhere; margin:8px 0 12px; }
html[data-theme] body[data-fe-design-system] .public-member-page :is(.fe-public-profile-hero__meta span,.fe-profile-rank-chip,.fe-profile-streak-chip) { font:500 12px/1.5 var(--fe-font-ui) !important; color:var(--fe-secondary); background:var(--fe-surface); border:1px solid var(--fe-line); box-shadow:none; overflow-wrap:anywhere; }
html[data-theme] body[data-fe-design-system] .public-member-page .fe-public-profile-hero__title { font:400 16px/1.6 var(--fe-font-ui); color:var(--fe-secondary); }
.public-member-page .fe-member-record-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.public-member-page .fe-member-pick-identity { flex:1 1 220px; min-width:0; overflow-wrap:anywhere; }
html[data-theme] body[data-fe-design-system] .public-member-page :is(a,button) { min-height:44px; box-sizing:border-box; font-family:var(--fe-font-ui); }
html[data-theme] body[data-fe-design-system] .public-member-page a { display:inline-flex; align-items:center; max-width:100%; overflow-wrap:anywhere; }
.public-member-page .fe-member-layout a[style*="display:block"] { display:block !important; }
.public-member-page :is(.fe-public-profile-hero__actions,.fe-public-profile-hero__actions form) { max-width:100%; }
@media(max-width:1100px) { .public-member-page .fe-member-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:768px) { .public-member-page .fe-member-record-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) { .public-member-page .fe-public-profile-hero__identity { flex-wrap:wrap; } }
html[data-theme] body[data-fe-design-system] .fe-standings-page .stat-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:12px; margin-top:16px; }
html[data-theme] body[data-fe-design-system] .fe-standings-page .stat-card { padding:16px; min-width:0; background:var(--fe-surface); border:1px solid var(--fe-line); border-radius:var(--fe-radius-panel); }
html[data-theme] body[data-fe-design-system] .fe-standings-page .stat-card .value { font:650 28px/1.3 var(--fe-font-ui); color:var(--fe-ink) !important; overflow-wrap:anywhere; }
html[data-theme] body[data-fe-design-system] .fe-standings-page :is(.stat-card .label,th,.fe-beta-copy,.fe-standings-note) { font:400 12px/1.6 var(--fe-font-ui); color:var(--fe-muted); }
.fe-standings-page .table-container { max-width:100%; min-width:0; overflow-x:auto; }
.fe-standings-page table { width:100%; min-width:980px; }
.content_leaderboard-page table { min-width:720px; }
html[data-theme] body[data-fe-design-system] .fe-standings-page :is(th,td) { overflow-wrap:anywhere; font-family:var(--fe-font-ui); }
html[data-theme] body[data-fe-design-system] .fe-standings-page td { font-size:14px; }
html[data-theme] body[data-fe-design-system] .fe-standings-page th { font:500 12px/1.6 var(--fe-font-ui) !important; }
html[data-theme] body[data-fe-design-system] .fe-standings-page .trust-primary { color:var(--fe-ink) !important; background:var(--fe-surface) !important; }
html[data-theme] body[data-fe-design-system] .fe-standings-page :is(a,button) { min-height:44px; box-sizing:border-box; font:500 14px/1.5 var(--fe-font-ui); max-width:100%; }
html[data-theme] body[data-fe-design-system] .fe-standings-page a { display:inline-flex; align-items:center; overflow-wrap:anywhere; }
.fe-standings-page tr[id] { scroll-margin-top:80px; }
.fe-standings-page .fe-standings-note { margin:12px 0 16px; }
@media(max-width:768px) {
    .fe-standings-page table { min-width:0; }
    html[data-theme] body[data-fe-design-system] .fe-standings-page .stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    html[data-theme] body[data-fe-design-system] .fe-standings-page td::before { font-size:12px !important; color:var(--fe-muted); }
    html[data-theme] body[data-fe-design-system] .fe-standings-page td { white-space:normal; }
}
@media(max-width:600px) {
    .news-feed-page .news-toolbar,.news-feed-page .news-gate { grid-template-columns:minmax(0,1fr); }
    .news-feed-page .news-headline { flex-direction:column; }
    .news-feed-page .news-apply,.news-feed-page .news-cta { width:100%; justify-content:center; }
}
html[data-theme] body[data-fe-design-system] .fe-community-page .chip-green { background:var(--fe-surface) !important; color:var(--fe-positive) !important; border-color:var(--fe-positive); }
@media(max-width:1000px) { .following-page .follow-layout { grid-template-columns:minmax(0,1fr); } }
@media(max-width:768px) { .following-page .follow-stat-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:600px) {
    html[data-theme] body[data-fe-design-system] .fe-community-page :is(.card,.follow-stat,.follow-card,.follow-guide) { padding:16px; }
    .following-page .follow-filters .btn { flex:1 1 calc(50% - 8px); justify-content:center; }
    .following-page .follow-stat-value { font-size:24px; }
    .following-page .follow-user-row { flex-wrap:wrap; }
}

.my-picks-page .fe-picks-event-heading { display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:12px; margin-bottom:16px; }
.my-picks-page .fe-picks-event-heading > div { min-width:0; }
.my-picks-page .fe-picks-event-heading h2 { margin:0 0 8px; }
.my-picks-page .fe-picks-event-record { display:flex; gap:8px; flex-wrap:wrap; }
.my-picks-page .fe-picks-list { display:grid; gap:12px; }
html[data-theme] body[data-fe-design-system] .my-picks-page .fe-picks-row { grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto !important; padding:16px !important; gap:16px !important; background:var(--fe-sunken) !important; font-size:14px; line-height:1.6; }
.my-picks-page .fe-picks-row > div { min-width:0; overflow-wrap:anywhere; }
.my-picks-page .fe-picks-caption { display:block; color:var(--fe-muted); font-size:12px; font-weight:400; }
.my-picks-page .fe-picks-actions { display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
html[data-theme] body[data-fe-design-system] .trivia-page .fe-trivia-hero { padding:0; margin:0; border:0; background:transparent; box-shadow:none; }
html[data-theme] body[data-fe-design-system] .trivia-page .fe-trivia-question { font:650 22px/1.4 var(--fe-font-ui); color:var(--fe-ink); margin:12px 0 20px; }
.trivia-page .fe-trivia-options { display:grid; gap:12px; border:0; padding:0; margin:0; min-width:0; }
html[data-theme] body[data-fe-design-system] .trivia-page .fe-trivia-choice { display:flex; align-items:center; gap:12px; margin:0; padding:16px; min-height:56px; box-sizing:border-box; cursor:pointer; background:var(--fe-surface); color:var(--fe-ink); border:1px solid var(--fe-control-line); border-radius:var(--fe-radius-control); font:400 16px/1.5 var(--fe-font-ui); overflow-wrap:anywhere; }
.trivia-page .fe-trivia-choice span { min-width:0; }
html[data-theme] body[data-fe-design-system] .trivia-page .fe-trivia-choice:has(input:checked) { border-color:var(--fe-interaction); box-shadow:inset 0 0 0 1px var(--fe-interaction); background:var(--fe-sunken); }
html[data-theme] body[data-fe-design-system] .trivia-page .fe-trivia-choice:focus-within { outline:2px solid var(--fe-focus); outline-offset:3px; }
html[data-theme] body[data-fe-design-system] .trivia-page input[type=radio] { width:20px !important; height:20px !important; min-height:20px !important; accent-color:var(--fe-interaction); }
.trivia-page .fe-trivia-submit-row { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-top:20px; }
.trivia-page .fe-trivia-answer { gap:12px; flex-wrap:wrap; overflow-wrap:anywhere; }
html[data-theme] body[data-fe-design-system] .trivia-page #trivia-card { background:var(--fe-surface) !important; border:1px solid var(--fe-line) !important; border-radius:var(--fe-radius-panel) !important; padding:20px !important; }
@media(max-width:600px) {
    html[data-theme] body[data-fe-design-system] .my-picks-page .fe-picks-row { grid-template-columns:minmax(0,1fr) auto !important; }
    .my-picks-page .fe-picks-bout { grid-column:1 / -1; }
    .trivia-page .fe-trivia-submit-row .btn { width:100%; justify-content:center; }
}

html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .lof-fight-row { grid-template-columns:minmax(0,1fr) minmax(0,2fr) !important; gap:20px !important; padding:20px 0 !important; background:transparent !important; border-bottom:1px solid var(--fe-line); border-radius:0; }
.fe-lock-fade-page .lof-fight-row > div { min-width:0; overflow-wrap:anywhere; }
.fe-lock-fade-page .lof-section-heading { margin-bottom:12px; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .pick-row .btn { white-space:normal; overflow-wrap:anywhere; min-width:0; opacity:1 !important; font:500 14px/1.5 var(--fe-font-ui) !important; padding:12px !important; gap:8px !important; border-radius:var(--fe-radius-control); }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .pick-row .btn > span { color:inherit !important; font:400 12px/1.5 var(--fe-font-ui) !important; max-width:100%; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .pick-row .btn > span:first-child { font-size:14px !important; font-weight:600 !important; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .pick-row .btn-primary { background:var(--fe-interaction) !important; color:var(--fe-on-interaction) !important; border-color:var(--fe-interaction) !important; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .pick-row .btn-secondary { background:var(--fe-surface) !important; color:var(--fe-ink) !important; border-color:var(--fe-control-line) !important; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .pick-row [style*="color:#f97316"] { color:var(--fe-secondary) !important; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page #lock-countdown-text { color:var(--fe-pending) !important; }
.fe-lock-fade-page #lock-countdown { flex-wrap:wrap; overflow-wrap:anywhere; }
.fe-lock-fade-page #lof-pick-progress > div:first-child { flex-wrap:wrap; gap:8px; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page #share-picks-btn[hidden] { display:none !important; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page :is(.lof-card-link,.lof-stat-note) { font-size:12px !important; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page :is(.fe-c-event-status,.fe-c-freshness) { font:500 12px/1.5 var(--fe-font-ui) !important; }
html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .lof-card-link { min-height:44px; }
@media(max-width:900px) {
    html[data-theme] body[data-fe-design-system] .fe-lock-fade-page .lof-fight-row { grid-template-columns:minmax(0,1fr) !important; }
    .fe-lock-fade-page .lof-fight-heading { display:none !important; }
}