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

body {
    font-family: system-ui, sans-serif;
}

header {
    padding: 0.75rem 1rem;
    background: #1a1a1a;
    color: white;
    display: flex;
    align-items: baseline;
    gap: 1rem;

    h1 {
        font-size: 1.1rem;

        a { color: white; text-decoration: none; }
        a:hover { text-decoration: underline; }
    }

    p { font-size: 0.85rem; opacity: 0.6; }

    @media (max-width: 600px) {
        p { display: none; }
    }

    > a {
        font-size: 0.85rem;
        color: rgba(255,255,255,0.6);
        text-decoration: none;
        margin-left: auto;

        &:hover { color: white; }
    }
}