/* 08-pages/_license.css */
/* ── License access page (licenses#show): three hero-headed sections — intro, download,
   verify. The download section uses a two-line edition tab strip (name + who-it's-for
   subtitle) driven by the shared `tabs` Stimulus controller; the SHA-256 hashes live inside
   c-disclosure panels so the verify command stays front and centre. */

/* 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 panel below, 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);
}

.p-license__edition-panel {
  border: var(--bw) solid var(--line);
  border-top: none;
  padding: var(--space-lg) var(--space-md);
}
.p-license__edition-panel[hidden] { display: none; }

/* The tab-less counterpart: same frame and padding as an edition panel, but closed on all four
   sides since no tab strip sits above it. Used by the source and license-details groups. */
.p-license__panel {
  border: var(--bw) solid var(--line);
  padding: var(--space-lg) var(--space-md);
}

/* ── Download-row widget (.p-license__download): a big centred file link, optionally with the
   governing license alongside it as a second column — no table, no headers, no inline hash.
   Shared by the release, source and verification panels via the licenses/_download partial. ── */
.p-license__download {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: center;
  gap: var(--space-sm) var(--space-lg);
  padding-block: var(--space-2xs);
}
.p-license__download-file {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: var(--space-sm);
}
.p-license__download-name {
  font-size: var(--text-xl);
  word-break: break-all;
}
.p-license__download-license { font-size: var(--text-md); }

/* The verify panels carry only a few short lines; give them the same generous reading size
   as the "Licensed to" subheader rather than base body text. */
.p-license__panel .c-prose { font-size: var(--text-xl); line-height: var(--lh-cell); }

/* Verification material (manifest, signature, public key) is three peers, not a stack of
   full-width rows. Lay them out as content-width columns packed at the left — never spread
   across the page — falling back to stacked rows on narrow screens. Each cell is left-aligned,
   with its role label above the filename (.--stacked), so it reads in step with the surrounding
   left-aligned prose and terminal blocks instead of floating centre. */
.p-license__verify-files {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  justify-content: start;
  gap: var(--space-md) var(--space-xl);
}
@media (max-width: 40rem) {
  .p-license__verify-files { grid-template-columns: max-content; }
}
.p-license__download--stacked {
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: var(--space-3xs);
}
.p-license__download--stacked .p-license__download-file {
  flex-direction: column-reverse;
  align-items: start;
  gap: var(--space-3xs);
}
.p-license__download--stacked .p-license__download-name { font-size: var(--text-lg); }

/* Download groups (release, source, license details) sit on the page background — no panel
   frame — each led by the same inline uppercase label, with an even stack gap between the
   label, its lead paragraph, and the download content. The label mirrors .c-panel__title's
   look but flows inline instead of being notched into a border rule; the lead paragraph
   reuses the site-standard .p-overview__thesis prose treatment. */
.p-license__group {
  display: flex;
  flex-direction: column;
  gap: var(--space-md);
}
.p-license__group-title {
  color: var(--text-muted);
  font-size: var(--text-xs);
  text-transform: uppercase;
  letter-spacing: var(--tracking-label);
}