/* A compact reading index with a shared left edge. */
body .elsewhere-page {
    width: min(100%, 600px);
    padding: 56px 28px 48px;
}
.elsewhere-page .essay-header { margin: 0 0 40px; }
.elsewhere-page .essay-title {
    font-family: var(--cjk-reading-font);
    font-size: 30px;
    font-weight: 500;
    letter-spacing: .04em;
    line-height: 1.5;
}
.elsewhere-page .essay-header p {
    margin: 10px 0 0;
    color: var(--nav);
    font-size: 13px;
    line-height: 1.8;
}
.elsewhere-page section { margin: 0 0 28px; }
.elsewhere-page section h2 {
    display: flex;
    align-items: center;
    gap: 14px;
    margin: 0 0 8px;
    color: var(--nav);
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .08em;
    font-variant-numeric: tabular-nums;
}
.elsewhere-page section h2::after {
    content: "";
    width: 32px;
    height: 1px;
    background: var(--divider);
}
.elsewhere-page .index-list { border: 0; margin: 0; padding: 0; }
.elsewhere-page .index-row {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    min-height: 44px;
    padding: 10px 0;
    border: 0;
    gap: 18px;
    font-size: 15px;
    line-height: 24px;
    opacity: 1;
}
.elsewhere-page .row-copy { font-weight: 400; text-align: left; }
.elsewhere-page .row-meta {
    flex: 0 0 auto;
    font-size: 10px;
    color: var(--nav);
    font-variant-numeric: tabular-nums;
}
.elsewhere-page .index-row:hover .row-copy {
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: currentColor;
}
.elsewhere-page .essay-footer { margin: 40px 0 0; font-size: 11px; }
@media (max-width: 520px) {
    body .elsewhere-page { padding: 32px 24px 40px; }
    .elsewhere-page .essay-title { font-size: 28px; }
    .elsewhere-page .essay-header { margin-bottom: 32px; }
    .elsewhere-page .index-row { gap: 12px; }
}