/* Paste hub: compose on the left, your pastes on the right (the kit's ui-split); the viewer is a compact hero over one card of
   highlighted code. The kit (ui-kit.css) draws the cards, rows and chips; this sheet only does what is particular to a paste. */

.paste { max-width: 72rem; }

.paste__compose .paste__editor {
    width: 100%;
    min-height: 18rem;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.9rem;
    line-height: 1.45;
    resize: vertical;
}

.paste__publish {
    border: none;
    margin: 0;
    padding: 0;
}

.paste__publish legend {
    font-weight: 600;
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
}

.paste__choice {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0.35rem 0;
    font-size: 0.92rem;
    cursor: pointer;
}

/* The list of your pastes sits a little in from the card's edge, so the rows' hover reaches the edge cleanly. */
.paste__list { margin: 0 -0.35rem; }

/* The slug on the viewer's banner: plain on the glass chip rather than the page's code colour. */
.paste .hero__chip code { padding: 0; background: none; color: inherit; font-size: 0.95em; }

.paste__code, .paste__raw {
    margin: 0;
    padding: 1rem 1.1rem;
    border-radius: 8px;
    border: 1px solid var(--rl-border);
    background: var(--rl-surface-raised);
    overflow: auto;
    max-height: min(70vh, 48rem);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.88rem;
    line-height: 1.5;
    white-space: pre;
}

.paste__code code {
    background: transparent;
    padding: 0;
    color: inherit;
    font-size: inherit;
}

/* The body fills the viewer's card, so it may run taller than on the old single column. */
.paste__body .paste__code, .paste__body .paste__raw { max-height: min(75vh, 60rem); }