/* Theme switch is anchored to the brand row, clear of the scrolling menu. */
header .nav{position:relative}header .brand{margin-right:100px}
.appearance-toggle{position:absolute;right:0;top:16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:80px;min-height:44px;padding:10px 12px;border:1px solid #5d503b;border-radius:24px;background:#151515;color:#eee;font-size:11px;cursor:pointer}
.appearance-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.appearance-moon{display:none}.appearance-toggle:hover{border-color:#b49058}.appearance-toggle:focus-visible{outline:2px solid #b49058;outline-offset:4px}
html[data-theme=light]{--paper:#faf8f3;--ink:#20211f;--gold:#86622c;--orange:#86622c;--muted:#62635e;--line:#d6d1c6;color-scheme:light}
html[data-theme=light] body{background:var(--paper);color:var(--ink)}
html[data-theme=light] :is(header,footer){background:#f6f3ec;border-color:var(--line)}
html[data-theme=light] .brand small{color:#30312e}
html[data-theme=light] .appearance-toggle{background:#fff;color:#252622;border-color:#c8bea9}
html[data-theme=light] .appearance-sun{display:none}html[data-theme=light] .appearance-moon{display:block}
html[data-theme=light] header #navigation{background:#f6f3ec;border-color:var(--line);scrollbar-color:#9b793f #ebe6da}
html[data-theme=light] header #navigation a{background:#fff;color:#34342f;border-color:#cec6b8}
html[data-theme=light] header #navigation a[aria-current=page]{background:#b49058;color:#10100f;border-color:#b49058}
html[data-theme=light] header #navigation a:hover{color:#6e4d1c;border-color:#86622c}
html[data-theme=light] header #navigation .ranking-powered{background:transparent;border:0;color:#62635e}
html[data-theme=light] :is(.home-ranking-card,.service-card,.partner-card,.points-card,#rankings .ranking-panel){background:#fff;border-color:#d6d1c6}
html[data-theme=light] :is(.film-section,.shirt-section,.sponsor-carousel){background:#f0ede5;border-color:#d6d1c6}
html[data-theme=light] .sponsor-slide{background:#fff;color:#30312e;border-color:#d6d1c6}
html[data-theme=light] .sponsor-motion{background:#fff;color:#6e4d1c;border-color:#bfb298}
html[data-theme=light] .partner-grid{background:#d6d1c6;border-color:#d6d1c6}
html[data-theme=light] :is(.partner-card:hover,.contact-grid a:hover){background:#f1ede4}
html[data-theme=light] :is(.services-grid,.service-card,.contact-grid,.contact-grid a,.about-grid,.rules details,.ranking-help,.event-guidance,.home-ranking-aside,.copyright,.flyer>span){border-color:#d6d1c6}
html[data-theme=light] :is(.home-ranking-copy,.home-ranking-aside>span,.home-event p,.film-description,.film-event p,.film-caption,.film-grid p,.home-bottom p:not(.eyebrow),.event-heading p,.muted,.lead,.service-card p,.about-copy p,.foot p,.rules .intro,.rules details p,.note,.heading>p,.ranking-help p,.rank-range,.points-table caption,.shirt-copy>p:not(.eyebrow),.shirt-preview-note,.shirt-order p){color:#5b5d57}
html[data-theme=light] :is(.eyebrow,.film-kicker,.sponsor-carousel-heading,.points-card h3,.ranking-help summary,.ranking-help-link,.ranking-help a,.contact-grid small,.source-link){color:#76531e}
html[data-theme=light] .copyright{color:#66685f}
html[data-theme=light] :is(.text-link,.action-button,.card-action){color:#6e4d1c;border-color:#a78b60}
html[data-theme=light] :is(.pill,.film-watch,.tour-strip,.flyer b){background:#b49058;color:#111}
html[data-theme=light] :is(.text-link:hover,.action-button:hover,.partner-card:hover .card-action,.contact-grid a:hover .card-action){background:#b49058;color:#111}
html[data-theme=light] .ranking-powered{color:#62635e}
html[data-theme=light] .kathigitis-wordmark{color:#222}
html[data-theme=light] .kathigitis-wordmark>span{color:#422ad5}
html[data-theme=light] #rankings :is(.tabs,.search-label input){background:#faf8f3;border-color:#bfb8aa;color:#20211f}
html[data-theme=light] #rankings .tabs button{color:#36372f}
html[data-theme=light] #rankings .tabs button[aria-selected=true]{background:#b49058;color:#111}
html[data-theme=light] .search-label input::placeholder{color:#66685f}
html[data-theme=light] :is(.points-toggle,#rankings .ranking-meta,.pagination span,#ranking-empty){color:#585a53}
html[data-theme=light] #rank-size{background:#fff;color:#20211f;border-color:#bfb8aa}
html[data-theme=light] .switch-track{background:#dfddd6;border-color:#9b9b91}
html[data-theme=light] .switch-track:after{background:#62635e}
html[data-theme=light] .points-toggle input:checked+.switch-track{background:#b49058;border-color:#86622c}
html[data-theme=light] #rankings .ranking-table th,html[data-theme=light] .points-table thead{background:#e9e2d4;color:#654719}
html[data-theme=light] :is(.ranking-table td,.points-table th,.points-table td){border-color:#e0dbd0}
html[data-theme=light] #rankings .ranking-table tbody tr:nth-child(even),html[data-theme=light] .points-table tbody tr:nth-child(even){background:#f7f4ed}
html[data-theme=light] #rankings .ranking-table tbody tr.rank-leader{background:#f0e7d7}
html[data-theme=light] #rankings .ranking-table tbody tr.rank-leader-1{background:#e8d8ba}
html[data-theme=light] #rankings .ranking-table tbody tr:hover{background:#e9e2d4}
html[data-theme=light] #rankings .ranking-table td:first-child{color:#65645b}
html[data-theme=light] #rankings .ranking-table tbody tr.rank-leader td:first-child{color:#654719}
html[data-theme=light] #rankings .pagination button{color:#34342f;border-color:#bbb2a1}
html[data-theme=light] #rank-pages button[aria-current=page]{background:#b49058;color:#111}
html[data-theme=light] .shirt-controls button{background:#fff;color:#60451e;border-color:#b7a88c}
html[data-theme=light] .shirt-controls button[aria-pressed=true],html[data-theme=light] .shirt-controls button:hover{background:#b49058;color:#111}
/* White official marks stay on dark presentation panels; artwork is never inverted. */
html[data-theme=light] .bentley-cup-brand{background:#10100f;border-radius:4px;padding:18px}
html[data-theme=light] .shirt-babolat-logo{box-sizing:content-box;background:#10100f;padding:12px 20px;border-radius:4px}
/* Photo hero retains its dark photographic treatment and white heading. */
html[data-theme=light] .hero{background:#080808;color:#fff}
html[data-theme=light] .hero .eyebrow{color:#d6b983}
html[data-theme=light] .hero h1 span{color:#b49058}
@media(max-width:540px){.appearance-toggle{top:14px;min-width:74px;padding:9px 11px;gap:6px}header .brand{margin-right:88px}}