*, *::before, *::after {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
padding: 0;
min-height: 100vh;
display: flex;
flex-direction: column;
background-color: var(--vstts-bg-base);
color: var(--vstts-text-primary);
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
font-size: 16px;
line-height: 1.2;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
main#primary {
flex: 1 0 auto;
} a {
color: var(--bs-link-color);
text-decoration: none;
transition: color 0.15s ease, text-decoration 0.15s ease;
}
a:hover {
color: var(--bs-link-hover-color);
}
::selection {
background-color: #ebf3fc;
color: #1d3a54;
} a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
outline: 2px solid var(--vstts-focus-border);
outline-offset: 2px;
} img, svg, video {
max-width: 100%;
height: auto;
vertical-align: middle;
}
body, input, select, textarea, button {
font-family: var(--vstts-font-family);
line-height: 1.2;
font-feature-settings: 'liga' off;
} .vstts-news-home-section {
padding: 2rem 0;
}
.vstts-news-home-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 1.5rem;
flex-wrap: wrap;
gap: 1rem;
}
.vstts-news-home-title {
font-size: 1.5rem;
font-weight: 700;
color: #132643;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.vstts-news-home-all {
color: #2878EB;
text-decoration: none;
font-weight: 500;
font-size: 0.95rem;
display: inline-flex;
align-items: center;
gap: 0.25rem;
transition: color 0.2s ease;
}
.vstts-news-home-all:hover {
color: #1a5bb8;
text-decoration: none;
}
.vstts-news-home-all:focus-visible {
outline: 3px solid #2878EB;
outline-offset: 3px;
} .vstts-news-home-grid {
display: flex;
flex-direction: column;
gap: 1.5rem;
} .vstts-news-home-card {
display: flex;
gap: 1.5rem;
background: #fff;
border-radius: 12px;
overflow: hidden;
border: 1px solid #e5e7eb;
text-decoration: none;
color: inherit;
transition: transform 0.2s ease, box-shadow 0.2s ease;
height: auto;
}
.vstts-news-home-card:hover {
transform: translateY(-2px);
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
color: inherit;
text-decoration: none;
}
.vstts-news-home-card:focus-visible {
outline: 3px solid #2878EB;
outline-offset: 3px;
} .vstts-news-home-card__image {
flex-shrink: 0;
width: 200px;
height: 150px;
overflow: hidden;
border-radius: 12px 0 0 12px;
}
.vstts-news-home-card__image img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
}
.vstts-news-home-card:hover .vstts-news-home-card__image img {
transform: scale(1.05);
} .vstts-news-home-card__content {
padding: 1.25rem;
display: flex;
flex-direction: column;
gap: 0.5rem;
flex: 1;
} .vstts-news-home-card__title {
font-size: 1.15rem;
font-weight: 600;
color: #132643;
margin: 0;
line-height: 1.3;
display: -webkit-box;
line-clamp: 2;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.vstts-news-home-card__title a {
color: inherit;
text-decoration: none;
}
.vstts-news-home-card__title a:hover {
color: #2878EB;
text-decoration: none;
} .vstts-news-home-card__excerpt {
font-size: 0.9rem;
color: #555;
margin: 0;
line-height: 1.5;
display: -webkit-box;
line-clamp: 3;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
} .vstts-news-home-card__date {
font-size: 0.85rem;
color: #888;
margin-top: auto;
} @media (max-width: 768px) {
.vstts-news-home-card {
flex-direction: column;
}
.vstts-news-home-card__image {
width: 100%;
height: 200px;
border-radius: 12px 12px 0 0;
}
}
.vstts-news-home-card,
.vstts-news-archive-item {
text-decoration: none !important;
}
.vstts-news-home-card:hover,
.vstts-news-archive-item:hover {
text-decoration: none !important;
}
.vstts-news-home-card__title a,
.vstts-news-archive-item__title a {
text-decoration: none !important;
}
.vstts-news-home-card__title a:hover,
.vstts-news-archive-item__title a:hover {
text-decoration: none !important;
} .vstts-breadcrumbs {
padding: 0.5rem 0;
}
.vstts-breadcrumbs .breadcrumb {
background: transparent;
padding: 0;
margin: 0;
flex-wrap: wrap;
}
.breadcrumb .vstts-link {
text-decoration:none !important;
}
.vstts-breadcrumbs .breadcrumb-item {
display: inline-flex;
align-items: center;
gap: 0.5rem; line-height: 1.5;
}
.vstts-breadcrumbs .breadcrumb-item + .breadcrumb-item::before {
content: '/';
color: #9ca3af;
padding: 0 0.25rem;
float: none;
opacity: 0.6;
}
.vstts-breadcrumbs .breadcrumb-item a {   }
.vstts-breadcrumbs .breadcrumb-item a:hover {
color: var(--vstts-accent-primary); }
.vstts-breadcrumbs .breadcrumb-item a:focus-visible { outline-offset: 2px;
border-radius: 2px;
}
.vstts-breadcrumbs .breadcrumb-item.active { font-weight: 500;
} @media (max-width: 576px) {
.vstts-breadcrumbs {
padding: 0.25rem 0;
}
.vstts-breadcrumbs .breadcrumb-item {
font-size: 0.85rem;
}
} .page-hierarchy-nav {
background-color: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 16px;
padding: 12px 8px;
position: sticky;
top: 20px;
}
.page-hierarchy-nav__list,
.page-hierarchy-nav__sublist {
list-style: none;
padding: 0;
margin: 0;
display: flex;
flex-direction: column;
gap: 2px;
}
.page-hierarchy-nav__root {
margin-bottom: 2px;
}
.page-hierarchy-nav__link {
display: block;
padding: 8px 12px;
font-size: var(--font-body-s);
font-weight: 500;
color: #475569;
border-radius: 8px;
text-decoration: none;
line-height: 1.25;
transition: background-color 0.15s ease, color 0.15s ease;
}
.page-hierarchy-nav__link:hover {
background-color: #f1f5f9;
color: var(--vstts-accent-primary);
}
.page-hierarchy-nav__item.is-active-branch > .page-hierarchy-nav__link {
color: var(--vstts-accent-primary);
font-weight: 700;
}
.page-hierarchy-nav__item.is-active > .page-hierarchy-nav__link,
.page-hierarchy-nav__root > .page-hierarchy-nav__link.is-active {
background-color: var(--vstts-bg-base-03);
color: var(--vstts-accent-primary);
font-weight: 700;
box-shadow: inset 3px 0 0 var(--vstts-accent-primary);
cursor: default;
pointer-events: none;
}
.page-hierarchy-nav__sublist .page-hierarchy-nav__link {
font-size: var(--font-body-s);
padding-left: 12px;
} :root {
--vstts-focus-outline: 3px solid #2878EB;
--vstts-focus-outline-offset: 2px;
}
html body:not(.bvi-active):not(.wp-admin) :focus-visible {
outline: var(--vstts-focus-outline) !important;
outline-offset: var(--vstts-focus-outline-offset) !important;
} html body:not(.bvi-active):not(.wp-admin) :is(.btn, .btn-close, .form-control, .form-select, .form-check-input, .accordion-button, .header-search-input, .footer-focusable):focus {
box-shadow: none !important;
}
html body:not(.bvi-active):not(.wp-admin) .footer-focusable:focus:not(:focus-visible) {
outline: none !important;
} html body:not(.bvi-active):not(.wp-admin) .wp-block-latest-posts.is-grid > li:has(> .wp-block-latest-posts__post-title:focus-visible) {
outline: var(--vstts-focus-outline) !important;
outline-offset: var(--vstts-focus-outline-offset) !important;
}
html body:not(.bvi-active):not(.wp-admin) .wp-block-latest-posts.is-grid > li > .wp-block-latest-posts__post-title:focus-visible {
outline: none !important;
}