.signs-guide{max-width:1050px;padding-bottom:48px}.signs-guide>.card{margin-top:20px}.signs-guide h2{margin-top:0}.signs-guide p,.signs-guide li{max-width:72ch}.signs-guide a:not(.button){text-decoration:underline;text-underline-offset:3px}.signs-lead{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:center}.sign-scoreboard{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;text-align:center;gap:8px;background:#102f41;color:#fff;border-radius:8px;padding:20px}.sign-scoreboard>strong{font-size:32px;display:flex;gap:4px}.sign-scoreboard__choices{grid-column:1/-1;display:flex;gap:8px;justify-content:center}.sign-scoreboard__choices b{min-width:54px;border:1px solid #9cc7d3;border-radius:6px;padding:9px}.sign-scoreboard__choices b.is-right{background:#ddf4e5;border:2px solid #207449;color:#075532}.sign-scoreboard__choices small{display:block;font-size:11px}/* Explanation cards and score demo use the existing site palette. */
.sign-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:22px 0}
.sign-card{display:flex;flex-direction:column;gap:22px;border:1px solid var(--line);border-radius:8px;padding:20px;background:#f8fafb;min-width:0}
.sign-card__heading{display:flex;align-items:center;gap:14px;min-height:60px}
.sign-card__symbol{display:grid;place-items:center;flex:0 0 56px;height:56px;border:1px solid #9ecfc5;border-radius:8px;background:#e4f2ef;color:var(--teal-dark);font-size:32px;font-weight:800;line-height:1}
.sign-card .sign-card__heading h3{font-size:21px;line-height:1.2;margin:0;text-wrap:balance}
.sign-card__score{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;border-block:1px solid var(--line);padding:16px 0}
.sign-card__score>span{font-size:13px;line-height:1.4;color:var(--slate)}
.sign-card__score>span:last-child{text-align:right}
.sign-card__score>strong{font-size:30px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--navy)}
.signs-guide .sign-card p{margin:0;font-size:15px;line-height:1.55}
.sign-examples{margin-top:24px}
.sign-examples h3{font-size:18px;margin:0 0 10px}
.sign-examples ul{list-style:none;padding:0;margin:0}
.signs-guide .sign-examples li{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:18px;max-width:none;padding:12px 0;border-bottom:1px solid var(--line);margin:0;line-height:1.4}
.sign-example-outcome{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--slate)}
.sign-example-outcome b{display:grid;place-items:center;min-width:30px;height:30px;border-radius:4px;background:#e4f2ef;color:var(--teal-dark);font-size:16px}
.signs-next-link{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-top:16px;font-weight:700}
.score-demo{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(210px,.8fr);gap:24px;align-items:stretch;margin:24px 0 16px}
.score-playground{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:16px;margin:0;padding:18px 20px 20px;border:1px solid var(--line);border-radius:8px;min-width:0;background:#f8fafb}
.score-playground legend{padding:0 8px;font-size:14px;font-weight:700;color:var(--slate)}
.score-playground label{display:grid;gap:6px;text-align:center;min-width:0}
.score-team-position,.score-input-label{font-size:13px;color:var(--slate);font-weight:400}
.score-playground label>strong{font-size:24px;line-height:1.2;color:var(--navy)}
.score-input-label{margin-top:10px}
.score-playground input{width:100%;min-width:0;min-height:72px;padding:8px;border:1px solid #617a85;border-radius:6px;background:#fff;color:var(--navy);font:inherit;font-size:36px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.score-playground input[aria-invalid=true]{border:2px solid #aa352c;background:#fff8f7}
.score-playground .score-separator{padding-bottom:17px;font-size:28px;color:var(--slate)}
.score-presets{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}
.score-presets button{flex:1;min-height:44px;padding:8px;border:1px solid #9fb6bd;border-radius:5px;background:#fff;color:var(--navy);font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}
.score-presets button:hover{background:#e4f2ef;border-color:var(--teal-dark)}
.score-presets button:focus-visible,.signs-next-link:focus-visible{outline:3px solid #df9700;outline-offset:3px}
.sign-result{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;margin:0;border:1px solid #b4d7c5;border-radius:8px;background:#e6f4eb;padding:24px;text-align:center;color:#164a35;min-height:235px}
.sign-result__label{font-size:14px;font-weight:600}
.sign-result__symbol{font-size:64px;line-height:1;font-weight:800}
#sign-result-title{font-size:21px;line-height:1.25}
#sign-result-score{font-size:16px;font-variant-numeric:tabular-nums}
.sign-result.is-invalid{background:#f3f5f6;border-color:var(--line);color:var(--slate)}
.score-error{color:#982e25;font-weight:600}
@media(max-width:900px) and (min-width:761px){.sign-card{padding:16px}.sign-card__heading{gap:10px}.sign-card__symbol{flex-basis:44px;height:44px}.sign-card .sign-card__heading h3{font-size:18px}}
@media(max-width:760px){.sign-cards{gap:12px}.sign-card{gap:16px;padding:18px}.sign-card__heading{min-height:0}.score-demo{grid-template-columns:1fr;gap:16px}.score-playground{padding:14px;gap:12px}.sign-result{min-height:0;display:grid;grid-template-columns:64px minmax(0,1fr);text-align:left;column-gap:16px;padding:18px}.sign-result__symbol{grid-column:1;grid-row:1/4;align-self:center;justify-self:center;font-size:54px}.sign-result__label,#sign-result-title,#sign-result-score{grid-column:2}.signs-guide .sign-examples li{gap:10px;font-size:14px}.sign-example-outcome{font-size:12px;gap:6px}}
.neutral-ground{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:8px;text-align:center;background:#e8f2f2;padding:20px;border-radius:7px;margin:16px 0}.neutral-ground>div:not(.neutral-ground__pitch){display:grid;gap:5px}.neutral-ground span{font-size:13px}.neutral-ground__pitch{display:grid;place-items:center;height:70px;border:2px solid #7caaa5;border-radius:50%;font-size:48px;color:#4b7772}.neutral-ground figcaption{grid-column:1/-1;font-size:13px}.table-scroll{overflow-x:auto}.signs-guide table{border-collapse:collapse;width:100%;min-width:430px;margin:16px 0}.signs-guide caption{text-align:left;font-weight:700;margin-bottom:8px}.signs-guide th,.signs-guide td{padding:10px;border-bottom:1px solid var(--line);text-align:left}.signs-guide thead{background:#edf5f8}.match-time{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;list-style:none;padding:0!important}.match-time li{min-height:72px;padding:12px 8px;background:#dff2e9;border-top:4px solid #207449;text-align:center;font-weight:700}.match-time li.outside{background:#f1f2f3;border-color:#82969b}.guard-controls,.guard-presets{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.guard-controls button,.guard-presets button,.sign-quiz button{min-height:44px;min-width:50px;padding:8px 14px;border:1px solid #54717a;border-radius:6px;background:#fff;color:var(--navy);font:inherit;font-weight:700;cursor:pointer}.guard-controls button[aria-pressed=true],.sign-quiz button.is-answer{border:2px solid #207449;background:#ddf4e5;color:#075532}.guard-controls button[aria-pressed=true]::after{content:' ✓'}.guard-controls button:focus-visible,.guard-presets button:focus-visible,.sign-quiz button:focus-visible,.score-playground input:focus-visible{outline:3px solid #df9700;outline-offset:3px}.row-factors{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.row-factors>div{display:grid;gap:6px;border:1px solid var(--line);border-radius:6px;padding:14px}.row-factors span{font-size:26px;color:var(--teal-dark);font-weight:800}.row-equation{margin-top:18px}.sign-quiz fieldset{border:1px solid var(--line);border-radius:6px;margin:12px 0;padding:14px}.sign-quiz legend{font-weight:700}.sign-quiz fieldset>div{display:flex;gap:8px;margin:8px 0}.sign-quiz p{min-height:26px;margin:8px 0 0}@media(max-width:760px){.signs-lead,.sign-cards{grid-template-columns:1fr}.signs-guide .card{padding:18px}.match-time{grid-template-columns:repeat(3,1fr)}.match-time li{font-size:12px}.row-factors{grid-template-columns:1fr}.neutral-ground{grid-template-columns:1fr 60px 1fr;padding:10px}.neutral-ground__pitch{height:55px}}