/* Shared interior page styles for the Viciedo Beacon theme.
   Keep page-specific styles in separate files and load them with the layout_css field. */

.page-hero {
    position: relative;
    padding: 96px 0 82px;
}

.page-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 58px;
    align-items: center;
}

.page-hero h1 {
    max-width: 920px;
}

.hero-copy {
    max-width: 760px;
}

.vws-page-content {
    background: #fff;
}

.vws-page-content__inner {
    max-width: 980px;
}

.vws-page-content__inner > :first-child {
    margin-top: 0;
}

.vws-page-content__inner > :last-child {
    margin-bottom: 0;
}

.vws-page-content__inner p,
.vws-page-content__inner li {
    color: #475569;
    font-size: 18px;
}

.vws-page-content__inner h2,
.vws-page-content__inner h3,
.vws-page-content__inner h4 {
    color: #0f172a;
    letter-spacing: -.025em;
}

.vws-page-content__inner h2 {
    margin-top: 0;
    font-size: clamp(32px, 4vw, 48px);
}

.vws-page-content__inner h3 {
    font-size: 26px;
}

@media (max-width: 720px) {
    .page-hero {
        padding: 58px 0 62px;
    }
}