/* Лента внимания. Цвет только у точки: рамка и фон не кричат, правило одного сигнала из концепта. */
.nf-attention{--att:var(--warn);margin:0 0 var(--sp-4);border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface);font-size:var(--fs-sm);line-height:1.45}
.nf-attention.err{--att:var(--err)}
.att-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--att)}
.att-row.warn .att-dot{--att:var(--warn)}
.att-row.err .att-dot{--att:var(--err)}
.nf-attention .att-top{display:flex;align-items:center;gap:var(--sp-3);width:100%;min-height:44px;padding:var(--sp-3) var(--sp-4);border:0;background:none;box-shadow:none;transform:none;color:var(--text);font:inherit;text-align:left;white-space:normal;cursor:pointer;border-radius:inherit}
.nf-attention .att-top:hover{background:var(--surface-2);box-shadow:none;transform:none}
.att-top:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}
.att-top .att-txt{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}
.att-more{flex:none;color:var(--text-muted);font-variant-numeric:tabular-nums}
.att-chev{flex:none;color:var(--text-dim);font-size:var(--fs-lg);line-height:1;transition:transform .15s}
.att-top[aria-expanded=true] .att-chev{transform:rotate(90deg)}
.att-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--border)}
.att-row{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4)}
.att-row+.att-row{border-top:1px solid var(--border-subtle)}
.att-row .att-txt{flex:1 1 240px;min-width:0;color:var(--text-muted);overflow-wrap:anywhere}
.att-act{flex:none;color:var(--accent);font-weight:600;text-decoration:none}
.att-act:hover{text-decoration:underline}
@media (max-width:640px){
  .att-row{flex-wrap:wrap;gap:var(--sp-2) var(--sp-3)}
  .att-row .att-txt{flex-basis:calc(100% - 18px)}
  .att-act{margin-left:var(--sp-4);min-height:32px;display:inline-flex;align-items:center}
}
@media (prefers-reduced-motion:reduce){.att-chev{transition:none}}

/* Подробности шапки: короткая строка всегда, полный текст по клику (работает и на телефоне, в отличие от title) */
.nf-more{margin-top:var(--sp-1);font-size:var(--fs-sm);color:var(--text-muted)}
.nf-more summary{cursor:pointer;width:max-content;text-decoration:underline dotted;text-underline-offset:3px}
.nf-more p{margin:var(--sp-2) 0 0;max-width:68ch;line-height:1.5}