/* Home sections use the same dark violet and gold as the hand library. */
#study-screen .study-modes{grid-template-columns:repeat(3,minmax(0,1fr));flex:none}
#study-screen .study-modes button{min-width:0;min-height:48px;font-size:15px;line-height:1.5}
#study-screen.pros-active>.study-daybar,#study-screen.pros-active>.study-prompt,#study-screen.pros-active>.study-content{display:none}
#study-pros[hidden],#study-pros [hidden],#pro-dialog [hidden]{display:none!important}
#study-screen.pros-active{height:auto;min-height:calc(100dvh - var(--app-nav-space))}
body.study-active:has(#study-screen.pros-active){overflow:auto}
#study-pros{flex:none;min-width:0;padding-bottom:16px}
.pro-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 2px;min-width:0}
.pro-heading p{margin:0;color:#c6baa7;font-size:14px;line-height:1.5}
.pro-heading a{font-size:14px;color:#e2c48e;text-decoration:none;border-bottom:1px solid #877149;padding:10px 0;flex:none}
#pro-count{margin-left:4px;color:#bfb4a5;font-size:13px;white-space:nowrap}
.pro-player-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
button.pro-player-card{display:flex;flex-direction:column;gap:14px;min-width:0;min-height:205px;padding:18px;text-align:left;background:linear-gradient(135deg,#282130,#1a1720);border:1px solid #6a573b;border-radius:15px;color:#f4ead6;cursor:pointer;font:inherit}
button.pro-player-card:hover{border-color:#e7c588;background:#302733}
button.pro-player-card:focus-visible{outline:2px solid #ffe4aa;outline-offset:3px}
.pro-card-top{display:flex;align-items:center;gap:13px;min-width:0;width:100%}
.pro-portrait{position:relative;flex:none;display:block;width:76px;height:96px;border:1px solid #8c7248;border-radius:10px;overflow:hidden;background:#141118}
.pro-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center 25%}
.pro-initials{display:grid;place-items:center;width:100%;height:100%;color:#c5a66b;font-size:22px;background:linear-gradient(145deg,#3f3328,#201c27)}
.pro-identity{display:flex;flex-direction:column;gap:4px;min-width:0;overflow-wrap:anywhere}
.pro-name{font-size:18px;line-height:1.4;color:#fff0cc}.pro-english{font-size:13px;line-height:1.4;color:#c7bbab}.pro-country{font-size:13px;line-height:1.4;color:#af9f8b}
.pro-bio-preview{display:block;color:#d2c6b8;font-size:15px;line-height:1.75;word-break:keep-all;overflow-wrap:anywhere;flex:1}
.pro-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px;border-top:1px solid #75603d50;padding-top:12px;width:100%}
.pro-open{color:#c4b394;font-size:13px}
.pro-footnote{margin:18px 0 0;color:#b0a596;font-size:13px;line-height:1.6}
#pro-dialog{padding:0;width:min(660px,calc(100% - 24px));max-height:calc(100dvh - 32px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));border:1px solid #b6965e;border-radius:17px;background:linear-gradient(140deg,#28212f,#19171f);color:#f0e6d6;overflow:hidden}
#pro-dialog::backdrop{background:#09070ccc;backdrop-filter:blur(4px)}
.pro-dialog-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #6e5a394f}
.pro-dialog-header h2{margin:0;color:#ffe4aa;font-size:23px;line-height:1.4;overflow-wrap:anywhere}
#pro-close{flex:none;min-height:44px;padding:8px 15px;font-size:16px}
#pro-dialog-body{padding:22px;overflow-y:auto;max-height:calc(100dvh - 126px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));overscroll-behavior:contain}
.pro-profile-intro{display:flex;align-items:center;gap:20px}.pro-profile-intro>div{min-width:0;overflow-wrap:anywhere}.pro-portrait.is-large{width:112px;height:140px}
.pro-profile-group{color:#edcf94;font-size:18px;font-weight:700}.pro-profile-english{color:#fff0d0;font-size:20px;font-weight:650;margin:9px 0}.pro-profile-country{color:#c8bda9;line-height:1.6;font-size:15px;margin:0}
.pro-profile-bio{font-size:17px;line-height:1.8;margin:22px 0;color:#e4d9c7;word-break:keep-all;overflow-wrap:anywhere}
.pro-recent{padding:18px;border:1px solid #9c7a4266;border-radius:12px;background:#59432033;margin-bottom:25px}.pro-recent h3,.pro-history h3{color:#ffe1a0;font-size:18px;margin:0 0 14px}.pro-recent time,.pro-history time{font-size:14px;font-weight:700;color:#d7bb83}.pro-recent p,.pro-history p{font-size:16px;line-height:1.75;margin:6px 0 10px;word-break:keep-all;overflow-wrap:anywhere}
#pro-dialog a{color:#d9bb80;font-size:13px;line-height:1.6;text-underline-offset:3px}.pro-history ol{list-style:none;padding:0 0 0 18px;margin:0 0 25px;border-left:1px solid #896f414f}.pro-history li{position:relative;padding-bottom:20px}.pro-history li:last-child{padding-bottom:0}.pro-history li::before{content:"";position:absolute;left:-23px;top:6px;width:9px;height:9px;border-radius:50%;background:#d5b16d}
.pro-sources{padding-top:16px;border-top:1px solid #725b3d55}.pro-sources p{font-size:13px;color:#a99d8e;line-height:1.6;margin:7px 0}.pro-source-links{display:flex;gap:16px;flex-wrap:wrap}
.pro-credits{margin-top:12px;color:#a99d8e;font-size:13px}.pro-credits summary{display:list-item;width:fit-content;min-height:44px;box-sizing:border-box;padding:12px 0;cursor:pointer}.pro-credits summary:focus-visible{outline:2px solid #ffe4aa;outline-offset:4px;border-radius:3px}.pro-profile-intro+.pro-background{margin-top:24px}
@media(max-width:620px){#study-screen .study-modes{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-player-list{grid-template-columns:minmax(0,1fr)}button.pro-player-card{padding:16px;min-height:0}.pro-heading{align-items:flex-start}.pro-heading a{font-size:13px}.pro-dialog-header{padding:14px 16px}#pro-dialog-body{padding:18px 16px}.pro-profile-intro{gap:15px}.pro-portrait.is-large{width:92px;height:116px}.pro-profile-english{font-size:18px}}
@media(min-width:1500px){.pro-player-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(prefers-reduced-motion:no-preference){.pro-player-card{transition:background .15s,border-color .15s}}

/* Story categories replace the former ranking and points. */
#pro-list{display:block}
.pro-group-filters{display:flex;flex-wrap:nowrap;gap:0;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-padding-inline:4px}
.pro-group-filters::-webkit-scrollbar{display:none}
.pro-group-filters button{flex:0 0 auto;min-height:44px;padding:3px 12px;font-size:14px;line-height:1.5;white-space:nowrap;background:#25252d;color:#c9c3ce;border:4px solid transparent;background-clip:padding-box;border-radius:24px;cursor:pointer}
.pro-group-filters button[aria-pressed="true"]{background-color:#5b4429;color:#ffe9b5;border-color:transparent;font-weight:750}
.pro-group-filters button:focus-visible{outline:2px solid #ffe4aa;outline-offset:3px}
.pro-group{margin-bottom:30px}
.pro-group-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:0 0 12px}
.pro-group-heading h3{font-size:19px;line-height:1.5;color:#f7dfab;margin:0}
.pro-group-heading>span{flex:none;font-size:13px;color:#b9a889}
.pro-tagline{font-size:17px;line-height:1.55;color:#f0d49a;word-break:keep-all}
.pro-card-bottom{justify-content:flex-end}
.pro-profile-tagline{font-size:22px;line-height:1.6;color:#ffe1a0;margin:24px 0;word-break:keep-all}
.pro-background{margin:0 0 26px}.pro-background h3{font-size:18px;color:#ffe1a0;margin:0 0 12px}
.pro-background p{font-size:17px;line-height:1.9;color:#e4d9c7;margin:0 0 10px;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line}
.pro-recent p,.pro-history p{font-size:17px;line-height:1.85;white-space:pre-line}
@media(max-width:620px){.pro-group-heading h3{font-size:18px}.pro-profile-tagline{font-size:20px}}

/* Long-form player stories share the existing mobile dialog. */
.pro-special-badge{display:block;color:#e8c37e;font-size:11px;font-weight:750;letter-spacing:.12em;line-height:1.6}
button.pro-player-card.is-special{border-color:#b79759;background:linear-gradient(135deg,#373024,#221c2b 65%,#172622)}
.pro-story-overview{margin:26px 0 30px;padding:20px;border:1px solid #a5864c77;border-radius:14px;background:linear-gradient(145deg,#6b512526,#103e322e)}
.pro-story-overview h3{margin:8px 0 14px;color:#ffe1a0;font-size:24px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere}
.pro-story-overview>p,.pro-story-section>p,.pro-story-block p,.pro-story-interview p{font-size:17px;line-height:1.85;color:#e1d5c2;word-break:keep-all;overflow-wrap:anywhere;white-space:pre-line}
.pro-story-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:20px 0 12px}
.pro-story-metrics>div{min-width:0;padding:14px;border-radius:10px;background:#15121c85;border:1px solid #a4864c33}
.pro-story-metrics dt{color:#bfb198;font-size:13px;line-height:1.5}.pro-story-metrics dd{margin:6px 0;color:#ffe4aa;font-size:clamp(17px,4vw,23px);font-weight:750;line-height:1.4;overflow-wrap:anywhere}
.pro-story-metrics p{margin:4px 0;font-size:12px;line-height:1.6;color:#c0b39d}
.pro-story-overview .pro-story-asof{margin:12px 0 0;color:#ac9e8b;font-size:12px;line-height:1.7}
.pro-story-section{margin:0 0 30px}.pro-story-section>h3{color:#ffe1a0;font-size:20px;line-height:1.6;margin:0 0 16px;word-break:keep-all;overflow-wrap:anywhere}
.pro-story-hand{margin:12px 0;border:1px solid #80663f88;border-radius:12px;background:#17141d55;overflow:hidden}
.pro-story-hand summary{min-height:60px;padding:16px;cursor:pointer;font-size:17px;line-height:1.6;color:#f7deac;word-break:keep-all;overflow-wrap:anywhere}
.pro-story-hand summary::marker{color:#bfa06b}.pro-story-hand summary:focus-visible{outline:2px solid #ffe1a0;outline-offset:-4px;border-radius:12px}
.pro-story-number{font-size:12px;color:#b29b75;display:inline-block;margin:0 9px 0 2px}
.pro-story-hand-body{padding:0 16px 18px}.pro-story-event{margin:0 0 14px;font-size:13px;line-height:1.7;color:#bcad95}
.pro-hand-matchup{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 18px}.pro-hand-matchup>div{min-width:0;background:#122a2466;padding:10px;border-radius:8px}.pro-hand-matchup>div:last-child{grid-column:1/-1}.pro-hand-matchup dt{color:#bbaa90;font-size:12px;line-height:1.6}.pro-hand-matchup dd{margin:5px 0 0;color:#ffedc3;font-size:18px;line-height:1.6;font-weight:700;overflow-wrap:anywhere}
.pro-hand-flow{list-style:none;padding:0;margin:0}.pro-hand-flow li{margin-bottom:15px}.pro-hand-flow strong{font-size:13px;color:#d4b478}.pro-hand-flow p,.pro-story-takeaway p{font-size:16px;line-height:1.85;margin:4px 0;color:#e0d5c4;word-break:keep-all;overflow-wrap:anywhere}
.pro-story-takeaway{padding:14px;margin:16px 0;border-left:2px solid #b6975f;background:#80613222}.pro-story-takeaway>strong{color:#e5c587;font-size:14px}
.pro-story-block{padding:0 0 16px;margin-bottom:16px;border-bottom:1px solid #96784733}.pro-story-block h4{margin:0 0 7px;font-size:17px;line-height:1.6;color:#f1d4a0}.pro-story-block p{margin:0}.pro-story-block:last-of-type{border-bottom:0;margin-bottom:0}
.pro-story-interview{margin:0 0 26px;padding:18px;border:1px solid #7a684b;border-radius:12px;background:#2d252b}.pro-story-interview>strong{color:#ffe1a0;font-size:18px}.pro-story-interview p{font-size:15px;margin:8px 0 12px}#pro-dialog .pro-story-interview a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}
.pro-profile-nickname{margin:8px 0 0;color:#dcc18e;font-size:15px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.pro-results{margin:0 0 28px}
.pro-results h3{font-size:18px;color:#ffe1a0;margin:0 0 8px}
.pro-results-asof,.pro-results-note{font-size:12px;line-height:1.7;color:#bfb198}
.pro-results table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:15px;line-height:1.65}
.pro-results caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.pro-results th{text-align:left;color:#cbb78f;font-size:13px;font-weight:500;padding:10px 6px;border-bottom:1px solid #80663f}
.pro-results th:first-child{width:50%}.pro-results th:nth-child(2){width:15%}
.pro-results td{padding:14px 6px;border-bottom:1px solid #80663f55;vertical-align:top;overflow-wrap:anywhere}
.pro-results td:first-child>*{display:block}.pro-results time,.pro-results td:first-child>span{font-size:12px;color:#bfb198}
.pro-results td strong{font-size:15px;font-weight:600;color:#f1d4a0;margin:4px 0}
.pro-result-place,.pro-result-prize{color:#ffe1a0;font-variant-numeric:tabular-nums}
.pro-result-prize small{display:block;font-size:12px;line-height:1.6;color:#c6baa7;margin-top:5px}
.pro-reference-links{display:grid;gap:6px}.pro-reference-links a{padding:7px 0;line-height:1.6}
@media(max-width:360px){.pro-results table,.pro-results td strong{font-size:14px}.pro-results td,.pro-results th{padding-left:3px;padding-right:3px}}
.pro-voice{margin:0 0 26px;padding:20px;border:1px solid #86704c;border-radius:12px;background:#2d252b}
.pro-voice h3{margin:0 0 12px;font-size:20px;color:#ffe1a0}.pro-voice-label{font-size:13px;color:#bcad95}.pro-voice h4{margin:9px 0 12px;font-size:18px;line-height:1.6;color:#f1d4a0;word-break:keep-all;overflow-wrap:anywhere}
.pro-voice p,.pro-voice blockquote{font-size:17px;line-height:1.85;word-break:keep-all;overflow-wrap:anywhere}.pro-voice p{margin:0 0 12px;color:#e1d5c2}.pro-voice blockquote{margin:12px 0 16px;padding:4px 0 4px 15px;border-left:3px solid #d6b575;color:#ffebc2}
#pro-dialog .pro-voice a{display:inline-flex;align-items:center;min-height:44px;font-size:15px}.pro-recent>a,.pro-history li>a{display:inline-block;margin-right:14px}.pro-standing{margin-top:18px;padding-top:16px;border-top:1px solid #9c7a4255}
@media(max-width:420px){.pro-voice{padding:16px}}
@media(max-width:420px){.pro-story-overview{padding:14px}.pro-story-overview h3{font-size:21px}.pro-story-metrics{gap:7px}.pro-story-metrics>div{padding:10px}.pro-story-section>h3{font-size:18px}.pro-story-hand summary{padding:14px}.pro-story-hand-body{padding:0 13px 16px}.pro-hand-matchup dd{font-size:16px}}
.pro-edit-dialog{width:min(880px,94vw);max-height:90dvh;padding:22px;background:#211c2b;color:#f4e9d8;border:1px solid #b99a64;border-radius:20px}.pro-edit-dialog header{display:flex;align-items:center;justify-content:space-between;gap:16px}.pro-edit-dialog fieldset{border:0;padding:0;display:grid;gap:20px}.pro-edit-dialog label{display:grid;gap:8px}.pro-edit-dialog label span{font-size:.9rem;color:#edcf94}.pro-edit-dialog textarea{width:100%;box-sizing:border-box;padding:12px;background:#15121c;color:#f4e9d8;border:1px solid #756448;border-radius:10px;resize:vertical;font:inherit}.pro-edit-dialog button[type=submit]{position:sticky;bottom:0;width:100%;margin-top:18px}.pro-edit-dialog::backdrop{background:#000b}
.pro-group-toolbar{display:flex;align-items:center;min-width:0;gap:0;margin-bottom:0;flex-wrap:nowrap}
.pro-group-toolbar .pro-group-filters{flex:1;margin:0;min-width:0}
#pro-group-edit{flex:none;min-height:44px;padding:8px 15px}
.pro-group-status,.pro-empty{color:#ccbda3;font-size:14px;line-height:1.7}
.pro-group-dialog{box-sizing:border-box;width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 32px);overflow-y:auto}
.pro-group-dialog h2{font-size:22px;color:#ffe4aa;margin:0}
.pro-group-dialog button{min-height:44px;padding:9px 14px}
.pro-group-help{line-height:1.8;color:#c6baa7;font-size:14px;margin:18px 0 22px}
.pro-group-legend{font-weight:700;color:#ffe4aa;margin-bottom:12px}
.pro-group-edit-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) auto;gap:12px;align-items:end;padding:16px 0;border-bottom:1px solid #75644866}
.pro-group-edit-row label{min-width:0}.pro-group-edit-row label:first-child{grid-column:1}.pro-group-edit-row label:nth-child(2){grid-column:2/4}
.pro-group-edit-row input,.pro-group-members select{box-sizing:border-box;width:100%;min-height:44px;background:#15121c;color:#f4e9d8;border:1px solid #756448;border-radius:9px;font:inherit;padding:10px}
.pro-group-member-count{font-size:13px;color:#c6baa7;align-self:center}.pro-group-remove{grid-column:3;color:#f0b6ad}
.pro-group-members{margin-top:8px}.pro-group-members summary{cursor:pointer;min-height:44px;padding:12px 0;color:#ffe4aa;box-sizing:border-box}
.pro-group-members [data-members]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:12px}
.pro-group-dialog [data-error]{color:#ffcfb5;white-space:pre-line;line-height:1.6}
.pro-group-dialog button:focus-visible,.pro-group-dialog summary:focus-visible{outline:2px solid #ffe4aa;outline-offset:3px}
@media(max-width:540px){.pro-group-dialog{padding:18px 14px}.pro-group-edit-row{grid-template-columns:minmax(0,1fr) auto}.pro-group-edit-row label:first-child,.pro-group-edit-row label:nth-child(2){grid-column:1/-1}.pro-group-remove{grid-column:2}.pro-group-members [data-members]{grid-template-columns:minmax(0,1fr)}.pro-group-toolbar{gap:8px}.pro-group-toolbar .pro-group-filters{flex-basis:100%}}

.pro-contribution-dialog{width:min(720px,calc(100vw - 24px));max-height:90dvh;padding:0;border:1px solid #786334;border-radius:16px;background:#161719;color:#f1ede4;overflow:auto}
.pro-contribution-dialog::backdrop{background:#000a}
.pro-contribution-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid #ffffff18;position:sticky;top:0;background:#161719;z-index:2}
.pro-contribution-dialog h2{font-size:18px;margin:0}.pro-contribution-body{padding:20px}.pro-contribution-dialog button,.pro-contribution-dialog input,.pro-contribution-dialog select,.pro-contribution-dialog textarea{font:inherit;box-sizing:border-box}
.pro-contribution-dialog form,.pro-contribution-dialog fieldset{display:grid;gap:16px}.pro-contribution-dialog fieldset{border:0;padding:0;margin:0;min-width:0}.pro-contribution-dialog label{display:grid;gap:8px;font-size:14px;color:#e5d7bc}
.pro-contribution-dialog input,.pro-contribution-dialog textarea,.pro-contribution-dialog select{width:100%;min-width:0;border:1px solid #ffffff2b;border-radius:9px;background:#24262b;color:#fff;padding:11px;font-size:16px}.pro-contribution-dialog textarea{resize:vertical}
.pro-contribution-dialog button{padding:9px 13px;min-height:40px;border-radius:8px}.pro-contribution-dialog button:disabled{opacity:.5}.pro-contribution-dialog a{color:#e7c77d;overflow-wrap:anywhere}.pro-contribution-dialog p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65}
.pro-contribution-status{margin:0;padding:0 20px 16px;min-height:1em;color:#ecd49b;font-size:14px}.pro-contribution-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;margin:8px 0 16px}.pro-contribution-actions button{font-size:13px;padding:7px 10px}
.pro-contribution-card{padding:16px 0;border-bottom:1px solid #ffffff20}.pro-contribution-card>button{margin:12px 8px 0 0}.pro-contribution-card small{color:#bbb4a6}.pro-contribution-row{display:flex;gap:10px;justify-content:space-between;align-items:start}.pro-contribution-state{white-space:nowrap;font-size:12px;color:#e7c77d}.pro-contribution-reason{border-left:2px solid #b59654;padding-left:12px;font-size:14px}
.pro-contribution-diff{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.pro-contribution-diff section{min-width:0;padding:14px;border-radius:10px;background:#ffffff06;border:1px solid #ffffff16}.pro-contribution-diff section:last-child{border-color:#d6b66e60}.pro-contribution-diff strong{font-size:13px;color:#d6b66e}.pro-contribution-diff p{font-size:14px;max-height:300px;overflow:auto}.pro-contribution-before{max-height:180px;overflow:auto;padding:12px;background:#ffffff08;font-size:14px}.pro-contribution-help{font-size:13px;color:#c5beaf}.pro-contribution-help summary{cursor:pointer}.pro-contribution-empty{color:#c5beaf}
.pro-group-toolbar{flex-wrap:nowrap}
@media(max-width:540px){.pro-contribution-diff{grid-template-columns:1fr}.pro-contribution-body{padding:16px}.pro-contribution-dialog>header{padding:14px 16px}.pro-contribution-dialog h2{font-size:16px}.pro-contribution-row{flex-wrap:wrap}.pro-contribution-dialog{max-height:94dvh}.pro-contribution-actions{justify-content:flex-start}}

.question-proposal-nav{display:flex;flex-wrap:wrap;gap:8px;padding:12px 20px 0}.question-proposal-nav button[aria-pressed=true]{border-color:#cdb17b;color:#f2d399}.question-proposal-reward{color:#e8ca92}.question-proposal-dialog .pro-contribution-body>p{margin:0 0 12px;line-height:1.65}.question-proposal-dialog details{margin-top:12px}.question-proposal-dialog details p{white-space:pre-wrap}.question-proposal-dialog .pro-contribution-card h3{font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.question-proposal-dialog small{line-height:1.6}.question-proposal-nav [hidden]{display:none}

/* Give the stories the first screen; keep secondary actions in a disclosure. */
#study-screen.pros-active{gap:8px}
#study-screen.pros-active>.home-account-line{min-height:56px;padding-bottom:8px}
#study-screen.pros-active .regulars-home-banner{height:52px}
#study-screen.pros-active .study-modes{padding:3px;gap:3px}
#study-screen.pros-active .study-modes button{min-height:44px;padding:6px 4px;font-size:14px}
#study-pros .pro-heading{align-items:center}
#study-pros .pro-intro{min-width:0;line-height:1.6}
.pro-tools{position:relative;flex:none;z-index:5}
.pro-tools>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:44px;min-height:44px;box-sizing:border-box;border:0;border-radius:10px;color:#d2c4aa;cursor:pointer;font-size:24px;line-height:1}
.pro-tools>summary::-webkit-details-marker{display:none}
.pro-tools[open]>summary,.pro-tools>summary:hover{background:#ffffff09;color:#ffe4aa}
.pro-tools-menu{position:absolute;right:0;top:calc(100% + 4px);display:grid;gap:2px;width:180px;max-width:calc(100vw - 32px);padding:6px;box-sizing:border-box;border:1px solid #ffffff14;border-radius:12px;background:#25212d;box-shadow:0 12px 32px #0007}
.pro-tools-menu button,#pro-group-edit{width:100%;min-height:44px;padding:10px 12px;text-align:left;border:0;border-radius:7px;background:transparent;color:#e6dccb;font-size:14px;line-height:1.5}
.pro-tools-menu button:hover{background:#ffffff09}
.pro-contribute-row{display:flex;justify-content:flex-end;min-width:0;margin:0 0 4px}
#pro-contribute-open{min-height:40px;padding:6px 2px;border:0;background:transparent;box-shadow:none;color:#efd19a;font-size:13px;font-weight:650;line-height:1.5}
#study-pros .pro-group-heading{padding-bottom:8px}
.pro-group-filters button:focus-visible{outline-offset:-4px}
.pro-tools summary:focus-visible,.pro-tools-menu button:focus-visible,#pro-contribute-open:focus-visible{outline:2px solid #ffe4aa;outline-offset:1px}
@media(max-width:360px){#study-pros .pro-intro{font-size:13px}#pro-count{font-size:12px;margin-left:2px}}

/* Direct personal social links stay visible before the longer player story. */
.pro-socials{margin:16px 0 22px}
.pro-socials:empty{display:none}
.pro-social-links{display:flex;flex-wrap:wrap;gap:8px}
#pro-dialog .pro-social-links a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;max-width:100%;padding:8px 14px;border-radius:10px;background:#3a2e23;color:#ffe1a0;font-size:14px;font-weight:650;text-decoration:none;line-height:1.5;overflow-wrap:anywhere;box-sizing:border-box}
#pro-dialog .pro-social-links a:hover{background:#51402b}
#pro-dialog .pro-social-links a:focus-visible{outline:2px solid #ffe4aa;outline-offset:3px}
#pro-dialog .pro-social-note{margin:8px 0 0;color:#bfb3c8;font-size:13px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:380px){#pro-dialog .pro-social-links a{padding:8px 12px}.pro-social-links{gap:6px}}