/* ── Favor ────────────────────────────────────────────────
   One page, every patron, each with the ladder of ranks you climb by earning favor with them. */

.favor-head {
    margin-bottom: 18px;
}

.favor-sub {
    margin: 4px 0 0;
    color: #888;
    font-size: 0.85rem;
}

.favor-patrons {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.favor-patron {
    scroll-margin-top: 18px;
}

.favor-patron-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: 4px 18px;
    border-bottom: 1px solid #333;
    padding-bottom: 8px;
}

.favor-patron-head h3 {
    margin: 0;
}

.favor-patron-meta {
    margin: 0;
    color: #888;
    font-size: 0.85rem;
}

.favor-dot {
    color: #555;
    padding: 0 2px;
}

.favor-num {
    font-variant-numeric: tabular-nums;
    color: #bbb;
}

.favor-quests-link {
    margin-left: 12px;
}

.favor-patron-desc {
    margin: 10px 0 0;
    max-width: 68ch;
    color: #999;
    font-size: 0.9rem;
}

/* Wide content scrolls inside its own box rather than pushing the page sideways. */
.favor-table-wrap {
    overflow-x: auto;
    margin-top: 12px;
}

.favor-ladder {
    border-collapse: collapse;
    width: 100%;
    font-size: 0.88rem;
}

.favor-ladder th {
    text-align: left;
    padding: 5px 12px 5px 0;
    border-bottom: 1px solid #444;
    color: #aaa;
    font-weight: bold;
    white-space: nowrap;
}

.favor-ladder td {
    padding: 8px 12px 8px 0;
    border-bottom: 1px solid #222;
    color: #999;
    vertical-align: top;
}

.favor-ladder tr:last-child td {
    border-bottom: none;
}

.favor-c-favor {
    width: 4.5rem;
    text-align: right;
    padding-right: 18px !important;
}

.favor-c-rank {
    width: 15rem;
    color: #ccc;
}

/* A reward object reads as one unit — icon and name on a shared baseline, never split over a
   line break. Several can sit in a row where a rank offers a choice. */
.favor-objects {
    display: block;
}

.favor-object {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    margin-right: 8px;
    color: #ddd;
    font-weight: bold;
}

.favor-object img {
    border-radius: 3px;
    flex: none;
}

.favor-lead {
    margin-right: 7px;
    color: #777;
    font-weight: normal;
}

.favor-reward-text {
    display: block;
}

/* A rank with nothing recorded shows an empty cell. Not marked or annotated: a blank reads as
   "nothing recorded" without needing to say so. */

/* The tier the patron's quests cannot pay for. Shown, because where a ladder stops is worth
   knowing, but muted — there is nothing to read here and nothing above it. */
.favor-unreachable .favor-c-favor,
.favor-unreachable .favor-c-rank {
    color: #666;
}

.favor-unreachable-tag {
    display: inline-block;
    font-size: 0.7rem;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    color: #777;
    background: #222;
    border: 1px solid #333;
    border-radius: 3px;
    padding: 2px 8px;
}