/* AV-Vertrag (js/legal.js): dialog, settings status, dashboard hint; visitor counter notice (site detail) */
.l-mb { margin-bottom: 12px; }
.l-ico-xs { width: 13px; height: 13px; margin-left: 3px; vertical-align: -2px; }
.l-lead { margin: 0 0 12px; color: var(--text-2); }
.l-points { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; font-size: var(--fs-sm); color: var(--text-2); }
.l-points li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; }
.l-points li > .ico { width: 18px; height: 18px; margin-top: 1px; color: var(--accent-ink, var(--accent)); }
.l-points b { color: var(--text); font-weight: 600; }
.l-version { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; padding: 10px 12px; margin: 0 0 14px; background: var(--surface-2);
  border: 1px solid var(--border); border-radius: var(--radius); font-size: var(--fs-sm); }
.l-version > span { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; }
.l-version > span .ico { width: 16px; height: 16px; }
.l-sentence { margin: 0 0 14px; font-size: var(--fs-md, 15px); line-height: 1.5; }
.l-hint { align-items: center; flex-wrap: wrap; margin-bottom: 16px; }
.l-hint > .ico { flex: none; }
.l-hint .grow { min-width: 220px; }
.l-hint-sub { display: block; opacity: .85; margin-top: 2px; }
.l-notice { width: 100%; min-height: 260px; font-size: var(--fs-sm); line-height: 1.5; background: var(--surface-2); }
@media (max-width: 600px) { .l-hint .btn { width: 100%; justify-content: center; } }