/* Scriptures & Power share panel — quiet, editorial, and intentionally brand-led. */
.reflection-share {
    width: min(920px, calc(100% - 32px));
    margin: 54px auto 42px;
    padding: 26px 28px 24px;
    position: relative;
    border: 1px solid rgba(216, 173, 74, .28);
    border-left: 3px solid var(--dim-yellow, #d8ad4a);
    background: linear-gradient(135deg, rgba(216, 173, 74, .055), rgba(255, 255, 255, .018) 48%, rgba(0, 0, 0, .08));
    color: var(--dim-white, #f3f0e8);
}
.reflection-share::after {
    content: "";
    position: absolute;
    top: 0; right: 0;
    width: 88px; height: 1px;
    background: var(--dim-yellow, #d8ad4a);
    opacity: .7;
}
.reflection-share-copy { margin-bottom: 20px; }
.reflection-share-kicker {
    display: block;
    margin-bottom: 6px;
    color: var(--dim-yellow, #d8ad4a);
    font: 700 .72rem/1.2 'Roboto Condensed', sans-serif;
    letter-spacing: .17em;
}
.reflection-share-copy p {
    margin: 0;
    color: rgba(243, 240, 232, .72);
    font: 400 1rem/1.55 'Roboto Condensed', sans-serif;
}
.reflection-share-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}
.reflection-share .reflection-share-action {
    appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid rgba(216, 173, 74, .34);
    border-radius: 2px;
    background: rgba(0, 0, 0, .13);
    color: rgba(243, 240, 232, .9);
    font: 600 .82rem/1 'Roboto Condensed', sans-serif;
    letter-spacing: .035em;
    text-decoration: none;
    cursor: pointer;
    transition: color .18s ease, background-color .18s ease, border-color .18s ease, transform .18s ease;
}
.reflection-share .reflection-share-action i {
    width: 16px;
    color: var(--dim-yellow, #d8ad4a);
    text-align: center;
    font-size: .95rem;
}
.reflection-share .reflection-share-action:hover,
.reflection-share .reflection-share-action:focus-visible {
    color: #181818;
    background: var(--dim-yellow, #d8ad4a);
    border-color: var(--dim-yellow, #d8ad4a);
    text-decoration: none;
    transform: translateY(-1px);
    outline: none;
}
.reflection-share .reflection-share-action:hover i,
.reflection-share .reflection-share-action:focus-visible i { color: #181818; }
.reflection-share .reflection-share-copy-link.is-copied {
    color: #181818;
    background: var(--dim-yellow, #d8ad4a);
    border-color: var(--dim-yellow, #d8ad4a);
}
.reflection-share .reflection-share-copy-link.is-copied i { color: #181818; }
.reflection-share-status {
    min-height: 1em;
    margin: 10px 0 0;
    color: rgba(243, 240, 232, .62);
    font: 400 .76rem/1.3 'Roboto Condensed', sans-serif;
}
@media (max-width: 620px) {
    .reflection-share { width: calc(100% - 24px); margin: 38px auto 32px; padding: 22px 18px 18px; }
    .reflection-share-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .reflection-share .reflection-share-action { width: 100%; }
}
@media (max-width: 380px) {
    .reflection-share-actions { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
    .reflection-share .reflection-share-action { transition: none; }
}