/* Static contexts keep dependencies and assumptions visible together. */
.architecture-context { border-top: 1px solid var(--color-border); padding-top: 1.2rem; margin-top: 1.6rem; }
.architecture-context h3 { margin-top: 0; }
.recommendation-label { font-size: .9rem; font-weight: 600; margin-bottom: .4rem; }
.dependency-diagram { margin: 1.5rem 0; }
.dependency-lane { margin: 1.2rem 0; }
.dependency-lane h4 { font-size: 1.05rem; }
.dependency-lane ol { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; list-style: none; padding: 0; }
.dependency-lane li { position: relative; background: var(--color-surface); border: 1px solid var(--color-border); padding: .9rem; }
.dependency-lane li + li::before { content: '→'; position: absolute; left: -1.3rem; top: 1rem; }
.dependency-lane strong, .dependency-lane span { display: block; }
.dependency-lane span { font-size: .9rem; margin-top: .4rem; }
.dependency-diagram figcaption { font-size: .9rem; color: var(--color-text-secondary); }
@media (max-width: 760px) {
 .dependency-lane ol { grid-template-columns: 1fr; gap: 1.6rem; }
 .dependency-lane li + li::before { content: '↓'; left: 50%; top: -1.7rem; }
}