.twoto-anchor-links {
    width: 100%;
    margin-top: var(--twoto-al-margin-top, 48px);
    margin-bottom: 56px;
    font-family: var(--twoto-al-font, "Noto Serif TC", serif);
    color: var(--twoto-al-color, #767676);
}

.twoto-anchor-links__title {
    margin: 0 0 22px;
    padding: 0;
    font-family: var(--twoto-al-font, "Noto Serif TC", serif);
    font-size: calc(var(--twoto-al-size, 16px) + 6px);
    font-weight: 500;
    line-height: 1.5;
    color: var(--twoto-al-color, #767676);
}

.twoto-anchor-links__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.twoto-anchor-links__item {
    position: relative;
    margin: 0 0 14px;
    padding: 0 0 0 22px;
    font-family: var(--twoto-al-font, "Noto Serif TC", serif);
    font-size: var(--twoto-al-size, 16px);
    line-height: 1.8;
}

.twoto-anchor-links__item:last-child {
    margin-bottom: 0;
}

.twoto-anchor-links__item::before {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 1.8;
    color: var(--twoto-al-color, #767676);
}

.twoto-anchor-links__item--dot::before {
    content: "•";
}

.twoto-anchor-links__item--diamond::before {
    content: "◆";
    font-size: .72em;
    top: .05em;
}

.twoto-anchor-links__item--none {
    padding-left: 0;
}

.twoto-anchor-links__item a {
    font-family: var(--twoto-al-font, "Noto Serif TC", serif);
    font-size: inherit;
    line-height: inherit;
    color: var(--twoto-al-color, #767676);
    text-decoration: none;
    transition: color .25s ease, text-decoration-color .25s ease;
}

.twoto-anchor-links__item a:hover {
    color: var(--twoto-al-hover, #E6A3A2);
}

.twoto-anchor-links__item a {
    text-decoration-line: var(--twoto-al-link-decoration, none);
}

.twoto-anchor-links[style*="--twoto-al-underline:always"] .twoto-anchor-links__item a {
    text-decoration-line: underline;
}

.twoto-anchor-links[style*="--twoto-al-underline:hover"] .twoto-anchor-links__item a:hover {
    text-decoration-line: underline;
}

@media (max-width: 1024px) {
    .twoto-anchor-links {
        margin-bottom: 48px;
    }

    .twoto-anchor-links__title {
        font-size: calc(var(--twoto-al-size, 16px) + 5px);
        margin-bottom: 20px;
    }
}

@media (max-width: 767px) {
    .twoto-anchor-links {
        margin-top: calc(var(--twoto-al-margin-top, 48px) * .75);
        margin-bottom: 40px;
    }

    .twoto-anchor-links__title {
        font-size: calc(var(--twoto-al-size, 16px) + 4px);
        margin-bottom: 18px;
    }

    .twoto-anchor-links__item {
        margin-bottom: 12px;
        padding-left: 20px;
        font-size: max(15px, calc(var(--twoto-al-size, 16px) - 1px));
    }
}
