/* Analytics-style section lists: Auction analytics, Ranches, a ranch page. */
.pocket-aa { padding-bottom: 80px; }
.pocket-aa-section { margin-bottom: var(--pocket-space-xl); }
.pocket-aa-title,
.pocket-aa-subtitle {
    font-family: var(--pocket-font-display);
    font-size: var(--pocket-font-size-sm);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--pocket-text-secondary);
    margin: 0 0 var(--pocket-space-sm) 2px;
}
.pocket-aa-subtitle { margin-top: var(--pocket-space-md); color: var(--pocket-text-muted); }
.pocket-aa-hint {
    font-family: var(--pocket-font-family);
    font-weight: 500;
    text-transform: none;
    letter-spacing: 0;
    color: var(--pocket-text-muted);
}
.pocket-aa-hero {
    background: var(--pocket-card-bg);
    border-radius: var(--pocket-card-radius);
    border-left: 4px solid var(--pocket-active);
    padding: var(--pocket-space-lg) var(--pocket-space-xl);
    box-shadow: var(--pocket-card-shadow);
}
.pocket-aa-label {
    display: block;
    font-family: var(--pocket-font-display);
    font-size: var(--pocket-font-size-sm);
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--pocket-text-secondary);
}
.pocket-aa-amount {
    display: block;
    font-family: var(--pocket-font-numeric);
    font-variant-numeric: tabular-nums;
    font-size: var(--pocket-font-size-hero);
    font-weight: var(--pocket-font-weight-hero);
    line-height: 1;
    letter-spacing: -0.01em;
    color: var(--ink);
    margin-top: 4px;
}
.pocket-aa-hero-delta { display: block; margin-top: var(--pocket-space-sm); font-size: var(--pocket-font-size-sm); }
.pocket-aa-muted { color: var(--pocket-text-muted); }
.pocket-aa-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--pocket-space-sm);
    margin-top: var(--pocket-space-md);
    padding-top: var(--pocket-space-md);
    border-top: 1px solid var(--pocket-border-light);
}
.pocket-aa-stat { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.pocket-aa-stat-label { font-size: var(--pocket-font-size-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--pocket-text-muted); white-space: nowrap; }
.pocket-aa-stat-value { font-family: var(--pocket-font-numeric); font-variant-numeric: tabular-nums; font-size: var(--pocket-font-size-lg); font-weight: 700; color: var(--pocket-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pocket-aa-delta { font-family: var(--pocket-font-numeric); font-variant-numeric: tabular-nums; font-size: var(--pocket-font-size-sm); font-weight: 700; white-space: nowrap; }
.pocket-aa-delta.up { color: var(--up); }
.pocket-aa-delta.down { color: var(--down); }
.pocket-aa-delta.flat { color: var(--pocket-text-muted); }
.pocket-aa-list {
    background: var(--pocket-card-bg);
    border-radius: var(--pocket-card-radius);
    box-shadow: var(--pocket-card-shadow);
    overflow: hidden;
}
.pocket-aa-row {
    display: flex;
    align-items: center;
    gap: var(--pocket-space-sm);
    min-height: var(--pocket-row-height);
    padding: var(--pocket-space-sm) var(--pocket-space-lg);
    border-bottom: 1px solid var(--pocket-border-light);
    color: inherit;
    text-decoration: none;
}
.pocket-aa-row:last-child { border-bottom: none; }
a.pocket-aa-row:active { background: var(--pocket-bg); }
.pocket-aa-row-main { display: flex; flex-direction: column; flex: 1; min-width: 0; gap: 2px; }
.pocket-aa-row-name { font-size: var(--pocket-font-size-base); font-weight: 600; color: var(--pocket-text-primary); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pocket-aa-row-sub { font-size: var(--pocket-font-size-sm); color: var(--pocket-text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pocket-aa-row-value { font-family: var(--pocket-font-numeric); font-variant-numeric: tabular-nums; font-size: var(--pocket-font-size-lg); font-weight: 700; color: var(--pocket-text-primary); white-space: nowrap; flex-shrink: 0; }
.pocket-aa-row-value .pocket-aa-delta { font-size: var(--pocket-font-size-lg); }
.pocket-aa-multiple { color: var(--pocket-active); }
.pocket-aa-record { color: var(--record); }
.pocket-aa-empty { margin: 0; padding: var(--pocket-space-md) var(--pocket-space-lg); background: var(--pocket-card-bg); border-radius: var(--pocket-card-radius); box-shadow: var(--pocket-card-shadow); font-size: var(--pocket-font-size-sm); color: var(--pocket-text-secondary); }
.pocket-aa-trow {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) calc(48 * var(--pocket-unit)) calc(80 * var(--pocket-unit)) calc(96 * var(--pocket-unit));
    gap: var(--pocket-space-sm);
    align-items: center;
    min-height: 48px;
    padding: var(--pocket-space-xs) var(--pocket-space-lg);
    border-bottom: 1px solid var(--pocket-border-light);
    font-family: var(--pocket-font-numeric);
    font-variant-numeric: tabular-nums;
    font-size: var(--pocket-font-size-sm);
    font-weight: 600;
    color: var(--pocket-text-primary);
    text-decoration: none;
    text-align: right;
}
.pocket-aa-trow:last-child { border-bottom: none; }
.pocket-aa-trow > :first-child { text-align: left; }
.pocket-aa-thead { min-height: 36px; font-family: var(--pocket-font-family); font-size: var(--pocket-font-size-xs); font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase; color: var(--pocket-text-muted); background: var(--pocket-bg); }
.pocket-aa-tsale { font-family: var(--pocket-font-family); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pocket-aa-tgross { font-weight: 700; }
.pocket-aa-link { color: var(--pocket-active); font-weight: 600; text-decoration: none; }

/* "Who sells" on a price page: folded to a count, tap to open. */
.pocket-sellers-fold { background: var(--pocket-card-bg); border-radius: var(--pocket-card-radius); box-shadow: var(--pocket-card-shadow); overflow: hidden; }
.pocket-sellers-summary {
    display: flex;
    align-items: baseline;
    gap: var(--pocket-space-sm);
    min-height: 48px;
    padding: var(--pocket-space-md) var(--pocket-space-lg);
    cursor: pointer;
    list-style: none;
}
.pocket-sellers-summary::-webkit-details-marker { display: none; }
.pocket-sellers-count { font-family: var(--pocket-font-numeric); font-size: var(--pocket-font-size-lg); font-weight: 700; color: var(--pocket-text-primary); white-space: nowrap; }
.pocket-sellers-what { flex: 1; font-size: var(--pocket-font-size-sm); color: var(--pocket-text-secondary); }
.pocket-sellers-toggle::after { content: "Show ›"; font-size: var(--pocket-font-size-sm); font-weight: 600; color: var(--pocket-active); }
.pocket-sellers-fold[open] .pocket-sellers-toggle::after { content: "Hide"; }
.pocket-sellers-fold .pocket-aa-list { border-radius: 0; box-shadow: none; border-top: 1px solid var(--pocket-border-light); }
.pocket-sellers-more { margin: 0; padding: var(--pocket-space-sm) var(--pocket-space-lg) var(--pocket-space-md); font-size: var(--pocket-font-size-sm); }