/**
 * AP-Briefing Share-Block: QR-Code + Caption + Share-Buttons.
 * Hardcoded AP-Farben, kein Theme-Token-Reuse — der Block muss in
 * Dark-Mode wie in Light-Mode gleich lesbar bleiben.
 */
.ap-share { color-scheme: light; background: #FBF8F2; border: 1px solid #E7E1D4; border-radius: 14px; padding: 1.5rem; margin: 2rem auto 0; max-width: 920px; }
.ap-share__head { text-align: center; margin-bottom: 1.25rem; }
.ap-share__kicker { font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #0E3F73; font-weight: 700; margin: 0 0 .35rem; }
.ap-share__title { font-size: clamp(1.25rem, 2.4vw, 1.6rem); color: #0E1A2A; font-weight: 700; margin: 0 0 .5rem; }
.ap-share__lead { color: #5C6A7A; max-width: 56ch; margin: 0 auto; font-size: .95rem; line-height: 1.55; }

.ap-share__grid { display: grid; gap: 1.25rem; grid-template-columns: minmax(220px, 280px) 1fr; align-items: start; }
@media (max-width: 720px) { .ap-share__grid { grid-template-columns: 1fr; } }

/* QR-Karte */
.ap-share__qr { background: #fff; border: 1px solid #E7E1D4; border-radius: 12px; padding: 1rem; display: flex; flex-direction: column; align-items: center; gap: .65rem; }
.ap-share__qr-canvas { width: 220px; height: 220px; display: flex; align-items: center; justify-content: center; }
.ap-share__qr-canvas canvas, .ap-share__qr-canvas svg, .ap-share__qr-canvas img { max-width: 100%; max-height: 100%; display: block; }
.ap-share__qr-caption { text-align: center; font-size: .85rem; color: #0E1A2A; line-height: 1.35; }
.ap-share__qr-caption strong { display: block; color: #0E3F73; font-size: .95rem; margin-bottom: .15rem; }
.ap-share__qr-actions { display: flex; flex-wrap: wrap; gap: .5rem; justify-content: center; }

/* Share-Karte */
.ap-share__buttons { display: flex; flex-direction: column; gap: .85rem; }
.ap-share__intro { color: #0E1A2A; font-size: 1rem; line-height: 1.55; margin: 0 0 .5rem; }
.ap-share__intro strong { color: #0E3F73; }
.ap-share__row { display: grid; gap: .6rem; grid-template-columns: 1fr 1fr; }
@media (max-width: 540px) { .ap-share__row { grid-template-columns: 1fr; } }

.ap-share__btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .75rem 1rem; border-radius: 9px; border: 1px solid #E7E1D4; background: #fff; color: #0E1A2A; text-decoration: none; font-weight: 600; font-size: .92rem; line-height: 1.2; cursor: pointer; transition: transform .12s, box-shadow .12s, border-color .12s, background .12s; }
.ap-share__btn:hover, .ap-share__btn:focus-visible { transform: translateY(-1px); box-shadow: 0 6px 16px rgba(14,63,115,.12); border-color: rgba(14,63,115,.35); color: #0E3F73; outline: none; }
.ap-share__btn--primary { background: #0E3F73; color: #fff; border-color: #0E3F73; }
.ap-share__btn--primary:hover, .ap-share__btn--primary:focus-visible { background: #1F4D80; color: #fff; border-color: #1F4D80; }
.ap-share__btn--wa { background: #25D366; color: #fff; border-color: #1FB955; }
.ap-share__btn--wa:hover, .ap-share__btn--wa:focus-visible { background: #1FB955; color: #fff; border-color: #1FB955; }

.ap-share__hint { color: #5C6A7A; font-size: .82rem; line-height: 1.5; margin-top: .35rem; }
.ap-share__copied { font-size: .82rem; color: #1F7A3B; font-weight: 600; margin-top: .25rem; display: none; }
.ap-share.is-copied .ap-share__copied { display: inline-block; }