/* Session settings: skill matching and declared house rules (mechanics batch).
   Uses the shared --r-* tokens and component styles; loaded after integration.css. */
.session-settings{display:grid;gap:20px}
.settings-block+.settings-block{padding-top:20px;border-top:1px solid var(--r-line)}
.settings-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}
.settings-head h3{margin:0;font-size:17px;font-weight:600}
.settings-block>p{margin:8px 0 0}
.settings-rows{display:block;margin:4px 0 0}
.settings-rows>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid var(--r-line)}
.settings-rows>div:first-child{border-top:1px solid var(--r-line)}
.settings-rows dt{flex:none;margin:0;color:var(--r-ink-2);font-size:15px}
.settings-rows dd{min-width:0;margin:0;color:var(--r-ink);font-size:15px;text-align:right;overflow-wrap:anywhere}
.skill-matching-field,#skill-matching-form fieldset{min-width:0;margin:16px 0 8px;padding:0;border:0}
.skill-matching-field legend,.session-settings legend,#skill-matching-form legend{margin-bottom:8px;color:var(--r-ink);font-size:15px;font-weight:600}
.skill-matching-field .livecheckbox,#skill-matching-form .livecheckbox{align-items:flex-start;min-height:44px}
.house-rules-create{margin:8px 0 16px;padding:12px 16px;border:1px solid var(--r-line);border-radius:12px;background:var(--r-surface)}
.house-rules-create>summary{display:flex;align-items:center;min-height:44px;color:var(--r-ink);font-weight:600;cursor:pointer}
.house-rules-fields{margin-top:8px}
@media(max-width:560px){
 .settings-rows>div{flex-direction:column;gap:2px}
 .settings-rows dd{text-align:left}
}

/* Ranking explanation: shared across host, public and player views. */
[data-ranking-explainer] summary{min-height:44px;display:flex;align-items:center;font-weight:600;cursor:pointer}
[data-ranking-explainer] ol{padding-left:22px}[data-ranking-explainer] li+li{margin-top:10px}
.ranking-example{max-width:100%}.ranking-example table{width:100%;table-layout:auto;border-collapse:collapse;font-size:13px}.ranking-example th,.ranking-example td{padding:8px 4px;text-align:left;border-bottom:1px solid #ddd}.ranking-example th:first-child,.ranking-example td:first-child{width:auto}
.standings abbr[title]{text-decoration:none;cursor:help}