:root {
    --navy: #122b49;
    --cyan: #18a6c9
}

body {
    min-height: 100vh;
    background: #f3f7fb;
    color: #162c46;
    font-family: system-ui, -apple-system, "Segoe UI", sans-serif
}

.hero {
    background: linear-gradient(120deg, #102840, #15526b);
    color: #fff
}

.hero h1 span {
    color: #5bdded
}

.eyebrow {
    font-size: .72rem;
    letter-spacing: .12em;
    font-weight: 700;
    color: #b6eaf4
}

.shell {
    border: 1px solid #dbe5ef;
    box-shadow: 0 12px 30px rgba(13, 49, 80, .06);
    border-radius: 16px
}

.doc-list {
    max-height: 350px;
    overflow: auto
}

.doc-item {
    padding: 11px 0;
    border-bottom: 1px solid #e4edf4;
    overflow-wrap: anywhere
}

.doc-item:last-child {
    border: 0
}

.answer {
    line-height: 1.75;
    white-space: pre-wrap;
    overflow-wrap: anywhere
}

.btn-primary {
    background: #176b9b;
    border-color: #176b9b
}

.btn-primary:hover {
    background: #114b70
}

.badge.text-bg-info {
    background: #a9eaf1 !important;
    color: #123f55 !important
}

a {
    color: #126d9e;
    overflow-wrap: anywhere
}