.bd-cwrap { --bd-acc:#2563eb; max-width:1400px; margin:0 auto; }
.bd-crumbs { display:flex; gap:7px; flex-wrap:wrap; align-items:center; padding:14px 0 0; font-size:12.5px; color:var(--text-muted); }
.bd-crumbs a { color:var(--text-muted); text-decoration:none; border-bottom:1px dotted var(--border-color); }
.bd-crumbs a:hover { color:var(--bd-acc); }
.bd-chead { position:relative; border-radius:16px; overflow:hidden; margin:12px 0 16px;
  background:#e8edf5 center/cover no-repeat; min-height:150px; display:flex; align-items:flex-end; }
.bd-chead.plain { background:color-mix(in srgb, var(--bd-acc) 7%, #fff); border:1px solid var(--border-color); }
.bd-chead .g { width:100%; padding:18px 20px; }
.bd-chead.cover .g { background:linear-gradient(transparent, rgba(0,0,0,.74)); color:#fff; }
.bd-chead h1 { margin:0 0 4px; font-size:26px; }
.bd-chead p { margin:0; font-size:13.5px; line-height:1.5; opacity:.92; max-width:70ch; }
.bd-ckind { display:inline-flex; align-items:center; gap:5px; font-size:11.5px; font-weight:600;
  border-radius:999px; padding:3px 10px; background:var(--bd-acc); color:#fff; margin-bottom:8px; }
.bd-ckind.draft { background:#b4682a; }
.bd-crule { font-size:12.5px; color:var(--text-muted); margin:0 0 14px; padding:9px 12px;
  border-left:3px solid var(--bd-acc); background:#f6f7f9; border-radius:0 10px 10px 0; line-height:1.6; }
.bd-citem { position:relative; }
.bd-cnote { display:block; margin:6px 2px 0; font-size:12.5px; line-height:1.45; color:var(--text-muted);
  border-left:2px solid var(--bd-acc); padding-left:8px; }
.bd-cpin { position:absolute; top:8px; left:8px; z-index:2; background:var(--bd-acc); color:#fff;
  border-radius:999px; font-size:10.5px; font-weight:600; padding:2px 8px; }
.bd-csibs { display:flex; flex-wrap:wrap; gap:6px; margin:22px 0 6px; }