/* Guide links (Tts\Ui\GuideLinks, Decision 29): quiet, full tap targets. */

.guide-links {
    display: grid;
    gap: var(--shop-space-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.guide-links__link {
    display: inline-flex;
    align-items: center;
    gap: var(--shop-space-2);
    min-height: var(--shop-tap);
    color: var(--shop-accent);
    font-size: var(--shop-text-md);
    font-weight: var(--shop-weight-semibold);
    line-height: var(--shop-leading-snug);
    text-decoration: none;
}

/* combined.css colours a:hover and a:focus (0,1,1). */
.guide-links__link:is(:hover, :focus) {
    color: var(--shop-accent);
}

.guide-links__link:is(:hover, :focus-visible) span:first-child {
    text-decoration: underline;
    text-underline-offset: 3px;
}

.guide-links__arrow {
    display: inline-flex;
    flex: none;
    width: 1em;
    height: 1em;
}

.guide-links__arrow svg {
    width: 100%;
    height: 100%;
}