.page-share-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-block-end: 12px;
    min-inline-size: 0;
}

.page-share-row > :first-child { margin-block-end: 0; }
.page-share-row > .reader-author img,
.page-share-row > .author-byline img { flex: none; }
.page-share-row > .reader-author,
.page-share-row > .author-byline { min-inline-size: 0; overflow-wrap: anywhere; }
.collection-intro > .page-share-row { grid-column: 1 / -1; }
.reading-focus .reader-sheet > .page-share-row { display: none; }

.page-share-button, .page-share-close {
    display: inline-flex;
    flex: none;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-inline-size: 44px;
    min-block-size: 44px;
    padding: 0 13px;
    border: 1px solid var(--line);
    border-radius: 10px;
    color: var(--ink);
    background: var(--surface);
    line-height: 1;
    font-size: 13px;
    font-weight: 550;
}

@media (hover: hover) {
    .page-share-button:hover, .page-share-close:hover { background: var(--surface-soft); }
}

.page-share-button:active, .page-share-close:active { background: var(--surface-soft); }
.page-share-button[aria-disabled="true"] { cursor: progress; }

.page-share-dialog {
    box-sizing: border-box;
    inline-size: min(400px, calc(100% - 32px));
    max-block-size: calc(100% - 32px);
    margin: auto;
    padding: 18px;
    border: 1px solid var(--line);
    border-radius: 16px;
    background: var(--surface);
    color: var(--ink);
}

.page-share-dialog::backdrop { background: rgb(0 0 0 / .45); }
.page-share-dialog form { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.page-share-dialog h2 { font-size: 21px; }
.page-share-close { padding: 0; }
.page-share-dialog input {
    inline-size: 100%;
    min-block-size: 44px;
    margin-block-start: 12px;
    padding: 0 10px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: var(--surface-soft);
    color: inherit;
    font: inherit;
    font-size: 16px;
}

.page-share-dialog p { margin-block-start: 8px; color: var(--muted); font-size: 13px; }

@media (max-width: 620px) {
    .page-share-button { padding: 0; }
    .page-share-button span { display: none; }
}