.claim-invitation{display:flex;align-items:center;gap:24px;margin:0 0 24px;padding:20px;background:#edf2db;border:1px solid #d5ddc0;border-radius:14px;color:var(--ink)}
.claim-invitation-copy{flex:1;min-width:0}
.claim-invitation h2{margin:0;font:700 18px/1.5 "Space Grotesk",sans-serif;letter-spacing:-.02em}
.claim-invitation-copy p{margin:4px 0 0;color:#42523f;font-size:14px;line-height:1.5}
.claim-invitation-action{display:flex;align-items:center;gap:16px}
.claim-invitation-action p{margin:0;color:#42523f;font-size:12px;font-weight:600;line-height:1.5;white-space:nowrap}
.claim-invitation-cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 24px;border:0;border-radius:22px;background:var(--accent-dark);color:#fff;font-size:14px;font-weight:700;line-height:22px;text-decoration:none;white-space:nowrap}
.claim-invitation-cta:hover{background:#af421a;border-color:#af421a}
.claim-invitation-dismiss{display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}
.claim-invitation-dismiss:hover{background:#dfe7c9}
.claim-invitation-dismiss img{width:18px;height:18px}
.claim-invitation :focus-visible,.reader-owner-claim:focus-visible{outline:2px solid var(--accent-dark);outline-offset:4px}
.claim-invitation-visible #reader-owner-actions{display:none}
.reader-owner-claim{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:8px 14px;border:1px solid #bac7a7;border-radius:22px;color:#42523f;background:transparent;font-size:12px;font-weight:700;text-decoration:none;line-height:1.5}
.reader-owner-claim:hover{background:#edf2db;border-color:#829568}
.reader-owner-claim img{width:16px;height:16px}
@media(max-width:900px){
  .claim-invitation{gap:16px}
  .claim-invitation-action{align-items:flex-end;flex-direction:column;gap:6px}
}
@media(max-width:767px){
  .claim-invitation{position:relative;display:block;padding:16px 20px}
  .claim-invitation-copy{padding-right:34px}
  .claim-invitation-action{align-items:stretch;gap:8px;margin-top:16px}
  .claim-invitation-action p{white-space:normal;text-align:center}
  .claim-invitation-dismiss{position:absolute;top:6px;right:6px}
  .has-bottom-nav:not(.claim-invitation-visible) .reader-heading-footer:has(.reader-owner-actions a:not([hidden])){display:flex}
}