.cl1p{--cl1p-ink:#18232f;--cl1p-accent:#c8102e;--cl1p-line:#e5eaf0;--cl1p-bg:#fff;color:var(--cl1p-ink);background:var(--cl1p-bg);border:1px solid var(--cl1p-line);border-radius:15px;overflow:hidden;font-family:inherit;font-size:15px}.cl1p *{box-sizing:border-box}.cl1p-header{padding:22px 24px;display:flex;gap:20px;justify-content:space-between;align-items:center;background:#f7f9fb}.cl1p-header h2{font-size:clamp(20px,2.3vw,29px);margin:3px 0 0;line-height:1.25}.cl1p-eyebrow{font-size:11px!important;font-weight:800;letter-spacing:.14em;color:var(--cl1p-accent);margin:0}.cl1p-selector{min-width:240px;display:grid;gap:5px;font-size:12px;font-weight:700}.cl1p-selector select{width:100%;max-width:360px;background:white;border:1px solid #cdd5de;border-radius:8px;padding:9px;font:inherit;color:var(--cl1p-ink)}.cl1p-tabs{display:flex;overflow-x:auto;white-space:nowrap;border-block:1px solid var(--cl1p-line);scrollbar-width:thin}.cl1p-tab{flex:1 0 auto;color:#4b5563;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;padding:15px 14px;cursor:pointer;font:inherit;font-weight:650;font-size:14px;border-radius:0!important;box-shadow:none!important}.cl1p-tab:hover{background:#f5f6f8!important}.cl1p-tab.is-active{color:var(--cl1p-accent);border-bottom-color:var(--cl1p-accent)!important}.cl1p-content{min-height:180px;padding:22px 24px}.cl1p-content h3{font-size:17px;font-weight:750;margin:0 0 12px}.cl1p-content h3:not(:first-child){margin-top:28px}.cl1p-matches{display:grid;gap:10px}.cl1p-match{border:1px solid var(--cl1p-line);border-radius:10px;padding:12px 16px;box-shadow:0 1px 2px #00000007}.cl1p-match-meta{font-size:12px;color:#6b7280;text-align:center;margin-bottom:9px}.cl1p-match-line{display:grid;grid-template-columns:minmax(0,1fr) 86px minmax(0,1fr);gap:12px;align-items:center}.cl1p-match-team{display:flex;gap:9px;align-items:center;min-width:0;font-weight:600}.cl1p-match-team>span:last-child{overflow-wrap:anywhere}.cl1p-away{flex-direction:row-reverse;text-align:right}.cl1p-score{text-align:center;font-variant-numeric:tabular-nums;font-size:20px;white-space:nowrap}.cl1p-highlight{color:var(--cl1p-accent);font-weight:800}.cl1p .cl1r-logo{flex-shrink:0;width:24px!important;height:24px!important;object-fit:contain}.cl1p .cl1r-ini,.cl1p-fallback-logo{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e9edf1;width:24px;height:24px;font-size:10px;color:#526170}.cl1p-match-note{font-size:12px;color:#586273;margin:10px 0 0;text-align:center}.cl1p-table-wrap{width:100%;overflow-x:auto}.cl1p-table{width:100%;border-collapse:collapse;font-size:14px;white-space:nowrap}.cl1p-table th{text-align:left;background:#f1f4f7;color:#485463;font-size:12px;text-transform:uppercase;letter-spacing:.02em}.cl1p-table td,.cl1p-table th{padding:12px 10px;border-bottom:1px solid var(--cl1p-line)}.cl1p-table td:nth-child(n+3),.cl1p-table th:nth-child(n+3){text-align:center;font-variant-numeric:tabular-nums}.cl1p-highlight-row{background:#fff5f6}.cl1p-highlight-row td:nth-child(2){font-weight:800}.cl1p-teamcell{display:inline-flex;gap:8px;align-items:center}.cl1p-teamgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:12px}.cl1p-teamcard{border:1px solid var(--cl1p-line);border-radius:10px;padding:15px;display:flex;gap:12px;align-items:center}.cl1p-empty{color:#64748b;padding:25px 10px;text-align:center}.cl1p-help,.cl1p-updated{font-size:12px;color:#64748b}.cl1p-updated{margin-top:24px;text-align:right}@media(max-width:650px){.cl1p-header{display:block;padding:17px}.cl1p-selector{margin-top:16px;min-width:0}.cl1p-content{padding:16px 12px}.cl1p-match{padding:11px 8px}.cl1p-match-line{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);gap:5px}.cl1p-score{font-size:16px}.cl1p-match-team{font-size:12px;gap:4px}.cl1p .cl1r-logo{width:19px!important;height:19px!important}.cl1p-tab{padding:12px 13px;font-size:13px}.cl1p-table{font-size:12px}}

/* CL1 Portale 1.0.2 — Sigle accessibili e legenda permanente della classifica */
.cl1p .cl1p-tip-hint {
  margin: 0 0 10px;
  font-size: 12px;
  color: #586273;
}
.cl1p .cl1p-th-tip {
  display: inline-flex !important;
  min-height: 28px;
  min-width: 28px;
  padding: 2px 4px !important;
  justify-content: center;
  align-items: center;
  color: inherit !important;
  background: transparent !important;
  border: 0 !important;
  border-bottom: 1px dotted #64748b !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  font: inherit !important;
  font-weight: 750 !important;
  line-height: 1.3 !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  cursor: help;
}
.cl1p .cl1p-th-tip:hover,
.cl1p .cl1p-th-tip[aria-expanded="true"] {
  color: #b9102b !important;
  border-bottom-color: #b9102b !important;
}
.cl1p .cl1p-th-tip:focus-visible {
  outline: 2px solid #b9102b !important;
  outline-offset: 3px;
}
/* Il tooltip fluttua fuori dalla tabella, che altrimenti lo ritaglierebbe su mobile. */
.cl1p-floating-tip {
  position: fixed;
  z-index: 99999;
  max-width: min(285px, calc(100vw - 24px));
  width: max-content;
  padding: 9px 12px;
  border-radius: 8px;
  color: #fff;
  background: #202b39;
  box-shadow: 0 4px 16px #0003;
  font: 500 13px/1.4 system-ui, -apple-system, sans-serif;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: left;
  pointer-events: none;
}
.cl1p-floating-tip[hidden] { display: none !important; }
.cl1p .cl1p-legend {
  margin-top: 18px;
  padding: 16px;
  border: 1px solid #e1e6ed;
  border-radius: 10px;
  background: #f7f9fb;
}
.cl1p .cl1p-legend-title {
  margin: 0 0 12px;
  font-size: 15px;
  font-weight: 750;
  color: #1e293b;
}
.cl1p .cl1p-legend-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px 18px;
  margin: 0;
  padding: 0;
}
.cl1p .cl1p-legend-item {
  display: flex;
  align-items: baseline;
  gap: 9px;
  min-width: 0;
  font-size: 12px;
  line-height: 1.5;
}
.cl1p .cl1p-legend-item dt {
  flex: 0 0 52px;
  margin: 0;
  color: #243244;
  font-weight: 800;
}
.cl1p .cl1p-legend-item dd {
  flex: 1;
  min-width: 0;
  margin: 0;
  color: #475569;
}
.cl1p .cl1p-legend-note {
  margin: 13px 0 0;
  padding-top: 10px;
  border-top: 1px solid #d9e0e8;
  color: #526170;
  font-size: 12px;
  line-height: 1.55;
}
@media (max-width: 560px) {
  .cl1p .cl1p-legend { padding: 12px; }
  .cl1p .cl1p-legend-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .cl1p .cl1p-legend-item dt { flex-basis: 54px; }
}