.brief .strip__id b{color:var(--ink)}
.bpage{flex:1 1 auto;min-width:0;min-height:0;overflow:auto;
  background:radial-gradient(ellipse at 15% -10%,#16212A 0%,#0E1418 55%)}
.bp{max-width:980px;margin:0 auto;padding:40px var(--pad) 90px;display:grid;gap:36px}
.bp__h{margin:10px 0 0;line-height:.95;color:#E8F1F5;display:grid;gap:2px}
.bp__h1{font-size:clamp(34px,5vw,60px);font-weight:800;font-variation-settings:"wdth" 125;letter-spacing:-.02em}
.bp__h2{font-size:clamp(34px,5vw,60px);font-weight:300;font-variation-settings:"wdth" 62;color:var(--s-proc)}
.bp__lede{margin:16px 0 0;max-width:62ch;color:var(--dim);font-size:16px;line-height:1.65}

.bp__kinds{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}
.bkc{--c:var(--t1);text-align:left;display:grid;gap:6px;align-content:start;padding:16px;background:var(--sheet);
  border:1px solid var(--line);border-top:3px solid var(--c);transition:border-color .15s,background .15s}
.bkc:hover{border-color:var(--c)}
.bkc[aria-pressed="true"]{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,var(--sheet))}
.bkc__n{font-family:var(--mono);font-size:30px;color:#E8F1F5;line-height:1}
.bkc__t{font-size:15px;font-weight:600;color:var(--c)}
.bkc__d{font-size:13px;color:var(--dim);line-height:1.55}
.bkc.t1,.bk.t1{--c:var(--t1)} .bkc.t2,.bk.t2{--c:var(--t2)} .bkc.t3,.bk.t3{--c:var(--t3)} .bkc.t4,.bk.t4{--c:var(--t4)}

.bp__list{display:grid;gap:26px;scroll-margin-top:12px}
.bq{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;
  background:rgba(14,20,24,.95);backdrop-filter:blur(8px);border:1px solid var(--line)}
.bq__n{margin-left:auto;font-family:var(--mono);font-size:11px;color:var(--dim)}

.bs{display:grid;gap:10px}
.bs__hd{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;align-items:end;padding-bottom:8px;border-bottom:1px solid var(--line)}
.bs__hd h2{margin:0;font-size:20px;font-weight:700;color:#E8F1F5;font-variation-settings:"wdth" 110}
.bs__hd p{margin:0;grid-column:1;color:var(--dim);font-size:14px;line-height:1.55}
.bs__hd span{grid-column:2;grid-row:1 / span 2;font-family:var(--mono);font-size:11px;color:var(--dim-2);align-self:end}

.bl{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.br{background:var(--sheet);border:1px solid var(--line-soft);transition:border-color .15s;scroll-margin-top:110px}
.br:hover{border-color:var(--line)}
.br.is-open{border-color:var(--line);border-left:2px solid var(--s-proc)}
.br__hd{width:100%;display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:12px;align-items:center;text-align:left;padding:13px 14px}
.br__car{color:var(--dim);display:inline-flex;transition:transform .18s}
.br.is-open .br__car{transform:rotate(90deg);color:var(--s-proc)}
.br__t b{display:block;font-weight:600;color:#E8F1F5;font-size:15px}
.br__t span{display:block;color:var(--dim);font-size:13px;line-height:1.5;margin-top:2px;
  overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.br.is-open .br__t span{display:none}
.bk{--c:var(--t1);font-family:var(--mono);font-size:10px;letter-spacing:.06em;padding:3px 7px;white-space:nowrap;
  color:var(--c);border:1px solid color-mix(in srgb,var(--c) 55%,transparent)}
.br__body{padding:2px 18px 18px 44px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 26px}
.bf h3{margin:0 0 5px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim-2);font-weight:400}
.bf p{margin:0;font-size:14px;line-height:1.6;color:var(--ink)}
.bf.good h3{color:#3DDC97} .bf.bad h3{color:#FF9F1C}
.br__ref{grid-column:1 / -1;font-family:var(--mono);font-size:10px;color:var(--dim-2)}
.bempty{color:var(--dim);text-align:center;padding:30px}
@media (max-width:640px){.br__body{padding-left:16px}.br__hd .bk{display:none}}
@media (max-width:820px){.bpage{overflow:visible}}