@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta-sans-400.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta-sans-500.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta-sans-600.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta-sans-700.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans";
    src: url("../fonts/plus-jakarta-sans-800.woff2") format("woff2");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

:root {
    --uj-blue: #2563eb;
    --uj-blue-hover: #1d4ed8;
    --uj-blue-soft: #eff6ff;
    --uj-indigo: #4f46e5;
    --uj-indigo-soft: #eef2ff;
    --uj-ink: #0f172a;
    --uj-text: #1e293b;
    --uj-muted-strong: #475569;
    --uj-muted: #64748b;
    --uj-muted-soft: #94a3b8;
    --uj-paper: #ffffff;
    --uj-canvas: #f8fafc;
    --uj-border: #e2e8f0;
    --uj-border-strong: #cbd5e1;
    --uj-dot: #cbd5e1;
    --uj-green: #16a34a;
    --uj-amber: #d97706;
    --uj-red: #dc2626;
    --uj-radius-control: .75rem;
    --uj-radius-card: 1rem;
    --uj-radius-feature: 1.5rem;
    --uj-shadow-sm: 0 1px 3px rgba(15, 23, 42, .08);
    --uj-shadow-md: 0 10px 28px -20px rgba(15, 23, 42, .35);
    --uj-shadow-lg: 0 18px 42px -28px rgba(15, 23, 42, .45);
}

html {
    background: var(--uj-canvas);
}

body[data-design-system="ujianme"] {
    color: var(--uj-text);
    background: var(--uj-canvas);
    font-family: "Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
    overflow-x: hidden;
}

body[data-design-system="ujianme"] :where(button, input, select, textarea) {
    font: inherit;
}

body[data-design-system="ujianme"] :where(a, button, input, select, textarea) {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}

body[data-design-system="ujianme"] :where(a, button, input, select, textarea):focus-visible {
    outline: 2px solid var(--uj-blue);
    outline-offset: 3px;
}

body[data-design-system="ujianme"] :where(h1, h2, h3, h4) {
    color: var(--uj-ink);
    font-family: inherit;
    letter-spacing: -.025em;
}

body[data-design-system="ujianme"] :where(.hero-visual, .quick-access__grid, .audience-card, .staff-card, .content-panel, .activity-feature, .service-card, .page-hero, .directory-card) {
    position: relative;
}

body[data-design-system="ujianme"] .container {
    width: min(1280px, calc(100% - 3rem));
    margin-inline: auto;
}

body[data-design-system="ujianme"] .site-header {
    position: relative;
    z-index: 40;
    background: var(--uj-paper);
}

body[data-design-system="ujianme"] .government-bar {
    color: #dbeafe;
    background: var(--uj-ink);
    border: 0;
    font-size: .72rem;
}

body[data-design-system="ujianme"] .government-bar__inner {
    min-height: 2.75rem;
}

body[data-design-system="ujianme"] .government-bar p {
    gap: .55rem;
    color: #e2e8f0;
    font-weight: 600;
}

body[data-design-system="ujianme"] .malaysia-flag {
    width: 1.55rem;
    height: .78rem;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, .35);
}

body[data-design-system="ujianme"] .utility-links {
    gap: .35rem;
}

body[data-design-system="ujianme"] .utility-links button {
    display: grid;
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    min-height: 2.35rem;
    padding: 0;
    place-items: center;
    color: #e2e8f0;
    background: transparent;
    border: 1px solid rgba(226, 232, 240, .25);
    border-radius: .6rem;
    font-size: .78rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] .utility-links button:hover,
body[data-design-system="ujianme"] .utility-links button.is-active {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-color: var(--uj-blue);
}

body[data-design-system="ujianme"] .brand-bar {
    background: var(--uj-paper);
    border-bottom: 1px solid var(--uj-border);
}

body[data-design-system="ujianme"] .brand-bar__inner {
    min-height: 6.6rem;
    gap: 2rem;
}

body[data-design-system="ujianme"] .brand {
    gap: .9rem;
    min-width: 0;
}

body[data-design-system="ujianme"] .brand__crest {
    width: 4.5rem;
    height: 4.5rem;
    padding: .2rem;
    border-radius: .85rem;
}

body[data-design-system="ujianme"] .brand__crest img {
    object-fit: contain;
    filter: drop-shadow(0 4px 5px rgba(15, 23, 42, .08));
}

body[data-design-system="ujianme"] .brand__text {
    gap: .15rem;
    line-height: 1.2;
}

body[data-design-system="ujianme"] .brand__ministry {
    margin: 0;
    color: var(--uj-blue);
    font-size: .68rem;
    font-weight: 800;
    letter-spacing: .11em;
    text-transform: uppercase;
}

body[data-design-system="ujianme"] .brand__text strong {
    color: var(--uj-ink);
    font-family: inherit;
    font-size: clamp(1.35rem, 2vw, 1.8rem);
    font-weight: 800;
    letter-spacing: -.035em;
    text-transform: none;
}

body[data-design-system="ujianme"] .brand__text > span:last-child {
    margin: 0;
    color: var(--uj-muted);
    font-size: .72rem;
    font-weight: 500;
    letter-spacing: 0;
}

body[data-design-system="ujianme"] .site-search {
    width: min(25rem, 38vw);
    min-height: 3.15rem;
    padding: .3rem;
    background: var(--uj-canvas);
    border: 1px solid var(--uj-border);
    border-radius: 999px;
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .site-search:focus-within {
    border-color: #93c5fd;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .1);
}

body[data-design-system="ujianme"] .site-search input {
    padding: .65rem .9rem;
    color: var(--uj-text);
    background: transparent;
    font-size: .84rem;
    font-weight: 500;
}

body[data-design-system="ujianme"] .site-search input::placeholder {
    color: var(--uj-muted-soft);
    opacity: 1;
}

body[data-design-system="ujianme"] .site-search button {
    min-width: 5rem;
    min-height: 2.55rem;
    padding: .55rem 1rem;
    color: var(--uj-paper);
    background: var(--uj-blue);
    border: 0;
    border-radius: 999px;
    font-size: .78rem;
    font-weight: 800;
    box-shadow: 0 8px 18px -12px rgba(37, 99, 235, .75);
}

body[data-design-system="ujianme"] .site-search button:hover {
    background: var(--uj-blue-hover);
    transform: translateY(-1px);
}

body[data-design-system="ujianme"] .menu-toggle {
    width: 3rem;
    height: 3rem;
    padding: .75rem;
    background: var(--uj-blue);
    border: 0;
    border-radius: .85rem;
    box-shadow: 0 10px 18px -12px rgba(37, 99, 235, .8);
}

body[data-design-system="ujianme"] .menu-toggle:hover {
    background: var(--uj-blue-hover);
    transform: translateY(-1px);
}

body[data-design-system="ujianme"] .menu-toggle > span:not(.sr-only) {
    height: 2px;
    margin: 4px 0;
    background: var(--uj-paper);
    border-radius: 999px;
}

body[data-design-system="ujianme"] .main-nav {
    color: var(--uj-text);
    background: var(--uj-paper);
    border: 0;
    border-bottom: 1px solid var(--uj-border);
    box-shadow: 0 5px 14px -12px rgba(15, 23, 42, .45);
}

body[data-design-system="ujianme"] .main-nav__inner {
    align-items: center;
    gap: .35rem;
    min-height: 3.75rem;
    padding-block: .45rem;
}

body[data-design-system="ujianme"] .main-nav a {
    min-width: 0;
    padding: .72rem 1rem;
    color: var(--uj-muted-strong);
    background: transparent;
    border: 0;
    border-radius: .65rem;
    font-size: .78rem;
    font-weight: 700;
    letter-spacing: .01em;
    text-align: center;
}

body[data-design-system="ujianme"] .main-nav a:hover {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
}

body[data-design-system="ujianme"] .main-nav a[aria-current="page"] {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border: 0;
    font-weight: 800;
}

body[data-design-system="ujianme"] .main-nav a[aria-current="page"]::after {
    display: none;
}

body[data-design-system="ujianme"] .hero-visual {
    width: 100%;
    height: auto;
    margin: 0;
    padding: clamp(1rem, 2.4vw, 2rem);
    overflow: visible;
    background-color: var(--uj-canvas);
    background-image: radial-gradient(var(--uj-dot) 1px, transparent 1px);
    background-size: 32px 32px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
}

body[data-design-system="ujianme"] .hero-visual img {
    display: block;
    width: min(100%, 1320px);
    height: clamp(430px, 38vw, 570px);
    margin-inline: auto;
    object-fit: cover;
    object-position: center;
    background: var(--uj-border);
    border: 1px solid rgba(148, 163, 184, .55);
    border-radius: var(--uj-radius-feature);
    box-shadow: var(--uj-shadow-lg);
}

body[data-design-system="ujianme"] .quick-access {
    padding: 0 0 clamp(2.25rem, 4vw, 4rem);
    background: var(--uj-canvas);
    border: 0;
    box-shadow: none;
}

body[data-design-system="ujianme"] .quick-access__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

body[data-design-system="ujianme"] .quick-access a {
    display: grid;
    grid-template-columns: 3.5rem minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: .9rem;
    min-height: 7.6rem;
    padding: 1.25rem;
    overflow: hidden;
    color: var(--uj-text);
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .quick-access a::after {
    display: none;
}

body[data-design-system="ujianme"] .quick-access a:hover {
    background: var(--uj-paper);
    border-color: #bfdbfe;
    box-shadow: var(--uj-shadow-lg);
    transform: translateY(-3px);
}

body[data-design-system="ujianme"] .quick-access a > .quick-access__number {
    display: none;
}

body[data-design-system="ujianme"] .quick-access a > .quick-icon {
    position: relative;
    display: grid;
    grid-row: 1 / 3;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    overflow: hidden;
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border: 1px solid #bfdbfe;
    border-radius: .9rem;
    box-shadow: none;
    transform: none;
}

body[data-design-system="ujianme"] .quick-icon::before,
body[data-design-system="ujianme"] .quick-icon::after {
    display: none;
}

body[data-design-system="ujianme"] .quick-icon svg {
    width: 2.25rem;
    height: 2.25rem;
    filter: saturate(.75) hue-rotate(2deg);
}

body[data-design-system="ujianme"] .quick-access a:hover .quick-icon,
body[data-design-system="ujianme"] .quick-access a:focus-visible .quick-icon {
    background: #dbeafe;
    box-shadow: none;
    transform: none;
}

body[data-design-system="ujianme"] .quick-access strong {
    align-self: end;
    color: var(--uj-ink);
    font-size: .88rem;
    font-weight: 800;
    letter-spacing: -.015em;
}

body[data-design-system="ujianme"] .quick-access small {
    color: var(--uj-muted);
    font-size: .75rem;
    line-height: 1.4;
}

body[data-design-system="ujianme"] .section {
    padding-block: clamp(3.5rem, 6vw, 5.5rem);
    background: var(--uj-paper);
}

body[data-design-system="ujianme"] .section--soft,
body[data-design-system="ujianme"] .section--people,
body[data-design-system="ujianme"] .services-section {
    background: var(--uj-canvas);
}

body[data-design-system="ujianme"] .section-heading {
    display: flex;
    gap: 1.5rem;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 2rem;
}

body[data-design-system="ujianme"] .section-heading h2,
body[data-design-system="ujianme"] .panel-heading h2 {
    margin: .25rem 0 .6rem;
    color: var(--uj-ink);
    font-size: clamp(1.7rem, 3vw, 2.45rem);
    font-weight: 800;
    line-height: 1.1;
    text-transform: none;
}

body[data-design-system="ujianme"] .section-heading p:last-child {
    max-width: 42rem;
    color: var(--uj-muted);
    font-size: .92rem;
    line-height: 1.65;
}

body[data-design-system="ujianme"] .section-heading--center {
    justify-content: flex-start;
    text-align: left;
}

body[data-design-system="ujianme"] .eyebrow {
    color: var(--uj-blue);
    font-size: .67rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}

body[data-design-system="ujianme"] :where(.eyebrow--blue, .eyebrow--gold) {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] :where(.text-link, .link-button, .panel-heading > a) {
    display: inline-flex;
    min-height: 2.75rem;
    padding: .65rem 1rem;
    align-items: center;
    justify-content: center;
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border: 1px solid #bfdbfe;
    border-radius: 999px;
    font-size: .74rem;
    font-weight: 800;
    text-decoration: none;
}

body[data-design-system="ujianme"] :where(.text-link, .link-button, .panel-heading > a):hover {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-color: var(--uj-blue);
    text-decoration: none;
    transform: translateY(-1px);
}

body[data-design-system="ujianme"] .audience-section {
    overflow: hidden;
    background: var(--uj-paper);
}

body[data-design-system="ujianme"] .audience-section::before {
    content: "";
    position: absolute;
    inset: 0;
    width: auto;
    height: auto;
    background-image: radial-gradient(var(--uj-dot) 1px, transparent 1px);
    background-size: 32px 32px;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    opacity: .36;
}

body[data-design-system="ujianme"] .audience-section > .container {
    position: relative;
    z-index: 1;
}

body[data-design-system="ujianme"] .audience-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

body[data-design-system="ujianme"] :where(.audience-card, .staff-card, .content-panel, .service-card) {
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body[data-design-system="ujianme"] .audience-card {
    display: flex;
    grid-column: auto;
    gap: 1rem;
    min-height: 16rem;
    padding: 1.5rem;
    overflow: hidden;
    flex-direction: column;
}

body[data-design-system="ujianme"] .audience-card::before {
    inset: auto 1.5rem 0;
    width: auto;
    height: 3px;
    background: var(--uj-blue);
    border-radius: 999px 999px 0 0;
}

body[data-design-system="ujianme"] .audience-card__icon {
    display: grid;
    width: 3.5rem;
    height: 3.5rem;
    place-items: center;
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border: 1px solid #bfdbfe;
    border-radius: .9rem;
    box-shadow: none;
}

body[data-design-system="ujianme"] .audience-card__icon svg {
    width: 2rem;
    height: 2rem;
}

body[data-design-system="ujianme"] .audience-card h3 {
    margin: .2rem 0 .5rem;
    color: var(--uj-ink);
    font-size: 1rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] .audience-card p {
    margin-bottom: 1rem;
    color: var(--uj-muted);
    font-size: .78rem;
    line-height: 1.6;
}

body[data-design-system="ujianme"] .audience-card a {
    display: inline-flex;
    gap: .45rem;
    align-items: center;
    color: var(--uj-blue);
    font-size: .72rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] :where(.audience-card, .staff-card, .service-card):hover {
    background: var(--uj-paper);
    border-color: #bfdbfe;
    box-shadow: var(--uj-shadow-lg);
    transform: translateY(-3px);
}

body[data-design-system="ujianme"] .vacancy-notice {
    display: grid;
    grid-template-columns: 2.25rem minmax(0, 1fr) auto;
    gap: .9rem;
    align-items: center;
    margin: -.25rem 0 1.5rem;
    padding: .9rem 1rem;
    color: var(--uj-text);
    background: var(--uj-blue-soft);
    border: 1px solid #bfdbfe;
    border-left: 4px solid var(--uj-blue);
    border-radius: var(--uj-radius-control);
}

body[data-design-system="ujianme"] .vacancy-notice > span {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-radius: .65rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] .vacancy-notice p {
    color: var(--uj-muted-strong);
    font-size: .78rem;
    line-height: 1.55;
}

body[data-design-system="ujianme"] .vacancy-notice a {
    min-height: 2.75rem;
    padding: .65rem .9rem;
    color: var(--uj-blue);
    background: var(--uj-paper);
    border: 1px solid #bfdbfe;
    border-radius: .7rem;
    font-size: .72rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] .staff-card {
    width: 17rem;
    overflow: hidden;
}

body[data-design-system="ujianme"] .staff-card::after,
body[data-design-system="ujianme"] .service-card::after {
    display: none;
}

body[data-design-system="ujianme"] .staff-card__image {
    height: 15rem;
    flex: 0 0 15rem;
    overflow: hidden;
    background: var(--uj-blue-soft);
}

body[data-design-system="ujianme"] .staff-card__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body[data-design-system="ujianme"] .staff-card__body {
    padding: 1.25rem;
}

body[data-design-system="ujianme"] .staff-card__section {
    color: var(--uj-blue);
    font-size: .63rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

body[data-design-system="ujianme"] .staff-card h3 {
    color: var(--uj-ink);
    font-size: .92rem;
    font-weight: 800;
    line-height: 1.4;
}

body[data-design-system="ujianme"] .staff-card__body > p:not(.staff-card__section) {
    color: var(--uj-muted);
    font-size: .75rem;
    line-height: 1.5;
}

body[data-design-system="ujianme"] .staff-code {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border-radius: 999px;
}

body[data-design-system="ujianme"] .staff-card__contact {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    margin-top: 1rem;
}

body[data-design-system="ujianme"] .staff-card__contact a,
body[data-design-system="ujianme"] .staff-card__contact > .contact-unavailable {
    min-height: 2.55rem;
    padding: .55rem .65rem;
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border: 1px solid #dbeafe;
    border-radius: .65rem;
    font-size: .68rem;
    font-weight: 700;
}

body[data-design-system="ujianme"] .staff-card__contact a:hover {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-color: var(--uj-blue);
}

body[data-design-system="ujianme"] .rail-controls {
    gap: .5rem;
    margin-top: 1rem;
}

body[data-design-system="ujianme"] .rail-controls button,
body[data-design-system="ujianme"] .carousel__buttons button {
    color: var(--uj-blue);
    background: var(--uj-paper);
    border: 1px solid #bfdbfe;
    border-radius: .7rem;
}

body[data-design-system="ujianme"] .rail-controls button:hover,
body[data-design-system="ujianme"] .carousel__buttons button:hover {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-color: var(--uj-blue);
}

body[data-design-system="ujianme"] .information-grid {
    gap: 1.25rem;
}

body[data-design-system="ujianme"] .content-panel {
    padding: clamp(1.25rem, 3vw, 2rem);
}

body[data-design-system="ujianme"] .panel-heading {
    gap: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--uj-border);
}

body[data-design-system="ujianme"] .panel-heading h2 {
    font-size: 1.45rem;
}

body[data-design-system="ujianme"] .announcement-item,
body[data-design-system="ujianme"] .calendar-item {
    min-height: 4.6rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--uj-border);
}

body[data-design-system="ujianme"] .announcement-item:last-child,
body[data-design-system="ujianme"] .calendar-item:last-child {
    border-bottom: 0;
}

body[data-design-system="ujianme"] .announcement-item h3,
body[data-design-system="ujianme"] .calendar-item h3 {
    color: var(--uj-ink);
    font-size: .84rem;
    font-weight: 750;
    line-height: 1.4;
}

body[data-design-system="ujianme"] .announcement-item p,
body[data-design-system="ujianme"] .calendar-item p {
    color: var(--uj-muted);
    font-size: .7rem;
}

body[data-design-system="ujianme"] .announcement-item p span {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border-radius: 999px;
}

body[data-design-system="ujianme"] .calendar-item {
    grid-template-columns: 3.6rem minmax(0, 1fr);
    gap: .9rem;
}

body[data-design-system="ujianme"] .calendar-item time {
    min-height: 3.6rem;
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-radius: .8rem;
    box-shadow: 0 8px 18px -12px rgba(37, 99, 235, .75);
}

body[data-design-system="ujianme"] .calendar-item time span {
    color: #dbeafe;
}

body[data-design-system="ujianme"] .activity-feature {
    overflow: hidden;
    color: var(--uj-text);
    background: var(--uj-canvas);
}

body[data-design-system="ujianme"] .activity-feature::before {
    display: none;
}

body[data-design-system="ujianme"] .activity-feature__grid {
    padding: clamp(1.25rem, 3vw, 2rem);
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-feature);
    box-shadow: var(--uj-shadow-lg);
}

body[data-design-system="ujianme"] .activity-copy h2 {
    color: var(--uj-ink);
    font-family: inherit;
    font-size: clamp(1.8rem, 3.5vw, 3.1rem);
    font-weight: 800;
    line-height: 1.05;
    text-transform: none;
}

body[data-design-system="ujianme"] .activity-copy > p:not(.eyebrow):not(.activity-meta) {
    color: var(--uj-muted);
    line-height: 1.65;
}

body[data-design-system="ujianme"] .activity-copy .eyebrow,
body[data-design-system="ujianme"] .activity-meta {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .activity-source {
    color: var(--uj-muted-strong);
    text-decoration-color: #bfdbfe;
}

body[data-design-system="ujianme"] .activity-source:hover {
    color: var(--uj-blue);
    text-decoration-color: var(--uj-blue);
}

body[data-design-system="ujianme"] .activity-copy .button--outline-light {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-color: var(--uj-blue);
    border-radius: .75rem;
    box-shadow: 0 10px 20px -14px rgba(37, 99, 235, .8);
}

body[data-design-system="ujianme"] .activity-copy .button--outline-light:hover {
    color: var(--uj-paper);
    background: var(--uj-blue-hover);
    border-color: var(--uj-blue-hover);
}

body[data-design-system="ujianme"] .activity-carousel {
    overflow: hidden;
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-md);
}

body[data-design-system="ujianme"] .activity-slide img {
    display: block;
    width: 100%;
    height: clamp(360px, 34vw, 500px);
    object-fit: cover;
}

body[data-design-system="ujianme"] .activity-carousel__controls,
body[data-design-system="ujianme"] .dialog-carousel__controls {
    background: var(--uj-ink);
}

body[data-design-system="ujianme"] .activity-carousel .carousel__dots button.is-active::before {
    background: #60a5fa;
}

body[data-design-system="ujianme"] .services-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 1rem;
}

body[data-design-system="ujianme"] .service-card {
    min-height: 16rem;
    padding: 1.35rem;
}

body[data-design-system="ujianme"] .service-card__icon {
    display: grid;
    width: 3.6rem;
    height: 3.6rem;
    margin-bottom: 1.25rem;
    place-items: center;
    overflow: hidden;
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border: 1px solid #bfdbfe;
    border-radius: .9rem;
    box-shadow: none;
    transform: none;
}

body[data-design-system="ujianme"] .service-card__icon svg {
    width: 3rem;
    height: 3rem;
    filter: saturate(.75);
}

body[data-design-system="ujianme"] .service-card__icon::after {
    display: none;
}

body[data-design-system="ujianme"] .service-card:hover .service-card__icon,
body[data-design-system="ujianme"] .service-card:focus-visible .service-card__icon {
    background: #dbeafe;
    box-shadow: none;
    transform: none;
}

body[data-design-system="ujianme"] .service-card h3 {
    color: var(--uj-ink);
    font-size: .92rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] .service-card p {
    color: var(--uj-muted);
    font-size: .76rem;
    line-height: 1.6;
}

body[data-design-system="ujianme"] .service-card strong {
    color: var(--uj-blue);
    font-size: .7rem;
}

body[data-design-system="ujianme"] .page-hero {
    padding-block: clamp(3rem, 6vw, 5rem);
    color: var(--uj-muted-strong);
    background-color: var(--uj-canvas);
    background-image: radial-gradient(var(--uj-dot) 1px, transparent 1px);
    background-size: 32px 32px;
    border-bottom: 1px solid var(--uj-border);
}

body[data-design-system="ujianme"] .page-hero nav {
    margin-bottom: 1.5rem;
    color: var(--uj-muted);
    font-size: .76rem;
    font-weight: 600;
}

body[data-design-system="ujianme"] .page-hero nav a {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .page-hero nav a:hover {
    color: var(--uj-blue-hover);
    text-decoration: underline;
}

body[data-design-system="ujianme"] .page-hero h1 {
    margin-bottom: .85rem;
    color: var(--uj-ink);
    font-family: inherit;
    font-size: clamp(2.35rem, 5vw, 4.4rem);
    font-weight: 800;
    letter-spacing: -.05em;
    line-height: 1;
    text-transform: none;
}

body[data-design-system="ujianme"] .page-hero .eyebrow {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .page-hero .container > p:last-child {
    color: var(--uj-muted);
    line-height: 1.65;
}

body[data-design-system="ujianme"] .draft-notice {
    color: var(--uj-blue-hover);
    background: var(--uj-blue-soft);
    border-color: #bfdbfe;
}

body[data-design-system="ujianme"] .corporate-layout {
    grid-template-columns: 15rem minmax(0, 1fr);
    gap: 3rem;
    padding-block: 4rem;
}

body[data-design-system="ujianme"] .in-page-nav {
    top: 1.5rem;
    padding: .75rem;
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .in-page-nav strong {
    color: var(--uj-ink);
    border-bottom-color: #bfdbfe;
}

body[data-design-system="ujianme"] .in-page-nav a {
    color: var(--uj-muted-strong);
    border-bottom-color: var(--uj-border);
    border-radius: .55rem;
}

body[data-design-system="ujianme"] .in-page-nav a:hover {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
}

body[data-design-system="ujianme"] .corporate-section {
    padding-bottom: 3.5rem;
    margin-bottom: 3rem;
}

body[data-design-system="ujianme"] .message-photo img {
    background: var(--uj-blue-soft);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-md);
}

body[data-design-system="ujianme"] .message-section blockquote {
    color: var(--uj-blue-hover);
    border-left-color: var(--uj-blue);
    font-family: inherit;
    font-weight: 700;
}

body[data-design-system="ujianme"] .fact-grid,
body[data-design-system="ujianme"] .vision-grid {
    gap: 1rem;
}

body[data-design-system="ujianme"] .fact-grid article,
body[data-design-system="ujianme"] .vision-grid article {
    padding: 1.5rem;
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .fact-grid article::after {
    display: none;
}

body[data-design-system="ujianme"] .vision-grid .number {
    color: #dbeafe;
}

body[data-design-system="ujianme"] .vision-grid h3 {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .charter {
    color: #dbeafe;
    background: linear-gradient(135deg, var(--uj-ink), #1e3a8a);
    border: 1px solid #334155;
    border-radius: var(--uj-radius-feature);
    box-shadow: var(--uj-shadow-lg);
}

body[data-design-system="ujianme"] .charter h2,
body[data-design-system="ujianme"] .charter .eyebrow {
    color: var(--uj-paper);
}

body[data-design-system="ujianme"] .org-chart {
    background: var(--uj-canvas);
    border-color: var(--uj-border);
    border-radius: var(--uj-radius-feature);
}

body[data-design-system="ujianme"] .org-node {
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-top: 4px solid var(--uj-blue);
    border-radius: var(--uj-radius-control);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .org-node--head {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-color: var(--uj-blue-hover);
}

body[data-design-system="ujianme"] .org-line,
body[data-design-system="ujianme"] .org-branches::before {
    background: #93c5fd;
}

body[data-design-system="ujianme"] .directory-section {
    background: var(--uj-canvas);
}

body[data-design-system="ujianme"] .directory-contact {
    display: grid;
    grid-template-columns: 1.05fr 1fr .9fr;
    gap: 1.5rem 2rem;
    align-items: center;
    margin-bottom: 1.75rem;
    padding: clamp(1.5rem, 3vw, 2rem);
    color: var(--uj-text);
    background: linear-gradient(135deg, rgba(239, 246, 255, .96), rgba(255, 255, 255, .99) 48%, rgba(238, 242, 255, .94));
    border: 1px solid #bfdbfe;
    border-radius: var(--uj-radius-feature);
    box-shadow: var(--uj-shadow-lg);
}

body[data-design-system="ujianme"] .directory-contact__eyebrow {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .directory-contact__identity h2 {
    margin: .2rem 0 .35rem;
    color: var(--uj-ink);
    font-size: clamp(1.5rem, 2.6vw, 2.1rem);
    font-weight: 800;
}

body[data-design-system="ujianme"] .directory-contact__identity > strong,
body[data-design-system="ujianme"] .directory-contact address {
    color: var(--uj-muted-strong);
}

body[data-design-system="ujianme"] .directory-contact address {
    padding-left: 1.5rem;
    border-left: 1px solid #bfdbfe;
}

body[data-design-system="ujianme"] .directory-contact__channels {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: .65rem;
}

body[data-design-system="ujianme"] .directory-contact__channels a,
body[data-design-system="ujianme"] .directory-contact__channels > div {
    min-height: 4.75rem;
    padding: .8rem .9rem;
    color: var(--uj-text);
    background: var(--uj-paper);
    border: 1px solid #bfdbfe;
    border-radius: var(--uj-radius-control);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .directory-contact__channels a:hover {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
}

body[data-design-system="ujianme"] .directory-contact__channels span {
    color: var(--uj-muted);
}

body[data-design-system="ujianme"] .directory-contact__note {
    grid-column: 1 / -1;
    padding-top: 1rem;
    color: var(--uj-muted-strong);
    border-top: 1px solid #bfdbfe;
}

body[data-design-system="ujianme"] .directory-contact__note > span:first-child {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-radius: .55rem;
}

body[data-design-system="ujianme"] .directory-contact__note strong {
    color: var(--uj-ink);
}

body[data-design-system="ujianme"] .directory-tools {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(14rem, .65fr) auto auto;
    gap: 1rem;
    align-items: end;
    padding: 1.25rem;
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .directory-tools label,
body[data-design-system="ujianme"] .search-page__form label,
body[data-design-system="ujianme"] .feedback-form label {
    color: var(--uj-muted-strong);
    font-size: .7rem;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

body[data-design-system="ujianme"] :where(.directory-tools, .search-page__form, .feedback-form) :where(input, select, textarea) {
    min-height: 3.1rem;
    padding: .7rem .85rem;
    color: var(--uj-text);
    background: var(--uj-paper);
    border: 1px solid var(--uj-border-strong);
    border-radius: var(--uj-radius-control);
}

body[data-design-system="ujianme"] :where(.directory-tools, .search-page__form, .feedback-form) :where(input, select, textarea):focus {
    border: 1px solid var(--uj-blue);
    outline: 2px solid #bfdbfe;
    outline-offset: 1px;
    box-shadow: 0 0 0 4px rgba(37, 99, 235, .08);
}

body[data-design-system="ujianme"] .directory-reset,
body[data-design-system="ujianme"] .directory-pagination button,
body[data-design-system="ujianme"] .button {
    min-height: 3rem;
    padding: .7rem 1.1rem;
    color: var(--uj-paper);
    background: var(--uj-blue);
    border: 1px solid var(--uj-blue);
    border-radius: var(--uj-radius-control);
    font-size: .76rem;
    font-weight: 800;
    box-shadow: 0 10px 22px -16px rgba(37, 99, 235, .8);
}

body[data-design-system="ujianme"] :where(.directory-reset, .directory-pagination button, .button):hover {
    color: var(--uj-paper);
    background: var(--uj-blue-hover);
    border-color: var(--uj-blue-hover);
    transform: translateY(-2px);
}

body[data-design-system="ujianme"] .directory-grid {
    gap: 1rem;
}

body[data-design-system="ujianme"] .directory-card {
    overflow: hidden;
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body[data-design-system="ujianme"] .directory-card::after {
    display: none;
}

body[data-design-system="ujianme"] .directory-card:hover {
    border-color: #bfdbfe;
    box-shadow: var(--uj-shadow-lg);
    transform: translateY(-3px);
}

body[data-design-system="ujianme"] .directory-card__photo {
    overflow: hidden;
    background: var(--uj-blue-soft);
}

body[data-design-system="ujianme"] .directory-card__content {
    padding: 1.2rem;
}

body[data-design-system="ujianme"] .directory-card__content > p,
body[data-design-system="ujianme"] .directory-card dd a {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .directory-card dl {
    border-top-color: var(--uj-border);
}

body[data-design-system="ujianme"] .directory-card__photo > span,
body[data-design-system="ujianme"] .staff-card__image > span {
    color: var(--uj-paper);
    background: rgba(15, 23, 42, .88);
    border-radius: .6rem;
}

body[data-design-system="ujianme"] .gallery-grid,
body[data-design-system="ujianme"] .reference-grid {
    gap: 1rem;
}

body[data-design-system="ujianme"] .gallery-card,
body[data-design-system="ujianme"] .reference-card {
    overflow: hidden;
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

body[data-design-system="ujianme"] .gallery-card:hover,
body[data-design-system="ujianme"] .reference-card:hover {
    border-color: #bfdbfe;
    box-shadow: var(--uj-shadow-lg);
    transform: translateY(-2px);
}

body[data-design-system="ujianme"] .gallery-card__image > span {
    color: var(--uj-paper);
    background: rgba(15, 23, 42, .82);
}

body[data-design-system="ujianme"] .gallery-card__body small,
body[data-design-system="ujianme"] .gallery-card__body em {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .reference-card__head {
    background: linear-gradient(135deg, var(--uj-blue), var(--uj-indigo));
}

body[data-design-system="ujianme"] .reference-icon {
    color: var(--uj-paper);
    background: rgba(255, 255, 255, .16);
    border-radius: .75rem;
}

body[data-design-system="ujianme"] .file-type {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
    border-radius: .55rem;
}

body[data-design-system="ujianme"] .document-row:hover strong,
body[data-design-system="ujianme"] .document-row > span:last-child {
    color: var(--uj-blue);
}

body[data-design-system="ujianme"] .search-page__form,
body[data-design-system="ujianme"] .feedback-form {
    gap: 1rem;
    padding: 1.5rem;
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-card);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .search-summary {
    color: var(--uj-text);
    background: var(--uj-blue-soft);
    border: 1px solid #bfdbfe;
    border-radius: var(--uj-radius-control);
}

body[data-design-system="ujianme"] .search-result {
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-left: 4px solid var(--uj-blue);
    border-radius: var(--uj-radius-control);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .search-result > span {
    color: var(--uj-blue);
    background: var(--uj-blue-soft);
}

body[data-design-system="ujianme"] .pagination a {
    color: var(--uj-blue);
    background: var(--uj-paper);
    border-color: var(--uj-border);
    border-radius: .65rem;
}

body[data-design-system="ujianme"] .pagination a:hover,
body[data-design-system="ujianme"] .pagination a[aria-current="page"] {
    color: var(--uj-paper);
    background: var(--uj-blue);
    border-color: var(--uj-blue);
}

body[data-design-system="ujianme"] .faq-item {
    margin-bottom: .75rem;
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-control);
    box-shadow: var(--uj-shadow-sm);
}

body[data-design-system="ujianme"] .faq-item[open] {
    border-color: #bfdbfe;
    box-shadow: var(--uj-shadow-md);
}

body[data-design-system="ujianme"] .faq-item summary {
    color: var(--uj-ink);
}

body[data-design-system="ujianme"] .faq-item p {
    color: var(--uj-muted);
}

body[data-design-system="ujianme"] .gallery-dialog {
    background: var(--uj-paper);
    border: 1px solid var(--uj-border);
    border-radius: var(--uj-radius-feature);
    box-shadow: 0 30px 90px rgba(15, 23, 42, .35);
}

body[data-design-system="ujianme"] .gallery-dialog__header {
    background: var(--uj-ink);
}

body[data-design-system="ujianme"] .gallery-dialog__header button {
    border-radius: .7rem;
}

body[data-design-system="ujianme"] .site-footer {
    color: #cbd5e1;
    background: var(--uj-ink);
}

body[data-design-system="ujianme"] .site-footer::before {
    display: none;
}

body[data-design-system="ujianme"] .site-footer__main {
    padding-block: 4rem;
    border-top: 4px solid var(--uj-blue);
}

body[data-design-system="ujianme"] .footer-grid {
    gap: 2rem;
}

body[data-design-system="ujianme"] .brand__crest--footer {
    width: 4.5rem;
    height: 4.5rem;
    padding: .5rem;
    background: var(--uj-paper);
    border-radius: .85rem;
}

body[data-design-system="ujianme"] .brand--footer .brand__text strong {
    color: var(--uj-paper);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] .brand--footer .brand__text span,
body[data-design-system="ujianme"] .footer-brand > p,
body[data-design-system="ujianme"] .site-footer section > p {
    color: #94a3b8;
}

body[data-design-system="ujianme"] .site-footer h2 {
    color: var(--uj-paper);
    font-size: .86rem;
    font-weight: 800;
}

body[data-design-system="ujianme"] .site-footer a {
    color: #cbd5e1;
}

body[data-design-system="ujianme"] .site-footer a:hover {
    color: #93c5fd;
}

body[data-design-system="ujianme"] .site-footer__bottom {
    color: #94a3b8;
    background: #020617;
    border-top: 1px solid #1e293b;
}

@media (max-width: 1023px) {
    body[data-design-system="ujianme"] .container {
        width: min(100% - 2rem, 960px);
    }

    body[data-design-system="ujianme"] .brand-bar__inner {
        min-height: 5.75rem;
    }

    body[data-design-system="ujianme"] .brand__crest {
        width: 4rem;
        height: 4rem;
    }

    body[data-design-system="ujianme"] .site-search {
        display: none;
    }

    body[data-design-system="ujianme"] .menu-toggle {
        display: block;
        flex: 0 0 auto;
    }

    body[data-design-system="ujianme"] .main-nav {
        display: none;
        padding-bottom: .5rem;
    }

    body[data-design-system="ujianme"] .main-nav.is-open {
        display: block;
    }

    body[data-design-system="ujianme"] .main-nav__inner {
        display: block;
        padding: .75rem 1rem 1rem;
    }

    body[data-design-system="ujianme"] .main-nav a {
        display: flex;
        width: 100%;
        min-height: 3rem;
        padding: .75rem .9rem;
        align-items: center;
        border: 0;
        border-radius: .75rem;
        text-align: left;
    }

    body[data-design-system="ujianme"] .main-nav a[aria-current="page"] {
        border: 0;
    }

    body[data-design-system="ujianme"] .main-nav.is-open .mobile-site-search {
        display: grid;
        gap: .5rem;
        padding: .85rem 0 0;
    }

    body[data-design-system="ujianme"] .mobile-site-search label {
        color: var(--uj-muted-strong);
        font-size: .72rem;
        font-weight: 800;
    }

    body[data-design-system="ujianme"] .mobile-site-search > div {
        display: flex;
        gap: .5rem;
    }

    body[data-design-system="ujianme"] .mobile-site-search input {
        min-width: 0;
        min-height: 2.9rem;
        padding: .65rem .8rem;
        flex: 1;
        color: var(--uj-text);
        background: var(--uj-paper);
        border: 1px solid var(--uj-border-strong);
        border-radius: .7rem;
    }

    body[data-design-system="ujianme"] .mobile-site-search button {
        min-width: 4.5rem;
        min-height: 2.9rem;
        color: var(--uj-paper);
        background: var(--uj-blue);
        border: 0;
        border-radius: .7rem;
        font-weight: 800;
    }

    body[data-design-system="ujianme"] .quick-access__grid,
    body[data-design-system="ujianme"] .audience-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-design-system="ujianme"] .services-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    body[data-design-system="ujianme"] .directory-contact {
        grid-template-columns: 1fr 1fr;
    }

    body[data-design-system="ujianme"] .directory-contact__channels {
        grid-column: 1 / -1;
    }

    body[data-design-system="ujianme"] .directory-tools {
        grid-template-columns: 1fr 1fr;
    }

    body[data-design-system="ujianme"] .directory-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body[data-design-system="ujianme"] .search-page__form {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 575px) {
    body[data-design-system="ujianme"] {
        min-width: 0;
    }

    body[data-design-system="ujianme"] .container {
        width: calc(100% - 1.5rem);
    }

    body[data-design-system="ujianme"] .government-bar__inner {
        min-height: 3rem;
    }

    body[data-design-system="ujianme"] .government-bar p {
        max-width: 10rem;
        font-size: .62rem;
        line-height: 1.3;
    }

    body[data-design-system="ujianme"] .utility-links button {
        width: 2.75rem;
        min-width: 2.75rem;
        height: 2.75rem;
        min-height: 2.75rem;
    }

    body[data-design-system="ujianme"] .brand-bar__inner {
        min-height: 5.4rem;
        gap: .75rem;
    }

    body[data-design-system="ujianme"] .brand {
        gap: .6rem;
    }

    body[data-design-system="ujianme"] .brand__crest {
        width: 3.3rem;
        height: 3.3rem;
    }

    body[data-design-system="ujianme"] .brand__text strong {
        font-size: .98rem;
        white-space: nowrap;
    }

    body[data-design-system="ujianme"] .brand__ministry {
        max-width: 12rem;
        font-size: .54rem;
        letter-spacing: .07em;
    }

    body[data-design-system="ujianme"] .brand__text > span:last-child {
        display: none;
    }

    body[data-design-system="ujianme"] .menu-toggle {
        width: 2.8rem;
        height: 2.8rem;
        border-radius: .75rem;
    }

    body[data-design-system="ujianme"] .hero-visual {
        padding: .75rem;
    }

    body[data-design-system="ujianme"] .hero-visual img {
        height: min(70vw, 20rem);
        border-radius: 1rem;
    }

    body[data-design-system="ujianme"] .quick-access {
        padding: .25rem 0 2.5rem;
    }

    body[data-design-system="ujianme"] :where(.quick-access__grid, .audience-grid, .information-grid, .services-grid, .directory-grid, .gallery-grid, .reference-grid) {
        grid-template-columns: 1fr;
        gap: .85rem;
    }

    body[data-design-system="ujianme"] .quick-access a {
        grid-template-columns: 3.25rem minmax(0, 1fr);
        min-height: 6.5rem;
        padding: 1rem;
    }

    body[data-design-system="ujianme"] .quick-access a > .quick-icon {
        width: 3.25rem;
        height: 3.25rem;
    }

    body[data-design-system="ujianme"] .section {
        padding-block: 2.75rem;
    }

    body[data-design-system="ujianme"] .section-heading {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 1.5rem;
    }

    body[data-design-system="ujianme"] .section-heading h2 {
        font-size: 1.7rem;
    }

    body[data-design-system="ujianme"] .audience-card {
        display: grid;
        grid-template-columns: 3.25rem minmax(0, 1fr);
        min-height: 0;
        padding: 1.15rem;
    }

    body[data-design-system="ujianme"] .audience-card__icon {
        width: 3.25rem;
        height: 3.25rem;
    }

    body[data-design-system="ujianme"] .audience-card a {
        min-height: 2.75rem;
        align-items: center;
    }

    body[data-design-system="ujianme"] .vacancy-notice {
        grid-template-columns: 2.25rem minmax(0, 1fr);
    }

    body[data-design-system="ujianme"] .vacancy-notice a {
        grid-column: 2;
        width: fit-content;
    }

    body[data-design-system="ujianme"] .staff-card {
        width: 100%;
    }

    body[data-design-system="ujianme"] .content-panel {
        padding: 1.15rem;
    }

    body[data-design-system="ujianme"] .activity-feature__grid {
        gap: 2rem;
        padding: 1rem;
        border-radius: 1rem;
    }

    body[data-design-system="ujianme"] .activity-copy h2 {
        font-size: 1.85rem;
    }

    body[data-design-system="ujianme"] .activity-slide img {
        height: min(62vw, 300px);
    }

    body[data-design-system="ujianme"] .service-card {
        min-height: 13.5rem;
    }

    body[data-design-system="ujianme"] .page-hero {
        padding-block: 2.75rem;
    }

    body[data-design-system="ujianme"] .page-hero h1 {
        font-size: 2.3rem;
    }

    body[data-design-system="ujianme"] .corporate-layout {
        gap: 2rem;
        padding-block: 2.75rem;
    }

    body[data-design-system="ujianme"] .directory-contact {
        grid-template-columns: 1fr;
        gap: 1.15rem;
        padding: 1.15rem;
        border-radius: 1rem;
    }

    body[data-design-system="ujianme"] .directory-contact address {
        padding: 1rem 0 0;
        border-top: 1px solid #bfdbfe;
        border-left: 0;
    }

    body[data-design-system="ujianme"] .directory-contact__channels {
        grid-column: auto;
        grid-template-columns: 1fr;
    }

    body[data-design-system="ujianme"] .directory-tools,
    body[data-design-system="ujianme"] .search-page__form,
    body[data-design-system="ujianme"] .feedback-form {
        grid-template-columns: 1fr;
        padding: 1rem;
    }

    body[data-design-system="ujianme"] .directory-card {
        grid-template-columns: 6.7rem minmax(0, 1fr);
    }

    body[data-design-system="ujianme"] .footer-grid {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    body[data-design-system="ujianme"] .site-footer__bottom .container {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    body[data-design-system="ujianme"] *,
    body[data-design-system="ujianme"] *::before,
    body[data-design-system="ujianme"] *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}