.topic-intro{font-size:17px;max-width:720px}
.topic-list{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 4px}
.topic-list a{display:inline-flex;align-items:center;min-height:36px;padding:7px 10px;border:1px solid var(--rule);border-radius:4px;background:rgba(16,29,51,.62);font:12px/1.35 var(--mono)}
.topic-list a[aria-current="page"]{border-color:var(--signal);background:var(--signal-soft);color:var(--bright)}
.principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}
.principle{padding:16px;border-top:2px solid var(--out);background:rgba(16,29,51,.56)}
.principle h3{margin:0 0 8px;font-size:16px}
.principle p{margin:0;font-size:14px}
.reading-list{list-style:none;margin:18px 0}
.reading-list li{padding:17px 0;border-bottom:1px solid var(--rule)}
.reading-list li:first-child{border-top:1px solid var(--rule)}
.reading-list a{display:block;border:0;color:var(--bright);font-weight:700;font-size:18px}
.reading-list a:hover{color:var(--signal)}
.reading-list p{margin:5px 0 0;font-size:14px}
.path{display:flex;gap:12px;align-items:flex-start;margin:18px 0}
.path b{flex:0 0 28px;height:28px;border:1px solid var(--signal);color:var(--signal);font:12px/26px var(--mono);text-align:center}
.path p{margin:0}
.question-list{list-style:none;margin:18px 0 0}
.question-list li{position:relative;margin:0 0 10px;padding-left:22px;color:var(--body)}
.question-list li::before{content:"";position:absolute;left:0;top:.72em;width:8px;height:8px;border:1px solid var(--signal);background:rgba(255,181,92,.14)}
@media(max-width:620px){
  .principles{grid-template-columns:1fr}
}