/* R19: useful detail stays within the existing four reading spaces. */
.league-choices{display:grid;border-bottom:1px solid var(--rule)}
.league-choices button{display:grid;grid-template-columns:minmax(126px,.9fr) minmax(0,1.2fr);gap:7px 24px;align-items:center;text-align:left;padding:20px 12px 20px 0;border-top:1px solid var(--rule);position:relative;min-width:0}
.league-choices button>.map-label{grid-column:1;line-height:1.35;letter-spacing:.05em;font-size:11px}
.league-choices button>strong{grid-column:1;font-size:28px;font-weight:400;letter-spacing:-.025em}
.league-choices .league-goal{grid-column:2;grid-row:1/3;font-size:16px;line-height:1.4;color:#b9acc5}
.league-choices [data-kind=preparation]{margin-bottom:18px}
.league-choices [aria-pressed=true]::after{content:'';position:absolute;left:-12px;top:20px;bottom:20px;width:2px;background:#cca4f5}
.league-choices [aria-pressed=true] .league-goal,.league-choices [aria-pressed=true] strong{color:#f2e2ff}
.league-panel{border-bottom:1px solid var(--rule);padding:24px 0;min-height:230px}
.league-panel>.map-label{font-size:12px;letter-spacing:.025em;text-transform:none}
.league-panel h3{font-size:16px;line-height:1.35;color:#e8d4f7;margin:18px 0 7px}
.league-panel h3+p{font-size:16px;line-height:1.5;color:var(--muted);max-width:50ch}
.select-method{font-size:18px;line-height:1.5;margin:18px 0 24px;color:#d5c8e1}
.select-factors{margin-top:24px}.select-factors>summary{font-size:16px}
.select-factors .analysis-stages{margin-top:0}
.select-analysis .note{margin-top:20px}
.profit-example{padding:22px 0;border-bottom:1px solid var(--rule)}
.profit-example>p:first-child{font-size:16px;line-height:1.4;color:#e6d9f0}
.profit-example>div{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:18px}
.profit-example>div>p{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--muted);min-width:0}
.profit-example output{font-size:29px;line-height:1.15;color:#e7d5f6;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.profit-example .note{margin-top:14px}
.scale-note{margin-top:12px;font-size:12px;line-height:1.45}
@media(max-width:599px){
 .league-choices button{grid-template-columns:minmax(112px,.9fr) minmax(0,1.1fr);gap:6px 16px;padding:18px 0}
 .league-choices button>strong{font-size:25px}.league-choices button>.map-label{font-size:10px;letter-spacing:.015em}
 .league-choices .league-goal{font-size:15px;line-height:1.4}.league-panel{min-height:265px}
 .league-choices [aria-pressed=true]::after{left:-9px}
 .profit-example>div{gap:14px}.profit-example output{font-size:26px}
 .select-method{font-size:17px}
}
