:root {
    --cnvs-themecolor: #1f9d8f;
    --cnvs-themecolor-rgb: 31, 157, 143;
}

body {
    color: #263238;
}

body.sundae-dark {
    background: #10191d;
    color: #dce7e5;
}

.sundae-logo {
    display: inline-flex;
    align-items: center;
    min-height: 60px;
}

.sundae-logo img {
    display: block;
    width: 170px;
    max-width: 48vw;
    height: auto;
}

#header-wrap #logo .sundae-logo img,
.is-expanded-menu #header.sticky-header-shrink #header-wrap #logo .sundae-logo img {
    width: 170px;
    height: auto !important;
    max-height: none;
    aspect-ratio: auto;
}

.sundae-logo-dark {
    display: none !important;
}

body.sundae-dark .sundae-logo-light {
    display: none !important;
}

body.sundae-dark .sundae-logo-dark {
    display: block !important;
}

.sundae-caption h2 {
    color: #173f4f;
    font-size: clamp(2.6rem, 4.2vw, 4.8rem);
    letter-spacing: 0;
    text-transform: none;
}

.sundae-caption p {
    color: #344850;
    font-size: 1.2rem;
    max-width: 620px;
}

.sundae-hero-bg {
    z-index: 0;
    background-position: center;
    background-size: cover;
    pointer-events: none;
}

#slider .swiper-slide > .container {
    position: relative;
    z-index: 2;
}

.sundae-hero-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(255,255,255,.92), rgba(255,255,255,.65) 48%, rgba(255,255,255,.14));
}

.sundae-hero-bg-1 {
    background-image: url("/images/home/slides/hero-immigration.jpg");
}

.sundae-hero-bg-2 {
    background-image: url("/images/home/slides/hero-career-business.jpg");
}

.sundae-hero-bg-3 {
    background-image: url("/images/home/slides/hero-education.jpg");
}

.sundae-hero-bg-4 {
    background-image: url("/images/home/slides/hero-retirement.jpg");
}

.sundae-hero-bg-5 {
    background-image: url("/images/home/slides/hero-travel.jpg");
}

.sundae-hero-bg-6 {
    background-image: url("/images/home/slides/hero-korea-life.jpg");
}

.sundae-hero-bg-7 {
    background-image: url("/images/home/slides/hero-usa-life.jpg");
}

.sundae-hero-bg-8 {
    background-image: url("/images/home/slides/hero-personal-finance.jpg");
}

.sundae-home-slider-arrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 999px;
    background: rgba(255, 255, 255, .86);
    color: #173f4f;
    box-shadow: 0 14px 36px rgba(15, 49, 61, .18);
    backdrop-filter: blur(8px);
}

.sundae-home-slider-arrow:hover,
.sundae-home-slider-arrow:focus {
    background: #173f4f !important;
    color: #fff;
}

.sundae-home-slider-arrow i {
    display: block;
    width: auto;
    height: auto;
    color: inherit;
    font-size: 1.45rem;
    line-height: 0;
    text-align: center;
}

.sundae-home-slider-arrow.slider-arrow-left {
    left: clamp(14px, 2.5vw, 34px);
}

.sundae-home-slider-arrow.slider-arrow-right {
    right: clamp(14px, 2.5vw, 34px);
}

@media (max-width: 575.98px) {
    .sundae-home-slider-arrow {
        width: 40px;
        height: 40px;
    }
}

.feature-box h3 {
    letter-spacing: 0;
}

.menu-icon-item {
    display: flex;
    align-items: center;
}

.sundae-menu-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    margin-left: 2px;
    padding: 0 !important;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: #173f4f;
    cursor: pointer;
}

.sundae-menu-icon i {
    font-size: 18px;
    line-height: 1;
}

.sundae-menu-icon:hover {
    background: rgba(var(--cnvs-themecolor-rgb), .11);
    color: var(--cnvs-themecolor);
}

body.sundae-dark #header,
body.sundae-dark #header-wrap,
body.sundae-dark .sundae-card {
    background: #10191d;
}

body.sundae-dark .menu-link,
body.sundae-dark .sundae-menu-icon,
body.sundae-dark .sundae-caption h2,
body.sundae-dark .sundae-card,
body.sundae-dark .sundae-mini-stat {
    color: #eaf4f2;
}

body.sundae-dark .sundae-caption p,
body.sundae-dark .sundae-card p {
    color: #b8c8c5;
}

body.sundae-dark .sundae-hero-bg::after {
    background: linear-gradient(90deg, rgba(16,25,29,.94), rgba(16,25,29,.68) 48%, rgba(16,25,29,.18));
}

body.sundae-dark .sundae-search-band,
body.sundae-dark .sundae-community {
    background: #142329;
}

.sundae-search-band {
    background: #eef8f5;
}

.sundae-search-modal,
.sundae-mega-panel {
    position: fixed;
    inset: 0;
    z-index: 10000;
    display: none;
    background: rgba(9, 20, 24, .72);
    backdrop-filter: blur(8px);
}

.sundae-search-modal.is-open,
.sundae-mega-panel.is-open {
    display: block;
}

.sundae-overlay-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .12);
    color: #fff;
    cursor: pointer;
}

.sundae-overlay-close:hover {
    background: rgba(var(--cnvs-themecolor-rgb), .9);
}

.sundae-search-modal > .sundae-overlay-close {
    position: absolute;
    top: 28px;
    right: 28px;
}

.sundae-global-search {
    position: absolute;
    top: 50%;
    left: 50%;
    width: min(760px, calc(100vw - 40px));
    transform: translate(-50%, -50%);
}

.sundae-global-search label {
    display: block;
    margin-bottom: 16px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: clamp(2rem, 4vw, 4rem);
    font-weight: 700;
    letter-spacing: 0;
}

.sundae-global-search-row {
    display: grid;
    grid-template-columns: 1fr 60px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .22);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 80px rgba(0, 0, 0, .28);
}

.sundae-global-search-row input,
.sundae-global-search-row button {
    min-height: 54px;
    border: 0;
}

.sundae-global-search-row input {
    padding: 0 22px;
    color: #173f4f;
    font-size: 1.15rem;
}

.sundae-global-search-row button {
    background: var(--cnvs-themecolor);
    color: #fff;
    font-size: 20px;
}

.sundae-mega-shell {
    width: min(1180px, calc(100vw - 40px));
    max-height: calc(100vh - 64px);
    margin: 32px auto;
    overflow: auto;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 24px 90px rgba(0, 0, 0, .3);
}

.sundae-mega-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px 30px;
    border-bottom: 1px solid #e6eeee;
    background: #f7faf9;
}

.sundae-mega-head h2 {
    margin: 0 0 4px;
    color: #173f4f;
    font-size: 1.6rem;
    letter-spacing: 0;
}

.sundae-mega-head p {
    margin: 0;
    color: #63777d;
}

.sundae-mega-head .sundae-overlay-close {
    flex: 0 0 auto;
    background: #e7f2ef;
    color: #173f4f;
}

.sundae-mega-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0;
    padding: 16px;
}

.sundae-mega-group {
    min-height: 220px;
    padding: 20px;
    border: 1px solid #edf2f1;
    border-width: 0 1px 1px 0;
}

.sundae-mega-group h3 {
    margin: 0 0 14px;
    color: var(--cnvs-themecolor);
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0;
}

.sundae-mega-group a {
    display: block;
    padding: 6px 0;
    color: #263238;
    font-size: .96rem;
}

.sundae-mega-group a:hover {
    color: var(--cnvs-themecolor);
}

body.sundae-overlay-lock {
    overflow: hidden;
}

body.sundae-dark .sundae-mega-shell,
body.sundae-dark .sundae-global-search-row {
    background: #10191d;
}

body.sundae-dark .sundae-mega-head {
    border-color: rgba(255, 255, 255, .08);
    background: #142329;
}

body.sundae-dark .sundae-mega-head h2,
body.sundae-dark .sundae-mega-group a,
body.sundae-dark .sundae-global-search-row input {
    color: #eaf4f2;
}

body.sundae-dark .sundae-mega-head p {
    color: #9fb2ae;
}

body.sundae-dark .sundae-mega-group {
    border-color: rgba(255, 255, 255, .08);
}

body.sundae-dark .sundae-global-search-row {
    border-color: rgba(255, 255, 255, .12);
}


.sundae-home-featured {
    background: #fff;
}

.sundae-feature-heading {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 28px;
    padding-bottom: 16px;
    border-bottom: 1px solid #dfe8e6;
}

.sundae-feature-heading span {
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 28px solid #0b8bdc;
}

.sundae-feature-heading h2 {
    margin: 0;
    color: #0b8bdc;
    font-size: clamp(1.35rem, 2vw, 2rem);
    font-weight: 400;
    letter-spacing: 0;
}

.sundae-featured-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 24px;
}

.sundae-featured-card {
    position: relative;
    display: block;
    min-height: 250px;
    overflow: hidden;
    border-radius: 8px;
    background: #173f4f;
    color: #fff;
}

.sundae-featured-card-wide {
    grid-column: span 2;
    min-height: 250px;
}

.sundae-featured-card img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 250px;
    object-fit: cover;
    transition: transform .25s ease;
}

.sundae-featured-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 45%;
    background: linear-gradient(0deg, rgba(12, 44, 56, .82), rgba(12, 44, 56, .18));
}

.sundae-featured-card-image-only::after {
    display: none;
}

.sundae-featured-card strong {
    position: absolute;
    left: 22px;
    right: 22px;
    bottom: 18px;
    z-index: 2;
    color: #fff;
    font-size: clamp(1.15rem, 1.55vw, 1.6rem);
    line-height: 1.35;
    letter-spacing: 0;
    text-shadow: 0 1px 12px rgba(0, 0, 0, .35);
}

.sundae-featured-card:hover {
    color: #fff;
}

.sundae-featured-card:hover img {
    transform: scale(1.03);
}

body.sundae-dark .sundae-home-featured {
    background: #10191d;
}

body.sundae-dark .sundae-feature-heading {
    border-color: rgba(255, 255, 255, .1);
}

@media (max-width: 991.98px) {
    .sundae-featured-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sundae-featured-card-wide {
        grid-column: span 2;
    }
}

@media (max-width: 575.98px) {
    .sundae-feature-heading {
        gap: 12px;
    }

    .sundae-feature-heading span {
        border-top-width: 12px;
        border-bottom-width: 12px;
        border-left-width: 22px;
    }

    .sundae-featured-grid {
        grid-template-columns: 1fr;
    }

    .sundae-featured-card,
    .sundae-featured-card-wide {
        grid-column: auto;
        min-height: 210px;
    }

    .sundae-featured-card img {
        min-height: 210px;
    }
}
.sundae-search {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.sundae-site-search {
    max-width: 860px;
    margin: 0 auto 44px;
}

.sundae-site-search label {
    display: block;
    margin-bottom: 10px;
    color: #173f4f;
    font-weight: 700;
}

.sundae-site-search-row {
    display: flex;
    align-items: stretch;
    gap: 12px;
}

.sundae-site-search-row .form-control {
    flex: 1 1 auto;
    min-width: 0;
}

.sundae-site-search-row .button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    min-width: 116px;
    min-height: calc(1.5em + 1rem + 2px);
    white-space: nowrap;
}

.sundae-site-search-row .button i {
    line-height: 1;
}

.sundae-search-summary {
    margin-bottom: 28px;
}

.sundae-search-summary h2,
.sundae-search-result-group h2,
.sundae-empty-state h2 {
    color: #173f4f;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-search-summary p {
    margin-bottom: 0;
    color: #607178;
}

.sundae-search-results {
    display: grid;
    gap: 34px;
}

.sundae-search-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 28px;
    align-items: start;
}

.sundae-google-search-panel,
.sundae-internal-search-panel {
    padding: 24px;
    border: 1px solid rgba(31, 157, 143, .16);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(18, 46, 54, .06);
}

.sundae-search-panel-head {
    margin-bottom: 18px;
}

.sundae-search-panel-head > span {
    display: block;
    margin-bottom: 6px;
    color: #1f9d8f;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.sundae-search-panel-head h2 {
    margin-bottom: 6px;
    color: #173f4f;
    font-size: 1.35rem;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-search-panel-head p {
    margin-bottom: 0;
    color: #607178;
}

.sundae-google-search-panel .gsc-control-cse {
    padding: 0;
    border: 0;
    background: transparent;
    font-family: inherit;
}

.sundae-google-search-panel .gsc-result {
    padding: 14px 0;
}

.sundae-google-search-panel .gsc-cursor-box,
.sundae-google-search-panel .gsc-cursor {
    display: block !important;
    margin-top: 1.25rem;
    text-align: center;
}

.sundae-google-search-panel .gsc-cursor-page {
    display: inline-block !important;
    min-width: 1.75rem;
    padding: .3rem .6rem;
    margin: 0 .15rem;
    border-radius: .25rem;
    color: #1a73e8;
    cursor: pointer;
    text-decoration: none;
}

.sundae-google-search-panel .gsc-cursor-page:hover {
    background-color: rgba(26, 115, 232, .08);
}

.sundae-google-search-panel .gsc-cursor-current-page {
    color: #202124;
    font-weight: 700;
    background-color: rgba(26, 115, 232, .12);
}

.sundae-internal-search-list {
    display: grid;
    gap: 0;
}

.sundae-internal-search-item {
    padding: 0 0 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid #e6ecea;
}

.sundae-internal-search-item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0;
}

.sundae-internal-search-item span {
    display: block;
    margin-bottom: 6px;
    color: #1f9d8f;
    font-size: .76rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.sundae-internal-search-item h3 {
    margin: 0 0 7px;
    font-size: 1rem;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-internal-search-item h3 a {
    color: #173f4f;
}

.sundae-internal-search-item p,
.sundae-internal-search-empty p {
    margin: 0;
    color: #607178;
    font-size: .92rem;
    line-height: 1.55;
}

.sundae-search-result-list {
    display: grid;
    gap: 12px;
}

.sundae-search-result-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 44px;
    gap: 18px;
    align-items: center;
    padding: 20px;
    border: 1px solid rgba(31, 157, 143, .16);
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 44px rgba(18, 46, 54, .06);
}

.sundae-search-result-item span {
    display: block;
    margin-bottom: 6px;
    color: #1f9d8f;
    font-size: .82rem;
    font-weight: 700;
}

.sundae-search-result-item h3 {
    margin: 0 0 8px;
    font-size: 1.15rem;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-search-result-item h3 a {
    color: #173f4f;
}

.sundae-search-result-item p {
    margin: 0;
    color: #607178;
}

.sundae-search-result-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: rgba(31, 157, 143, .1);
    color: #1f9d8f;
}

.sundae-empty-state {
    padding: 34px;
    border: 1px solid rgba(31, 157, 143, .16);
    border-radius: 8px;
    background: #f8fbfa;
}

.sundae-empty-state p {
    margin-bottom: 0;
    color: #607178;
}

.sundae-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
}

.sundae-empty-actions a {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 8px 14px;
    border-radius: 6px;
    background: #173f4f;
    color: #fff;
    font-weight: 700;
}

.sundae-card {
    display: block;
    min-height: 210px;
    padding: 28px;
    border: 1px solid #dfe8e6;
    border-radius: 8px;
    color: #263238;
    background: #fff;
}

.sundae-card:hover {
    border-color: rgba(var(--cnvs-themecolor-rgb), .45);
    color: #263238;
    transform: translateY(-2px);
}

.sundae-card i {
    display: block;
    margin-bottom: 22px;
    color: var(--cnvs-themecolor);
    font-size: 34px;
}

.sundae-card h4 {
    margin-bottom: 10px;
    letter-spacing: 0;
}

.sundae-card p {
    margin-bottom: 0;
    color: #5d7077;
}


.sundae-latest-blog {
    background: #f7faf9;
}

.sundae-latest-blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
}

.sundae-latest-blog-card {
    overflow: hidden;
    border: 1px solid #dfe8e6;
    border-radius: 8px;
    background: #fff;
}

.sundae-latest-blog-image {
    display: block;
    overflow: hidden;
    background: #e8f1ef;
}

.sundae-latest-blog-image img,
.sundae-latest-blog-image span {
    display: grid;
    place-items: center;
    width: 100%;
    aspect-ratio: 16 / 10;
    object-fit: cover;
    color: var(--cnvs-themecolor);
    font-size: 2rem;
    transition: transform .25s ease;
}

.sundae-latest-blog-image:hover img {
    transform: scale(1.03);
}

.sundae-latest-blog-body {
    padding: 18px;
}

.sundae-latest-blog-body h3 {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.45;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-latest-blog-body h3 a {
    color: #173f4f;
}

body.sundae-dark .sundae-latest-blog {
    background: #142329;
}

body.sundae-dark .sundae-latest-blog-card {
    border-color: rgba(255, 255, 255, .08);
    background: #10191d;
}

body.sundae-dark .sundae-latest-blog-image {
    background: rgba(255, 255, 255, .08);
}

body.sundae-dark .sundae-latest-blog-body h3 a {
    color: #eaf4f2;
}

@media (max-width: 991.98px) {
    .sundae-latest-blog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 575.98px) {
    .sundae-latest-blog-grid {
        grid-template-columns: 1fr;
    }
}
.sundae-community {
    background: #f7faf9;
}

.sundae-page-hero {
    padding: 46px 0 40px;
    border-top: 1px solid #eef3f2;
    border-bottom: 1px solid #e1ece9;
    background: #eef8f5;
}

.sundae-page-hero h1 {
    margin: 0;
    color: #173f4f;
    font-size: clamp(1.85rem, 2.6vw, 2.75rem);
    line-height: 1.25;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-blog-post-hero {
    padding: 38px 0 34px;
}

.sundae-blog-post-hero h1 {
    max-width: 1040px;
    font-size: clamp(1.75rem, 2.25vw, 2.45rem);
    line-height: 1.32;
}

.sundae-static-content {
    max-width: 920px;
    color: #263238;
    font-size: 1.05rem;
    line-height: 1.78;
}

.sundae-static-content h2,
.sundae-static-content h3,
.sundae-static-content h4 {
    margin-top: 1.8em;
    color: #173f4f;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-static-content p,
.sundae-static-content ul,
.sundae-static-content ol,
.sundae-static-content table {
    margin-bottom: 1.15rem;
}

.sundae-static-content ul,
.sundae-static-content ol,
.sundae-static-body ul,
.sundae-static-body ol,
.sundae-blog-post ul,
.sundae-blog-post ol,
.sundae-tool-page ul,
.sundae-tool-page ol {
    padding-left: 2rem;
    margin-left: 0;
    list-style-position: outside;
}

.sundae-static-content li,
.sundae-static-body li,
.sundae-blog-post li,
.sundae-tool-page li {
    padding-left: .2rem;
    margin-bottom: .5rem;
}

.sundae-static-content li::marker,
.sundae-static-body li::marker,
.sundae-blog-post li::marker,
.sundae-tool-page li::marker {
    color: var(--cnvs-themecolor);
}

.sundae-static-content li > ul,
.sundae-static-content li > ol,
.sundae-static-body li > ul,
.sundae-static-body li > ol,
.sundae-blog-post li > ul,
.sundae-blog-post li > ol,
.sundae-tool-page li > ul,
.sundae-tool-page li > ol {
    margin-top: .45rem;
    margin-bottom: .45rem;
    padding-left: 1.35rem;
}

.sundae-static-content img {
    max-width: 100%;
    height: auto;
}

.sundae-static-content table {
    width: 100%;
}

.sundae-static-content .info-box,
.sundae-static-content .steps-box,
.sundae-static-content .disclaimer,
.sundae-blog-post .info-box,
.sundae-blog-post .steps-box,
.sundae-blog-post .disclaimer,
.sundae-tool-page .info-box,
.sundae-tool-page .disclaimer {
    position: relative;
    overflow: hidden;
    margin: 30px 0;
    padding: 24px 26px;
    border: 1px solid #dbe8e5;
    border-left: 5px solid var(--cnvs-themecolor);
    border-radius: 8px;
    background: #fbfdfc;
    box-shadow: 0 16px 34px rgba(17, 49, 61, .08);
}

.sundae-static-content .info-box::before,
.sundae-blog-post .info-box::before,
.sundae-tool-page .info-box::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: var(--cnvs-themecolor);
}

.sundae-static-content .disclaimer,
.sundae-blog-post .disclaimer,
.sundae-tool-page .disclaimer {
    border-left-color: #f2a64b;
    background: #fffaf1;
}

.sundae-static-content .disclaimer::before,
.sundae-blog-post .disclaimer::before,
.sundae-tool-page .disclaimer::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: #f2a64b;
}

.sundae-static-content .info-box h3,
.sundae-static-content .steps-box h3,
.sundae-static-content .disclaimer h3,
.sundae-static-content .disclaimer h4,
.sundae-blog-post .info-box h3,
.sundae-blog-post .steps-box h3,
.sundae-blog-post .disclaimer h3,
.sundae-blog-post .disclaimer h4,
.sundae-tool-page .info-box h3,
.sundae-tool-page .disclaimer h3,
.sundae-tool-page .disclaimer h4 {
    margin: 0 0 12px;
    padding: 0;
    border: 0;
    color: #173f4f;
    font-size: 1.2rem;
    line-height: 1.4;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-static-content .info-box p:last-child,
.sundae-static-content .info-box ul:last-child,
.sundae-static-content .info-box ol:last-child,
.sundae-static-content .disclaimer p:last-child,
.sundae-static-content .steps-box p:last-child,
.sundae-blog-post .info-box p:last-child,
.sundae-blog-post .disclaimer p:last-child,
.sundae-tool-page .info-box p:last-child,
.sundae-tool-page .disclaimer p:last-child {
    margin-bottom: 0;
}

.sundae-static-content .info-box ul,
.sundae-static-content .info-box ol,
.sundae-blog-post .info-box ul,
.sundae-blog-post .info-box ol {
    padding-left: 1.25rem;
}

.sundae-static-content .info-box li,
.sundae-blog-post .info-box li {
    margin-bottom: .55rem;
}

.sundae-static-content .disclaimer .disclaimer-body p,
.sundae-blog-post .disclaimer .disclaimer-body p,
.sundae-tool-page .disclaimer .disclaimer-body p {
    margin-left: 0;
    margin-right: 0;
    text-align: left;
}

.sundae-static-content .steps-box,
.sundae-blog-post .steps-box {
    display: grid;
    gap: 18px;
    padding: 0;
    border-left-color: #173f4f;
    background: #fff;
}

.sundae-static-content .steps-box .step-box-header,
.sundae-blog-post .steps-box .step-box-header {
    padding: 22px 24px 0;
}

.sundae-static-content .steps-box .step-box-header h3,
.sundae-blog-post .steps-box .step-box-header h3 {
    margin: 0;
}

.sundae-static-content .step-container,
.sundae-blog-post .step-container {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 18px;
    padding: 0 24px 20px;
    border-bottom: 1px solid #edf3f1;
}

.sundae-static-content .step-container:last-child,
.sundae-blog-post .step-container:last-child {
    border-bottom: 0;
}

.sundae-static-content .step-title,
.sundae-blog-post .step-title {
    display: flex;
    justify-content: center;
}

.sundae-static-content .step-title > div,
.sundae-blog-post .step-title > div {
    display: grid;
    width: 38px;
    height: 38px;
    place-items: center;
    border-radius: 999px;
    background: #173f4f;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: .92rem;
    font-weight: 800;
}

.sundae-static-content .step-content,
.sundae-blog-post .step-content {
    min-width: 0;
}

.sundae-static-content .step-content h3,
.sundae-blog-post .step-content h3 {
    margin: 3px 0 10px;
    font-size: 1.05rem;
}

.sundae-static-content .step-content p:last-child,
.sundae-blog-post .step-content p:last-child {
    margin-bottom: 0;
}

.sundae-static-content .accordion-wrapper,
.sundae-blog-post .accordion-wrapper,
.sundae-tool-page .accordion-wrapper {
    display: grid;
    gap: 14px;
    margin: 34px 0;
}

.sundae-static-content .accordion-heading,
.sundae-blog-post .accordion-heading,
.sundae-tool-page .accordion-heading {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 0 4px;
    color: #173f4f;
    font-size: 1.55rem;
    line-height: 1.3;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-static-content .accordion-heading img,
.sundae-blog-post .accordion-heading img,
.sundae-tool-page .accordion-heading img {
    width: 45px;
    height: 30px;
    object-fit: contain;
}

.sundae-static-content .accordion,
.sundae-blog-post .accordion,
.sundae-tool-page .accordion {
    overflow: hidden;
    border: 1px solid #dbe8e5;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(17, 49, 61, .07);
}

.sundae-static-content .accordion input[type="checkbox"],
.sundae-blog-post .accordion input[type="checkbox"],
.sundae-tool-page .accordion input[type="checkbox"] {
    position: absolute;
    inline-size: 1px;
    block-size: 1px;
    opacity: 0;
    pointer-events: none;
}

.sundae-static-content .accordion-label,
.sundae-blog-post .accordion-label,
.sundae-tool-page .accordion-label {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin: 0;
    padding: 18px 22px;
    background: #f7fbfa;
    color: #173f4f;
    cursor: pointer;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.5;
}

.sundae-static-content .accordion-label::after,
.sundae-blog-post .accordion-label::after,
.sundae-tool-page .accordion-label::after {
    content: "+";
    display: grid;
    flex: 0 0 30px;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 999px;
    background: #e8f4f1;
    color: var(--cnvs-themecolor);
    font-family: Montserrat, sans-serif;
    font-size: 1.1rem;
    font-weight: 800;
    line-height: 1;
}

.sundae-static-content .accordion input[type="checkbox"]:checked + .accordion-label::after,
.sundae-blog-post .accordion input[type="checkbox"]:checked + .accordion-label::after,
.sundae-tool-page .accordion input[type="checkbox"]:checked + .accordion-label::after {
    content: "-";
}

.sundae-static-content .accordion-content,
.sundae-blog-post .accordion-content,
.sundae-tool-page .accordion-content {
    display: none;
    padding: 0 22px 20px;
    color: #3f565c;
    line-height: 1.75;
}

.sundae-static-content .accordion input[type="checkbox"]:checked ~ .accordion-content,
.sundae-blog-post .accordion input[type="checkbox"]:checked ~ .accordion-content,
.sundae-tool-page .accordion input[type="checkbox"]:checked ~ .accordion-content {
    display: block !important;
}

.sundae-static-content .accordion-content p:last-child,
.sundae-blog-post .accordion-content p:last-child,
.sundae-tool-page .accordion-content p:last-child {
    margin-bottom: 0;
}

.sundae-blog-list {
    display: grid;
    gap: 22px;
}

.sundae-blog-item {
    padding-bottom: 22px;
    border-bottom: 1px solid #e4eeee;
}

.sundae-blog-item h2 {
    margin: 0 0 8px;
    font-size: 1.45rem;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-blog-item h2 a {
    color: #173f4f;
}

.sundae-blog-item p {
    margin-bottom: 0;
    color: #52676e;
}


.sundae-blog-item.has-image {
    display: grid;
    grid-template-columns: 180px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.sundae-blog-thumb {
    display: block;
    overflow: hidden;
    border-radius: 8px;
    background: #e8f1ef;
}

.sundae-blog-thumb img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    object-fit: cover;
    transition: transform .25s ease;
}

.sundae-blog-thumb:hover img {
    transform: scale(1.03);
}

.sundae-blog-item-body {
    min-width: 0;
}

body.sundae-dark .sundae-blog-thumb {
    background: rgba(255, 255, 255, .08);
}

@media (max-width: 575.98px) {
    .sundae-blog-item.has-image {
        grid-template-columns: 1fr;
    }

    .sundae-static-content .info-box,
    .sundae-static-content .steps-box,
    .sundae-static-content .disclaimer,
    .sundae-blog-post .info-box,
    .sundae-blog-post .steps-box,
    .sundae-blog-post .disclaimer,
    .sundae-tool-page .info-box,
    .sundae-tool-page .disclaimer {
        padding: 20px;
    }

    .sundae-static-content .steps-box,
    .sundae-blog-post .steps-box {
        padding: 0;
    }

    .sundae-static-content .step-container,
    .sundae-blog-post .step-container {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .sundae-static-content .step-title,
    .sundae-blog-post .step-title {
        justify-content: flex-start;
    }

    .sundae-static-content .accordion-label,
    .sundae-blog-post .accordion-label,
    .sundae-tool-page .accordion-label {
        align-items: flex-start;
        padding: 16px 18px;
    }

    .sundae-static-content .accordion-content,
    .sundae-blog-post .accordion-content,
    .sundae-tool-page .accordion-content {
        padding: 0 18px 18px;
    }
}
.sundae-blog-meta {
    margin-bottom: 14px;
    color: #6b7f85;
    font-size: .92rem;
}

.sundae-blog-meta a {
    color: var(--cnvs-themecolor);
}

.sundae-featured-image {
    margin-bottom: 28px;
}

.sundae-featured-image img {
    width: 100%;
    border-radius: 8px;
}

.sundae-blog-sidebar {
    position: sticky;
    top: 104px;
    display: grid;
    gap: 18px;
}

.sundae-blog-sidebar-card {
    padding: 22px;
    border: 1px solid #e1ebe8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(17, 49, 61, .07);
}

.sundae-blog-sidebar-card h2 {
    margin: 0 0 16px;
    color: #173f4f;
    font-size: 1.08rem;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-blog-sidebar-latest {
    overflow: hidden;
    padding: 0;
}

.sundae-blog-sidebar-latest h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 18px 20px;
    border-bottom: 1px solid #dce8e5;
    background: #f3faf7;
}

.sundae-blog-sidebar-latest h2 i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 8px;
    background: #173f4f;
    color: #fff;
    font-size: .95rem;
}

.sundae-blog-sidebar-posts {
    display: grid;
    gap: 0;
    counter-reset: latest-post;
}

.sundae-blog-sidebar-posts a {
    display: grid;
    position: relative;
    gap: 6px;
    padding: 15px 20px 15px 58px;
    border-bottom: 1px solid #eef3f1;
    transition: background .18s ease;
}

.sundae-blog-sidebar-posts a::before {
    counter-increment: latest-post;
    content: counter(latest-post);
    position: absolute;
    left: 20px;
    top: 16px;
    display: grid;
    width: 26px;
    height: 26px;
    place-items: center;
    border-radius: 50%;
    background: #edf6f2;
    color: var(--cnvs-themecolor);
    font-family: Montserrat, sans-serif;
    font-size: .78rem;
    font-weight: 800;
}

.sundae-blog-sidebar-posts a:hover {
    background: #fbfdfc;
}

.sundae-blog-sidebar-posts a:first-child {
    padding-top: 15px;
}

.sundae-blog-sidebar-posts a:last-child {
    padding-bottom: 15px;
    border-bottom: 0;
}

.sundae-blog-sidebar-posts span {
    color: #173f4f;
    font-weight: 700;
    line-height: 1.45;
}

.sundae-blog-sidebar-posts small {
    color: #6b7f85;
    font-size: .82rem;
}

.sundae-blog-category-widget {
    overflow: hidden;
    border: 1px solid #e1ebe8;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 14px 32px rgba(17, 49, 61, .07);
}

.sundae-blog-category-widget h2 {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0;
    padding: 18px 20px;
    border-bottom: 1px solid #dce8e5;
    background: #fff7e8;
    color: #173f4f;
    font-size: 1.08rem;
    line-height: 1.35;
    letter-spacing: 0;
    text-transform: none;
}

.sundae-blog-category-widget h2 i {
    display: grid;
    width: 30px;
    height: 30px;
    place-items: center;
    border-radius: 8px;
    background: #f2a64b;
    color: #173f4f;
    font-size: .95rem;
}

.sundae-blog-category-widget p {
    margin: 0;
    padding: 18px 20px;
    color: #4b5f64;
}

.sundae-blog-category-list.category-list {
    margin: 0;
    padding: 8px 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    list-style: none;
}

.sundae-blog-category-list ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sundae-blog-category-list li {
    margin: 0;
}

.sundae-blog-category-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 10px 20px;
    color: #173f4f;
    font-weight: 700;
    line-height: 1.4;
    transition: background .18s ease, color .18s ease;
}

.sundae-blog-category-list a:hover,
.sundae-blog-category-list li.active > a {
    background: #f7fbfa;
    color: var(--cnvs-themecolor);
}

.sundae-blog-category-list li li a {
    padding-left: 34px;
    color: #4b5f64;
    font-size: .92rem;
}

.sundae-blog-category-list span {
    min-width: 0;
}

.sundae-blog-category-list small {
    display: inline-flex;
    min-width: 28px;
    height: 24px;
    align-items: center;
    justify-content: center;
    padding: 0 8px;
    border-radius: 999px;
    background: #edf6f2;
    color: var(--cnvs-themecolor);
    font-size: .75rem;
    font-weight: 800;
}

.sundae-blog-sidebar-cta {
    background: #f3faf7;
}

.sundae-blog-sidebar-cta p {
    margin: 0 0 14px;
    color: #4b5f64;
    line-height: 1.65;
}

.sundae-blog-sidebar-cta a {
    display: inline-flex;
    align-items: center;
    color: var(--cnvs-themecolor);
    font-weight: 800;
}


.sundae-blog-hero h1 {
    max-width: 760px;
    font-weight: 800;
    letter-spacing: 0;
}

.sundae-blog-hero-copy {
    max-width: 720px;
    color: rgba(23, 63, 79, .84);
    line-height: 1.8;
}

.sundae-blog-hero-image {
    position: relative;
    z-index: 3;
    margin: 0 0 -34px;
    transform: translateY(30px);
}

.sundae-blog-hero-image img {
    width: 100%;
    max-height: 390px;
    object-fit: cover;
    border: 10px solid rgba(255, 255, 255, .74);
    border-radius: 8px;
    box-shadow: 0 24px 55px rgba(17, 49, 61, .22);
}

body.sundae-dark .sundae-blog-hero-copy {
    color: rgba(244, 248, 247, .82);
}

body.sundae-dark .sundae-blog-hero-image img {
    border-color: rgba(255, 255, 255, .12);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .34);
}

@media (max-width: 991.98px) {
    .sundae-blog-hero h1 {
        max-width: none;
    }
}
.sundae-featured-image img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

.category-list {
    margin: 0;
    padding: 22px;
    border: 1px solid #dfe8e6;
    border-radius: 8px;
    list-style: none;
    background: #fff;
}

.category-list ul {
    margin: 8px 0 0 16px;
    padding: 0;
    list-style: none;
}

.category-list li {
    margin: 7px 0;
}

.category-list a {
    color: #263238;
}

.category-list .badge {
    margin-left: 6px;
    background: #e7f2ef;
    color: #173f4f;
}

.sundae-pagination {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: 6px;
    margin-top: 30px;
    overflow-x: auto;
    white-space: nowrap;
    scrollbar-width: thin;
}

.sundae-pagination a,
.sundae-pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    min-height: 36px;
    padding: 0 10px;
    border: 1px solid #dbe8e5;
    border-radius: 8px;
    background: #fff;
    color: #173f4f;
    font-weight: 700;
}

.sundae-pagination a:hover,
.sundae-pagination .is-active {
    border-color: var(--cnvs-themecolor);
    background: var(--cnvs-themecolor);
    color: #fff;
}

.sundae-pagination-ellipsis {
    min-width: 22px !important;
    padding: 0 4px !important;
    border-color: transparent !important;
    background: transparent !important;
}

.sundae-pagination-disabled {
    color: #8da09f !important;
    background: #f3f7f6 !important;
}

.sundae-pagination i {
    font-size: .9rem;
}

body.sundae-dark .sundae-page-hero,
body.sundae-dark .sundae-static-content .info-box,
body.sundae-dark .sundae-static-content .steps-box,
body.sundae-dark .sundae-static-content .disclaimer,
body.sundae-dark .sundae-blog-post .info-box,
body.sundae-dark .sundae-blog-post .steps-box,
body.sundae-dark .sundae-blog-post .disclaimer,
body.sundae-dark .sundae-tool-page .info-box,
body.sundae-dark .sundae-tool-page .disclaimer,
body.sundae-dark .category-list,
body.sundae-dark .sundae-blog-sidebar-card,
body.sundae-dark .sundae-blog-category-widget {
    border-color: rgba(255, 255, 255, .08);
    background: #142329;
}

body.sundae-dark .sundae-page-hero h1,
body.sundae-dark .sundae-static-content,
body.sundae-dark .sundae-static-content h2,
body.sundae-dark .sundae-static-content h3,
body.sundae-dark .sundae-static-content h4,
body.sundae-dark .sundae-static-content .info-box h3,
body.sundae-dark .sundae-static-content .steps-box h3,
body.sundae-dark .sundae-static-content .disclaimer h3,
body.sundae-dark .sundae-static-content .disclaimer h4,
body.sundae-dark .sundae-blog-post .info-box h3,
body.sundae-dark .sundae-blog-post .steps-box h3,
body.sundae-dark .sundae-blog-post .disclaimer h3,
body.sundae-dark .sundae-blog-post .disclaimer h4,
body.sundae-dark .sundae-tool-page .info-box h3,
body.sundae-dark .sundae-tool-page .disclaimer h3,
body.sundae-dark .sundae-tool-page .disclaimer h4,
body.sundae-dark .sundae-blog-item h2 a,
body.sundae-dark .category-list a,
body.sundae-dark .sundae-blog-sidebar-card h2,
body.sundae-dark .sundae-blog-category-widget h2,
body.sundae-dark .sundae-blog-category-list a,
body.sundae-dark .sundae-blog-sidebar-posts span {
    color: #eaf4f2;
}

body.sundae-dark .sundae-blog-item,
body.sundae-dark .sundae-blog-sidebar-posts a {
    border-color: rgba(255, 255, 255, .08);
}

body.sundae-dark .sundae-blog-item p,
body.sundae-dark .sundae-blog-meta,
body.sundae-dark .sundae-blog-sidebar-posts small,
body.sundae-dark .sundae-blog-sidebar-cta p {
    color: #b8c8c5;
}

body.sundae-dark .sundae-static-content .disclaimer,
body.sundae-dark .sundae-blog-post .disclaimer,
body.sundae-dark .sundae-tool-page .disclaimer {
    background: #241f17;
}

body.sundae-dark .sundae-static-content .step-container,
body.sundae-dark .sundae-blog-post .step-container {
    border-color: rgba(255, 255, 255, .08);
}

body.sundae-dark .sundae-static-content .step-title > div,
body.sundae-dark .sundae-blog-post .step-title > div {
    background: #f9be79;
    color: #173f4f;
}

body.sundae-dark .sundae-static-content .accordion-heading,
body.sundae-dark .sundae-blog-post .accordion-heading,
body.sundae-dark .sundae-tool-page .accordion-heading,
body.sundae-dark .sundae-static-content .accordion-label,
body.sundae-dark .sundae-blog-post .accordion-label,
body.sundae-dark .sundae-tool-page .accordion-label {
    color: #eaf4f2;
}

body.sundae-dark .sundae-static-content .accordion,
body.sundae-dark .sundae-blog-post .accordion,
body.sundae-dark .sundae-tool-page .accordion {
    border-color: rgba(255, 255, 255, .08);
    background: #142329;
}

body.sundae-dark .sundae-static-content .accordion-label,
body.sundae-dark .sundae-blog-post .accordion-label,
body.sundae-dark .sundae-tool-page .accordion-label {
    background: #0f1b20;
}

body.sundae-dark .sundae-static-content .accordion-label::after,
body.sundae-dark .sundae-blog-post .accordion-label::after,
body.sundae-dark .sundae-tool-page .accordion-label::after {
    background: rgba(255, 255, 255, .06);
    color: #f9be79;
}

body.sundae-dark .sundae-static-content .accordion-content,
body.sundae-dark .sundae-blog-post .accordion-content,
body.sundae-dark .sundae-tool-page .accordion-content {
    color: #b8c8c5;
}

body.sundae-dark .sundae-blog-category-widget h2 {
    border-color: rgba(255, 255, 255, .08);
    background: #0f1b20;
}

body.sundae-dark .sundae-blog-category-widget p,
body.sundae-dark .sundae-blog-category-list li li a {
    color: #b8c8c5;
}

body.sundae-dark .sundae-blog-category-list a:hover,
body.sundae-dark .sundae-blog-category-list li.active > a {
    background: #172930;
    color: #f9be79;
}

body.sundae-dark .sundae-blog-category-list small {
    background: rgba(255, 255, 255, .06);
    color: #f9be79;
}

body.sundae-dark .sundae-blog-sidebar-cta {
    background: #0f1b20;
}

body.sundae-dark .sundae-blog-sidebar-latest h2 {
    border-color: rgba(255, 255, 255, .08);
    background: #0f1b20;
}

body.sundae-dark .sundae-blog-sidebar-posts a:hover {
    background: #172930;
}

body.sundae-dark .sundae-blog-sidebar-posts a::before {
    background: rgba(255, 255, 255, .06);
    color: #f9be79;
}

.sundae-mini-stat {
    margin-bottom: 8px;
    color: #173f4f;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
}


.sundae-tools-hero {
    background: #e9f4ff !important;
}

body.sundae-dark .sundae-tools-hero {
    background: #12253a !important;
}

.sundae-tools-hero h1 {
    max-width: 760px;
    font-weight: 800;
    letter-spacing: 0;
}

.sundae-tools-hero-copy {
    max-width: 720px;
    color: rgba(23, 63, 79, .84);
    line-height: 1.8;
}

.sundae-tools-hero-image {
    position: relative;
    z-index: 3;
    display: grid;
    place-items: center;
    width: min(310px, 82%);
    aspect-ratio: 1;
    margin: 0 0 -34px;
    transform: translateY(30px);
    border: 10px solid rgba(255, 255, 255, .74);
    border-radius: 8px;
    background: rgba(255, 255, 255, .55);
    box-shadow: 0 24px 55px rgba(17, 49, 61, .22);
}

.sundae-tools-hero-image img {
    width: 58%;
    height: auto;
}

body.sundae-dark .sundae-tools-hero-copy {
    color: rgba(244, 248, 247, .82);
}

body.sundae-dark .sundae-tools-hero-image {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .08);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .34);
}

@media (max-width: 991.98px) {
    .sundae-tools-hero h1 {
        max-width: none;
    }
}
.sundae-tools-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 22px;
}

.sundae-tool-card {
    border: 1px solid #e6ecea;
    border-radius: 8px;
    background: #fff;
    text-align: center;
}

.sundae-tool-card a {
    display: grid;
    gap: 12px;
    min-height: 100%;
    padding: 22px 18px;
    color: #173f4f;
}

.sundae-tool-card img {
    width: 74px;
    height: 74px;
    object-fit: contain;
    margin: 0 auto;
}

.sundae-tool-card h2 {
    margin: 0;
    font-size: 1.05rem;
    line-height: 1.35;
}

.sundae-tool-card p {
    margin: 0;
    color: #4b5f64;
    font-size: .94rem;
    line-height: 1.55;
}

.sundae-resource-count {
    margin: 24px 0 14px;
    color: #4b5f64;
    font-weight: 600;
}

.sundae-resource-search {
    display: grid;
    grid-template-columns: minmax(220px, 1fr) 96px minmax(160px, .55fr) auto auto;
    gap: 10px;
    align-items: end;
    margin: 22px 0;
    padding: 14px;
    border: 1px solid #dce6e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 26px rgba(17, 49, 61, .06);
}

.sundae-resource-search-field {
    display: grid;
    gap: 6px;
    min-width: 0;
}

.sundae-resource-search-field label {
    margin: 0;
    color: #5f7378;
    font-size: .72rem;
    font-weight: 800;
    line-height: 1;
    text-transform: uppercase;
}

.sundae-resource-search-field input {
    width: 100%;
    min-height: 42px;
    padding: 0 12px;
    border: 1px solid #dbe8e5;
    border-radius: 8px;
    background: #f8fbfa;
    color: #173f4f;
    font-size: .94rem;
}

.sundae-resource-search-field input:focus {
    border-color: var(--cnvs-themecolor);
    background: #fff;
    box-shadow: 0 0 0 3px rgba(20, 133, 111, .12);
    outline: 0;
}

.sundae-resource-search-submit,
.sundae-resource-search-clear {
    display: inline-flex;
    min-height: 42px;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border-radius: 8px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.sundae-resource-search-submit {
    padding: 0 16px;
    border: 0;
    background: var(--cnvs-themecolor);
    color: #fff;
}

.sundae-resource-search-submit i {
    font-size: .95rem;
}

.sundae-resource-search-clear {
    padding: 0 12px;
    border: 1px solid #dbe8e5;
    color: #4b5f64;
}

.sundae-resource-search-clear:hover {
    border-color: var(--cnvs-themecolor);
    color: var(--cnvs-themecolor);
}

.sundae-resource-grid {
    display: grid;
    gap: 0;
    overflow: hidden;
    border: 1px solid #dce6e3;
    border-radius: 8px;
    background: #fff;
}

.sundae-resource-grid-head,
.sundae-resource-row {
    display: grid;
    align-items: center;
    column-gap: 18px;
}

.sundae-resource-grid-head {
    min-height: 44px;
    padding: 0 18px;
    border-bottom: 1px solid #dce6e3;
    background: #eef8f5;
    color: #173f4f;
    font-family: Montserrat, sans-serif;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sundae-resource-grid .sundae-resource-grid-head,
.sundae-resource-row {
    grid-template-columns: minmax(220px, 1.5fr) minmax(160px, .9fr) minmax(220px, 1.2fr) minmax(130px, .7fr);
}

.sundae-resource-row {
    min-height: 58px;
    padding: 12px 18px;
    border-bottom: 1px solid #edf2f0;
}

.sundae-resource-row:last-child {
    border-bottom: 0;
}

.sundae-resource-row:hover {
    background: #f8fbfa;
}

.sundae-resource-name {
    color: #173f4f;
    font-weight: 700;
}

.sundae-resource-location,
.sundae-resource-summary,
.sundae-resource-contact {
    margin: 0;
    color: #4b5f64;
    font-size: .92rem;
    line-height: 1.45;
}

.sundae-resource-summary {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sundae-resource-open {
    align-self: end;
    color: var(--cnvs-themecolor);
    font-weight: 700;
}

.sundae-resources-hero {
    overflow: hidden;
    border-bottom: 1px solid #dbe8e5;
    background:
        linear-gradient(135deg, rgba(23, 63, 79, .94), rgba(20, 133, 111, .86)),
        #173f4f;
}

.sundae-resources-hero h1,
.sundae-resources-hero p {
    color: #fff;
}

.sundae-resource-hero-kicker {
    margin: 0 0 12px;
    color: #f9be79 !important;
    font-family: Montserrat, sans-serif;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sundae-resources-hero .container > p:last-child {
    max-width: 760px;
    color: rgba(255, 255, 255, .86);
    font-size: 1.08rem;
    line-height: 1.75;
}

.sundae-resource-index {
    display: grid;
    gap: 26px;
}

.sundae-resource-index-intro {
    max-width: 760px;
}

.sundae-resource-index-intro h2 {
    margin: 0 0 10px;
    color: #173f4f;
    font-size: clamp(1.65rem, 2.8vw, 2.3rem);
    line-height: 1.25;
    letter-spacing: 0;
}

.sundae-resource-index-intro p:last-child {
    margin: 0;
    color: #4b5f64;
    font-size: 1rem;
    line-height: 1.7;
}

.sundae-resource-directory-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.sundae-resource-directory-card {
    display: grid;
    min-height: 100%;
    grid-template-rows: auto minmax(0, 1fr) auto;
    gap: 16px;
    padding: 24px;
    border: 1px solid #dce6e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 28px rgba(17, 49, 61, .08);
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.sundae-resource-directory-card:hover {
    transform: translateY(-2px);
    border-color: rgba(20, 133, 111, .28);
    box-shadow: 0 18px 40px rgba(17, 49, 61, .12);
}

.sundae-resource-directory-icon {
    display: grid;
    width: 52px;
    height: 52px;
    place-items: center;
    border-radius: 8px;
    background: #e8f5f1;
    color: var(--cnvs-themecolor);
    font-size: 1.45rem;
}

.sundae-resource-directory-body {
    min-width: 0;
}

.sundae-resource-directory-card h2 {
    margin: 0 0 8px;
    color: #173f4f;
    font-size: 1.14rem;
    line-height: 1.35;
}

.sundae-resource-directory-card p {
    margin: 0;
    color: #4b5f64;
    font-size: .94rem;
    line-height: 1.55;
}

.sundae-resource-directory-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 16px;
    border-top: 1px solid #edf3f1;
}

.sundae-resource-directory-footer span {
    color: #6b7f85;
    font-size: .82rem;
    font-weight: 800;
}

.sundae-resource-directory-footer .sundae-resource-open {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: auto;
    color: var(--cnvs-themecolor);
    font-weight: 700;
}

.sundae-resource-directory-footer .sundae-resource-open i {
    font-size: .9rem;
}

.sundae-resource-map {
    margin: 18px 0 30px;
}

.sundae-resource-map h2 {
    margin-bottom: 16px;
    font-size: 1.35rem;
}

.sundae-resource-map-frame {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    border-radius: 8px;
    background: #e7eeee;
    box-shadow: 0 18px 40px rgba(17, 49, 61, .12);
}

.sundae-resource-map-frame-wide {
    aspect-ratio: 2 / 1;
}

.sundae-resource-map iframe {
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
}

.sundae-resource-map p {
    margin-top: 12px;
}

.sundae-resource-location-line {
    margin-top: 3px;
    color: #4b5f64;
}

.sundae-tool-page {
    max-width: 960px;
}

.sundae-sidebar-list {
    display: grid;
    gap: 10px;
    padding: 18px;
    border: 1px solid #e6ecea;
    border-radius: 8px;
    background: #fff;
}

.sundae-sidebar-list h3 {
    margin: 0 0 6px;
    font-size: 1rem;
}

.sundae-sidebar-list a {
    color: #173f4f;
    font-weight: 600;
}


.sundae-catalog-hero {
    background: #fff1d8 !important;
}

body.sundae-dark .sundae-catalog-hero {
    background: #2c2113 !important;
}

.sundae-catalog-hero h1 {
    max-width: 760px;
    font-weight: 800;
    letter-spacing: 0;
}

.sundae-catalog-hero-copy {
    max-width: 720px;
    color: rgba(23, 63, 79, .84);
    line-height: 1.8;
}

.sundae-catalog-hero-image {
    position: relative;
    z-index: 3;
    margin: 0 0 -34px;
    transform: translateY(30px);
}

.sundae-catalog-hero-image img {
    width: 100%;
    max-height: 390px;
    object-fit: cover;
    border: 10px solid rgba(255, 255, 255, .74);
    border-radius: 8px;
    box-shadow: 0 24px 55px rgba(17, 49, 61, .22);
}

body.sundae-dark .sundae-catalog-hero-copy {
    color: rgba(244, 248, 247, .82);
}

body.sundae-dark .sundae-catalog-hero-image img {
    border-color: rgba(255, 255, 255, .12);
    box-shadow: 0 24px 55px rgba(0, 0, 0, .34);
}

@media (max-width: 991.98px) {
    .sundae-catalog-hero h1 {
        max-width: none;
    }
}
.sundae-catalog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.sundae-catalog-intro {
    max-width: 980px;
    color: #2f464c;
    font-size: 1.04rem;
    line-height: 1.75;
}

.sundae-catalog-category-grid {
    margin-top: 34px;
}

.sundae-catalog-card {
    overflow: hidden;
    border: 1px solid #e6ecea;
    border-radius: 8px;
    background: #fff;
}

.sundae-catalog-image {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 160px;
    padding: 18px;
    background: #f6faf9;
}

.sundae-catalog-image img {
    max-width: 100%;
    max-height: 135px;
    object-fit: contain;
}

.sundae-catalog-body {
    padding: 18px;
}

.sundae-catalog-category {
    margin-bottom: 8px;
    color: #5b767c;
    font-size: .82rem;
    font-weight: 700;
    text-transform: uppercase;
}

.sundae-catalog-body h2 {
    margin: 0 0 12px;
    font-size: 1.1rem;
    line-height: 1.35;
}

.sundae-catalog-body h2 a,
.sundae-catalog-back,
.sundae-catalog-learn {
    color: #173f4f;
}

.sundae-catalog-learn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-top: 4px;
    font-weight: 700;
}

.sundae-catalog-excerpt {
    color: #4b5f64;
    font-size: .95rem;
    line-height: 1.6;
}

.sundae-catalog-excerpt p:last-child,
.sundae-catalog-lede p:last-child,
.sundae-catalog-notes p:last-child {
    margin-bottom: 0;
}

.sundae-catalog-detail-image {
    width: 100%;
    max-height: 260px;
    object-fit: contain;
    padding: 24px;
    border: 1px solid #e6ecea;
    border-radius: 8px;
    background: #f6faf9;
}

.sundae-catalog-back {
    display: inline-flex;
    margin-top: 16px;
    font-weight: 700;
}

.sundae-catalog-lede {
    margin-bottom: 28px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e6ecea;
    color: #2f464c;
    font-size: 1.05rem;
    line-height: 1.7;
}

.sundae-catalog-notes,
.sundae-related-catalog {
    margin-top: 38px;
}

body.sundae-dark .sundae-sidebar-list,
body.sundae-dark .sundae-catalog-card,
body.sundae-dark .sundae-catalog-detail-image,
body.sundae-dark .sundae-tool-card,
body.sundae-dark .sundae-resource-grid,
body.sundae-dark .sundae-resource-search,
body.sundae-dark .sundae-resource-directory-card {
    border-color: rgba(255, 255, 255, .08);
    background: #142329;
}

body.sundae-dark .sundae-resource-grid-head {
    border-color: rgba(255, 255, 255, .08);
    background: #0f1b20;
    color: #eaf4f2;
}

body.sundae-dark .sundae-resource-row {
    border-color: rgba(255, 255, 255, .07);
}

body.sundae-dark .sundae-resource-row:hover {
    background: #172930;
}

body.sundae-dark .sundae-resource-directory-card:hover {
    box-shadow: 0 18px 40px rgba(0, 0, 0, .22);
}

body.sundae-dark .sundae-resource-directory-icon {
    background: rgba(255, 255, 255, .06);
    color: #f9be79;
}

body.sundae-dark .sundae-resource-directory-footer {
    border-color: rgba(255, 255, 255, .08);
}

body.sundae-dark .sundae-resource-search-field label,
body.sundae-dark .sundae-resource-search-clear {
    color: #b8c8c5;
}

body.sundae-dark .sundae-site-search label,
body.sundae-dark .sundae-search-summary h2,
body.sundae-dark .sundae-search-result-group h2,
body.sundae-dark .sundae-empty-state h2,
body.sundae-dark .sundae-search-result-item h3 a {
    color: #e8f4f2;
}

body.sundae-dark .sundae-search-summary p,
body.sundae-dark .sundae-search-result-item p,
body.sundae-dark .sundae-empty-state p {
    color: #a9babf;
}

body.sundae-dark .sundae-search-result-item,
body.sundae-dark .sundae-empty-state,
body.sundae-dark .sundae-google-search-panel,
body.sundae-dark .sundae-internal-search-panel {
    border-color: rgba(139, 216, 206, .18);
    background: #142226;
    box-shadow: none;
}

body.sundae-dark .sundae-search-panel-head h2,
body.sundae-dark .sundae-internal-search-item h3 a {
    color: #e8f4f2;
}

body.sundae-dark .sundae-search-panel-head p,
body.sundae-dark .sundae-internal-search-item p,
body.sundae-dark .sundae-internal-search-empty p {
    color: #a9babf;
}

body.sundae-dark .sundae-internal-search-item {
    border-color: rgba(255, 255, 255, .08);
}

body.sundae-dark .sundae-resource-search-field input {
    border-color: rgba(255, 255, 255, .12);
    background: rgba(255, 255, 255, .04);
    color: #eaf4f2;
}

body.sundae-dark .sundae-resource-search-field input:focus {
    border-color: #f9be79;
    background: rgba(255, 255, 255, .06);
    box-shadow: 0 0 0 3px rgba(249, 190, 121, .12);
}

body.sundae-dark .sundae-resource-search-clear {
    border-color: rgba(255, 255, 255, .12);
}

body.sundae-dark .sundae-catalog-image,
body.sundae-dark .sundae-catalog-detail-image {
    background: #0f1b20;
}

body.sundae-dark .sundae-sidebar-list a,
body.sundae-dark .sundae-catalog-body h2 a,
body.sundae-dark .sundae-catalog-back,
body.sundae-dark .sundae-catalog-intro,
body.sundae-dark .sundae-catalog-learn,
body.sundae-dark .sundae-catalog-lede,
body.sundae-dark .sundae-tool-card a,
body.sundae-dark .sundae-resource-name,
body.sundae-dark .sundae-resource-index-intro h2,
body.sundae-dark .sundae-resource-directory-card h2 {
    color: #eaf4f2;
}

body.sundae-dark .sundae-catalog-category,
body.sundae-dark .sundae-catalog-excerpt,
body.sundae-dark .sundae-tool-card p,
body.sundae-dark .sundae-resource-count,
body.sundae-dark .sundae-resource-location,
body.sundae-dark .sundae-resource-summary,
body.sundae-dark .sundae-resource-contact,
body.sundae-dark .sundae-resource-location-line,
body.sundae-dark .sundae-resource-index-intro p:last-child,
body.sundae-dark .sundae-resource-directory-footer span,
body.sundae-dark .sundae-resource-directory-card p {
    color: #b8c8c5;
}

#footer {
    background: #123744;
    color: rgba(255,255,255,.78);
}

#footer h4 {
    color: #fff;
    font-size: .95rem;
    letter-spacing: 0;
    margin-bottom: 1rem;
}

#footer a:not(.button) {
    color: rgba(255,255,255,.84);
}

#footer a:not(.button):hover,
#footer a:not(.button):focus {
    color: #fff;
}

.sundae-site-footer {
    border-top: 1px solid rgba(255,255,255,.08);
}

.sundae-site-footer .footer-widgets-wrap {
    border-bottom: 1px solid rgba(255,255,255,.1);
}

.sundae-footer-brand {
    display: inline-flex;
    align-items: center;
    margin-bottom: 1.25rem;
}

.sundae-footer-brand img {
    width: 172px;
    height: auto;
    filter: drop-shadow(0 6px 14px rgba(0,0,0,.22));
}

.sundae-footer-about {
    max-width: 460px;
    margin: 0 0 1.35rem;
    color: rgba(255,255,255,.76);
    line-height: 1.75;
}

.sundae-footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .65rem;
}

.sundae-footer-actions a {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    padding: .55rem .75rem;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 6px;
    background: rgba(255,255,255,.08);
    font-weight: 600;
}

.sundae-footer-actions a:hover,
.sundae-footer-actions a:focus {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.32);
}

.sundae-footer-links {
    display: grid;
    gap: .55rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sundae-footer-links a {
    display: inline-flex;
    align-items: center;
    line-height: 1.35;
}

.sundae-footer-links a::before {
    content: "";
    width: 4px;
    height: 4px;
    margin-right: .55rem;
    border-radius: 50%;
    background: rgba(103, 211, 194, .82);
    transform: translateY(1px);
}

.sundae-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.15rem 0;
}

.sundae-footer-bottom p {
    margin: 0;
}

.sundae-footer-bottom nav {
    display: flex;
    flex-wrap: wrap;
    gap: .9rem;
}

.sundae-contact-hero {
    position: relative;
    min-height: clamp(240px, 28vw, 375px);
    padding: clamp(50px, 6vw, 86px) 0 clamp(46px, 5.35vw, 78px);
    overflow: hidden;
    background:
        linear-gradient(90deg, rgba(232, 245, 242, .9) 0%, rgba(232, 245, 242, .68) 38%, rgba(232, 245, 242, .34) 68%, rgba(232, 245, 242, .18) 100%),
        url('/images/contact-hero.jpg') center center / cover no-repeat;
}

.sundae-contact-hero p {
    margin: 0 0 .45rem;
    color: #15977e;
    font-weight: 700;
}

.sundae-contact-hero span {
    display: block;
    max-width: 680px;
    color: #5d747b;
    font-size: 1.08rem;
}

.sundae-contact-hero .container {
    position: relative;
    z-index: 1;
}

.sundae-contact-form,
.sundae-contact-side {
    border: 1px solid #dbe9e6;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 18px 50px rgba(20, 63, 79, .08);
}

.sundae-contact-form {
    display: grid;
    gap: 1.1rem;
    padding: clamp(1.25rem, 3vw, 2rem);
}

.sundae-contact-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.sundae-contact-form label {
    display: grid;
    gap: .45rem;
    margin: 0;
}

.sundae-contact-form label span {
    color: #254a55;
    font-weight: 700;
}

.sundae-contact-form input,
.sundae-contact-form select,
.sundae-contact-form textarea {
    width: 100%;
    border: 1px solid #cfe0dd;
    border-radius: 6px;
    background: #fbfdfd;
    color: #183f4a;
    font-size: 1rem;
    padding: .78rem .9rem;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
}

.sundae-contact-form textarea {
    min-height: 220px;
    resize: vertical;
}

.sundae-contact-form input:focus,
.sundae-contact-form select:focus,
.sundae-contact-form textarea:focus {
    border-color: #15977e;
    background: #fff;
    box-shadow: 0 0 0 3px rgba(21, 151, 126, .14);
    outline: 0;
}

.sundae-contact-custom-subject,
.sundae-contact-hp {
    display: none !important;
}

.sundae-contact-custom-subject.is-visible {
    display: grid !important;
}

.sundae-contact-submit {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: space-between;
}

.sundae-contact-submit button {
    display: inline-flex;
    align-items: center;
    gap: .5rem;
    border: 0;
    border-radius: 6px;
    background: #15977e;
    color: #fff;
    font-weight: 800;
    padding: .82rem 1.15rem;
}

.sundae-contact-submit button:hover,
.sundae-contact-submit button:focus {
    background: #117a68;
}

.sundae-contact-submit p {
    max-width: 390px;
    margin: 0;
    color: #6c8085;
    font-size: .92rem;
    line-height: 1.55;
}

.sundae-contact-response {
    border-radius: 6px;
    padding: .85rem 1rem;
    font-weight: 700;
}

.sundae-contact-response.is-success {
    border: 1px solid #a9ded1;
    background: #e9faf6;
    color: #0f695b;
}

.sundae-contact-response.is-error {
    border: 1px solid #f2b9b9;
    background: #fff0f0;
    color: #a33a3a;
}

.sundae-contact-side {
    display: grid;
    gap: 0;
    overflow: hidden;
}

.sundae-contact-side section {
    padding: 1.25rem 1.35rem;
    border-bottom: 1px solid #e4eeeb;
}

.sundae-contact-side section:last-child {
    border-bottom: 0;
}

.sundae-contact-side h2 {
    margin: 0 0 .65rem;
    color: #173f4f;
    font-size: 1.05rem;
    letter-spacing: 0;
}

.sundae-contact-side p {
    margin: 0;
    color: #637a80;
    line-height: 1.65;
}

.sundae-contact-side a {
    display: block;
    color: #15977e;
    font-weight: 700;
    margin-top: .45rem;
}

.sundae-contact-email-image {
    display: block;
    width: min(100%, 230px);
    height: auto;
    margin-top: .55rem;
}

#copyrights {
    background: rgba(0,0,0,.18);
    color: rgba(255,255,255,.7);
}

@media (max-width: 767.98px) {
    .sundae-logo {
        min-height: 54px;
    }

    .sundae-logo img,
    #header-wrap #logo .sundae-logo img,
    .is-expanded-menu #header.sticky-header-shrink #header-wrap #logo .sundae-logo img {
        width: 148px;
        height: auto !important;
    }

    .sundae-search {
        grid-template-columns: 1fr;
    }

    .sundae-site-search-row {
        flex-direction: column;
    }

    .sundae-site-search-row .button {
        width: 100%;
    }

    .sundae-search-result-item {
        grid-template-columns: minmax(0, 1fr);
    }

    .sundae-search-layout {
        grid-template-columns: 1fr;
    }

    .sundae-mega-grid {
        grid-template-columns: 1fr;
    }

    .sundae-mega-shell {
        width: calc(100vw - 24px);
        margin: 12px auto;
        max-height: calc(100vh - 24px);
    }

    .sundae-mega-head {
        align-items: flex-start;
        padding: 20px;
    }

    .sundae-global-search-row {
        grid-template-columns: 1fr 54px;
    }

    .sundae-caption h2 {
        font-size: 2.35rem;
    }

    .sundae-footer-brand img {
        width: 150px;
    }

    .sundae-footer-bottom {
        align-items: flex-start;
        flex-direction: column;
    }

    .sundae-contact-grid,
    .sundae-contact-submit {
        grid-template-columns: 1fr;
    }

    .sundae-contact-submit {
        align-items: stretch;
        flex-direction: column;
    }

    .sundae-catalog-grid {
        grid-template-columns: 1fr;
    }

    .sundae-tools-grid {
        grid-template-columns: 1fr;
    }

    .sundae-resource-directory-cards {
        grid-template-columns: 1fr;
    }

    .sundae-resource-search {
        grid-template-columns: 1fr;
        padding: 12px;
    }

    .sundae-resource-search-submit,
    .sundae-resource-search-clear {
        width: 100%;
    }

    .sundae-resource-grid-head {
        display: none;
    }

    .sundae-resource-row {
        grid-template-columns: 1fr;
        gap: 7px;
        padding: 16px;
    }

    .sundae-resource-summary {
        white-space: normal;
    }

    .sundae-resource-location::before,
    .sundae-resource-summary::before,
    .sundae-resource-contact::before {
        display: block;
        margin-bottom: 2px;
        color: #7a8c91;
        font-size: .72rem;
        font-weight: 700;
        text-transform: uppercase;
    }

    .sundae-resource-location::before {
        content: "Location";
    }

    .sundae-resource-summary::before {
        content: "Details";
    }

    .sundae-resource-contact::before {
        content: "Contact";
    }

}

@media (min-width: 768px) and (max-width: 991.98px) {
    .sundae-catalog-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sundae-tools-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sundae-resource-directory-cards {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sundae-resource-search {
        grid-template-columns: minmax(220px, 1fr) 88px minmax(140px, .6fr) auto;
    }

    .sundae-resource-search-clear {
        grid-column: 1 / -1;
        justify-self: start;
        min-height: 34px;
    }

    .sundae-resource-grid .sundae-resource-grid-head,
    .sundae-resource-row {
        grid-template-columns: minmax(200px, 1fr) minmax(150px, .8fr) minmax(180px, 1fr);
    }

    .sundae-resource-grid .sundae-resource-grid-head span:nth-child(4),
    .sundae-resource-contact {
        display: none;
    }
}

.sundae-tool-box {
    max-width: 760px;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    padding: 24px;
    margin: 24px 0;
    background: #fff;
}

.sundae-tool-description {
    max-width: 920px;
    overflow: hidden;
    border: 1px solid #e4ece9;
    border-radius: 8px;
    padding: clamp(18px, 3vw, 30px);
    background: #fff;
}

.sundae-tool-breadcrumb {
    margin: 0 0 16px;
    font-weight: 700;
}

.sundae-tool-featured-image {
    margin: 0 0 22px;
}

.sundae-tool-description img,
.sundae-tool-description video,
.sundae-tool-description iframe,
.sundae-tool-description canvas,
.sundae-tool-description svg {
    max-width: 100%;
    height: auto;
}

.sundae-tool-description table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
}

.sundae-tool-description pre,
.sundae-tool-description code {
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.sundae-tool-runtime {
    max-width: 100%;
    overflow: hidden;
}

.sundae-tool-box form {
    display: grid;
    gap: 16px;
}

.sundae-tool-box label {
    display: grid;
    gap: 6px;
    font-weight: 600;
}

.sundae-tool-box input,
.sundae-tool-box select,
.sundae-tool-box textarea,
.sundae-tool-box button {
    width: 100%;
    max-width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.18);
    border-radius: 6px;
    padding: 10px 12px;
    font: inherit;
}

.sundae-tool-result {
    margin-top: 18px;
    border-left: 4px solid #0b7ea4;
    background: rgba(11, 126, 164, 0.08);
    padding: 14px 16px;
    border-radius: 6px;
    overflow-wrap: anywhere;
}

.sundae-tool-preview {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.sundae-tool-preview canvas {
    width: min(100%, 360px);
    border: 1px solid #d8e2df;
    border-radius: 8px;
    background: #f8fbfa;
}

.sundae-tool-inline-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

@media (max-width: 575.98px) {
    .sundae-tool-inline-grid {
        grid-template-columns: 1fr;
    }
}

body.sundae-dark .sundae-tool-description {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.14);
}

body.sundae-dark .sundae-tool-box {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.14);
}

body.sundae-dark .sundae-tool-box input,
body.sundae-dark .sundae-tool-box select,
body.sundae-dark .sundae-tool-box textarea {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    border-color: rgba(255, 255, 255, 0.18);
}
.sundae-tool-search {
    max-width: 760px;
    margin: 0 0 26px;
}

.sundae-tool-search form {
    display: grid;
    gap: 8px;
}

.sundae-tool-search label {
    margin: 0;
    color: #173f4f;
    font-weight: 700;
}

.sundae-tool-search-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 10px;
}

.sundae-tool-search input {
    min-height: 44px;
    border: 1px solid #d8e2df;
    border-radius: 6px;
    padding: 10px 12px;
    font: inherit;
}

.sundae-tool-search button {
    min-height: 44px;
    border: 0;
    border-radius: 6px;
    padding: 0 18px;
    background: #0b7ea4;
    color: #fff;
    font-weight: 700;
}

.sundae-tool-search-results {
    margin-top: 16px;
    border: 1px solid #e6ecea;
    border-radius: 8px;
    background: #fff;
    padding: 18px;
}

.sundae-tool-search-results h2 {
    margin: 0 0 12px;
    font-size: 1rem;
}

.sundae-tool-search-list {
    display: grid;
    gap: 10px;
}

.sundae-tool-search-list a {
    display: grid;
    gap: 2px;
    color: #173f4f;
}

.sundae-tool-search-list span,
.sundae-tool-search-list small {
    color: #5b6f73;
}

body.sundae-dark .sundae-tool-search label,
body.sundae-dark .sundae-tool-search-list a {
    color: #eef8f6;
}

body.sundae-dark .sundae-tool-search input,
body.sundae-dark .sundae-tool-search-results {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.14);
    color: #fff;
}

body.sundae-dark .sundae-tool-search-list span,
body.sundae-dark .sundae-tool-search-list small {
    color: #b8c8c5;
}

@media (max-width: 575.98px) {
    .sundae-tool-search-row {
        grid-template-columns: 1fr;
    }
}
.sundae-forum-hero h1,
.sundae-forum-title h1 {
    font-weight: 800;
    letter-spacing: 0;
}

.sundae-forum-title h1,
.page-title .page-title-content h1 {
    font-size: clamp(1.75rem, 2.35vw, 2.45rem);
    line-height: 1.28;
}

.page-title .breadcrumb {
    font-size: .9rem;
}

.sundae-forum-landing-hero {
    position: relative;
    overflow: hidden;
    min-height: 430px;
    background:
        radial-gradient(circle at 82% 18%, rgba(255, 211, 133, .45), transparent 26%),
        radial-gradient(circle at 18% 78%, rgba(127, 210, 197, .24), transparent 32%),
        linear-gradient(135deg, #f7fbff 0%, #e9f6f4 52%, #fff4df 100%) !important;
}

.sundae-forum-landing-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(255, 255, 255, .82), rgba(255, 255, 255, .38)),
        radial-gradient(circle at 72% 26%, rgba(255, 255, 255, .55), transparent 28%);
    pointer-events: none;
}

.sundae-forum-landing-hero .sundae-forum-kicker {
    color: #0b7ea4;
}

.sundae-forum-landing-hero h1 {
    color: #173f4f;
}

.sundae-forum-landing-hero .sundae-forum-hero-copy {
    color: #49666d;
}

.sundae-forum-landing-hero .container {
    position: relative;
    z-index: 1;
}

.sundae-forum-kicker,
.sundae-section-kicker {
    margin: 0 0 12px;
    color: #f9be79;
    font-family: Montserrat, sans-serif;
    font-size: .82rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sundae-forum-hero-copy {
    max-width: 680px;
    margin: 0;
    color: rgba(255, 255, 255, .88);
    font-size: 1.08rem;
    line-height: 1.75;
}

.sundae-forum-search {
    max-width: 620px;
    border: 1px solid rgba(255, 255, 255, .18);
    border-radius: 8px;
    box-shadow: 0 18px 45px rgba(8, 41, 54, .2);
}

.sundae-forum-search .form-control,
.sundae-forum-search .btn {
    min-height: 56px;
}

.sundae-forum-hero-image {
    z-index: 3;
    transform: translateY(42px);
    max-height: 420px;
    object-fit: contain;
}

.sundae-section-kicker {
    color: var(--cnvs-themecolor);
}

.sundae-forum-index {
    max-width: 1120px;
    margin: 0 auto;
}

.sundae-forum-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 30px;
}

.sundae-forum-stats div {
    padding: 20px 18px;
    border: 1px solid #dce6e3;
    border-radius: 8px;
    background: #fff;
    text-align: center;
    box-shadow: 0 12px 30px rgba(17, 49, 61, .07);
}

.sundae-forum-stats strong {
    display: block;
    color: #173f4f;
    font-family: Montserrat, sans-serif;
    font-size: 1.85rem;
    line-height: 1;
}

.sundae-forum-stats span {
    display: block;
    margin-top: 8px;
    color: #4b5f64;
    font-size: .92rem;
    font-weight: 700;
}

.sundae-forum-groups {
    display: grid;
    gap: 24px;
}

.sundae-forum-channel-group {
    overflow: hidden;
    border: 1px solid #dce6e3;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 16px 36px rgba(17, 49, 61, .08);
}

.sundae-forum-group-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 22px;
    border-bottom: 1px solid #e6eeee;
    background: #f4fbf8;
}

.sundae-forum-group-eyebrow {
    display: block;
    margin-bottom: 4px;
    color: #729095;
    font-family: Montserrat, sans-serif;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.sundae-forum-group-header h3 {
    margin: 0;
    color: #173f4f;
    font-size: 1.35rem;
    line-height: 1.3;
}

.sundae-forum-group-count {
    flex: 0 0 auto;
    padding: 7px 10px;
    border-radius: 8px;
    background: #173f4f;
    color: #fff;
    font-size: .78rem;
    font-weight: 800;
}

.sundae-forum-channel-list {
    display: grid;
}

.sundae-forum-channel-card {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr) minmax(220px, .55fr);
    gap: 18px;
    align-items: center;
    padding: 20px 22px;
    border-bottom: 1px solid #edf2f0;
}

.sundae-forum-channel-card:last-child {
    border-bottom: 0;
}

.sundae-forum-channel-card:hover {
    background: #fbfdfc;
}

.sundae-forum-channel-icon {
    display: grid;
    width: 48px;
    height: 48px;
    place-items: center;
    border-radius: 8px;
    background: #e8f5f1;
    color: var(--cnvs-themecolor);
    font-size: 1.25rem;
}

.sundae-forum-channel-main h4 {
    margin: 0;
    font-size: 1.08rem;
    line-height: 1.35;
}

.sundae-forum-channel-main h4 a {
    color: #173f4f;
    font-weight: 800;
}

.sundae-forum-channel-main p {
    margin: 6px 0 0;
    color: #4b5f64;
    font-size: .94rem;
    line-height: 1.55;
}

.sundae-forum-channel-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 10px;
}

.sundae-forum-channel-meta a {
    padding: 5px 8px;
    border-radius: 8px;
    background: #f1f6f4;
    color: #4b5f64;
    font-size: .78rem;
    font-weight: 700;
}

.sundae-forum-channel-recent {
    display: grid;
    gap: 6px;
    padding-left: 18px;
    border-left: 1px solid #e6eeee;
}

.sundae-forum-channel-recent span {
    color: #729095;
    font-size: .76rem;
    font-weight: 800;
}

.sundae-forum-channel-recent a {
    color: #173f4f;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.45;
}

.sundae-forum-empty {
    margin: 0;
    padding: 22px;
    color: #4b5f64;
}

.sundae-forum-channel-group .topic,
.canvas-forum-channel .topic {
    padding-left: 0;
    padding-right: 0;
}

.sundae-forum-author-stack {
    min-height: 36px;
    position: relative;
}

.sundae-forum-post-content img {
    max-width: 100%;
    height: auto;
}

.canvas-forum-topic .forum-post {
    border: 0;
    padding-bottom: 0;
}

.canvas-forum-topic .topic-post:first-child {
    margin-top: 0;
}

.canvas-forum-topic .quote,
.canvas-forum-topic .topic-post a[data-request] {
    color: #2f2e41;
    font-weight: 600;
}

body.sundae-dark .canvas-forum-index .link-dark,
body.sundae-dark .canvas-forum-channel .link-dark,
body.sundae-dark .canvas-forum-topic .text-dark {
    color: #f4f8f7 !important;
}

body.sundae-dark .sundae-forum-stats div,
body.sundae-dark .sundae-forum-channel-group {
    border-color: rgba(255, 255, 255, .08);
    background: #142329;
}

body.sundae-dark .sundae-forum-group-header {
    border-color: rgba(255, 255, 255, .08);
    background: #0f1b20;
}

body.sundae-dark .sundae-forum-channel-card {
    border-color: rgba(255, 255, 255, .07);
}

body.sundae-dark .sundae-forum-channel-card:hover {
    background: #172930;
}

body.sundae-dark .sundae-forum-stats strong,
body.sundae-dark .sundae-forum-group-header h3,
body.sundae-dark .sundae-forum-channel-main h4 a,
body.sundae-dark .sundae-forum-channel-recent a {
    color: #eaf4f2;
}

body.sundae-dark .sundae-forum-stats span,
body.sundae-dark .sundae-forum-channel-main p,
body.sundae-dark .sundae-forum-channel-recent span,
body.sundae-dark .sundae-forum-empty {
    color: #b8c8c5;
}

body.sundae-dark .sundae-forum-channel-icon,
body.sundae-dark .sundae-forum-channel-meta a {
    background: rgba(255, 255, 255, .06);
}

body.sundae-dark .sundae-forum-channel-recent {
    border-color: rgba(255, 255, 255, .08);
}

body.sundae-dark .topic-post.reply {
    background-color: rgba(249, 190, 121, 0.08);
}

@media (max-width: 991.98px) {
    .sundae-forum-channel-card {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .sundae-forum-channel-recent {
        grid-column: 2;
        padding: 0;
        border-left: 0;
    }
}

@media (max-width: 575.98px) {
    .sundae-forum-landing-hero {
        min-height: 0;
    }

    .sundae-forum-stats {
        grid-template-columns: 1fr;
    }

    .sundae-forum-group-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .sundae-forum-channel-card {
        grid-template-columns: 1fr;
    }

    .sundae-forum-channel-recent {
        grid-column: auto;
    }
}
