/* Supplemental styles for the Security at Tuva section.
   Load after a11y.css. Restores list styling that a11y.css resets,
   and adds a few layout utilities used only on security pages. */

.a11y-docs .content-list {
  list-style: disc;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 12px;
}

.a11y-docs .content-list li {
  font-size: 16px;
  line-height: 1.6;
  color: var(--tuva-text);
}

.a11y-docs .content-steps {
  list-style: decimal;
  padding-left: 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

.a11y-docs .content-steps li {
  font-size: 16px;
  line-height: 1.6;
  color: var(--tuva-text);
  padding-left: 8px;
}

.a11y-docs .content-steps li p {
  margin-top: 6px;
  color: var(--tuva-text-muted);
}

.a11y-docs .content-subsection-heading {
  font-size: 17px;
  font-weight: 700;
  color: var(--tuva-text);
  margin-top: 28px;
  margin-bottom: 8px;
  font-family: 'Montserrat', 'Source Sans Pro', sans-serif;
}

/* Feature-pair layout for classification tier callout boxes */
.a11y-docs .feature-pair {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Standards table fills the content column. The column itself is widened
   below (.main-content--wide) so the table has room without forcing the
   horizontal scrollbar that a fixed width caused inside a narrower column. */
#security-standards-table {
  table-layout: fixed;
  width: 100%;
}

/* The standards table is data-dense and needs more horizontal room than the
   prose pages. Widen the content column on this page only; prose sub-pages
   (data-breach, data-classification) keep the narrower, more readable measure
   from a11y.css. */
.a11y-docs .main-content--wide {
  max-width: 1180px;
}

/* Override a11y.css sc-level defaults (designed for short WCAG codes, not long control descriptions) */
#security-standards-table td.sc-level {
  text-align: left;
  white-space: normal;
  font-weight: 400;
  color: var(--tuva-text);
}

/* The sidebar (position: sticky) stops sticking when its bottom edge reaches
   the bottom of .page-body. On short pages (e.g. the Contact section of
   data-breach) that releases the sidebar before the last anchor is reached.
   Adding padding-bottom equal to the sidebar's height ensures .page-body
   always extends far enough for the sidebar to remain visible through the
   last section. The extra whitespace appears below the footer's sibling, not
   in the content flow, so it looks like normal page spacing. */
.a11y-docs .main-content {
  padding-bottom: calc(100vh - var(--header-h));
}