/* gov */
[data-v="gov"] {
    --bg: hsl(var(--h) 25% 95%);
    --fg: #0b0c0c;
    --muted: #383f43;
    --muted-2: #505a5f;
    --border: #b1b4b6;
    --g-dark: hsl(var(--h) 55% 18%);
    --g-mid: hsl(var(--h) 55% 30%);
    --g-light: hsl(var(--h) 55% 44%);
    --g-link: hsl(var(--h) 80% 28%);
    color-scheme: light;

}

[data-v="gov"] a:focus-visible {
    outline: 3px solid #fd0;
    background: #fd0;
    color: #0b0c0c;
}

/* nav */
[data-v="gov"] .site-nav {
    max-width: none;
    margin-bottom: 1rem;
    padding: 0.75rem max(1.5rem, calc(50% - 18.5rem));
    background: linear-gradient(var(--g-dark), var(--g-mid));
    border-bottom: 4px solid var(--g-dark);
    top: 0;
    position: sticky;
    z-index: 999;
}

[data-v="gov"] .nav-mark,
[data-v="gov"] .site-nav nav a {
    color: #fff;
}

[data-v="gov"] .site-nav nav a {
    font-weight: 700;
    text-decoration: underline;
}

[data-v="gov"] .site-nav nav a:hover {
    color: #fd0;
}

[data-v="gov"] .site-nav nav a.nav-btn,
[data-v="gov"] .site-nav nav a.nav-btn:hover {
    border-radius: 0;
    padding: 0.375rem 0.875rem;
    background: linear-gradient(#fff, hsl(var(--h) 30% 86%));
    border-bottom: 3px solid var(--g-dark);
    color: #0b0c0c;
    text-decoration: none;
}

/* ticker */
[data-v="gov"] main::before {
    content: "OFFICIAL NOTICE: THIS WEBSITE'S DESIGN IS SUBJECT TO CHANGE UPON REFRESH";
    display: block;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 1.5rem;
    padding: 0.5rem 0;
    color: #0b0c0c;
    font-weight: 700;
    animation: gov-marquee 20s linear infinite;
}

@keyframes gov-marquee {
    from {
        text-indent: 100%;
    }

    to {
        text-indent: -250%;
    }
}

/* hero */
[data-v="gov"] .hero {
    margin-bottom: 2.5rem;
    padding: 3.5rem 1.5rem;
    background: linear-gradient(160deg, var(--g-light), var(--g-dark));
    border-bottom: 8px solid #fd0;
    color: #fff;
}

[data-v="gov"] .hero-name {
    font-family: var(--fh);
    font-weight: 700;
}

[data-v="gov"] .hero-bio {
    color: #fff;
    font-size: 1.125rem;
}

[data-v="gov"] .social-links a {
    color: #fff;
}

[data-v="gov"] .social-links a:hover {
    color: #fd0;
}

/* work */
[data-v="gov"] .work h2 {
    margin: 0 0 1rem;
    padding: 0.5rem 1rem;
    background: linear-gradient(90deg, var(--g-mid), var(--g-light));
    border-left: 8px solid #fd0;
    color: #fff;
    font-size: 1.375rem;
    font-weight: 700;
}

[data-v="gov"] .work-item {
    padding: 1.25rem 0;
}

[data-v="gov"] .work-item h3 {
    font-family: var(--sans);
    font-weight: 700;
    color: var(--g-link);
    text-decoration: underline;
    text-underline-offset: 3px;
}

[data-v="gov"] .work-item:hover .work-item-link h3 {
    color: #0b0c0c;
    text-decoration-thickness: 3px;
}

[data-v="gov"] .work-code {
    color: var(--g-link);
    font-weight: 700;
    text-decoration: underline;
}

[data-v="gov"] .work-code:hover {
    color: #0b0c0c;
}

/* footer */
[data-v="gov"] .site-footer {
    max-width: none;
    padding: 2.5rem max(1.5rem, calc(50% - 18.5rem)) 3rem;
    background: linear-gradient(var(--g-mid), var(--g-dark));
    border-top: 8px solid #fd0;
    color: #fff;
    font-size: var(--text-sm);
}

[data-v="gov"] .site-footer a:hover,
[data-v="gov"] .site-footer button:hover,
[data-v="gov"] .site-footer code:hover {
    color: #fd0;
}

/* motion */
@media (prefers-reduced-motion: reduce) {
    [data-v="gov"] main::before {
        animation: none;
        white-space: normal;
        text-indent: 0;
    }
}