/* eKoloko site: trust and support pieces (2026-10-21, research report T02/T03/T14).
   Tokens from the design contract: ink #18384f, ink-soft #4a6076, band #1b4762, note #fdf3d8/#e8d49c,
   card #fffef4, image-line #a7b793; success #356b2f, danger #a73c32 (spec colour roles, text always beside colour). */

/* Service status line: a dot AND words, never colour alone. */
.svc{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px 8px;margin:10px 0 0;font:bold 14px/1.5 Arial,Helvetica,sans-serif;color:#18384f}
.svc-dot{flex:none;width:12px;height:12px;border-radius:50%;background:#4a6076;box-shadow:0 0 0 2px #fffef4}
.svc[data-state=up] .svc-dot{background:#356b2f}
.svc[data-state=down] .svc-dot{background:#a73c32}
.svc[data-state=down] .svc-text{color:#a73c32}
.svc-when{color:#4a6076;font-weight:normal}
.svc-help a{color:#1b4762}
.svc-again{min-height:32px;padding:2px 10px;border:1px solid #a7b793;border-radius:6px;background:#fffef4;color:#18384f;font:bold 13px Arial,Helvetica,sans-serif;cursor:pointer}
.svc-again:hover{background:#eef6d8}
.svc-again:focus-visible,.svc-help a:focus-visible{outline:3px solid #1b4762;outline-offset:2px}
.svc--box{justify-content:flex-start;margin:12px 0;padding:10px 14px;background:#fffef4;border:1px solid #a7b793;border-radius:8px}

/* Discord age note beside every Discord link: who it is for, and the way in without it. */
.dc-age{margin:8px 0 0;padding:8px 12px;background:#fdf3d8;border:1px solid #e8d49c;border-radius:8px;color:#4d3600;font:14px/1.55 Arial,Helvetica,sans-serif}
.dc-age b{color:#18384f}
.dc-age a{color:#1b4762;font-weight:bold}
.dc-age a:focus-visible{outline:3px solid #1b4762;outline-offset:2px}