.kitel-site .kitel-container {
    width: min(var(--kitel-content-width), calc(100% - 48px));
    margin-inline: auto;
}
.kitel-site .kitel-button {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border: 1px solid var(--kitel-primary);
    border-radius: var(--kitel-radius-pill);
    background: var(--kitel-primary);
    color: #fff;
    font: 500 var(--kitel-text-md)/1 var(--kitel-font);
    text-decoration: none;
    cursor: pointer;
}
.kitel-site .kitel-button:hover { background: #111155; }
.kitel-site .kitel-write-action { display: inline-flex; min-height: 32px; align-items: center; justify-content: center; gap: 4px; padding: 0 14px; border: 0; border-radius: 20px; background: var(--kitel-primary); color: #fff; font: 600 var(--kitel-text-sm)/1 var(--kitel-font); text-decoration: none; white-space: nowrap; cursor: pointer; }
.kitel-site .kitel-write-action::before { display: block; width: 16px; height: 16px; background: url('../img/write.svg') center / contain no-repeat; content: ''; }
.kitel-site .kitel-write-action:hover { background: #111155; color: #fff; }
.kitel-site .kitel-write-action:focus-visible { outline: 2px solid var(--kitel-primary); outline-offset: 3px; }
.kitel-site .kitel-filter-search { display: flex; align-items: center; width: 220px; height: var(--kitel-space-4, 32px); padding-inline: 10px; border: 1px solid var(--kb-muted, #a9aeb3); border-radius: 16px; background: #fff; }
.kitel-site .kitel-filter-search input { min-width: 0; flex: 1; border: 0; outline: 0; background: transparent; font: inherit; font-size: var(--kitel-text-sm, 16px); }
.kitel-site .kitel-filter-search select { max-width: 80px; border: 0; color: var(--kb-muted, #a9aeb3); background: transparent; font-size: 14px; }
.kitel-site .kitel-filter-search button { flex: none; width: 20px; height: 20px; border: 0; background: transparent url('../img/search.svg') center / 18px 18px no-repeat; cursor: pointer; }
.kitel-site .kitel-filter-search:focus-within { outline: 2px solid var(--kitel-primary); outline-offset: 2px; }
.kitel-filter-search__label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.kitel-site .kitel-button:focus-visible,
.kitel-site .kitel-input:focus-visible,
:where(.kitel-chrome a, .kitel-chrome button, .kitel-chrome input, .kitel-chrome summary, a.kitel-chrome):focus-visible {
    outline: 2px solid var(--kitel-primary);
    outline-offset: 3px;
}
.kitel-site .kitel-input {
    width: 100%;
    min-height: 50px;
    padding: 10px 16px;
    border: 1px solid var(--kitel-border);
    border-radius: var(--kitel-radius-sm);
    background: var(--kitel-surface-subtle);
    color: var(--kitel-text);
    font: inherit;
}
.kitel-site .kitel-page-heading {
    margin: 0 0 40px;
    color: var(--kitel-text);
    font-size: var(--kitel-text-page);
    font-weight: 500;
    letter-spacing: var(--kitel-heading-tracking);
}
.kitel-site .kitel-page-heading__description {
    display: block;
    margin-top: 12px;
    color: var(--kitel-text-muted);
    font-size: var(--kitel-text-lg);
    font-weight: 300;
    letter-spacing: 0;
}
.kitel-site .kitel-media-slot {
    overflow: hidden;
    border-radius: var(--kitel-radius-card);
    background: #d9d9d9;
}
.kitel-site .kitel-media-slot img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}