/* Public activity has its own place, without displacing the reading moment. */
.kind-activity-nav { display:inline-flex; align-items:center; gap:6px; white-space:nowrap; }
.kind-activity-nav>span:first-child { color:var(--clay,#a4754d); font-size:19px; line-height:1; }
@media(min-width:901px) and (max-width:1200px) {
  .site-header:has(.kind-activity-nav) .header-global-search { display:none; }
  .site-header:has(.kind-activity-nav) .site-navigation { gap:12px; }
}
.kind-activity-page { --activity-paper:#fffaf2; --activity-ink:#244236; --activity-muted:#616b60; --activity-line:rgba(88,74,49,.16); width:min(720px,calc(100% - 40px)); margin:32px auto 64px; color:var(--activity-ink); font:400 16px/1.55 var(--app-ui,Arial,sans-serif); }
.kind-activity-page * { box-sizing:border-box; }
.kind-activity-heading { margin-bottom:20px; }
.kind-activity-eyebrow { display:block; margin-bottom:8px; color:var(--clay,#a4754d); font-size:12px; font-weight:600; letter-spacing:.08em; }
.kind-activity-page h1 { margin:0; color:inherit; font:400 32px/1.18 Georgia,serif; letter-spacing:-.025em; }
.kind-activity-heading p { max-width:52ch; margin:10px 0 0; color:var(--activity-muted); }
.kind-activity-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; margin-bottom:16px; }
.kind-activity-toolbar p { margin:0; color:var(--activity-muted); font-size:12px; }
.kind-activity-toolbar button { flex:none; min-height:44px; padding:8px 14px; border:1px solid var(--activity-line); border-radius:22px; background:var(--activity-paper); color:inherit; font:500 14px/1.3 var(--app-ui,Arial,sans-serif); cursor:pointer; }
.kind-activity-list { display:grid; gap:14px; }
.kind-activity-card,.kind-activity-empty { padding:24px; border:1px solid var(--activity-line); border-radius:18px; background:var(--activity-paper); box-shadow:0 3px 16px rgba(57,43,21,.035); }
.kind-activity-card header { display:flex; align-items:center; gap:10px; font-size:13px; color:var(--activity-muted); }
.kind-activity-symbol { display:grid; place-items:center; flex:0 0 34px; height:34px; background:rgba(174,134,81,.10); color:var(--clay,#a4754d); border-radius:50%; font-size:20px; }
.kind-activity-card h2 { margin:14px 0 0; font:400 24px/1.25 Georgia,serif; color:inherit; }
.kind-activity-card h2 a { color:inherit; text-decoration:none; }
.kind-activity-text { margin:12px 0 18px; line-height:1.6; overflow-wrap:anywhere; white-space:pre-wrap; }
.kind-activity-card[data-kind="reactions"] .kind-activity-text { font:400 22px/1.5 Georgia,serif; }
.kind-activity-card footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 14px; border-top:1px solid var(--activity-line); padding-top:10px; }
.kind-activity-counts { display:flex; flex-wrap:wrap; gap:12px; font-size:14px; color:var(--activity-muted); }
.kind-activity-counts span { display:inline-flex; align-items:center; gap:5px; }
.kind-activity-card footer>a,.kind-activity-note a { display:inline-flex; align-items:center; min-height:44px; color:inherit; font-size:14px; font-weight:600; text-underline-offset:4px; }
.kind-activity-note { margin-top:22px; color:var(--activity-muted); }
.kind-activity-note p { margin:0; font-size:12px; }
.kind-activity-empty { margin:0; color:var(--activity-muted); }
.kind-activity-page [hidden] { display:none!important; }
.kind-activity-page :focus-visible { outline:2px solid #a4754d; outline-offset:4px; }
html[data-kind-color-scheme="dark"] .kind-activity-page { --activity-paper:#333e35; --activity-ink:#eee7d8; --activity-muted:#c2c8ba; --activity-line:rgba(230,220,194,.2); }
@media(max-width:900px) {
  .kind-mobile-shortcuts:has(.kind-activity-nav) { display:flex; gap:20px; overflow-x:auto; scrollbar-width:none; }
  .kind-mobile-shortcuts:has(.kind-activity-nav)>a { flex:1 0 auto; white-space:nowrap; }
  .kind-mobile-shortcuts:has(.kind-activity-nav)::-webkit-scrollbar { display:none; }
  .kind-activity-page { width:calc(100% - 32px); margin:22px auto 36px; }
  .kind-activity-page h1 { font-size:28px; }
  .kind-activity-card,.kind-activity-empty { padding:20px; }
}
