styles.css

/* AE summary table */
.ae-table { font-size: 0.78em; border-collapse: collapse; width: 100%; }
.ae-table th { background-color: #2c3e50; color: white; padding: 8px 14px; text-align: left; border: 1px solid #bbb; }
.ae-table td { border: 1px solid #bbb; padding: 7px 14px; }
.ae-table tbody tr:nth-child(odd) { background-color: #f7f7f7; }

/* ARS attribute colour tags */
.tag { display: inline-block; border-radius: 3px; padding: 1px 7px; font-size: 0.65em; font-weight: bold; color: white; vertical-align: middle; margin-left: 3px; white-space: nowrap; }
.t-ds  { background-color: #c0392b; }
.t-sub { background-color: #2471a3; }
.t-wc  { background-color: #7d3c98; }
.t-gf  { background-color: #1e8449; }
.t-av  { background-color: #ca6f1e; }
.t-op  { background-color: #148f77; }

/* ARS attribute annotation boxes */
.ars-attr { border-left: 5px solid; padding: 6px 12px; margin: 6px 0; font-size: 0.78em; border-radius: 0 4px 4px 0; line-height: 1.6; }
.a-ds  { border-color: #c0392b; background: #fdedec; }
.a-sub { border-color: #2471a3; background: #eaf2ff; }
.a-wc  { border-color: #7d3c98; background: #f4ecf7; }
.a-gf  { border-color: #1e8449; background: #eafaf1; }
.a-av  { border-color: #ca6f1e; background: #fef9e7; }
.a-op  { border-color: #148f77; background: #e8f8f5; }

/* Legend items */
.legend-item { display: inline-block; margin-right: 10px; font-size: 0.72em; }

/* AE table shell — SOC header rows and column N= label */
.ae-table .soc-row td { background-color: #dde3ea !important; font-weight: bold; }
.col-n { font-weight: normal; font-size: 0.85em; color: #ccc; }

/* Table footnote */
.table-note { font-size: 0.68em; color: #666; margin-top: 0.4em; font-style: italic; }

/* YAML complexity warning box */
.complexity-note {
  background: #fff3cd;
  border-left: 4px solid #e0a000;
  padding: 8px 12px;
  margin-top: 10px;
  font-size: 0.78em;
  border-radius: 0 4px 4px 0;
  line-height: 1.5;
}