/* Constellation pages: the shared house style plus a few page components.
 * Tokens, frame, text, code, callouts, tables and badges come from
 * ../assets/house.css (see its header comment). Keep additions here small
 * and written in house tokens. Release snapshots under releases/ also load
 * this file through ../../base.css. */
@import url("../assets/house.css");

/* Existing Constellation markup: <header><nav aria-label="Main navigation">
 * inside a plain header. Render it like .section-nav until pages adopt the
 * shared .site-header + nav.section-nav pattern. */
body > header:not(.site-header) {
  padding-block: var(--s4) var(--s2);
  border-bottom: 2px solid var(--border);
}
body > header:not(.site-header) nav {
  display: flex;
  flex-wrap: wrap;
  gap: 0 var(--s4);
  font-family: var(--mono);
  font-size: 0.85rem;
}
body > header:not(.site-header) nav a {
  color: var(--fg-muted);
  text-decoration: none;
  white-space: nowrap;
  padding-block: var(--s1);
}
body > header:not(.site-header) nav a:hover { color: var(--accent); }
body > header:not(.site-header) nav strong a { color: var(--fg); font-weight: 600; }
body > header:not(.site-header) nav a[aria-current] {
  color: var(--fg);
  text-decoration: underline;
  text-decoration-color: var(--accent);
  text-decoration-thickness: 2px;
  text-underline-offset: 0.35em;
}
body > footer:not(.site-footer) {
  margin-top: var(--s6);
  padding-block: var(--s4) var(--s6);
  border-top: 2px solid var(--border);
  font-family: var(--mono);
  font-size: 0.85rem;
  color: var(--fg-faint);
}

/* A note is the house callout without the accent rule. */
.note {
  background: var(--bg-inset);
  border: 1px solid var(--border-faint);
  border-left: 3px solid var(--border);
  padding: var(--s3) var(--s4);
  margin: 0 0 var(--s5);
}
.note > :last-child { margin-bottom: 0; }

.release-cta {
  margin: var(--s5) 0 var(--s6);
  padding: var(--s4) var(--s5);
  background: var(--bg-inset);
  border: 1px solid var(--border-faint);
  border-left: 3px solid var(--accent);
}
.release-cta h2 { margin-top: var(--s1); padding-top: 0; border-top: 0; }

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s3) var(--s4);
  align-items: center;
  margin-top: var(--s4);
}
.actions .primary {
  display: inline-block;
  font-family: var(--mono);
  font-size: 0.9rem;
  padding: var(--s2) var(--s4);
  border: 1px solid var(--accent);
  background: var(--accent-faint);
  color: var(--accent);
  text-decoration: none;
}
.actions .primary:hover { background: var(--accent); color: var(--bg); }

.status { color: var(--fg-muted); }
.steps li { margin-block: var(--s3); }

.badge.ready { border-color: var(--pass); color: var(--pass); }
.badge.dev { border-style: dashed; }
.badge.blocked { border-color: var(--accent); color: var(--accent); }

.interfaces dt { margin-top: var(--s5); font-weight: 600; }
.interfaces dd { margin: var(--s1) 0 0; }

.integration-nav {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s2) var(--s4);
  padding: var(--s3) 0;
  border-block: 1px solid var(--border-faint);
  font-family: var(--mono);
  font-size: 0.85rem;
}

/* Tables in Constellation pages are dense reference material. */
td code, dd code { overflow-wrap: anywhere; }