/* the apps map page: one column on the site's dark theme; the map scrolls sideways inside its box on a phone */
.am{padding-top:40px;padding-bottom:64px}   /* top and bottom only: the sides are .wrap's gutter (16px on a phone) */
.am h1{font-size:clamp(28px,4vw,40px);font-weight:800;margin:10px 0 12px}
.am h2{font-size:22px;font-weight:800;margin:0 0 12px}
.am .box{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:18px;margin-top:24px;min-width:0}
.am .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.am .legend{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:14px;color:var(--muted);font-size:14px}
.am .legend i{display:inline-block;width:26px;height:0;border-top:3px solid;vertical-align:middle;margin-right:6px}
.am .legend .ok{border-color:var(--green)}.am .legend .partial{border-color:var(--orange);border-top-style:dashed}.am .legend .silent{border-color:var(--red);border-top-width:4px}
#map svg{display:block;min-width:720px;width:100%;height:auto}
#map text{font-family:inherit;fill:var(--text)}
#map .grp{fill:none;stroke:var(--line2);stroke-dasharray:4 4}
#map .grpl{fill:var(--muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}
#map .node rect{fill:var(--card2);stroke:var(--line2);stroke-width:1.5}
#map .nm{font-size:14px;font-weight:700}
#map .sub{fill:var(--muted);font-size:11px}
#map .glyph{fill:none;stroke:var(--muted);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#map .e{fill:none;stroke-width:2}
#map .e.ok{stroke:var(--green)}#map .e.partial{stroke:var(--orange);stroke-dasharray:6 4}#map .e.silent{stroke:var(--red);stroke-width:3.2}
#map .tag rect{fill:var(--bg2);stroke:var(--line2)}
#map .tag text{font-size:11px;font-weight:700;font-family:"JetBrains Mono",ui-monospace,monospace}
.am table{width:100%;border-collapse:collapse;font-size:14.5px}
.am th,.am td{text-align:left;padding:10px;border-top:1px solid var(--line);vertical-align:top}
.am th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-top:0}
.am .num{font-family:"JetBrains Mono",ui-monospace,monospace;color:var(--muted)}
.am .how{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.am .pill{display:inline-block;font-size:12px;font-weight:700;padding:2px 9px;border-radius:99px;white-space:nowrap;border:1px solid}
.am .pill.ok{color:var(--green)}.am .pill.partial{color:var(--orange)}.am .pill.silent{color:var(--red)}
.am .appc{white-space:nowrap}.am .appc img{display:inline-block;vertical-align:middle;margin-right:8px;border-radius:7px}
.am .tbl{overflow-x:auto}
.am .lbl{display:none}
@media(max-width:600px){
  .am .tbl table,.am .tbl tbody,.am .tbl tr,.am .tbl td{display:block}
  .am .tbl thead{display:none}
  .am .tbl tr{border-top:1px solid var(--line);padding:8px 0}
  .am .tbl td{border:0;padding:4px 10px}
  .am .tbl td.num{display:none}
  .am .tbl .lbl{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
  .am .tbl td.appc{padding-bottom:2px}
}
.am .foot{margin-top:28px;color:var(--muted);font-size:14px}
.am .foot a{color:var(--blue);text-decoration:underline}