/* ============================================================================
   KCB BUNI Documents page — content styling. RUNTIME file (edit + refresh, NO rebuild).
   Loaded ALONGSIDE home.css, so it reuses the same tokens (--navy/--green/…), buttons
   (.kh-btn), CTA bar (.kh-ctabar) and footer (.kh-footer). Only the Documents-specific
   sections (intro + category rows) are styled here. All selectors scoped under .kcb-home.
   ============================================================================ */

.kcb-home .kh-docintro { padding: 46px 0 8px; }
.kcb-home .kh-docintro .kh-eyebrow {
    color: var(--green-2);
    font-weight: 600;
    font-size: .82rem;
    letter-spacing: .02em;
    display: block;
    margin-bottom: 10px;
}
.kcb-home .kh-docintro h1 {
    font-size: 1.9rem;
    line-height: 1.32;
    font-weight: 600;
    color: var(--navy);
    margin: 0 0 14px;
    max-width: 940px;
}
.kcb-home .kh-docintro .kh-docsub {
    color: var(--muted);
    font-size: 1rem;
    margin: 0;
    max-width: 720px;
}

/* ---- category rows ---- */
.kcb-home .kh-doccats { padding: 26px 0 50px; display: flex; flex-direction: column; gap: 20px; }
.kcb-home .kh-doccat {
    border: 1px solid var(--line);
    border-radius: var(--radius);
    padding: 26px 28px;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 30px;
    align-items: center;
    background: #fff;
}
.kcb-home .kh-doccat .body { min-width: 0; }
.kcb-home .kh-doccat h3 { color: var(--navy); font-size: 1.15rem; font-weight: 600; margin: 0 0 8px; }
.kcb-home .kh-doccat p { color: var(--muted); font-size: .92rem; margin: 0; max-width: 520px; }

/* Right-hand column: tags (if any) stacked above the action button, button right-aligned. */
.kcb-home .kh-docaside { display: flex; flex-direction: column; align-items: flex-end; gap: 16px; }
.kcb-home .kh-docaside .kh-btn { margin: 0; white-space: nowrap; }

.kcb-home .kh-doctags { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; min-width: 320px; }
.kcb-home .kh-chip {
    border: 1px solid var(--line);
    background: var(--bg-soft);
    color: #40515c;
    font-size: .82rem;
    font-weight: 600;
    padding: 9px 14px;
    border-radius: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ---- responsive ---- */
@media (max-width: 860px) {
    .kcb-home .kh-doccat { grid-template-columns: 1fr; gap: 18px; }
    .kcb-home .kh-docaside { align-items: flex-start; }
    .kcb-home .kh-doctags { min-width: 0; }
}
@media (max-width: 480px) {
    .kcb-home .kh-doctags { grid-template-columns: 1fr; }
    .kcb-home .kh-docintro h1 { font-size: 1.55rem; }
}