/* CLIEAIR Accountability Ledger */

.lg-lede { color: #a9b6cb; font-size: 0.96rem; font-style: italic; margin: 0 0 1rem; line-height: 1.55; }
.lg-block p { margin: 0 0 0.8rem; line-height: 1.65; color: #d9d3c4; font-size: 0.95rem; }
.lg-block strong { color: #f0e6d2; }
.lg-block em { color: #c9a227; font-style: italic; }
.lg-link { color: #c9a227; text-decoration: none; border-bottom: 1px dotted rgba(201,162,39,0.45); }
.lg-link:hover, .lg-link:focus { color: #ffd54a; border-bottom-style: solid; outline: none; }
.lg-empty { color: #a9b6cb; font-style: italic; padding: 0.8rem 0; }
.lg-disclaimer { font-size: 0.84rem; color: #758496; font-style: italic; line-height: 1.5; }
.lg-disclaimer a { color: #c9a227; text-decoration: none; border-bottom: 1px dotted rgba(201,162,39,0.4); }

/* Sample banner */
.lg-sample-banner {
  background: rgba(255, 217, 102, 0.08); border: 1px solid rgba(255,217,102,0.4);
  border-radius: 8px; padding: 0.8rem 1rem; margin-bottom: 1.2rem;
  color: #e8e2d3; font-size: 0.9rem; line-height: 1.55;
}
.lg-sample-banner strong { color: #ffd966; }
.lg-sample-banner em { color: #ffd966; font-style: italic; }
.lg-sample-banner a { color: #c9a227; }

/* Levels */
.lg-levels { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 1.1rem; }
.lg-level {
  background: #0a1422; color: #d9d3c4; border: 1px solid rgba(201,162,39,0.25);
  border-radius: 999px; padding: 0.4rem 0.95rem; font-size: 0.88rem; font-family: inherit; cursor: pointer;
}
.lg-level:hover, .lg-level:focus { border-color: #c9a227; color: #ffd54a; outline: none; }
.lg-level--on { background: rgba(201,162,39,0.18); color: #ffd54a; border-color: #c9a227; }

/* Bodies */
.lg-body-grid { display: grid; gap: 0.7rem; grid-template-columns: 1fr; }
@media (min-width: 700px) { .lg-body-grid { grid-template-columns: 1fr 1fr; } }
.lg-body-card {
  position: relative; text-align: left; background: #1a2738; border: 0; border-left: 4px solid #c9a227;
  border-radius: 8px; padding: 0.85rem 1rem; cursor: pointer; display: flex; flex-direction: column; gap: 0.25rem;
}
.lg-body-card:hover, .lg-body-card:focus { background: #21304a; outline: none; }
.lg-body-card__name { color: #f3eddc; font-weight: 700; font-size: 0.98rem; }
.lg-body-card__meta { color: #8a9bb0; font-size: 0.82rem; }
.lg-sample-tag {
  position: absolute; top: 0.6rem; right: 0.7rem; font-size: 0.62rem; letter-spacing: 0.08em;
  color: #ffd966; background: rgba(255,217,102,0.1); border: 1px solid rgba(255,217,102,0.4);
  padding: 0.1rem 0.4rem; border-radius: 999px;
}

/* Detail */
.lg-detail-title { margin: 0 0 0.2rem; font-size: 1.2rem; color: #f3eddc; font-weight: 700; }
.lg-detail-sub { margin: 0 0 0.6rem; color: #8a9bb0; font-size: 0.86rem; }
.lg-detail-records { margin: 0 0 0.8rem; font-size: 0.86rem; color: #a9b6cb; }
.lg-sub { margin: 1.2rem 0 0.6rem; font-size: 1rem; color: #c9a227; font-weight: 700; border-bottom: 1px solid rgba(201,162,39,0.18); padding-bottom: 0.3rem; }
.lg-detail-disclaimer { margin-top: 1rem; border-top: 1px dashed rgba(201,162,39,0.18); padding-top: 0.7rem; }

/* Grade badge */
.lg-grade {
  display: inline-flex; align-items: center; justify-content: center; width: 1.9rem; height: 1.9rem;
  border-radius: 6px; font-weight: 800; font-size: 1rem; flex: none; border: 1.5px solid;
}
.lg-grade--A { color: #6ad17a; border-color: #6ad17a; background: rgba(106,209,122,0.1); }
.lg-grade--B { color: #9bc7ff; border-color: #9bc7ff; background: rgba(155,199,255,0.08); }
.lg-grade--C { color: #ffd966; border-color: #ffd966; background: rgba(255,217,102,0.1); }
.lg-grade--D { color: #f0a35e; border-color: #f0a35e; background: rgba(240,163,94,0.1); }
.lg-grade--F { color: #ff7a8a; border-color: #ff7a8a; background: rgba(255,122,138,0.12); }
.lg-grade--\? { color: #8a9bb0; border-color: #8a9bb0; }

/* Measures */
.lg-measure-list, .lg-vote-list { display: flex; flex-direction: column; gap: 0.45rem; }
.lg-measure-row, .lg-rep-vote-row {
  display: flex; align-items: center; gap: 0.7rem; text-align: left; width: 100%;
  background: #1a2738; border: 0; border-radius: 8px; padding: 0.6rem 0.8rem; cursor: pointer;
}
.lg-measure-row:hover, .lg-rep-vote-row:hover, .lg-measure-row:focus, .lg-rep-vote-row:focus { background: #21304a; outline: none; }
.lg-measure-row__id, .lg-rep-vote-row__id { color: #f3eddc; font-weight: 700; font-size: 0.88rem; font-family: ui-monospace, monospace; flex: none; }
.lg-measure-row__title, .lg-rep-vote-row__title { color: #d9d3c4; font-size: 0.86rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lg-measure-head { display: flex; align-items: flex-start; gap: 0.8rem; margin-bottom: 0.6rem; }
.lg-measure-summary { color: #d9d3c4; font-size: 0.92rem; line-height: 1.6; margin: 0 0 0.7rem; }
.lg-grade-summary { background: #0a1422; border-left: 2px solid rgba(201,162,39,0.4); padding: 0.6rem 0.8rem; border-radius: 6px; color: #c9d6e8; font-size: 0.9rem; line-height: 1.55; margin: 0 0 0.7rem; }
.lg-grade-summary strong { color: #c9a227; }

/* Findings */
.lg-finding { background: #1a2738; border-left: 4px solid #ff9fb6; border-radius: 8px; padding: 0.8rem 1rem; margin-bottom: 0.6rem; }
.lg-finding__head { display: flex; align-items: center; gap: 0.5rem; margin-bottom: 0.4rem; }
.lg-finding__dim { color: #ff9fb6; font-weight: 700; font-size: 0.86rem; text-transform: capitalize; }
.lg-finding__sev { font-size: 0.66rem; text-transform: uppercase; letter-spacing: 0.06em; padding: 0.1rem 0.45rem; border-radius: 999px; border: 1px solid; }
.lg-finding__sev--high { color: #ff7a8a; border-color: rgba(255,122,138,0.5); }
.lg-finding__sev--moderate { color: #ffd966; border-color: rgba(255,217,102,0.5); }
.lg-finding__sev--low { color: #9bc7ff; border-color: rgba(155,199,255,0.5); }
.lg-finding__excerpt { font-family: ui-monospace, monospace; font-size: 0.82rem; color: #c9d6e8; background: #0a1422; padding: 0.5rem 0.7rem; border-radius: 4px; margin: 0 0 0.5rem; }
.lg-finding__row { margin: 0 0 0.4rem; font-size: 0.87rem; color: #d9d3c4; line-height: 1.5; }
.lg-finding__row strong { color: #f0e6d2; }
.lg-finding__alt { margin: 0; font-size: 0.85rem; color: #a9b6cb; font-style: italic; line-height: 1.5; }
.lg-finding__alt strong { color: #6ad17a; font-style: normal; }

/* Votes */
.lg-vote { font-weight: 800; font-size: 0.78rem; letter-spacing: 0.04em; padding: 0.2rem 0.55rem; border-radius: 6px; flex: none; border: 1.5px solid; }
.lg-vote--yea { color: #ff7a8a; border-color: #ff7a8a; background: rgba(255,122,138,0.1); }
.lg-vote--nay { color: #6ad17a; border-color: #6ad17a; background: rgba(106,209,122,0.1); }
.lg-vote--other { color: #8a9bb0; border-color: #8a9bb0; }
.lg-vote-row { display: flex; align-items: center; gap: 0.7rem; background: #1a2738; border-radius: 8px; padding: 0.55rem 0.8rem; }
.lg-vote-row__name { color: #f3eddc; font-size: 0.9rem; flex: 1; }
.lg-vote-row__src { font-size: 0.82rem; }

/* Reps */
.lg-rep-grid { display: grid; gap: 0.6rem; grid-template-columns: 1fr; }
@media (min-width: 700px) { .lg-rep-grid { grid-template-columns: 1fr 1fr; } }
.lg-rep-card { text-align: left; background: #1a2738; border: 0; border-left: 4px solid #7cb8ff; border-radius: 8px; padding: 0.7rem 0.9rem; cursor: pointer; display: flex; flex-direction: column; gap: 0.2rem; }
.lg-rep-card:hover, .lg-rep-card:focus { background: #21304a; outline: none; }
.lg-rep-card__name { color: #f3eddc; font-weight: 700; font-size: 0.92rem; }
.lg-rep-card__meta { color: #8a9bb0; font-size: 0.8rem; }

/* Scorecard */
.lg-scorecard { background: #1a2738; border-radius: 10px; border-top: 3px solid #c9a227; padding: 1rem 1.1rem; margin-bottom: 0.8rem; }
.lg-scorecard__nums { display: flex; gap: 0.9rem; flex-wrap: wrap; margin-bottom: 0.8rem; }
.lg-stat { display: flex; flex-direction: column; align-items: center; min-width: 4.5rem; }
.lg-stat__n { font-size: 1.6rem; font-weight: 800; color: #f3eddc; line-height: 1; }
.lg-stat__l { font-size: 0.72rem; color: #8a9bb0; text-align: center; margin-top: 0.2rem; }
.lg-stat--yea .lg-stat__n { color: #ff7a8a; }
.lg-stat--nay .lg-stat__n { color: #6ad17a; }
.lg-scorecard__summary { margin: 0; color: #d9d3c4; font-size: 0.9rem; line-height: 1.6; }

/* How it works */
.lg-principles { margin: 0 0 1rem; padding-left: 1.3rem; }
.lg-principles li { margin-bottom: 0.5rem; color: #d9d3c4; line-height: 1.55; font-size: 0.92rem; }
.lg-principles strong { color: #f0e6d2; }
.lg-principles em { color: #c9a227; }
.lg-records-note { color: #c9a227; font-size: 0.86rem; font-weight: 700; margin: 1rem 0 0.5rem; }
.lg-rb-row, .lg-ing-row { display: flex; gap: 0.7rem; padding: 0.5rem 0; border-bottom: 1px dashed rgba(201,162,39,0.12); align-items: flex-start; }
.lg-rb-level { color: #c9a227; font-weight: 700; font-size: 0.78rem; text-transform: capitalize; min-width: 6.5rem; flex: none; }
.lg-rb-where { margin: 0 0 0.3rem; color: #d9d3c4; font-size: 0.86rem; line-height: 1.5; }
.lg-rb-basis { margin: 0; color: #8a9bb0; font-size: 0.8rem; line-height: 1.45; }
.lg-rb-basis strong { color: #a9b6cb; }
.lg-ing-status { font-size: 0.66rem; font-weight: 700; letter-spacing: 0.06em; padding: 0.12rem 0.5rem; border-radius: 999px; min-width: 5rem; text-align: center; flex: none; border: 1px solid; }
.lg-ing-status--live { color: #6ad17a; border-color: rgba(106,209,122,0.5); background: rgba(106,209,122,0.08); }
.lg-ing-status--pending_key { color: #8a9bb0; border-color: rgba(138,155,176,0.4); }
.lg-ing-label { color: #e8e2d3; font-size: 0.86rem; flex: 1; }
.lg-ing-src { color: #758496; font-size: 0.78rem; }

@media print {
  .lg-levels, .lg-level, .lg-hero__cta { display: none !important; }
  body { background: #fff !important; color: #000 !important; }
  .lg-body-card, .lg-measure-row, .lg-finding, .lg-scorecard, .lg-rep-card { background: none !important; border-left-color: #000 !important; }
}