:root { --pnas-blue:#2079c7; --pnas-blue-dark:#175e9c; --pnas-ink:#17354a; --pnas-muted:#6b8392; --pnas-soft:#eaf5fb; --pnas-line:#dce8ee; }
.pnas-actions {
  max-width:760px; margin:42px auto 12px; padding:22px; display:flex; align-items:flex-end; justify-content:space-between; gap:20px;
  border:1px solid var(--pnas-line); border-radius:16px; background:#fff; box-shadow:0 12px 34px rgba(49,86,114,.07); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.pnas-caption { display:block; margin-bottom:10px; color:var(--pnas-muted); font-size:.7rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.pnas-reactions { display:flex; gap:8px; flex-wrap:wrap; }
.pnas-action,.pnas-follow-button {
  min-height:38px; padding:0 12px; border:1px solid var(--pnas-line); border-radius:8px; background:#f8fbfd; color:#36576d;
  display:inline-flex; align-items:center; gap:7px; font:750 .76rem/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; cursor:pointer;
}
.pnas-action b,.pnas-follow-button b { min-width:18px; color:var(--pnas-muted); font-size:.68rem; }
.pnas-action:hover,.pnas-action.is-active { border-color:#a7cde6; background:var(--pnas-soft); color:var(--pnas-blue); }
.pnas-bookmark.is-active { background:var(--pnas-blue); border-color:var(--pnas-blue); color:#fff; }
.pnas-follow-button { min-height:42px; padding:0 16px; background:var(--pnas-blue); border-color:var(--pnas-blue); color:#fff; }
.pnas-follow-button b { color:#d8ebf8; }
.pnas-follow-button.is-active { background:#fff; color:var(--pnas-blue); }
.pnas-follow-button.is-active b { color:var(--pnas-muted); }
.pnas-own-profile { display:inline-flex; align-items:center; min-height:42px; padding:0 14px; border:1px solid var(--pnas-line); border-radius:8px; background:#fff; color:var(--pnas-muted); font-size:.76rem; font-weight:750; }
.pnas-action:disabled,.pnas-follow-button:disabled { opacity:.55; cursor:wait; }
.pnas-bookmark-grid { display:grid; gap:20px; margin:35px 0; }
.pnas-bookmark-card { display:grid; grid-template-columns:260px 1fr; overflow:hidden; border:1px solid var(--pnas-line); border-radius:16px; background:#fff; }
.pnas-bookmark-image img,.pnas-bookmark-image span { width:100%; height:100%; min-height:180px; object-fit:cover; display:block; background:#dceef8; }
.pnas-bookmark-card>div { padding:24px; }
.pnas-bookmark-card small { color:var(--pnas-blue); font-weight:800; }
.pnas-bookmark-card h2 { margin:8px 0; font-size:1.35rem; }
.pnas-bookmark-card p { margin:0; color:var(--pnas-muted); }
.pnas-empty,.pnas-login-required { padding:42px; margin:35px 0; text-align:center; border-radius:16px; background:var(--pnas-soft); }
.pnas-login-required a { display:inline-block; margin-top:10px; padding:10px 16px; border-radius:8px; background:var(--pnas-blue); color:#fff; font-weight:800; }
@media(max-width:700px) {
  .pnas-actions { align-items:stretch; flex-direction:column; }
  .pnas-bookmark { align-self:flex-start; }
  .pnas-bookmark-card { grid-template-columns:1fr; }
  .pnas-bookmark-image img,.pnas-bookmark-image span { height:190px; }
}