/* The member layout has an ID-specific two-column rule. External scorers
   have no sidebar, so their main content must occupy the whole grid. */
body.external-scorer #appView > .layout {grid-template-columns:minmax(0,1fr)}
body.external-scorer #appView > .layout > main {grid-column:1 / -1;width:100%;min-width:0;max-width:1280px;padding:24px 28px 40px;box-sizing:border-box}
.external-scorer #externalScorerNav {display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.external-scorer #externalScorerNav[hidden] {display:none}
.external-scorer #page-scoring > h2 {font-size:30px;margin:0 0 16px;color:#103b5c}
.external-scorer #page-scoring > p {max-width:780px;line-height:1.6;color:#496176}
.external-scorer #scoringMatches {margin-top:24px}
.external-scorer #scoringMatches .grid2 {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:18px}
.external-scorer #scoringMatches button.card {text-align:left;white-space:normal;width:100%;min-width:0;padding:24px;border:1px solid #d2e2ed;border-top:4px solid #158b96;border-radius:16px;background:linear-gradient(135deg,#fff,#edf7fb);color:#173d58;box-shadow:0 5px 18px #143b5610;cursor:pointer}
.external-scorer #scoringMatches button.card:hover {border-color:#157a9c;box-shadow:0 6px 22px #143b5626}
.external-scorer #scoringMatches button.card h3 {font-size:21px;margin:8px 0 12px}
.external-scorer #scoringMatches button.card p {font-size:14px;line-height:1.6;font-weight:400}
.external-scorer #scoringMatches button.card b {display:block;margin-top:18px;color:#075d86}
.external-scorer button:focus-visible {outline:3px solid #159aab;outline-offset:3px}
.external-scorer #page-external-settings {max-width:760px;padding:24px;background:white;border:1px solid #d2e2ed;border-radius:16px}
@media(max-width:600px){body.external-scorer #appView > .layout > main {padding:16px 14px 28px}.external-scorer #page-scoring > h2{font-size:25px}.external-scorer #scoringMatches button.card{padding:18px}.external-scorer #externalScorerNav button{padding:12px 14px}}