:root {
    --sail-font-display: "Trebuchet MS", Arial, sans-serif;
    --sail-font-content: "Segoe UI", Tahoma, Arial, sans-serif;
}

html,
body {
    font-family: var(--sail-font-content);
}

:is(
    h1, h2, h3, h4, h5, h6,
    button, [role="button"],
    nav, [role="tab"], [role="tablist"],
    .button, .btn,
    .account-topbar, .account-navigation,
    .skipper-sidebar, .boats-sidebar,
    .sailing-header, .sailing-titlebar,
    .site-header, .auth-title,
    .mileage-card
) {
    font-family: var(--sail-font-display);
}

:is(
    input, select, textarea, option,
    article, table, dl,
    .card, .content, .prose,
    .wysiwyg-editor
) {
    font-family: var(--sail-font-content);
}

.sailing-calendar-icon {
    border: 0;
    padding: 0;
    place-items: center;
}

.sailing-calendar-icon::before,
.sailing-calendar-icon::after {
    display: none;
}

.sailing-calendar-icon > i {
    color: currentColor;
    background: transparent;
    font-size: 92px;
}

/* Unified typography for every left-hand account menu. */
.skipper-sidebar a,
.boats-sidebar a,
.benefits-sidebar a,
.boat-search-sidebar-title,
.boat-search-side-link {
    font-size: 16px;
    line-height: 22px;
}