/* =============================================================================
   Static content pages – IT first aid
   ============================================================================= */

.aid-list { display: grid; gap: var(--s-2); }
.aid { border: 1px solid var(--rule); border-radius: var(--r-md); background: var(--sheet); }
.aid > summary { display: flex; align-items: center; gap: var(--s-3); padding: var(--s-3) var(--s-4); cursor: pointer; font-weight: 700; list-style: none; }
.aid > summary::-webkit-details-marker { display: none; }
.aid > summary::after { content: "+"; margin-left: auto; font-size: var(--fs-lg); color: var(--ink-faint); }
.aid[open] > summary { border-bottom: 1px solid var(--rule); }
.aid[open] > summary::after { content: "–"; }
.aid-icon { font-size: 1.5rem; line-height: 1; }
.aid-body { padding: var(--s-3) var(--s-4) var(--s-4); }
.aid-body h2 { margin: 0 0 var(--s-2); font-size: var(--fs-md, 1rem); }
.aid-steps { margin: 0; padding-left: 1.4rem; display: grid; gap: var(--s-3); }
.aid-steps p { margin: var(--s-1) 0 0; }
.aid-photo { display: inline-flex; align-items: center; gap: var(--s-1); padding: var(--s-1) var(--s-2); border: 1px dashed var(--rule-strong); border-radius: var(--r-sm); font-size: var(--fs-sm); color: var(--ink-soft); }
.aid-detail { margin-top: var(--s-4); padding-top: var(--s-3); border-top: 1px dashed var(--rule); }
.aid-detail > summary { cursor: pointer; font-weight: 700; color: var(--cyan-ink); margin-bottom: var(--s-3); }

/* ---------------------------------------------------------- legal pages --- */
.legal { max-width: 52rem; }
.legal section { margin-top: var(--s-6); scroll-margin-top: var(--s-5); }
.legal h2 { font-size: var(--fs-xl); padding-bottom: var(--s-2); border-bottom: 1px solid var(--rule); }
.legal li + li { margin-top: var(--s-2); }
.legal-toc ol { columns: 2 14rem; margin: 0; padding-left: 1.4rem; }
.legal-toc li { break-inside: avoid; }
.legal-list dt { font-weight: 700; margin-top: var(--s-3); }
.legal-list dd { margin: var(--s-1) 0 0; }

/* -------------------------------------------------------------- what's new --- */
.release-types { margin-bottom: var(--s-5); }
.release-types > summary { cursor: pointer; }
.release-types-list { display: grid; gap: var(--s-3); margin: 0; }
.release-types-list dt { display: flex; gap: var(--s-2); align-items: center; }
.release-types-list dd { margin: var(--s-1) 0 0; color: var(--ink-soft); }
.releases { list-style: none; margin: 0; padding: 0; }
.release { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: var(--s-5); padding: var(--s-5) 0; border-top: 1px solid var(--rule); }
.release-version { display: flex; flex-direction: column; align-items: flex-start; gap: var(--s-1); }
.release-number { font-family: var(--font-display); font-size: var(--fs-2xl); font-weight: 700; line-height: 1; letter-spacing: -0.02em; }
.release-new { background: var(--cyan-wash); border-color: var(--cyan-ink); color: var(--cyan-ink); }
.release-body h2 { margin-top: 0; font-size: var(--fs-lg); }
.release-items { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--s-2); }
.release-items li { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: var(--s-2); align-items: baseline; }
.release-items .status { justify-self: start; }
@media (max-width: 640px) {
  .release { grid-template-columns: minmax(0, 1fr); gap: var(--s-2); }
  .release-version { flex-direction: row; flex-wrap: wrap; align-items: center; }
  .release-items li { grid-template-columns: minmax(0, 1fr); }
}
/* banner after an update (layout) */
.whats-new-banner { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-2) var(--s-3); }
.whats-new-banner form { margin-left: auto; }

/* a command or a setting to copy in a guide (napoveda/ai) */
.guide-code { margin: 0 0 var(--s-4); padding: var(--s-3) var(--s-4); overflow-x: auto; background: var(--sheet-sunk); border: 1px solid var(--rule); border-radius: var(--r-sm); }
.guide-code code { font-size: var(--fs-sm); white-space: pre; }