/* Format accents complement navy/lime and existing player/team colours. */
:root{--format:#376615;--format-soft:#f0f7e8}
[data-format=stableford],a[href="stableford.html"]{--format:#087465;--format-soft:#e8f6f2}
[data-format=matchplay],a[href="matchplay.html"]{--format:#185caa;--format-soft:#edf5ff}
[data-format=foursomes],a[href="foursomes.html"]{--format:#75419b;--format-soft:#f5effa}
[data-format=scramble],a[href="scramble.html"]{--format:#945400;--format-soft:#fff5df}
[data-format=stroke],a[href="stroke.html"]{--format:#176d80;--format-soft:#eaf6f9}
[data-format=competition],[data-format=competitions],a[href="competition.html"],a[href="competitions.html"]{--format:#8c5414;--format-soft:#fff5e5}
[data-format=handicap],a[href="handicap.html"]{--format:#376615;--format-soft:#f0f7e8}
.home-card,.home-card:first-child{border-top:4px solid var(--format);background:linear-gradient(145deg,var(--format-soft),#fff 75%)}
.home-card strong,.format-list a strong{color:var(--format)}
.format-list a{border-left:4px solid var(--format);background:var(--format-soft)}
.home-card:hover,.format-list a:hover{border-color:var(--format);box-shadow:0 3px 12px #10243a0c}
.home-card[href="competition.html"]{border-top:0;background:linear-gradient(90deg,#bd2936 0 50%,#185caa 50% 100%) top/100% 4px no-repeat,linear-gradient(145deg,#f0f4fa,#fff 75%)}
body[data-format] main>h1,body[data-format] .intro h1{color:var(--format)}
.app-tabs a[aria-current=page],.round-tabs button[aria-current=page]{background:var(--format);color:#fff;border-color:var(--format)}
.app-tabs a:not([aria-current=page]){box-shadow:inset 0 -3px var(--format)}
.hole-nav{border-top:4px solid var(--format)}
body[data-format] .round-panel>h2{color:var(--format)}
.cup-start-options button{border-left:4px solid #376615}
.cup-start-options button[data-setup=score]{border-left-color:#087465}
.cup-start-options button[data-setup=watch]{border-left-color:#185caa}
.cup-start-options button[aria-expanded=true]{background:#f4f8ec}
#cup-intro h1{color:#10243a;border-left:5px solid #bd2936;border-right:5px solid #185caa;padding:0 12px}
#recent a{border-left:4px solid #8c5414}
:focus-visible{outline:3px solid var(--format);outline-offset:3px}