/* The club badge leads; the smaller wordmark leaves room for the hero headline. */
.site-header{height:80px;gap:24px}
.brand{flex-shrink:0;gap:0}
.brand>.brand-logo{display:block;width:162px;height:auto;flex-shrink:0}
.footer-wordmark{display:inline-flex;align-items:center;letter-spacing:0}
.site-footer .brand-logo{width:200px}
@media(max-width:1020px){
  .site-header nav{display:none}
  .site-header .menu-button{display:block;font-size:16px;min-height:44px;padding:10px 0}
  .site-header .header-actions{margin-left:auto;gap:12px}
  .site-header.menu-open nav{display:flex;position:absolute;top:80px;left:0;right:0;padding:16px 5%;background:#232323;flex-direction:column;gap:0;align-items:flex-start;border-top:1px solid #ffffff20}
  .site-header.menu-open nav a{font-size:17px;padding:14px 0;width:100%;min-height:48px}
}
@media(max-width:650px){
  .site-header{height:76px;gap:12px;padding:0 5%}
  .brand>.brand-logo{width:clamp(138px,40vw,162px)}
  .site-footer .brand-logo{width:180px}
  .site-header .header-actions{gap:9px}
  .site-header .search-button{width:38px;height:44px;padding:8px}
  .site-header .menu-button{font-size:15px;min-width:44px}
  .site-header.menu-open nav{top:76px}
}

/* Search has a contained input and a quiet, visible focus treatment. */
.search-overlay{max-width:880px;border-radius:16px;background:#f1f3f5}
.search-overlay[open]{display:flex;flex-direction:column;overflow:hidden}
.search-overlay .overlay-head{position:relative;flex:0 0 auto;min-height:62px;padding:8px 24px;background:#f1f3f5}
.search-overlay .overlay-head>span{font-size:15px;letter-spacing:0;font-weight:600}
.search-overlay .overlay-head>button{min-height:44px;min-width:44px;border:1px solid #c7cdd5;border-radius:50%}
.search-overlay #overlay-content{min-height:0;overflow-y:auto;overscroll-behavior:contain}
.search-overlay .archive-search-body{padding:28px 32px 32px}
.search-overlay .archive-search-body h2{font-size:40px;margin:0 0 10px;letter-spacing:-1.2px}
.search-overlay .archive-search-intro{font-size:17px;line-height:1.5;margin:0 0 24px;color:#626d79}
.archive-search-field{display:flex;align-items:center;gap:15px;padding:0 20px;min-height:68px;border:1px solid #bbc4cf;border-radius:12px;background:#fff;color:#657181;transition:border-color .15s,box-shadow .15s}
.archive-search-field>svg{width:23px;height:23px}
.archive-search-field:focus-within{border-color:#626f80;box-shadow:0 0 0 3px #d5dce5}
.archive-search-field .search-input{min-width:0;border:0;border-radius:0;outline:none;box-shadow:none;background:transparent;font-family:inherit;font-size:22px;line-height:1.4;padding:17px 0;color:#1b232d}
.archive-search-field .search-input::placeholder{color:#858e99}
.search-overlay .search-help{font-size:15px!important;line-height:1.5;margin-top:12px;color:#6a7583}
.search-overlay .search-results{margin-top:24px}
.search-overlay .search-result{padding:14px 0;gap:16px}
.search-overlay .search-result strong{font-size:25px;line-height:1.2}
.search-overlay .search-result small{font-size:14px;line-height:1.5;margin-top:4px}
@media(max-width:650px){.search-overlay .archive-search-body{padding:24px 20px}.search-overlay .archive-search-body h2{font-size:32px}.archive-search-field{padding:0 14px;gap:12px;min-height:60px}.archive-search-field .search-input{font-size:18px;padding:16px 0}.search-overlay .search-result strong{font-size:22px}}

/* Account entry stays visible beside search on every screen size. */
.account-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #646b75;border-radius:999px;font-size:15px;font-weight:600;white-space:nowrap;color:#fff}
.account-button:hover{background:#343a43;border-color:#a6afbb}
.account-button>svg{width:21px;height:21px}
.account-count{display:grid;place-items:center;min-width:23px;height:23px;padding:0 5px;border-radius:50%;background:#444b57;font-size:14px}
.account-page{max-width:1600px;margin:auto;padding:48px 5.5% 64px}
.account-intro{display:flex;align-items:center;justify-content:space-between;gap:28px;padding-bottom:36px;border-bottom:1px solid #cbd1d9}
.account-intro h1{font-family:inherit;font-size:clamp(38px,4.7vw,64px);line-height:1.08;letter-spacing:-2px;margin:13px 0 16px}
.account-intro>div>p:not(.eyebrow){font-size:18px;line-height:1.6;color:#616c7a;max-width:650px}
.account-join{flex-shrink:0}
.account-join>p{font-size:14px!important;text-align:center;margin-top:12px}
.account-identity{display:flex;align-items:center;gap:16px;min-width:0;max-width:390px}
.account-avatar{display:grid;place-items:center;flex-shrink:0;width:56px;height:56px;border-radius:50%;background:#e0e5eb;color:#4d596a}
.account-avatar>svg{width:29px;height:29px}
.account-identity>div{min-width:0}
.account-identity strong{display:block;font-size:18px;line-height:1.4}
.account-identity>div>span{display:block;font-size:14px;line-height:1.5;color:#697584;overflow-wrap:anywhere}
.account-identity a{display:inline-block;margin-top:7px;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.account-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:32px 0 42px}
.account-features>a,.account-features>button{display:flex;align-items:flex-start;flex-direction:column;text-align:left;gap:12px;padding:26px;border:1px solid #cbd2dc;border-radius:14px;background:#f8f9fb;min-width:0;transition:background .15s,border-color .15s}
.account-features>a:hover,.account-features>button:hover{background:#e7ebf0;border-color:#8995a5}
.account-features>a>span,.account-features>button>span{font-size:14px;line-height:1.4;color:#687586;letter-spacing:.6px}
.account-features strong{font-size:23px;line-height:1.25;letter-spacing:-.5px}
.account-features p{font-size:16px;line-height:1.55;color:#657180}
.account-features b{display:flex;justify-content:space-between;width:100%;gap:15px;font-size:15px;line-height:1.5;margin-top:auto;padding-top:10px}
.account-features b>span{font-size:20px}
.account-import,.account-status{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;margin:24px 0;background:#e4e9ef;border:1px solid #c9d2dd;border-radius:12px}
.account-import strong{font-size:17px;line-height:1.4}
.account-import p,.account-status p{font-size:15px;line-height:1.5;color:#606d7e;margin-top:5px}
.account-secondary{border:1px solid #8190a2;background:#f8f9fb;color:#263140;white-space:nowrap}
.account-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 26px}
.account-section-heading h2{font-family:inherit;font-size:34px;line-height:1.15;letter-spacing:-1px;margin:0 0 10px}
.account-section-heading p{font-size:16px;line-height:1.5;color:#687485}
.account-section-heading .text-link{flex-shrink:0;font-size:15px}
.account-favourites{scroll-margin-top:24px}
.account-player-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.account-empty{display:flex;align-items:center;flex-direction:column;text-align:center;padding:48px 24px;background:#e5e9ee;border-radius:16px}
.account-empty>svg{width:40px;height:40px;color:#727f90;margin-bottom:20px}
.account-empty h3{font-family:inherit;font-size:25px;line-height:1.3;letter-spacing:-.5px}
.account-empty p{font-size:17px;line-height:1.6;color:#697586;margin:12px 0 24px}
.account-ballot{margin-top:48px;padding-top:34px;border-top:1px solid #c9d1dc}
.account-vote-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.account-vote-list>a{padding:22px;background:#e4e9ef;border-radius:12px}
.account-vote-list strong{display:block;font-size:20px;line-height:1.3}
.account-vote-list span{display:block;font-size:15px;line-height:1.5;color:#647183;margin-top:8px}
.account-page :is(a,button):focus-visible{outline:3px solid #5c708a;outline-offset:4px}
@media(max-width:1050px){.account-intro{align-items:flex-start;flex-direction:column}.account-features{gap:12px}.account-features>a,.account-features>button{padding:21px}.account-player-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
 .account-page{padding:30px 6% 44px}.account-intro{gap:24px;padding-bottom:28px}.account-intro h1{font-size:38px;letter-spacing:-1.3px}.account-intro>div>p:not(.eyebrow){font-size:17px}.account-join{width:100%}.account-join .button{width:100%}
 .account-features{grid-template-columns:1fr;margin:25px 0 32px;gap:12px}.account-features>a,.account-features>button{padding:22px;gap:10px}.account-features strong{font-size:22px}.account-features b{padding-top:3px}.account-import,.account-status{align-items:flex-start;flex-direction:column;padding:20px}.account-import .button{width:100%}
 .account-section-heading{align-items:flex-start;flex-direction:column;gap:10px;margin-bottom:22px}.account-section-heading h2{font-size:29px}.account-player-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.account-vote-list{grid-template-columns:1fr}.account-empty{padding:34px 22px}.account-empty h3{font-size:23px}
}
@media(max-width:650px){.account-button{width:40px;height:44px;padding:9px;border:0}.account-button-label,.account-count{display:none}.site-header .header-actions{gap:6px}.site-header .menu-button{min-width:38px;font-size:0}.site-header .menu-button:after{content:'☰';font-size:22px}}
@media(max-width:380px){.account-player-grid{grid-template-columns:1fr}}

/* Favourites use a star; a filled gold state remains visible after saving. */
[data-save] .favourite-star{width:21px;height:21px;flex-shrink:0}
[data-save].saved .favourite-star{fill:currentColor}
.player-card .save-player{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;width:44px;gap:7px;background:#24272de8;color:#fff;border:1px solid #ffffff52;box-shadow:0 2px 12px #0003}
.save-player .save-state{display:none;font-size:14px;font-weight:750;line-height:1}
.player-card .save-player.saved{width:auto;padding:0 14px;background:#f5cb62;color:#26210f;border-color:#f5cb62}
.save-player.saved .save-state{display:inline}
.player-quickview .qv-actions button.saved,.identity-card-save.saved{background:#f5cb62;color:#26210f;border-color:#f5cb62}
.player-quickview .qv-actions button.saved:hover,.identity-card-save.saved:hover{background:#ffda7d;border-color:#ffda7d}
[data-save]:focus-visible{outline:3px solid #f5cb62;outline-offset:4px}
.vote-trophy{width:22px;height:22px;flex-shrink:0}

.player-card:has(.save-player.saved) .card-bottom{max-width:calc(100% - 94px)}