/* "Law Enforcement" audience page (audience-navigation page, not a product page). Loads after entity.css (shared eik/eic pills, ei-keep, eq-*, er-*, fp-sample, ei-cta-viz, ei-svg, the ec/ei-cluster graph component and entity.js interactivity, ev-list/ev-item/ev-dl evidence accordion) and platform.css (fu-*, fp-faq, fp-tabs JS). An investigative, evidence-and-chain-of-custody identity: the reused address-cluster graph reskinned as a transaction trace, and a sober six-state vocabulary (observed/attributed/uncertain/preserved/reviewed/unresolved) distinct from Government's evidentiary ladder. Prefixes: le- hero/nav/misc, ls the six-state pill, lc- challenges, lg- graph-workspace extras, los- authorized scope, cst- chain-of-custody note, tl- investigation timeline, lwf- seven-step workflow, lho- handover table, lq- benefit validation questions. */

.sh-notice { display:flex; gap:12px; align-items:flex-start; margin:26px 0 0!important; padding:14px 18px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.14); border-radius:6px; color:#b7cccd!important; font-size:.875rem!important; line-height:1.55!important; max-width:560px; }
.sh-notice svg { flex:none; width:22px; height:22px; margin-top:1px; fill:none; stroke:#6fd6b4; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; }

/* Hero */
.le-grid-bg { position:absolute; inset:0; pointer-events:none; opacity:.55; }
.le-grid-bg svg { display:block; width:100%; height:100%; }
.le-grid path { fill:none; stroke:rgba(255,255,255,.08); stroke-width:1; }
.le-path path { fill:none; stroke:#18c79b; stroke-width:1.4; stroke-dasharray:4 6; opacity:.4; }
.le-nodes circle { fill:#0f4a3d; stroke:#6fd6b4; stroke-width:1.4; }
.le-nodes circle.le-glow { fill:#18c79b; stroke:#18c79b; filter:drop-shadow(0 0 8px rgba(24,199,155,.75)); }
.le-ts text { font:9px ui-monospace,Consolas,monospace; fill:rgba(220,235,232,.4); letter-spacing:.02em; }

.le-panel { background:#0a2028; border:1px solid rgba(255,255,255,.14); border-radius:6px; padding:22px 24px; }
.le-panel-h { display:flex; align-items:center; justify-content:space-between; gap:14px; padding-bottom:16px; margin-bottom:16px; border-bottom:1px solid rgba(255,255,255,.12); }
.le-panel-h small { display:block; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:#6fd6b4; margin-bottom:3px; }
.le-panel-h b { color:#fff; font:700 1.0625rem ui-monospace,Consolas,monospace; }
.le-fields { margin:0; display:grid; gap:13px; }
.le-fields > div { display:grid; grid-template-columns:190px 1fr; gap:14px; align-items:start; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.08); }
.le-fields > div:last-child { border-bottom:0; }
.le-fields dt { font-size:.6875rem; text-transform:uppercase; letter-spacing:.07em; color:#6fd6b4; font-weight:650; padding-top:2px; }
.le-fields dd { margin:0; font-size:.9375rem; color:#dcebe8; line-height:1.4; }
.le-fields dd.m { font:.875rem ui-monospace,Consolas,monospace; }
.le-graph-row dd { display:flex; align-items:center; gap:10px; }
.le-mini { width:80px; height:32px; flex:none; }
.le-mini path { fill:none; stroke:#18c79b; stroke-width:1.6; }
.le-mini circle { fill:#0f4a3d; stroke:#6fd6b4; stroke-width:1.2; }
.le-mini circle.hub { fill:#18c79b; stroke:#18c79b; }
.le-flow { display:inline-flex; align-items:center; gap:6px; font-size:.875rem; }
.le-flow i { color:#6fd6b4; font-style:normal; }
.le-foot { margin:18px 0 0!important; padding-top:16px; border-top:1px solid rgba(255,255,255,.12); font-size:.8125rem!important; color:#8fb0b5!important; line-height:1.5!important; }

/* Six-state pill: observed / attributed / uncertain / preserved / reviewed / unresolved */
.ls { display:inline-block; font-style:normal; font-size:.75rem; font-weight:700; padding:3px 10px; border-radius:4px; white-space:nowrap; line-height:1.4; border:1px solid transparent; letter-spacing:.01em; }
.ls--observed { background:#e7edf0; color:#33474f; border-color:#c3d3d8; }
.ls--attributed { background:#e3f0ee; color:#0d5f52; border-color:#bcdbd3; }
.ls--uncertain { background:#fbe8cf; color:#7a4a06; border-color:#f0cd9a; }
.ls--preserved { background:#e2e9ff; color:#2c3e88; border-color:#bccbf5; }
.ls--reviewed { background:#dff3ec; color:#0a6753; border-color:#aedbc9; }
.ls--unresolved { background:#f3ecdd; color:#6b4a12; border-color:#e3d3af; }

/* Sticky nav */
.le-jumps { position:sticky; top:0; z-index:20; background:#fff; border-bottom:1px solid #e1ebe7; }
.le-jumps-in { width:min(1240px,calc(100% - 48px)); margin-inline:auto; display:flex; gap:6px; overflow-x:auto; }
.le-jumps a { padding:16px 18px; font-size:.9375rem; font-weight:600; color:var(--mute); text-decoration:none; border-bottom:2px solid transparent; white-space:nowrap; }
.le-jumps a:hover { color:var(--ink); }
.le-jumps a.is-on { color:var(--em); border-bottom-color:var(--em); }

/* Challenges */
.lc-grid { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.lc-c { margin:0; padding:24px; background:#fff; border:1px solid #d3e6de; border-radius:6px; }
.lc-c h3 { margin:0 0 10px; font-size:1.1875rem; }
.lc-c p { margin:0; font-size:.9375rem; line-height:1.55; color:var(--mute); }
.lc-sc { list-style:none; margin:16px 0 0; padding-top:14px; border-top:1px dashed #cfe0d8; display:grid; gap:8px; }
.lc-sc li { margin:0; display:flex; gap:8px; align-items:flex-start; font-size:.8125rem; color:var(--mute); }
.lc-sc svg { flex:none; width:15px; height:15px; margin-top:2px; fill:none; stroke:var(--em); stroke-width:1.8; }
.lc-note { display:flex; gap:10px; margin:22px 0 0!important; padding:14px 18px; background:var(--mint-l); border:1px solid #d3e6de; border-radius:6px; color:var(--mute)!important; font-size:.875rem!important; line-height:1.5!important; }
.lc-note svg { flex:none; width:20px; height:20px; fill:none; stroke:var(--em); stroke-width:1.7; }

/* Graph workspace extras (beyond reused .ec / .ei-*) */
.lg-scope-chip { display:flex; align-items:center; gap:10px; margin:0 0 18px; padding:10px 16px; background:#0f2b3b; border:1px solid rgba(255,255,255,.14); border-radius:6px; font-size:.8125rem; color:#b7cccd; }
.lg-scope-chip a { color:#6fd6b4; font-weight:650; text-decoration:underline; }
.lg-scope-chip svg { flex:none; width:17px; height:17px; fill:none; stroke:#6fd6b4; stroke-width:1.7; }
.ei-n[data-evidence="yes"] .c { stroke:#e0a92e; stroke-width:3; stroke-dasharray:4 3; }
.ec-legend .k-evid { display:inline-block; width:14px; height:14px; border-radius:50%; margin-right:8px; vertical-align:middle; background:transparent; border:2px dashed #e0a92e; }
.ec-legend .k-static { display:inline-flex; align-items:center; gap:8px; padding:8px 4px; font-size:.875rem; color:#b7cccd; }
.fp-sec--navy .ec-panel { color:var(--ink); }
.fp-sec--navy .ec-pats li { color:var(--ink); }

/* Authorized scope */
.los-card { background:#fff; border:1px solid #d3e6de; border-radius:6px; padding:0; overflow:hidden; }
.los-h { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 22px; background:#062832; color:#fff; }
.los-h small { display:block; font-size:.75rem; letter-spacing:.1em; text-transform:uppercase; color:#6fd6b4; margin-bottom:3px; }
.los-h b { font:700 1.0625rem ui-monospace,Consolas,monospace; }
.los-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; }
.los-grid div { padding:18px 22px; border-bottom:1px solid #e1ebe7; }
.los-grid div:nth-child(odd) { border-right:1px solid #e1ebe7; }
.los-grid dt { font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; color:var(--em); font-weight:650; margin-bottom:4px; }
.los-grid dd { margin:0; font-size:.9375rem; color:var(--ink); line-height:1.4; }
.los-note { display:flex; gap:10px; align-items:flex-start; margin:0!important; padding:16px 22px; background:var(--mint-l); font-size:.875rem!important; color:var(--mute)!important; line-height:1.5!important; }
.los-note svg { flex:none; width:20px; height:20px; margin-top:1px; fill:none; stroke:var(--em); stroke-width:1.7; }

/* Evidence / chain of custody note */
.cst-rule { display:flex; gap:14px; margin:26px 0 0!important; padding:16px 20px; background:#062832; color:#dcebe8!important; border-radius:6px; font-size:1rem!important; line-height:1.55!important; }
.cst-rule svg { flex:none; width:24px; height:24px; margin-top:2px; fill:none; stroke:#18c79b; stroke-width:1.7; }

/* Investigation timeline */
.tl-list { list-style:none; margin:0; padding:0 0 0 22px; border-left:2px solid #bfe0d3; display:grid; gap:22px; }
.tl-list li { margin:0; position:relative; }
.tl-list li::before { content:''; position:absolute; left:-29px; top:4px; width:12px; height:12px; border-radius:50%; background:#18c79b; border:2px solid #fff; box-shadow:0 0 0 1px #9fd0c1; }
.tl-card { background:#fff; border:1px solid #d3e6de; border-radius:6px; padding:16px 20px; }
.tl-meta { display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-bottom:6px; }
.tl-role { font-size:.6875rem; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:var(--em); background:var(--mint-l); border:1px solid #bfe0d3; border-radius:4px; padding:3px 9px; }
.tl-time { font:.8125rem ui-monospace,Consolas,monospace; color:var(--mute); }
.tl-card h3 { margin:0 0 4px; font-size:1.0625rem; }
.tl-card p { margin:0; font-size:.9375rem; color:var(--mute); line-height:1.5; }

/* Illustrative review workflow (seven-step) */
.lwf { list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.lwf-s { margin:0; padding:20px; background:#fff; border:1px solid #d3e6de; border-top:3px solid var(--em); border-radius:6px; }
.lwf-n { display:inline-grid; place-items:center; width:26px; height:26px; border-radius:50%; background:#062832; color:#18c79b; font:700 .8125rem ui-monospace,Consolas,monospace; margin-bottom:12px; }
.lwf-s h3 { margin:0 0 6px; font-size:1rem; }
.lwf-s p { margin:0 0 14px; font-size:.875rem; color:var(--mute); line-height:1.45; }
.lwf-mini { color:#dcebe8; font-size:.75rem; line-height:1.3; }
.fu--lwf { font-size:.6875rem; width:100%; } .fu--lwf .fu-bar { padding:6px 9px; } .fu--lwf .fu-body { padding:9px; min-height:44px; display:flex; align-items:center; }

/* Investigator handover table */
.lho-scroll { overflow-x:auto; background:#fff; border:1px solid #d3e6de; border-radius:6px; }
.lho-tab { width:100%; border-collapse:collapse; min-width:880px; }
.lho-tab thead th { text-align:left; padding:14px 16px; background:#062832; color:#dcebe8; font-size:.75rem; text-transform:uppercase; letter-spacing:.05em; font-weight:650; }
.lho-tab tbody th { text-align:left; padding:14px 16px; font-size:.9375rem; font-weight:650; border-bottom:1px solid #e1ebe7; vertical-align:top; }
.lho-tab tbody td { padding:14px 16px; font-size:.875rem; color:var(--mute); border-bottom:1px solid #e1ebe7; text-align:center; }
.lho-tab tbody tr:last-child th, .lho-tab tbody tr:last-child td { border-bottom:0; }
.lho-tab td.on { color:var(--em); font-weight:700; background:var(--mint-l); }
.lho-key { display:flex; gap:10px; margin-top:12px; font-size:.875rem; color:var(--mute); align-items:center; }
.lho-key span { display:inline-block; width:14px; height:14px; border-radius:3px; background:var(--mint-l); border:1px solid #a9e2cd; }

/* Benefits validation questions */
.lq { margin-top:14px; padding:10px 12px; background:var(--mint-l); border-left:3px solid var(--em); border-radius:4px; font-size:.8125rem; color:var(--ink); line-height:1.4; }
.lq b { display:block; font-size:.6875rem; text-transform:uppercase; letter-spacing:.06em; color:var(--em); margin-bottom:2px; }

@media (max-width:1180px) {
	.lc-grid { grid-template-columns:1fr; }
	.lwf { grid-template-columns:repeat(2,minmax(0,1fr)); }
	.los-grid { grid-template-columns:1fr; }
	.los-grid div:nth-child(odd) { border-right:0; }
}
@media (max-width:768px) {
	.le-jumps-in { padding:0 16px; overflow-x:auto; flex-wrap:nowrap; } .le-jumps a { white-space:nowrap; }
	.le-fields > div { grid-template-columns:1fr; gap:4px; }
	.lwf { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion:reduce) { .le-nodes circle.le-glow { filter:none; } }
