/* Page-specific styles for Conway's Law */

/* ===== HERO THEME ===== */
.article-hero { background: linear-gradient(160deg, #150a1a 0%, #241030 55%, #1a0c22 100%); }
.article-tag-row { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 20px; }
.article-hero-sub { color: #b89ac8; }
.article-meta-read { color: #6a5a7a; }
.article-cta { background: linear-gradient(135deg, #150a1a 0%, #241030 100%); border: 2px solid #3a1a4a; }
.article-cta p { color: #b89ac8; }
.article-cta a.secondary { color: #b89ac8; border: 2px solid #3a1a4a; }

/* ===== MIRROR GRID (org chart vs. system diagram) ===== */
.mirror-block {
  margin: 28px 0;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.mirror-block.is-visible { opacity: 1; transform: translateY(0); }
.mirror-header { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; margin-bottom: 4px; }
.mirror-col-label { font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; padding: 8px 4px; text-align: center; border-radius: 8px 8px 0 0; background: #6a2a6a; color: #fff; }
.mirror-eq { font-size: 16px; font-weight: 900; color: #6a2a6a; }
.mirror-rows { display: grid; grid-template-columns: 1fr auto 1fr; gap: 10px; align-items: center; }
.mirror-cell { background: #fafaf6; border: 1.5px solid #dcc8e0; border-radius: 0 0 8px 8px; padding: 12px 14px; font-size: 13.5px; color: #2a1a30; line-height: 1.55; }
.mirror-arrow { font-size: 13px; color: #6a2a6a; text-align: center; }

/* ===== SILENCE BLOCK (where the interface lands) ===== */
.silence-block {
  margin: 26px 0;
  background: #150a1a;
  border: 1px solid #3a1a4a;
  border-radius: 10px;
  padding: 22px 26px;
  opacity: 0;
  transform: translateY(16px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.silence-block.is-visible { opacity: 1; transform: translateY(0); }
.silence-row { display: flex; align-items: baseline; gap: 14px; padding: 8px 0; }
.silence-tag { flex-shrink: 0; width: 100px; font-size: 10px; font-weight: 900; text-transform: uppercase; letter-spacing: 0.06em; color: #a06ac0; font-family: 'Courier New', monospace; }
.silence-text { font-size: 14.5px; color: #d8c4e8; line-height: 1.55; }
.silence-divider { border: none; border-top: 1.5px solid #3a1a4a; margin: 6px 0; }
.silence-final .silence-text { color: #fff; font-weight: 800; }

/* ===== TACTICS LIST ===== */
.conway-tactics { margin: 30px 0 10px; }
.conway-tactics .tactic { display: flex; gap: 18px; padding: 16px 0; border-top: 1px solid #e4e9d4; }
.conway-tactics .tactic:last-child { border-bottom: 1px solid #e4e9d4; }
.conway-tactics .tactic-num { font-size: 13px; font-weight: 900; color: #6a2a6a; font-family: 'Courier New', monospace; flex-shrink: 0; width: 26px; padding-top: 2px; }
.conway-tactics .tactic-title { font-size: 15.5px; font-weight: 800; color: #1a2a10; margin-bottom: 4px; }
.conway-tactics .tactic-detail { font-size: 14px; color: #445032; line-height: 1.6; }

@media (max-width: 640px) {
  .mirror-header, .mirror-rows { grid-template-columns: 1fr; }
  .mirror-eq, .mirror-arrow { display: none; }
  .silence-row { flex-direction: column; gap: 4px; }
  .silence-tag { width: auto; }
}