/* Decorative house mark from the agreed brand treatment; text remains accessible. */
.kdd-brand::before,
.kf-watch-header > a:has(> strong)::before {
    content: "";
    display: block;
    width: 32px;
    height: 36px;
    flex: 0 0 32px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%239fca36' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 18 20 4 36 18M8 16v20h24V16M16 36V25h8v11'/%3E%3C/svg%3E") center/contain no-repeat;
}
.kdd-brand { gap: 8px !important; }
.kf-watch-header > a:has(> strong) {
    display: grid;
    grid-template-columns: 28px auto;
    column-gap: 7px;
    align-items: center;
}
.kf-watch-header > a:has(> strong)::before {
    grid-column: 1;
    grid-row: 1 / span 2;
    width: 28px;
    height: 32px;
}
.kf-watch-header > a > strong,
.kf-watch-header > a > small { grid-column: 2; }
.kdd-categories > a[data-ks-business][aria-current="page"] {
    background: #e9f0d9;
    border-radius: 8px;
}
#ks-sourcing .ks-source-planning {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}
#ks-sourcing .ks-source-planning > div { min-width: 0; }
#ks-sourcing .ks-source-planning label { display: block; min-height: 40px; }
#ks-sourcing .ks-source-planning input { width: 100%; min-width: 0; box-sizing: border-box; }

/* Six initial shortcuts at ordinary phone widths; retain 44px targets on narrow phones. */
@media (max-width: 767px) {
    .kdd-header .kxd-rail-wrap { padding-inline: 24px; margin-inline: -8px; width: calc(100% + 16px); max-width: calc(100% + 16px); }
    .kdd-header .kxd-rail-wrap > .kxd-arrow { width: 24px; min-width: 24px; }
    .kdd-header .kdd-categories.kxd-rail { gap: 1px; padding-inline: 0; }
    .kdd-header .kdd-categories.kxd-rail > a {
        box-sizing: border-box;
        flex: 0 0 calc((100% - 5px) / 6);
        width: calc((100% - 5px) / 6);
        min-width: 51px;
        min-height: 54px;
        padding: 4px 0;
        gap: 3px;
        font-size: 10px;
        line-height: 12px;
        white-space: normal;
        text-align: center;
    }
    .kdd-header .kdd-categories.kxd-rail > a > span { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
}