/* === Base Typography === */
html {
    font-size: 1rem;
}

body, .article {
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    color: #2d334a;
}

h1, h2, h3, h4, h5, h6 {
    color: #2d334a;
    font-weight: 700;
}

/* === Links === */
a {
    color: #2d334a;
    text-decoration: underline;
    text-underline-offset: 3px;
}

a:hover {
    color: #6c7080;
}

/* === Header === */
.header {
    background-color: #e3f6f5;
}

.header .site-title,
.header .nav a {
    color: #2d334a !important;
}

#mainNav > div > div > a {
    padding-bottom: 1.5rem;
}

/* === Search Section === */
#docsSearch {
    background-color: #bae8e8;
}

body > section {
    height: 14rem;
    padding-bottom: 0;
}

#docsSearch > h1,
body > section h1 {
    font-size: 2.3rem;
    line-height: 2.5rem;
    font-weight: 800;
    letter-spacing: -0.025em;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

#searchBar > input {
    background-color: #fffffe;
    color: #272343;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 400;
    font-style: normal;
    height: 3rem;
    border-style: solid;
    border-radius: 0.375rem;
    border-color: #272343;
    border-width: 1px;
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
#searchBar > button {
    display: none;
}

/* === Category Collections === */
[id='collection-category'] {
    padding-top: 1.5rem;
    background-color: transparent !important;
}

[id='collection-category'] a {
    font-weight: 700;
    color: #272343;
    font-size: 1.25rem;
    line-height: 1.75rem;
}

[id^='category-'] {
    background-color: transparent !important;
}

[id^='category-'] h3 {
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.5rem;
    padding-bottom: 5px;
}

[id^='category-'] p {
    color: #6c7080;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
}

/* === Buttons === */
.button,
input[type="submit"],
button {
    background-color: #2d334a;
    color: #fff;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
}

.button:hover,
input[type="submit"]:hover,
button:hover {
    background-color: #131121;
}

/* === Footer === */
.footer {
    background-color: #fcfefe;
    color: #6c7080;
}

/* === Code Blocks === */
pre, code {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    background-color: #f5f5f6;
    color: #2d334a;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    text-align: left;
}

/* === Article Formatting === */
.article {
    max-width: 760px;
    line-height: 1.7;
    text-align: left;
}

.article h2 {
    margin-top: 2rem;
    border-bottom: 2px solid #c9c8d0;
    padding-bottom: 0.5rem;
}

#fullArticle > h1.title {
    font-weight: 700;
}