/* Model error and bias maps (errormaps.html). Tokens from mf.css; patterns from verification.html. */
.em-main{padding-top:44px;padding-bottom:30px}
.em-head{display:flex;flex-wrap:wrap;gap:6px 28px;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:18px}
.em-head h1{margin:6px 0 0;font-size:30px;font-weight:600;letter-spacing:-.018em;line-height:1.15}
.em-head .kicker{margin:0;font-size:10.5px;text-transform:uppercase}
.em-head .note{font:500 11.5px var(--mono);color:var(--ink-3)}
.em-note{font-size:13px;color:var(--ink-2);line-height:1.65;margin:16px 0;max-width:86ch}
.em-ctl{display:flex;gap:12px 24px;flex-wrap:wrap;align-items:center;margin:20px 0 14px}
.em-pick{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}
.em-pick select{height:40px;min-width:0;max-width:100%;border:1px solid var(--line);border-radius:4px;background:var(--card);padding:0 10px;font-size:12.5px;color:var(--ink)}
.seg-label{font-size:9.5px;font-weight:600;letter-spacing:.17em;color:var(--ink-3);text-transform:uppercase;margin:0;white-space:nowrap}
.em-seg{display:inline-flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:var(--card)}
.em-seg button{border:0;border-left:1px solid var(--line);background:none;min-height:40px;padding:0 12px;font:500 12px Inter,system-ui,sans-serif;color:var(--ink-2);cursor:pointer}
.em-seg button:first-child{border-left:0}
.em-seg button:hover:not(:disabled){background:var(--line-2)}
.em-seg button[aria-pressed="true"]{background:var(--navy);color:#f8f6f1}
.em-seg button:disabled{color:var(--ink-3);opacity:.45;cursor:default}
.em-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.em-card{background:var(--card);border:1px solid var(--line);border-radius:6px;padding:16px 16px 12px;min-width:0}
.em-card h3{margin:0;font-size:13.5px;font-weight:600}
.em-sub{margin:5px 0 10px;font-size:11.5px;line-height:1.5;color:var(--ink-3)}
.em-mapbox{position:relative;border:1px solid var(--line-2);border-radius:4px;overflow:hidden;background:#eef1f3;touch-action:none}
.em-map{display:block;width:100%;height:auto;cursor:grab;user-select:none}
.em-map.drag{cursor:grabbing}
.em-map .land{fill:#f7f5ef;stroke:none}
.em-map .lake{fill:#e3e9ee;stroke:none}
.em-map .prov{fill:none;stroke:#c9c3b6;stroke-width:.7;vector-effect:non-scaling-stroke}
.em-map .ctry{fill:none;stroke:#9d9a92;stroke-width:1.1;vector-effect:non-scaling-stroke}
.em-map .coast{fill:none;stroke:#b9c3cb;stroke-width:.6;vector-effect:non-scaling-stroke}
.em-map .pt{stroke:var(--card);stroke-width:1.5;vector-effect:non-scaling-stroke;cursor:pointer}
.em-map .pt.weak{fill-opacity:.35}
.em-map .pt.sel{stroke:var(--ink);stroke-width:2.5}
.em-map .pt:focus{outline:none;stroke:var(--ink);stroke-width:2.5}
.em-map .na{fill:none;stroke:#b5b0a5;stroke-width:1;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}
.em-map text.lbl{font:600 9px var(--mono);fill:var(--ink-2);paint-order:stroke;stroke:#fffefbcc;stroke-width:3px;pointer-events:none}
.em-zoom{position:absolute;right:8px;bottom:8px;display:flex;flex-direction:column;gap:4px}
.em-zoom button{width:36px;height:36px;border:1px solid var(--line);border-radius:4px;background:var(--card);font:600 15px Inter,system-ui,sans-serif;color:var(--ink-2);cursor:pointer}
.em-zoom button:hover{background:var(--line-2)}
.em-tip{position:absolute;z-index:5;pointer-events:none;max-width:290px;background:var(--navy);color:#f3f1ec;border-radius:5px;padding:9px 11px;font-size:11.5px;line-height:1.45;box-shadow:0 6px 20px #0003}
.em-tip b{color:#fff}
.em-tip .m{font-family:var(--mono)}
.em-tip .d{color:#bfc4ca}
.em-legend{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:10px 0 2px;font-size:11.5px;color:var(--ink-2)}
.em-legend>div:first-child{width:min(380px,100%)}
.em-ramp{display:flex;height:10px;width:100%;border-radius:2px;overflow:hidden}
.em-ramp i{flex:1}
.em-legend .ends{display:flex;justify-content:space-between;gap:8px;width:100%;margin-top:3px;font:500 10.5px var(--mono);color:var(--ink-3)}
.em-pick,.em-seg{max-width:100%}
.em-grid>*{min-width:0}
.em-legend .key{display:inline-flex;align-items:center;gap:6px}
.em-legend .key svg{flex:none}
.em-side dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:6px 12px;font-size:12.5px}
.em-side dt{color:var(--ink-3)}
.em-side dd{margin:0;font-family:var(--mono);text-align:right;color:var(--ink)}
.em-side h4{margin:16px 0 8px;font-size:9.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3)}
.em-side p{font-size:12px;line-height:1.55;color:var(--ink-2);margin:8px 0}
.em-h{margin:30px 0 12px;font-size:9.5px;font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:var(--ink-3)}
.em-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:6px;background:var(--card);-webkit-overflow-scrolling:touch}
table.em-t{border-collapse:collapse;width:100%;font-size:13px;min-width:620px}
.em-t th,.em-t td{padding:8px 12px;border-bottom:1px solid var(--line-2);text-align:right;white-space:nowrap}
.em-t th{font:600 9.5px Inter,system-ui,sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-3);background:#fbf9f4;cursor:pointer;user-select:none}
.em-t th[aria-sort="ascending"]::after{content:" \25B2"}
.em-t th[aria-sort="descending"]::after{content:" \25BC"}
.em-t th:first-child,.em-t td:first-child,.em-t th:nth-child(2),.em-t td:nth-child(2){text-align:left}
.em-t td{font-family:var(--mono);font-size:12px}
.em-t td:nth-child(2){font-family:Inter,system-ui,sans-serif;color:var(--ink-2)}
.em-t tr{cursor:pointer}
.em-t tbody tr:hover{background:var(--line-2)}
.em-t tr.sel{background:#b8975a1f}
.em-t .sw{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px;vertical-align:-1px}
.em-more{margin:10px 0 0;min-height:40px;padding:0 13px;font-size:12px;border:1px solid var(--line);border-radius:4px;background:var(--card);color:var(--ink-2);cursor:pointer}
.em-empty{padding:40px 16px;text-align:center;color:var(--ink-3);font-size:13px}
@media(max-width:980px){.em-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.em-head h1{font-size:24px}.em-ctl{gap:10px 14px}.em-seg button{padding:0 9px}}