/* /links. Tokens come from style.css (each var() carries a fallback). */
.links-page {
    max-width: 30rem;
    margin: 0 auto;
    padding: calc(var(--frame-width, 0px) + 56px + 3rem) 1rem 5rem;
    position: relative;
    z-index: 10;
    text-align: center;
}
.links-heading { font-size: clamp(2rem, 8vw, 3rem); font-weight: 900; text-transform: uppercase; color: var(--gold, #DDB944); }
.links-sub { color: var(--text-muted, #B8B8B8); margin-bottom: 2rem; }
.links-list { list-style: none; padding: 0; margin: 0 0 2rem; display: grid; gap: 0.75rem; }
.links-btn {
    display: flex; align-items: center; justify-content: center; gap: 0.75rem;
    min-height: 52px; padding: 0.75rem 1.25rem;
    background: var(--bg-soft, #161616);
    border: 1px solid var(--border-strong, rgba(221,185,68,0.4));
    border-radius: 10px;
    color: var(--text, #F2F2F2);
    font-weight: 600; text-decoration: none;
    transition: background 0.2s, border-color 0.2s, transform 0.2s;
}
.links-btn:hover { border-color: var(--gold, #DDB944); background: var(--input-bg, #1E1E1E); transform: translateY(-1px); }
.links-btn:active { transform: translateY(0); }
.links-btn:focus-visible { outline: 2px solid var(--gold-light, #E8CE6E); outline-offset: 3px; }
.links-btn--site { color: var(--gold-light, #E8CE6E); }