/* Waystation Apps bar – links between CDA, Show My Days and Pit Stop 30.
   Same file on all three sites; colours come from data-theme on .wsa */
.wsa { --wsa-strip:#E9F0EF; --wsa-text:#2F3E36; --wsa-muted:#5E6B64; --wsa-pill:#2F3E36; --wsa-pill-text:#fff; --wsa-card:#fff; --wsa-line:#D9DDDC; --wsa-hover:#F2F6F5; --wsa-focus:#2A9D96; --wsa-link:#4E7F7A;
  position: relative; z-index: 1000; background: var(--wsa-strip); border-bottom: 1px solid var(--wsa-line); font-family: inherit; }
.wsa[data-theme="smd"] { --wsa-link:#1F7A75; --wsa-strip:#E3EFEE; --wsa-text:#24403E; --wsa-muted:#5E7775; --wsa-pill:#1F7A75; --wsa-line:#D6E2E0; --wsa-hover:#F0F7F6; --wsa-focus:#2A9D96; }
.wsa[data-theme="cda"] { --wsa-link:#4E7F7A; --wsa-strip:#E6EFED; --wsa-text:#2F3E36; --wsa-muted:#5E6B64; --wsa-pill:#3D5A4A; --wsa-line:#D9DDDC; --wsa-hover:#F2F6F4; --wsa-focus:#4E7F7A; }
.wsa[data-theme="ps30"] { --wsa-link:#7cb7d4; --wsa-strip:#0f1215; --wsa-text:#e8ecef; --wsa-muted:#9aa6b1; --wsa-pill:#232a31; --wsa-pill-text:#e8ecef; --wsa-card:#1c2127; --wsa-line:rgba(255,255,255,.1); --wsa-hover:#232a31; --wsa-focus:#7cb7d4; }
.wsa-in { max-width: 1120px; margin: 0 auto; padding: 0 20px; height: 38px; display: flex; align-items: center; justify-content: flex-end; gap: 10px; }
.wsa-note { font-size: 12.5px; color: var(--wsa-muted); margin-right: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.wsa details, .wsa details[open] { position: relative; background: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; box-shadow: none !important; border-radius: 0 !important; }
.wsa summary, .wsa details[open] summary { list-style: none; margin: 0 !important; display: inline-flex; align-items: center; gap: 6px; cursor: pointer; background: var(--wsa-pill); color: var(--wsa-pill-text); border-radius: 999px; padding: 5px 8px 5px 13px; font-size: 13px; font-weight: 700; line-height: 1; user-select: none; border: 1px solid var(--wsa-line); }
.wsa summary::-webkit-details-marker { display: none; }
.wsa summary::after, .wsa summary::before { content: none !important; display: none !important; }
.wsa summary:focus-visible { outline: 2px solid var(--wsa-focus); outline-offset: 2px; }
.wsa summary svg { width: 18px; height: 18px; transition: transform .15s; }
.wsa details[open] summary svg { transform: rotate(180deg); }
.wsa-menu { position: absolute; right: 0; top: calc(100% + 8px); width: 300px; max-width: calc(100vw - 32px); background: var(--wsa-card); border: 1px solid var(--wsa-line); border-radius: 14px; box-shadow: 0 14px 40px rgba(0,0,0,.18); padding: 8px; }
.wsa-head { font-size: 12px; color: var(--wsa-muted); padding: 6px 8px 8px; line-height: 1.4; }
.wsa-head b { display: block; color: var(--wsa-text); font-size: 13.5px; }
.wsa-item { display: flex; align-items: center; gap: 12px; padding: 9px 8px; border-radius: 10px; text-decoration: none !important; color: var(--wsa-text) !important; }
.wsa-item:hover, .wsa-item:focus-visible { background: var(--wsa-hover); outline: none; }
.wsa-item img, .wsa-item svg.wsa-ic { width: 38px; height: 38px; border-radius: 10px; flex: none; display: block; }
.wsa-item span { display: block; font-size: 12.5px; color: var(--wsa-muted); line-height: 1.35; margin-top: 1px; font-weight: 400; }
.wsa-item strong { font-size: 14.5px; }
.wsa-item i { font-style: normal; margin-left: auto; color: var(--wsa-muted); font-size: 18px; }
.wsa-note a { color: inherit; font-weight: inherit; text-decoration: none; }
.wsa-note a:hover, .wsa-note a:focus-visible { text-decoration: underline; }
.wsa-all { display: flex; align-items: center; justify-content: space-between; margin-top: 4px; padding: 11px 8px 7px; border-top: 1px solid var(--wsa-line); font-size: 13.5px; font-weight: 700; color: var(--wsa-link) !important; text-decoration: none !important; }
.wsa-all:hover, .wsa-all:focus-visible { text-decoration: underline !important; outline: none; }
.wsa-all i { font-style: normal; font-size: 18px; }

/* Footer credit: "2026 Waystation Apps" in each site's own colour */
.wsa-credit { font-weight: 700; text-decoration: none; margin-right: 0 !important; }
.wsa-credit:hover, .wsa-credit:focus-visible { text-decoration: underline; }
.wsa-credit--cda { color: #4E7F7A !important; }
.wsa-credit--smd { color: #1F7A75 !important; }
.wsa-credit--ps30 { color: #7cb7d4 !important; }

/* "All our apps" page (waystation-apps.html) */
.wsx { --wsx-card:#fff; --wsx-line:#D9DDDC; --wsx-text:#2F3E36; --wsx-muted:#5E6B64; --wsx-accent:#4E7F7A; --wsx-tint:#E6EFED; }
.wsx[data-theme="smd"] { --wsx-line:#D6E2E0; --wsx-text:#24403E; --wsx-muted:#5E7775; --wsx-accent:#1F7A75; --wsx-tint:#DDEBEA; }
.wsx[data-theme="ps30"] { --wsx-card:#1c2127; --wsx-line:rgba(255,255,255,.1); --wsx-text:#e8ecef; --wsx-muted:#9aa6b1; --wsx-accent:#7cb7d4; --wsx-tint:rgba(124,183,212,.12); }
.wsx.doc { max-width: 1000px; }
.wsx .wsx-eyebrow { margin: 0 0 4px; font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wsx-accent); }
.wsx h1 { margin-top: 0; }
.wsx .wsx-lead { font-size: 17px; line-height: 1.6; max-width: 46em; color: var(--wsx-text); }
.wsx-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 18px; margin: 28px 0; }
.wsx-card { display: flex; flex-direction: column; gap: 12px; background: var(--wsx-card); border: 1px solid var(--wsx-line); border-radius: 16px; padding: 20px; }
.wsx-card p { margin: 0; color: var(--wsx-muted); line-height: 1.55; font-size: 15px; }
.wsx-top { display: flex; align-items: center; gap: 14px; }
.wsx-name { flex: 1; min-width: 0; }
.wsx-card .wsx-here-row { margin: 0; }
.legal.wsx .wrap { max-width: 1000px; }
.wsx-top img, .wsx-top svg { width: 56px; height: 56px; border-radius: 14px; flex: none; display: block; box-shadow: 0 0 0 1px var(--wsx-line); }
.wsx-card h2 { margin: 0 !important; font-size: 20px !important; color: var(--wsx-text); }
.wsx-card .wsx-tag { font-size: 13.5px; color: var(--wsx-muted); margin-top: 2px; }
.wsx-here { font-size: 12px; font-weight: 700; color: var(--wsx-accent); background: var(--wsx-tint); border-radius: 999px; padding: 4px 10px; }
.wsx-btn { margin-top: auto; display: inline-flex; align-items: center; justify-content: space-between; gap: 8px; padding: 11px 14px; border-radius: 12px; background: var(--wsx-tint); color: var(--wsx-accent) !important; font-weight: 700; text-decoration: none !important; margin-right: 0 !important; }
.wsx-btn:hover, .wsx-btn:focus-visible { text-decoration: underline !important; }
.wsx-btn i { font-style: normal; font-size: 18px; }
.wsx .wsx-small { font-size: 13px; color: var(--wsx-muted); }
.wsx-card--cda { border-top: 4px solid #4E7F7A; }
.wsx-card--smd { border-top: 4px solid #2A9D96; }
.wsx-card--ps30 { border-top: 4px solid #7cb7d4; }

@media (max-width: 480px) { .wsa-note { display: none; } .wsa-in { padding: 0 14px; } }
@media print { .wsa { display: none; } }