/* 08-pages/_license.css */
/* ── What is left of the license download page after the account page absorbed it: the
   edition tab strip (name + who-it's-for subtitle, driven by the shared `tabs` Stimulus
   controller) that the account page's release sections use, the demo-access note list,
   and the section hero the legal pages head themselves with. The download rows themselves
   are the c-download component now, and the framed panels they sat in are gone: the page
   is one reading column of prose. */

/* Section heros reuse .p-overview__intro but sit tighter and a step smaller than the page h1. */
.p-license__section {
  padding-block: clamp(var(--space-lg), 5vw, 3rem) var(--space-xs);
}
.p-license__section .p-overview__title {
  font-size: clamp(1.9rem, 1.3rem + 2.4vw, 3.4rem);
  max-width: 20ch;
}

/* Demo-access notes: a plain, readable bullet list. */
.p-license__notes {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: var(--space-2xs);
}
.p-license__notes li {
  color: var(--text-muted);
  display: flex;
  gap: 1ch;
}
.p-license__notes li::before {
  content: "\2022";           /* • */
  color: var(--accent);
}

/* ── Edition tab strip: two-line tabs (name + subtitle). Selected tab lights amber and joins
   the rule under the strip, mirroring c-tabs but with room for the who-it's-for line. ── */
.p-license__edition-list {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-2xs);
  border-bottom: var(--bw) solid var(--line);
}
.p-license__edition-tab {
  appearance: none;
  background: none;
  border: var(--bw) solid transparent;
  border-bottom: none;
  color: var(--text-muted);
  font: inherit;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: var(--space-3xs);
  padding: var(--space-sm) var(--space-md);
  margin-bottom: calc(-1 * var(--bw));
  cursor: pointer;
}
.p-license__edition-tab:hover { color: var(--text); }
.p-license__edition-tab.is-current {
  color: var(--accent);
  border-color: var(--line);
  background: var(--surface-raised);
}
.p-license__edition-tab[hidden] { display: none; }
.p-license__edition-name {
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
}
.p-license__edition-tab.is-current .p-license__edition-name::before {
  content: "\25B8\00a0";       /* ▸ + nbsp */
}
.p-license__edition-sub {
  font-size: var(--text-xs);
  text-transform: none;
  letter-spacing: 0;
  color: var(--text-muted);
}

/* The panel under the strip carries no frame of its own — the downloads inside it are
   left-aligned in the same column as the prose, and the strip's rule is the only line. */
.p-license__edition-panel { padding-block: var(--space-md); }
.p-license__edition-panel[hidden] { display: none; }
