:root{--paper:#f6f6f4;--ink:#26313d;--green:#3c5f89;--muted:#596775;--line:#dce1e5;--accent:#e2eaf3}
.eyebrow{color:#486889}
.example{background:#fff; border-color:#dce1e5;box-shadow:0 24px 65px #25394e09}
.example .eyebrow{color:#486889}
.example .mark{background:#3c5f89}
.example .mark.empty{background:transparent;border-color:#a5b2bf}
.principle{background:#eaf0f5;color:var(--ink)}
.principle .eyebrow{color:#486889}
.principle p:last-child{color:var(--muted)}
.launch{background:#edf1f5}
.number{color:#486889}
.empty-state{background:#fff}