/* Shared identity for every Catan Tools header. Keep page navigation in its own stylesheet. */
.ct-brand,
.ct-brand:link,
.ct-brand:visited {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    min-height: 44px;
    padding: 0;
    color: #173e3d;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    text-decoration: none;
}

.ct-brand:hover,
.ct-brand:focus-visible {
    color: #173e3d;
    text-decoration: none;
}

.ct-brand:focus-visible {
    outline: 3px solid #975215;
    outline-offset: 5px;
    border-radius: 4px;
}

.ct-brand .ct-brand-mark {
    display: block;
    flex: 0 0 auto;
    width: 31px;
    height: 35px;
    object-fit: contain;
}

.ct-brand .ct-brand-copy {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.ct-brand .ct-brand-name {
    display: block;
    font-size: 1.2rem;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -.045em;
    white-space: nowrap;
}

.ct-brand .ct-brand-light { font-weight: 450; }

.ct-brand .ct-brand-subtitle {
    color: #61716a;
    font-size: .75rem;
    font-weight: 500;
    line-height: 1.3;
    letter-spacing: 0;
}

.tournament-navbar .ct-brand {
    flex: 0 1 auto;
    margin-right: 0;
}

.mod-navbar .ct-brand { margin-right: auto; }

.kiosk-app-bar .ct-brand { color: #fff8eb; }
.kiosk-app-bar .ct-brand .ct-brand-subtitle { color: #dce9df; }
.kiosk-app-bar .ct-brand .ct-brand-mark {
    box-sizing: content-box;
    padding: 5px;
    border-radius: 6px;
    background: #f8f7f0;
}

@media (max-width: 575.98px) {
    .tournament-navbar .ct-brand-subtitle { display: none; }
}