/* ============================================================
   СТИЛИ МЕНЕДЖМЕНТА ПО АДИЗЕСУ · только уникальные блоки серии.
   Каркас (.reading/.reading-sidebar/.reading-main), hero и
   типографика — общие из reading.css. Акцент — через --level.
   ============================================================ */

/* нумерация раздела в сайдбаре (span.n из скрипта TOC) */
.reading-sidebar .toc-link .n{font-family:var(--font-mono);color:hsl(var(--muted-fg));
  margin-right:.5rem;font-size:.72rem}
.reading-sidebar .toc-link.is-active .n{color:var(--level)}

/* римский номер раздела над заголовком */
.snum{font-family:var(--font-mono);font-size:.8rem;color:var(--level);display:block;margin-bottom:.5rem}
/* англ. подпись внутри h2 раздела */
.reading-main h2 .en{display:block;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;
  text-transform:uppercase;color:hsl(var(--muted-fg));margin-top:.5rem;font-weight:400}
.reading-main li::marker{color:var(--level)}

.code-inline{font-family:var(--font-mono);font-size:.86em;color:var(--level);
  background:color-mix(in srgb,var(--level) 10%,transparent);padding:1px 6px;border-radius:3px}

/* ── карточки-врезки ── */
.card .label{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;
  color:var(--level);margin-bottom:.75rem;display:block}
.card.warn{border-color:color-mix(in srgb,var(--warn) 40%,hsl(var(--border)));
  background:color-mix(in srgb,var(--warn) 8%,hsl(var(--card)))}
.card.warn .label{color:var(--warn)}
.card p:first-of-type{margin-top:0}.card p:last-child{margin-bottom:0}

blockquote .attr{display:block;font-family:var(--font-mono);font-style:normal;font-size:.7rem;
  letter-spacing:.1em;color:hsl(var(--muted-fg));text-transform:uppercase;margin-top:.9rem}

/* Таблицы — единый компонент из reading.css. Сравнит. таблицы Адизеса
   используют вариант .table-keycol (акцентный первый столбец). */

/* .divider — в архив (0 использований, ломал канонический reading.css .divider) → archive.css */
.footnote{font-size:.85rem;color:hsl(var(--muted-fg));font-style:italic}

/* ── матрица 2×2 (карта системы PAEI) ── */
.matrix{display:grid;grid-template-columns:minmax(128px,150px) 1fr 1fr;gap:3px;margin:2.2rem 0 .6rem}
.matrix .mh{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:hsl(var(--muted-fg));display:flex;align-items:center;justify-content:center;text-align:center;
  padding:.5rem .4rem;line-height:1.5}
.matrix .rh{justify-content:flex-end;text-align:right}
.matrix .corner{background:transparent}
.qcell{display:block;text-decoration:none;padding:1.4rem 1.4rem 1.5rem;border-radius:var(--radius);
  color:var(--level-contrast);min-height:160px;position:relative;
  transition:transform .15s var(--ease),box-shadow .15s var(--ease);overflow:hidden}
.qcell:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}
.qcell .qcode{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.16em;opacity:.9;padding-right:104px}
.qcell .qname{font-family:var(--font-display);font-size:1.5rem;font-weight:600;margin:.4rem 0 .1rem;color:var(--level-contrast);padding-right:104px}
.qcell .qsh{font-style:italic;opacity:.92;font-size:.9rem;margin-bottom:.7rem;padding-right:104px}
.qcell .qdesc{font-size:.82rem;line-height:1.5;opacity:.96}
.qcell .qq{position:absolute;top:16px;right:20px;font-family:var(--font-display);font-style:italic;font-size:1.2rem;opacity:.85}
.qcell .arrow{margin-top:.75rem;font-size:.72rem;letter-spacing:.1em;opacity:.85;font-family:var(--font-mono);text-transform:uppercase}
.q-p{background:linear-gradient(150deg,color-mix(in srgb,var(--paei-p) 78%,#000),var(--paei-p))}
.q-a{background:linear-gradient(150deg,color-mix(in srgb,var(--paei-a) 78%,#000),var(--paei-a))}
.q-e{background:linear-gradient(150deg,color-mix(in srgb,var(--paei-e) 78%,#000),var(--paei-e))}
.q-i{background:linear-gradient(150deg,color-mix(in srgb,var(--paei-i) 78%,#000),var(--paei-i))}

@media(max-width:860px){
  .matrix{grid-template-columns:1fr}.matrix .mh,.matrix .corner{display:none}
}