* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    font-family: var(--kw-font);
    background: var(--kw-bg);
    color: var(--kw-text);
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    overflow-x: hidden;
}

a {
    color: var(--kw-brand);
    text-decoration: none;
}

    a:hover {
        text-decoration: underline;
    }


/* ---- Page title ---- */

/* Shared heading style for public pages. Admin pages keep their own design system. */
.page-title,
.app-body:not(.app-body--admin) h1 {
    font-size: var(--kw-font-size-page-title);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -.02em;
    margin-top: 0;
}

.page-title {
    margin-bottom: 6px;
}

/* The landing-page hero intentionally remains visually distinct. */
.app-body:not(.app-body--admin) .home-hero h1 {
    margin-top: 9px;
    font-size: clamp(38px, 6vw, 68px);
    font-weight: 700;
    line-height: 1.03;
    letter-spacing: -.035em;
}

.page-sub {
    font-size: var(--kw-font-size-body);
    color: var(--kw-text-secondary);
    margin-bottom: 24px;
    line-height: 1.5;
}