/* ==========================================================================
   p-downloads.css — page styles for downloads.html ONLY.
   Prefix: .dl-, every selector scoped to body[data-page="downloads"].
   The unlisted customer install surface, rebuilt in the v8 shell: the same
   links, commands and checksum references the archived v7 page carried,
   served as copyable mono plates. Token-fed like every section builder; the
   only literals are terminal-scoped phosphor glows (p-museum precedent).
   Green budget is zero — an install path is not a verified state.
   ========================================================================== */

/* --------------------------------------------------------------------------
   the channel well: one copyable URL on a paper ground, the page's prompt
   glyph outside the selection, user-select:all so one click takes the whole
   line (the agents-page MCP plate is the precedent).
   -------------------------------------------------------------------------- */
[data-page="downloads"] .dl-chan{
  display:flex;align-items:baseline;gap:.6rem;
  width:fit-content;max-width:100%;
  margin:1.9rem 0 0;padding:.66rem .95rem .72rem;
  background:var(--card);border:1px solid var(--hair);border-radius:var(--radius);
}
html[data-theme="terminal"] [data-page="downloads"] .dl-chan{
  box-shadow:inset 0 0 24px rgba(43,255,111,.04);
}
[data-page="downloads"] .dl-ps{
  flex:0 0 auto;font-family:var(--mono);font-size:.8rem;line-height:1.5;
  color:var(--muted);user-select:none;-webkit-user-select:none;
}
[data-page="downloads"] .dl-chan code{
  font-family:var(--mono);font-size:.8rem;line-height:1.5;letter-spacing:.01em;
  color:var(--ink);min-width:0;overflow-wrap:anywhere;
  user-select:all;-webkit-user-select:all;
}
[data-page="downloads"] .dl-chan-cap{
  margin:.7rem 0 0;font-family:var(--mono);font-size:.75rem;line-height:1.7;
  color:var(--muted);
}

/* --------------------------------------------------------------------------
   artifact rows inside the platform tiles: one link per artifact — the arch
   label is the machine layer, the filename is the thing you click. Hairline
   separated so four artifacts read as a list, not a paragraph.
   -------------------------------------------------------------------------- */
[data-page="downloads"] .dl-plat .tile h3{margin-bottom:.9rem;}
[data-page="downloads"] .dl-art{margin:0;border-top:1px solid var(--hair);}
[data-page="downloads"] .dl-art:first-of-type{border-top:0;}
[data-page="downloads"] .dl-art a{
  display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;
  padding:.55rem 0 .6rem;text-decoration:none;color:var(--ink);
}
[data-page="downloads"] .dl-arch{
  flex:0 0 auto;min-width:7.2em;
  font-family:var(--mono);font-size:.75rem;letter-spacing:.04em;
  color:var(--muted);
}
[data-page="downloads"] .dl-art code{
  font-family:var(--mono);font-size:.8rem;letter-spacing:.01em;
  min-width:0;overflow-wrap:anywhere;
  border-bottom:1px solid var(--hair-strong);padding-bottom:1px;
}
[data-page="downloads"] .dl-art a:hover code{
  color:var(--signal);border-bottom-color:var(--signal);
}

/* checksums + homebrew ride the shell .rows chassis */
[data-page="downloads"] .dl-extra{margin-top:1px;}

/* --------------------------------------------------------------------------
   offline steps: an ordered mono-countered list — the sequence itself is the
   content here, so the numbers earn their place.
   -------------------------------------------------------------------------- */
[data-page="downloads"] .dl-steps{
  list-style:none;counter-reset:dls;margin:0;padding:0;max-width:68ch;
}
[data-page="downloads"] .dl-steps li{
  counter-increment:dls;position:relative;
  padding:1.05rem 0 1.15rem 3.2rem;border-top:1px solid var(--hair);
  font-size:1.02rem;line-height:1.55;color:var(--ink-60);
}
[data-page="downloads"] .dl-steps li:first-child{border-top:0;}
[data-page="downloads"] .dl-steps li::before{
  content:counter(dls,decimal-leading-zero);
  position:absolute;left:0;top:1.2rem;
  font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.08em;
  color:var(--muted);
}
[data-page="downloads"] .dl-steps code{color:var(--ink);}

/* the fine-print line under a section's material */
[data-page="downloads"] .dl-note{
  margin:1.4rem 0 0;font-family:var(--mono);font-size:.75rem;line-height:1.7;
  color:var(--muted);max-width:66ch;
}
[data-page="downloads"] .dl-note code{font-size:1em;color:var(--ink);}

/* --------------------------------------------------------------------------
   the CI workflow plate: the .au-tree chassis (card, mono, sideways scroll),
   with user-select:all on the code so one click takes the whole workflow.
   -------------------------------------------------------------------------- */
[data-page="downloads"] .dl-repo{margin:0 0 1.3rem;}
[data-page="downloads"] .dl-pre{
  margin:0;max-width:100%;padding:1.35rem 1.5rem 1.45rem;overflow-x:auto;
  background:var(--card);border:1px solid var(--hair);border-radius:10px;
  font-family:var(--mono);font-size:.83rem;line-height:1.8;color:var(--ink);
  white-space:pre;
  -webkit-overflow-scrolling:touch;
}
html[data-theme="terminal"] [data-page="downloads"] .dl-pre{
  box-shadow:inset 0 0 32px rgba(43,255,111,.04);
}
[data-page="downloads"] .dl-pre code{
  font-size:1em;user-select:all;-webkit-user-select:all;
}

/* --------------------------------------------------------------------------
   exits
   -------------------------------------------------------------------------- */
[data-page="downloads"] .dl-links{
  display:flex;flex-wrap:wrap;gap:.6rem 1.6rem;margin:0;
}

@media (max-width:640px){
  [data-page="downloads"] .dl-arch{min-width:0;flex-basis:100%;}
  [data-page="downloads"] .dl-pre{padding:1.1rem 1.1rem 1.2rem;}
}