.brand { margin:var(--s-5) 0 var(--s-6); }
.brand img { width:64px; height:64px; border-radius:18px; display:block; }
.doc .brand h1 { margin:var(--s-5) 0 var(--s-2); }
.tag { color:var(--text-2); margin:0; font-size:var(--fs-4); line-height:1.35; }
.dl { width:100%; min-height:64px; font-size:var(--fs-3); border-radius:var(--r-lg); }
.meta { color:var(--text-2); font-size:var(--fs-2); margin:var(--s-4) 0 0; }
.doc .rule { border:1px solid var(--warn-line); background:var(--warn-bg); color:var(--text); border-radius:var(--r-lg); padding:var(--s-5); margin:var(--s-2) 0; }
.doc .rule h2 { color:var(--warn); }
.doc .small { color:var(--text-2); font-size:var(--fs-2); margin:var(--s-3) 0 0; }