/* UNKA Lembaga Bahasa — frontend and Gutenberg canvas. */

.unka-language-quick-card.is-registration .unka-language-quick-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgM2gxMXYxOEg0eiIvPjxwYXRoIGQ9Ik04IDdoNE04IDExaDRNOCAxNWgzTTE0IDE3bDUtNSAyIDItNSA1LTMgMXoiLz48L3N2Zz4=");
}

.unka-language-quick-card.is-schedule .unka-language-quick-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iNSIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE2IiByeD0iMiIvPjxwYXRoIGQ9Ik03IDN2NE0xNyAzdjRNMyAxMGgxOE03IDE0aDJNMTEgMTRoMk0xNSAxNGgyTTcgMThoMk0xMSAxOGgyIi8+PC9zdmc+");
}

.unka-language-quick-card.is-certificate .unka-language-quick-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHJlY3QgeD0iMyIgeT0iMyIgd2lkdGg9IjE4IiBoZWlnaHQ9IjE0IiByeD0iMiIvPjxwYXRoIGQ9Ik03IDdoMTBNNyAxMWg1TTE2IDExYTIgMiAwIDEgMCAwIC4wMU0xNC44IDEzbC0uOCA1IDItMSAyIDEtLjgtNSIvPjwvc3ZnPg==");
}

.unka-language-quick-card.is-contact .unka-language-quick-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTQgNWgxMmEzIDMgMCAwIDEgMyAzdjVhMyAzIDAgMCAxLTMgM0g5bC01IDR2LTRhMyAzIDAgMCAxLTItM1Y4YTMgMyAwIDAgMSAyLTN6Ii8+PHBhdGggZD0iTTcgOWg3TTcgMTJoNSIvPjwvc3ZnPg==");
}

.unka-language-service-card.is-test .unka-language-service-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgNWE0IDQgMCAwIDEgNC0yYzIgMCA0IDEgNSAzIDEtMiAzLTMgNS0zYTQgNCAwIDAgMSA0IDJ2MTVhNSA1IDAgMCAwLTQtMmMtMiAwLTQgMS01IDMtMS0yLTMtMy01LTNhNSA1IDAgMCAwLTQgMnpNMTIgNnYxNSIvPjwvc3ZnPg==");
}

.unka-language-service-card.is-training .unka-language-service-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iOSIgY3k9IjgiIHI9IjMiLz48Y2lyY2xlIGN4PSIxNyIgY3k9IjkiIHI9IjIuNSIvPjxwYXRoIGQ9Ik0zIDIwdi0yYTUgNSAwIDAgMSA1LTVoMmE1IDUgMCAwIDEgNSA1djJNMTUgMTRoMWE1IDUgMCAwIDEgNSA1djEiLz48L3N2Zz4=");
}

.unka-language-service-card.is-translation .unka-language-service-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTYgMmg4bDQgNHYxNkg2eiIvPjxwYXRoIGQ9Ik0xNCAydjVoNU05IDExaDZNOSAxNWg2TTkgMTloNCIvPjwvc3ZnPg==");
}

.unka-language-service-card.is-assistance .unka-language-service-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjgiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggZD0iTTMgNGgxM2EzIDMgMCAwIDEgMyAzdjZhMyAzIDAgMCAxLTMgM0g5bC01IDR2LTRhMyAzIDAgMCAxLTEtMnoiLz48cGF0aCBkPSJNOCA4aDZNOCAxMmg0TTE4IDloMWEyIDIgMCAwIDEgMiAydjdsLTMtMiIvPjwvc3ZnPg==");
}

.unka-language-contact-row.is-address .unka-language-contact-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik0xMiAyYTcgNyAwIDAgMC03IDdjMCA1LjIgNyAxMyA3IDEzczctNy44IDctMTNhNyA3IDAgMCAwLTctN3ptMCA5LjVBMi41IDIuNSAwIDEgMSAxMiA2YTIuNSAyLjUgMCAwIDEgMCA1LjV6Ii8+PC9zdmc+");
}

.unka-language-contact-row.is-phone .unka-language-contact-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik02LjYgMi41IDMuOCA0LjFjLTEgLjYtMS40IDEuOC0xIDIuOSAyLjQgNi44IDcuNCAxMS44IDE0LjIgMTQuMiAxLjEuNCAyLjMgMCAyLjktMWwxLjYtMi44Yy41LS45LjMtMi0uNS0yLjZsLTMuMi0yLjRjLS44LS42LTEuOS0uNS0yLjYuMmwtMS43IDEuN2ExNSAxNSAwIDAgMS0zLjgtMy44bDEuNy0xLjdjLjctLjcuOC0xLjguMi0yLjZMOS4yIDNjLS42LS44LTEuNy0xLTIuNi0uNXoiLz48L3N2Zz4=");
}

.unka-language-contact-row.is-email .unka-language-contact-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siPjxwYXRoIGQ9Ik0zIDRoMThhMiAyIDAgMCAxIDIgMnYxMmEyIDIgMCAwIDEtMiAySDNhMiAyIDAgMCAxLTItMlY2YTIgMiAwIDAgMSAyLTJ6bTAgMyA5IDYgOS02VjZsLTkgNi05LTZ6Ii8+PC9zdmc+");
}

.unka-language-contact-row.is-hours .unka-language-contact-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMyIgcj0iOCIvPjxwYXRoIGQ9Ik0xMiA5djVsMyAyTTggMmg4TTEyIDJ2M000IDdsLTItMk0yMCA3bDItMiIvPjwvc3ZnPg==");
}

.unka-language-contact-row.is-instagram .unka-language-contact-icon {
    --unka-language-icon: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIxLjkiPjxyZWN0IHg9IjMiIHk9IjMiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgcng9IjUiLz48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSI0Ii8+PGNpcmNsZSBjeD0iMTcuNSIgY3k9IjYuNSIgcj0iMSIgZmlsbD0iYmxhY2siIHN0cm9rZT0ibm9uZSIvPjwvc3ZnPg==");
}


.unka-language-page .hero-section,
.unka-language-page article > header.entry-header,
.unka-language-page article > .ct-featured-image,
.unka-language-page article > .post-thumbnail,
.unka-language-page article > figure.wp-block-post-featured-image {
    display: none;
}

.unka-language-page article,
.unka-language-page #main,
.unka-language-page .site-main,
.unka-language-page .content-area,
.unka-language-page .entry-content,
.unka-language-page [data-content="normal"] {
    width: 100%;
    max-width: none;
    margin: 0;
    padding: 0;
}

.unka-language-page .entry-content > :first-child {
    margin-top: 0;
}

.unka-language-page .entry-content > :last-child {
    margin-bottom: 0;
}

.unka-language-site {
    --language-navy: #031c35;
    --language-navy-soft: #082d50;
    --language-yellow: #ffb606;
    --language-text: #071f3c;
    --language-body: #3c536b;
    --language-muted: #708197;
    --language-border: #e0e7ef;
    width: 100vw;
    max-width: 100vw;
    margin: 0 calc(50% - 50vw);
    overflow-x: clip;
    color: var(--language-body);
    background: #f8fafc;
    font-family: inherit;
}

.unka-language-site,
.unka-language-site *,
.unka-language-site *::before,
.unka-language-site *::after {
    box-sizing: border-box;
}

.unka-language-site a {
    text-decoration: none;
}

.unka-language-site p,
.unka-language-site h1,
.unka-language-site h2,
.unka-language-site h3,
.unka-language-site figure {
    margin-top: 0;
}

.unka-language-container {
    width: min(1200px, calc(100% - 64px));
    max-width: none;
    margin-inline: auto;
}

.unka-language-local-nav {
    position: relative;
    z-index: 10;
    margin: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    background: var(--language-navy);
    transition: box-shadow 160ms ease, border-color 160ms ease;
}

.unka-language-page .unka-language-local-nav {
    position: sticky;
    z-index: 30;
    top: var(--language-local-nav-sticky-top, 0px);
}

.unka-language-page .unka-language-local-nav.is-stuck {
    box-shadow: 0 9px 22px rgba(3, 28, 53, 0.22);
}

.unka-language-local-nav-inner {
    display: flex;
    gap: 44px;
    align-items: center;
    min-height: 52px;
    margin: 0 auto;
}

.unka-language-local-nav .unka-language-nav-item {
    position: relative;
    margin: 0;
}

.unka-language-local-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 52px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 650;
}

.unka-language-local-nav .is-active::after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 4px;
    border-radius: 4px 4px 0 0;
    background: var(--language-yellow);
    content: "";
}

.unka-language-local-nav a:hover,
.unka-language-local-nav a:focus-visible {
    color: var(--language-yellow);
}

.unka-language-hero {
    position: relative;
    min-height: 352px;
    overflow: hidden;
    color: #ffffff;
    background-color: #092d52;
    background-image:
        linear-gradient(
            90deg,
            rgba(3, 29, 55, 0.99) 0%,
            rgba(4, 36, 68, 0.95) 41%,
            rgba(5, 43, 77, 0.64) 61%,
            rgba(5, 42, 76, 0.1) 100%
        ),
        var(--unka-language-hero-image);
    background-position: center, center right;
    background-repeat: no-repeat;
    background-size: cover, cover;
}

.unka-language-hero-inner {
    position: relative;
    z-index: 2;
    display: block;
    padding-top: 24px;
    padding-bottom: 34px;
}

.unka-language-hero-inner.is-layout-constrained > *,
.unka-language-hero-inner > * {
    width: 100%;
    max-width: 620px;
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.unka-language-breadcrumb {
    display: flex;
    gap: 8px;
    align-items: center;
    margin: 0 0 24px;
    color: rgba(255, 255, 255, 0.86);
    font-size: 13px;
    line-height: 1.4;
}

.unka-language-breadcrumb a,
.unka-language-breadcrumb strong {
    color: inherit;
    font-weight: 600;
}

.unka-language-hero-title {
    margin: 0 0 14px;
    color: #ffffff;
    font-size: clamp(38px, 4.3vw, 56px);
    font-weight: 850;
    letter-spacing: -0.04em;
    line-height: 1.03;
}

.unka-language-hero-title mark {
    padding: 0;
    color: var(--language-yellow);
    background: transparent;
}

.unka-language-hero-description {
    margin: 0 0 22px;
    color: rgba(255, 255, 255, 0.93);
    font-size: 15px;
    line-height: 1.55;
}

.unka-language-hero-actions {
    display: flex;
    gap: 14px;
    justify-content: flex-start;
    margin: 0;
}

.unka-language-button .wp-block-button__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 12px 20px;
    border: 1px solid transparent;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.2;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.unka-language-button.is-primary .wp-block-button__link {
    color: #10243a;
    background: var(--language-yellow);
}

.unka-language-button.is-secondary .wp-block-button__link {
    border-color: rgba(255, 255, 255, 0.9);
    color: #ffffff;
    background: rgba(2, 25, 48, 0.24);
}

.unka-language-about-copy .unka-language-button.is-primary .wp-block-button__link {
    color: #10243a;
}

.unka-language-button .wp-block-button__link:hover,
.unka-language-button .wp-block-button__link:focus-visible {
    transform: translateY(-1px);
    box-shadow: 0 10px 22px rgba(3, 27, 52, 0.2);
}

.unka-language-main {
    margin: 0;
    padding: 0 0 44px;
    background: #f8fafc;
}

.unka-language-quick-section {
    margin: 0;
    padding: 22px 0 16px;
}

.unka-language-quick-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.unka-language-quick-card {
    position: relative;
    display: grid;
    grid-template-columns: 54px minmax(0, 1fr) 26px;
    grid-template-rows: auto auto;
    column-gap: 14px;
    align-items: center;
    min-height: 146px;
    margin: 0 !important;
    padding: 20px 18px;
    border: 1px solid #edf1f5;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 7px 24px rgba(9, 36, 65, 0.07);
}

.unka-language-quick-card h3,
.unka-language-quick-card > p:not(.unka-language-quick-icon):not(.unka-language-card-link) {
    grid-column: 2;
    margin: 0;
}

.unka-language-quick-card h3 {
    align-self: end;
    color: var(--language-text);
    font-size: 17px;
    font-weight: 820;
    line-height: 1.25;
}

.unka-language-quick-card > p:not(.unka-language-quick-icon):not(.unka-language-card-link) {
    align-self: start;
    margin-top: 5px;
    color: var(--language-body);
    font-size: 13px;
    line-height: 1.45;
}

.unka-language-quick-icon {
    grid-row: 1 / span 2;
    grid-column: 1;
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 0;
    border-radius: 50%;
    color: #f4a500;
    background: #fff1cd;
    font-size: 0;
}

.unka-language-quick-card.is-schedule .unka-language-quick-icon {
    color: #195bc8;
    background: #e9f0ff;
}

.unka-language-quick-card.is-certificate .unka-language-quick-icon {
    color: #26863b;
    background: #e5f5e6;
}

.unka-language-quick-card.is-contact .unka-language-quick-icon {
    color: #bd3441;
    background: #fde7e8;
}

.unka-language-card-link {
    grid-row: 1 / span 2;
    grid-column: 3;
    margin: 0;
    text-align: right;
}

.unka-language-card-link a {
    color: var(--language-text);
    font-size: 24px;
    font-weight: 500;
}

.unka-language-section {
    margin: 0;
    padding-top: 28px;
    scroll-margin-top: calc(
        var(--language-local-nav-sticky-top, 0px)
        + var(--language-local-nav-height, 52px)
        + 18px
    );
}

.unka-language-section-title,
.unka-language-panel-heading h2,
.unka-language-contact-panel > h2 {
    position: relative;
    margin: 0 0 22px;
    color: var(--language-text);
    font-size: clamp(22px, 2.5vw, 30px);
    font-weight: 850;
    letter-spacing: -0.025em;
    line-height: 1.2;
}

.unka-language-section-title::after,
.unka-language-panel-heading h2::after,
.unka-language-contact-panel > h2::after {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 34px;
    height: 4px;
    border-radius: 4px;
    background: var(--language-yellow);
    content: "";
}

.unka-language-about-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(0, 0.98fr);
    gap: 30px;
    align-items: stretch;
}

.unka-language-about-image {
    min-height: 235px;
    margin: 0;
    overflow: hidden;
    border-radius: 7px;
    background: #dfe7ec;
}

.unka-language-about-image img {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 235px;
    object-fit: cover;
}

.unka-language-about-copy {
    margin: 0;
}

.unka-language-about-copy > p {
    margin: 0 0 16px;
    color: #3e5570;
    font-size: 14px;
    line-height: 1.65;
}

.unka-language-about-copy .wp-block-buttons {
    margin: 20px 0 0;
}

.unka-language-services-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
    align-items: stretch;
}

.unka-language-service-card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 348px;
    margin: 0 !important;
    overflow: hidden;
    border: 1px solid #e6ebf1;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 7px 20px rgba(7, 35, 62, 0.055);
}

.unka-language-service-image {
    height: 132px;
    margin: 0;
    overflow: hidden;
    background: #dce5ec;
}

.unka-language-service-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.unka-language-service-icon {
    position: absolute;
    top: 104px;
    left: 20px;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 56px;
    height: 56px;
    margin: 0;
    border: 3px solid #ffffff;
    border-radius: 50%;
    color: #ffffff;
    background: var(--language-navy);
    box-shadow: 0 5px 13px rgba(3, 28, 52, 0.18);
    font-size: 0;
}

.unka-language-service-copy {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    margin: 0;
    padding: 38px 20px 20px;
}

.unka-language-service-copy h3 {
    min-height: 42px;
    margin: 0 0 8px;
    color: var(--language-text);
    font-size: 17px;
    font-weight: 830;
    line-height: 1.22;
}

.unka-language-service-copy > p:not(.unka-language-service-link) {
    margin: 0;
    color: #50657b;
    font-size: 13px;
    line-height: 1.5;
}

.unka-language-service-link {
    margin: auto 0 0;
    padding-top: 18px;
}

.unka-language-service-link a {
    color: var(--language-text);
    font-size: 13px;
    font-weight: 800;
}

.unka-language-bottom-section {
    padding-top: 28px;
}

.unka-language-bottom-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(360px, 0.82fr);
    gap: 18px;
    align-items: stretch;
}

.unka-language-panel {
    min-width: 0;
    margin: 0 !important;
    padding: 24px;
    border: 1px solid #e6ebf1;
    border-radius: 7px;
    background: #ffffff;
    box-shadow: 0 7px 22px rgba(7, 35, 62, 0.055);
}

.unka-language-announcement-panel {
    display: flex;
    flex-direction: column;
}

.unka-language-panel-heading {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 0 20px;
}

.unka-language-panel-heading h2,
.unka-language-contact-panel > h2 {
    margin-bottom: 18px;
    font-size: 24px;
}

.unka-language-panel-heading > a,
.unka-language-panel-heading p a {
    color: var(--language-text);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.unka-language-announcement-search {
    position: relative;
    flex: 0 1 270px;
    width: min(270px, 48%);
    margin: 0;
}

.unka-language-announcement-search::before {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 15px;
    height: 15px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2365788d' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    pointer-events: none;
}

.unka-language-announcement-search input[type="search"] {
    width: 100%;
    min-height: 40px;
    margin: 0;
    padding: 8px 12px 8px 36px;
    border: 1px solid #d9e1ea;
    border-radius: 6px;
    color: var(--language-text);
    background: #ffffff;
    box-shadow: none;
    font-size: 13px;
    line-height: 1.35;
}

.unka-language-announcement-search input[type="search"]:focus {
    border-color: #2871cc;
    outline: 3px solid rgba(40, 113, 204, 0.14);
}

.unka-language-announcement-list {
    flex: 1 0 auto;
    margin: 0;
}

.unka-language-announcement-item[hidden],
.unka-language-announcement-pagination[hidden],
.unka-language-announcement-no-results[hidden] {
    display: none !important;
}

.unka-language-announcement-item {
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr) 26px;
    gap: 14px;
    align-items: center;
    min-height: 84px;
    padding: 10px 0;
    border-bottom: 1px solid #e8edf2;
}

.unka-language-announcement-item:last-child {
    border-bottom: 0;
}

.unka-language-announcement-item time {
    display: grid;
    align-content: center;
    min-height: 62px;
    padding: 6px 4px;
    border-radius: 5px;
    color: var(--language-text);
    background: #f5f7fa;
    text-align: center;
}

.unka-language-announcement-item time strong {
    display: block;
    font-size: 23px;
    line-height: 1;
}

.unka-language-announcement-item time span {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    font-weight: 750;
    line-height: 1.15;
}

.unka-language-announcement-item h3 {
    margin: 0 0 4px;
    font-size: 14px;
    font-weight: 820;
    line-height: 1.35;
}

.unka-language-announcement-item h3 a {
    color: var(--language-text);
}

.unka-language-announcement-item p {
    display: -webkit-box;
    margin: 0;
    overflow: hidden;
    color: #718197;
    font-size: 12px;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.unka-language-row-arrow {
    color: var(--language-text);
    font-size: 22px;
    text-align: right;
}

.unka-language-announcement-no-results {
    flex: 1 0 auto;
    margin: 0;
    padding: 34px 0;
    color: #718197;
    font-size: 13px;
}

.unka-language-announcement-footer {
    display: flex;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
    padding-top: 18px;
}

.unka-language-announcement-pagination,
.unka-language-page-numbers {
    display: flex;
    gap: 5px;
    align-items: center;
    margin: 0;
}

.unka-language-page-button {
    display: inline-grid;
    place-items: center;
    width: 31px;
    min-width: 31px;
    height: 31px;
    margin: 0;
    padding: 0;
    border: 1px solid #d9e1ea;
    border-radius: 5px;
    color: #3f5268;
    background: #ffffff;
    box-shadow: none;
    cursor: pointer;
    font-family: inherit;
    font-size: 12px;
    font-weight: 750;
    line-height: 1;
}

.unka-language-page-button:hover,
.unka-language-page-button:focus-visible {
    border-color: #2871cc;
    color: #155bb5;
    background: #edf5ff;
}

.unka-language-page-button.is-current {
    border-color: var(--language-navy);
    color: #ffffff;
    background: var(--language-navy);
}

.unka-language-page-button:disabled {
    border-color: #edf1f5;
    color: #a9b4c0;
    background: #f7f9fb;
    cursor: default;
}

.unka-language-page-ellipsis {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 31px;
    color: #718197;
    font-size: 13px;
}

.unka-language-all-announcements {
    color: var(--language-text);
    font-size: 12px;
    font-weight: 800;
    white-space: nowrap;
}

.unka-language-empty,
.unka-language-editor-note {
    margin: 0;
    padding: 26px 0;
    color: #718197;
    font-size: 13px;
}

.unka-language-contact-list {
    margin: 2px 0 0;
}

.unka-language-contact-row {
    display: grid;
    grid-template-columns: 48px 132px minmax(0, 1fr);
    gap: 12px;
    align-items: center;
    min-height: 64px;
    margin: 0 !important;
    padding: 8px 0;
    border-bottom: 1px solid #e8edf2;
}

.unka-language-contact-row:last-child {
    border-bottom: 0;
}

.unka-language-contact-row > .wp-block-group {
    display: contents;
}

.unka-language-contact-icon {
    grid-column: 1;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0;
    border-radius: 5px;
    color: var(--language-navy);
    background: #f4f6f9;
    font-size: 0;
}

.unka-language-contact-row h3 {
    grid-column: 2;
    margin: 0;
    color: var(--language-text);
    font-size: 13px;
    font-weight: 820;
    line-height: 1.3;
}

.unka-language-contact-row > .wp-block-group > p {
    grid-column: 3;
    margin: 0;
    color: #29415c;
    font-size: 12px;
    line-height: 1.45;
}

.unka-language-contact-row a {
    color: inherit;
}

.unka-language-quick-icon::before,
.unka-language-service-icon::before,
.unka-language-contact-icon::before {
    display: block;
    width: 25px;
    height: 25px;
    background: currentColor;
    content: "";
    -webkit-mask: var(--unka-language-icon) center / contain no-repeat;
    mask: var(--unka-language-icon) center / contain no-repeat;
}

.unka-language-quick-icon,
.unka-language-contact-icon {
    position: relative;
}

.unka-language-quick-icon::before,
.unka-language-service-icon::before,
.unka-language-contact-icon::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    transform: translate(-50%, -50%);
}


.unka-language-service-icon::before {
    width: 27px;
    height: 27px;
}

.unka-language-contact-icon::before {
    width: 23px;
    height: 23px;
}

@media (max-width: 1080px) {
    .unka-language-quick-grid,
    .unka-language-services-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .unka-language-bottom-grid {
        grid-template-columns: 1fr;
    }

    .unka-language-contact-row {
        grid-template-columns: 48px 160px minmax(0, 1fr);
    }
}

@media (max-width: 760px) {
    .unka-language-container {
        width: min(100% - 32px, 1200px);
    }

    .unka-language-local-nav-inner {
        gap: 26px;
        overflow-x: auto;
    }

    .unka-language-hero {
        min-height: 390px;
        background-image:
            linear-gradient(
                90deg,
                rgba(3, 29, 55, 0.98),
                rgba(4, 36, 68, 0.82)
            ),
            var(--unka-language-hero-image);
        background-position: center, 62% center;
    }

    .unka-language-hero-inner {
        padding-top: 24px;
        padding-bottom: 36px;
    }

    .unka-language-hero-title {
        font-size: clamp(34px, 11vw, 46px);
    }

    .unka-language-about-grid {
        grid-template-columns: 1fr;
    }

    .unka-language-about-image,
    .unka-language-about-image img {
        min-height: 210px;
    }
}

@media (max-width: 560px) {
    .unka-language-quick-grid,
    .unka-language-services-grid {
        grid-template-columns: 1fr;
    }

    .unka-language-hero-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .unka-language-hero-actions .wp-block-button,
    .unka-language-hero-actions .wp-block-button__link {
        width: 100%;
    }

    .unka-language-service-card {
        min-height: 330px;
    }

    .unka-language-panel {
        padding: 20px 16px;
    }

    .unka-language-panel-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .unka-language-announcement-search {
        flex-basis: auto;
        width: 100%;
        margin-top: 8px;
    }

    .unka-language-announcement-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .unka-language-announcement-item {
        grid-template-columns: 60px minmax(0, 1fr) 20px;
        gap: 10px;
    }

    .unka-language-contact-row {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px 12px;
    }

    .unka-language-contact-icon {
        grid-row: 1 / span 2;
        width: 44px;
        height: 44px;
    }

    .unka-language-contact-row h3,
    .unka-language-contact-row > .wp-block-group > p {
        grid-column: 2;
    }
}