/* CRRU ELCC progress tables — public display.
   Palette taken from the site's own Kadence settings, not invented. */

.elcc-block{
  --elcc-ink:#1A202C;
  --elcc-ink-2:#3E4E56;
  --elcc-ink-3:#5A6B73;
  --elcc-line:#DCE4E6;
  --elcc-surface:#FFFFFF;
  --elcc-tint:#F1F6F7;
  --elcc-accent:#85B8C3;
  --elcc-accent-deep:#2F6874;
  --elcc-yes:#13612E;
  --elcc-part:#A8480A;
  --elcc-no:#7C8A90;
  --elcc-na:#5B4E85;
  margin:0 0 1.6em;
  color:var(--elcc-ink);
}

/* Wide content scrolls inside itself; the page never scrolls sideways. */
.elcc-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.elcc-scroll:focus-visible{outline:3px solid var(--elcc-accent);outline-offset:2px}

.elcc-table{
  width:100%;border-collapse:collapse;background:var(--elcc-surface);
  font-size:.95rem;line-height:1.5;
}
.elcc-table caption{text-align:left;padding:0 0 .7em;color:var(--elcc-ink-2)}
.elcc-table th,
.elcc-table td{padding:.7em .8em;border-bottom:1px solid var(--elcc-line);vertical-align:top;text-align:left}
.elcc-table thead th{
  font-size:.72rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;
  color:var(--elcc-ink-3);border-bottom:2px solid var(--elcc-line);white-space:nowrap;
}
.elcc-table tbody tr:last-child th,
.elcc-table tbody tr:last-child td{border-bottom:none}
.elcc-table tbody tr:hover{background:var(--elcc-tint)}

.elcc-table .elcc-jur,
.elcc-table .elcc-benchmark{font-weight:600;color:var(--elcc-ink)}
.elcc-detail .elcc-jur{white-space:nowrap}
.elcc-notes a{color:var(--elcc-accent-deep);text-decoration:underline;text-underline-offset:2px}
.elcc-notes a:hover{text-decoration-thickness:2px}

.elcc-status{text-align:center;width:1%;white-space:nowrap}

/* ---------------------------------------------------------------- icons */
/* CRRU's own images. "No" holds the same space but shows nothing, matching
   the legend, while still carrying a label for screen readers. */
.elcc-icon{
  display:inline-block;width:22px;height:22px;line-height:0;vertical-align:middle;
}
.elcc-icon img{width:100%;height:100%;display:block;object-fit:contain}
.elcc-icon.elcc-n,
.elcc-icon.elcc-na{width:22px;height:22px}

/* The site runs a light ground; if a dark scheme is ever introduced the black
   icons would vanish, so they invert rather than disappear. */
@media (prefers-color-scheme:dark){
  .elcc-icon img{filter:invert(1)}
}

/* ---------------------------------------------------------------- matrix */
.elcc-matrix{min-width:760px}
.elcc-matrix thead th{text-align:center}
.elcc-matrix thead th.elcc-benchmark{text-align:left;min-width:250px}
.elcc-matrix tbody th.elcc-benchmark{
  font-weight:600;font-size:.9rem;min-width:250px;
  position:sticky;left:0;background:var(--elcc-surface);
}
.elcc-matrix tbody tr:hover th.elcc-benchmark{background:var(--elcc-tint)}
.elcc-matrix abbr{text-decoration:none;border-bottom:1px dotted var(--elcc-ink-3);cursor:help}

/* ------------------------------------------------------------- accordion */
.elcc-accordion{border-top:1px solid var(--elcc-line)}
.elcc-pane{border-bottom:1px solid var(--elcc-line)}
.elcc-pane-heading{margin:0;font-size:inherit;font-weight:inherit}
.elcc-pane-toggle{
  display:flex;align-items:center;gap:1em;width:100%;
  font:inherit;font-size:1.02rem;font-weight:600;line-height:1.4;text-align:left;
  background:transparent;border:none;cursor:pointer;
  padding:1em .4em;color:var(--elcc-ink);
}
.elcc-pane-toggle:hover{background:var(--elcc-tint);color:var(--elcc-accent-deep)}
.elcc-pane-toggle:focus-visible{outline:3px solid var(--elcc-accent);outline-offset:-3px}
.elcc-pane-title{flex:1}

.elcc-chevron{
  flex:none;width:.7em;height:.7em;
  border-right:2px solid var(--elcc-accent-deep);
  border-bottom:2px solid var(--elcc-accent-deep);
  transform:rotate(45deg);transform-origin:center;
  transition:transform .18s ease;margin-top:-.25em;
}
.elcc-pane.is-open .elcc-chevron{transform:rotate(-135deg);margin-top:.2em}

.elcc-pane-body{padding:0 .4em 1.4em}
.elcc-intro{margin:0 0 1em;color:var(--elcc-ink-2);max-width:70ch}
.elcc-intro a{color:var(--elcc-accent-deep)}

.elcc-updated{margin:.7em 0 0;font-size:.8rem;color:var(--elcc-ink-3);font-style:italic}

/* ---------------------------------------------------------------- legend */
.elcc-legend{margin:0 0 1.4em}
.elcc-legend-title{
  display:block;font-size:.72rem;font-weight:700;letter-spacing:.09em;
  text-transform:uppercase;color:#5A6B73;margin-bottom:.5em;
}
.elcc-legend ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.6em 1.6em}
.elcc-legend li{display:flex;align-items:center;gap:.5em;font-size:.9rem;color:#3E4E56}
.elcc-legend strong{font-weight:600}

@media (max-width:640px){
  .elcc-pane-toggle{font-size:.97rem;padding:.9em .2em}
  .elcc-table{font-size:.9rem}
  .elcc-detail .elcc-jur{white-space:normal}
}

@media print{
  .elcc-pane-body{display:block!important}
  .elcc-chevron{display:none}
  .elcc-scroll{overflow:visible}
  .elcc-table tbody tr:hover{background:transparent}
}

@media (prefers-reduced-motion:reduce){
  .elcc-chevron{transition:none}
}