/* ============================================================
   Sitewide cursor: crosshair as the default pointer.
   Interactive things keep `pointer` on purpose - losing that
   affordance costs more than the effect is worth. Text keeps a
   caret so people can still see what's selectable/typeable.
   ============================================================ */
html,
body { cursor: crosshair; }

a,
button,
[role="button"],
label,
summary,
.app-download-button,
.burger { cursor: pointer; }

input,
textarea,
select { cursor: auto; }

/* ============================================================
   Cue sitewide footer - "minimal, centred" (option 6).
   Loaded after styles.css so it supersedes the old .footer rules.
   The old markup used .footer / .footer-content / .footer-right,
   which no longer exist - this file owns the footer outright.
   ============================================================ */
.ft {
    border-top: 1px solid rgba(255, 255, 255, 0.10);
    padding: 40px 24px;
    /* keeps the copyright clear of the iOS home indicator */
    padding-bottom: calc(40px + env(safe-area-inset-bottom, 0px));
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
    text-align: center;
    background: transparent;   /* inherits the page colour - no banding */
}

.ft-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 12px 26px;
}

.ft-nav a {
    font-family: "DM Mono", monospace;
    font-size: 0.66rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.72);
    text-decoration: none;
    transition: color 0.2s;
}

.ft-nav a:hover { color: #fff; }

.ft-nav a:focus-visible {
    outline: 2px solid #00ADEE;
    outline-offset: 4px;
    border-radius: 2px;
}

.ft-cp {
    margin: 0;
    font-family: "DM Mono", monospace;
    font-size: 0.6rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.28);
}

@media (max-width: 520px) {
    .ft { padding: 32px 20px; padding-bottom: calc(32px + env(safe-area-inset-bottom, 0px)); gap: 14px; }
    .ft-nav { gap: 10px 18px; }
}