/* Functional information leads; research, credits, seals and headings keep
   their existing hierarchy. Rem sizes also respect the reader's base text size. */
.game-grid .guess-panel .guess-label{align-items:baseline;}
.game-grid .guess-panel .guess-label label{font-size:.75rem;line-height:1.5;}
.game-grid .guess-panel .guess-label>span{font-size:.875rem;line-height:1.5;}
.game-grid .guess-panel .support-heading{font-size:.875rem;line-height:1.5;flex-wrap:wrap;}
.game-grid .guess-panel .compact-clues .small-count{font-size:.75rem;line-height:1.5;}
.game-grid .guess-panel .compact-clues .clue-text strong{font-size:.8125rem;line-height:1.5;}
.game-grid .guess-panel .compact-clues .clue-text>span{font-size:.75rem;line-height:1.5;}
.game-grid .guess-panel .compact-clues .clue-row{grid-template-rows:auto minmax(3rem,auto);align-content:start;}
.game-grid .guess-panel .compact-clues :is(.clue-text,.clue-slot){min-width:0;}
.game-grid .guess-panel .compact-clues .clue-slot{height:auto;min-height:3rem;}
.game-grid .guess-panel .compact-clues .clue-value{font-size:.9375rem;line-height:1.6;overflow-wrap:anywhere;}
.game-grid .guess-panel .compact-clues .clue-prompt{font-size:.875rem;line-height:1.6;}
.game-grid .guess-panel .guess-form>button,.game-grid .guess-panel .expedition-actions button{font-size:.875rem;line-height:1.5;white-space:normal;max-width:100%;}
.game-grid .guess-panel .guess-form>.guess-journal-link{font-size:.8125rem;line-height:1.5;white-space:normal;}
.game-grid .guess-panel :is(.inline-error,.guess-feedback){font-size:.875rem;line-height:1.65;overflow-wrap:anywhere;}
.game-grid .guess-panel .suggestions button{min-height:44px;white-space:normal;overflow-wrap:anywhere;}
.game-grid .guess-panel .suggestions button>span{font-size:1rem;}
.game-grid .guess-panel .suggestions small{font-size:.75rem;}

/* A long scientific name should wrap rather than shrink below readable type. */
.game-grid .field-note-heading h2{font-size:1.875rem;line-height:1.25;white-space:normal;overflow-wrap:anywhere;}
.game-grid .field-note-heading .eyebrow{font-size:.6875rem;line-height:1.6;color:#46513f;}
.game-grid .field-note-panel .field-description{font-size:.9375rem;line-height:1.8;}
.game-grid .field-note-panel .profile-facts dt{font-size:.75rem;line-height:1.5;}
.game-grid .field-note-panel .profile-facts dd{font-size:.875rem;line-height:1.6;overflow-wrap:anywhere;}
.game-grid .result-story .result-message{font-size:.9375rem;line-height:1.7;}
.game-grid .result-counts>span>span{font-size:.875rem;line-height:1.5;}

/* Catalogue controls and discovery records are everyday information. */
.journal-filters .filter-field label{font-size:.8125rem;line-height:1.5;}
.journal-filters .filter-field :is(input,select){font-size:1rem;max-width:100%;}
.journal-filters :is(.journal-search-row,.journal-filter-grid,.filter-field){min-width:0;}
.journal-filters .catalogue-filter{flex-wrap:wrap;min-width:0;}
.journal-filters .catalogue-filter button{white-space:normal;flex-basis:8.5rem;}
.journal-toolbar,.journal-toolbar .journal-toolbar-actions button{font-size:.875rem;line-height:1.6;}
.journal-toolbar-actions{flex-wrap:wrap;}
.journal-cards .specimen-group,.journal-cards .specimen-facts{font-size:.8125rem;line-height:1.6;}
.journal-cards .specimen-facts span{max-width:100%;white-space:normal;overflow-wrap:anywhere;}
.journal-cards :is(.card-discovery,.discovery-label,.locality-qualifier){font-size:.8125rem;line-height:1.6;}
.journal-entry .journal-facts dt{font-size:.75rem;line-height:1.5;letter-spacing:.6px;}
.journal-entry .personal-best-row,.journal-entry .achievement-panel .best-rule{font-size:.875rem;line-height:1.7;}
.journal-entry .daily-history{font-size:.875rem;}
.journal-entry .entry-heading{min-width:0;flex-wrap:wrap;}
.journal-entry .entry-heading h1{overflow-wrap:anywhere;}

/* Keep exact record values available without shrinking a chart to phone width. */
.account-page .account-stat-period-heading{flex-wrap:wrap;row-gap:4px;}
.account-page .account-stat-period-heading h3{font-size:.875rem;line-height:1.5;}
.account-page .account-stat-period-heading>span{font-size:.8125rem;line-height:1.5;}
.account-page .account-stat-metrics dt{font-size:.875rem;line-height:1.5;}
.account-page .account-stat-metrics dd.stat-detail,.account-page .account-stat-metrics small{font-size:.8125rem;line-height:1.6;}
.account-page .account-chart figcaption{font-size:.8125rem;line-height:1.6;}
.account-page .account-chart figcaption strong{font-size:.875rem;}
.account-chart-frame{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:start;}
.account-chart-scroll{min-width:0;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;}
.account-page .account-chart svg{max-height:none;overflow:hidden;}
.account-page .account-chart .account-chart-axis{width:36px;height:205px;}
.account-page .account-chart .account-chart-plot{width:100%;height:205px;min-width:0;}
.account-page .account-chart .account-chart-line-layer{width:100%;height:205px;pointer-events:none;}
.account-chart-scroll,.account-results-scroll{scrollbar-color:#b89a65 #233b2f;scrollbar-width:thin;}
.account-chart-scroll::-webkit-scrollbar,.account-results-scroll::-webkit-scrollbar{height:9px;}
.account-chart-scroll::-webkit-scrollbar-track,.account-results-scroll::-webkit-scrollbar-track{background:#233b2f;border-radius:6px;}
.account-chart-scroll::-webkit-scrollbar-thumb,.account-results-scroll::-webkit-scrollbar-thumb{background:#b89a65;border:2px solid #233b2f;border-radius:6px;}
@media(max-width:700px){.account-page .account-chart .account-chart-plot{min-width:28rem;}}
.account-page .account-chart text,.account-page .account-chart .account-bar-count{font-size:14px;}
.account-chart-scroll:focus-visible,.account-results-scroll:focus-visible{outline:2px solid #dfc38a;outline-offset:2px;}
.account-page .account-stat-data summary{font-size:.875rem;line-height:1.6;min-height:44px;}
.account-page .account-stat-note,.account-page>.account-status{font-size:.8125rem;line-height:1.65;overflow-wrap:anywhere;}
.account-results-scroll{max-width:100%;}
.account-results-scroll table{font-size:.875rem;line-height:1.6;}
.account-page .account-security summary{min-height:44px;}
.account-roster-switch,.account-page .account-settings-actions{flex-wrap:wrap;}

/* Social play, custom setup, billing and shared dialogs use the same hierarchy. */
#friends-content .social-table thead th,.custom-board-page .custom-board-table thead th{font-size:.8125rem;line-height:1.5;}
#friends-content .social-table,.custom-board-page .custom-board-table{font-size:.875rem;line-height:1.6;}
#friends-content :is(.social-person-actions,.social-profile-actions,.social-section-heading){min-width:0;}
#friends-content .social-section-heading{flex-wrap:wrap;}
#friends-content :is(.social-person-actions,.social-profile-actions)>*,.custom-shell :is(.custom-actions,.custom-link-actions)>*{max-width:100%;white-space:normal;}
.custom-shell :is(.custom-help,.custom-error,.custom-board-status,.custom-attempt-status),.custom-builder :is(label,legend){font-size:.875rem;line-height:1.65;}
.custom-builder :is(input:not([type=checkbox]):not([type=radio]),select){font-size:1rem;min-width:0;}
.custom-shell :is(.custom-rules-grid,.custom-filter-grid,.custom-round-row){min-width:0;}
.society-page :is(.society-benefit p,.society-questions details p){font-size:.9375rem;}
.society-page .society-billing-note,.society-page .society-plan-detail{font-size:.875rem;line-height:1.75;}
.society-plan dt{font-size:.8125rem;}
.modal-content>p:not(.eyebrow):not(.reference-note):not(.reference-credit),.help-panel .guide-steps li,.updates-panel .update-entry li{font-size:.9375rem;line-height:1.75;}

/* References remain compact and secondary; allow long URLs and names to wrap. */
:is(.journal-entry,.field-note-panel) :is(.reference-pictures figcaption,.overview-source,.source-links,.journal-research),.notes-page :is(.note-sources,.exclusion-evidence),.reference-page :is(p,li,td,th,a){overflow-wrap:anywhere;}

@media(max-width:600px){
 .game-grid .guess-panel .compact-clues .clue-row{grid-template-columns:minmax(0,.85fr) minmax(0,1fr) 34px;grid-template-rows:auto;min-height:4.75rem;}
 .game-grid .guess-panel .compact-clues .clue-slot{min-height:2.75rem;}
 .journal-filters .catalogue-filter{width:100%;}
 .account-stat-metrics{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:400px){
 .game-grid .guess-panel .compact-clues .clue-row{grid-template-columns:minmax(0,1fr) 34px;grid-template-rows:auto auto;min-height:6rem;}
 .game-grid .guess-panel .compact-clues .clue-slot{grid-column:1;grid-row:2;}
 .game-grid .guess-panel .compact-clues .clue-mark{grid-column:2;grid-row:1/3;}
 .game-grid .guess-panel .guess-form{grid-template-columns:minmax(0,1fr);}
 .game-grid .guess-panel .guess-form>*{grid-column:1;min-width:0;}
 .game-grid .guess-panel .guess-form>button{width:100%;}
 .journal-entry .journal-facts{grid-template-columns:minmax(0,1fr);}
}
