/* Reviewed timeline preview, scoped to the homepage activity component. */
.af-shell{position:relative;border:1px solid #294758;background:linear-gradient(105deg,#0e1d29f5,#09131df5);box-shadow:0 18px 50px #0003}.af-shell:before,.af-shell:after{content:'';position:absolute;width:23px;height:11px;pointer-events:none;z-index:2}.af-shell:before{border-top:2px solid #3bc7ee;border-left:2px solid #3bc7ee;left:-1px;top:-1px}.af-shell:after{border-right:2px solid #45677a;border-bottom:2px solid #45677a;right:-1px;bottom:-1px}.af-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px;border-bottom:1px solid #294050}.af-filters{display:flex;gap:26px;overflow-x:auto}.af-filters button{min-height:64px;padding:0 2px;background:none;border:0;border-bottom:2px solid transparent;font:600 13px 'Chakra Petch';color:#8ca6b6;white-space:nowrap;cursor:pointer}.af-filters button:hover{color:#dce7ee}.af-filters button[aria-pressed=true]{color:#8ce4f8;border-bottom-color:#36c8ee}.af-filters small{display:inline-block;margin-left:5px;padding:2px 6px;background:#1b3d4d;font:10px 'JetBrains Mono';border-radius:3px}.af-pause{border:1px solid #304957;background:#101e29;color:#a7bdc8;cursor:pointer;font-size:11px;padding:8px 10px;white-space:nowrap}.af-pause[aria-pressed=true]{color:#f4c766;border-color:#6f5931}.af-topline{display:flex;justify-content:space-between;gap:15px;padding:15px 25px 10px;font-size:11px;color:#7f9baa}.af-topline label{display:flex;gap:7px;align-items:center;cursor:pointer}.af-topline input{accent-color:#37c8ed}.af-stream{max-height:590px;overflow-y:auto;overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#35586b transparent;scrollbar-gutter:stable;padding:4px 24px 14px;overflow-anchor:none}.af-items{position:relative;padding-left:37px}.af-items:before{content:'';position:absolute;left:13px;top:24px;bottom:30px;width:1px;background:linear-gradient(#2d647b,#203746)}.af-event{position:relative;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:14px;margin:12px 0;padding:20px 22px;border:1px solid #223d4e;background:linear-gradient(110deg,#112432a8,#0c1924d9);transition:border-color .2s,background .2s;overflow-wrap:anywhere}.af-event:hover{border-color:#3b7188;background-color:#112733}.af-event:before{content:'';position:absolute;left:-30px;top:27px;width:9px;height:9px;background:#0e1d29;border:2px solid #37bddd;border-radius:50%;box-shadow:0 0 0 5px #0e1d29}.af-event[data-af-type=behaviour]:before{border-color:#80d6b5}.af-event[data-af-type=play]:before{border-color:#e2b965}.af-avatar{width:40px;height:40px;display:grid;place-items:center;background:#1a4353;border:1px solid #2f6d7f;border-radius:50%;font:600 16px 'Chakra Petch';color:#9deafb}.af-avatar.af-vote{border-radius:8px;background:#2c2a1e;border-color:#675832;color:#e7c475}.af-avatar.af-behaviour{background:#16372f;border-color:#376c58;color:#82ddbc}.af-avatar svg{width:22px;height:22px}.af-event-top{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#abc0cc;line-height:1.5}.af-event-top strong{color:#e2edf3;font-weight:600}.af-event a{color:#a4e7f8;text-decoration:none}.af-event a:hover{text-decoration:underline}.af-event time{font:10px 'JetBrains Mono';color:#7e9caa;text-align:right;white-space:nowrap;padding-top:3px}.af-event-meta{display:flex;align-items:center;gap:8px;margin:9px 0;font-size:10px;color:#91aebd}.af-tag{font:500 9px 'JetBrains Mono';letter-spacing:.04em;text-transform:uppercase;padding:3px 6px;border:1px solid #2b5869;background:#123344;color:#80cce3}.af-tag.af-record{border-color:#6b5732;background:#322c1c;color:#edc575}.af-event blockquote{border:0;border-left:2px solid #2c6074;padding:4px 0 4px 13px;color:#d1e1e9;font-size:14px;line-height:1.65;margin:12px 0}.af-actions{display:flex;gap:18px;align-items:center;margin-top:10px}.af-discussion{background:none;border:0;color:#73d5ee;padding:4px 0;cursor:pointer;font:600 11px 'Chakra Petch';display:flex;align-items:center;gap:7px}.af-discussion svg{width:15px;height:15px}.af-totals{display:flex;gap:12px;margin:12px 0 6px}.af-totals span{display:flex;gap:8px;align-items:center;padding:7px 11px;background:#09151e;border:1px solid #294756;font:500 14px 'JetBrains Mono';color:#63d5b6}.af-totals svg{width:17px;height:17px}.af-totals .af-down{color:#db8a7b}.af-small-note{font-size:10px;color:#7f9baa}.af-recent{font:9px 'JetBrains Mono';color:#0a202a;background:#4ed3ed;padding:2px 5px}.af-arriving{animation:af-arrive 1.6s ease-in-out both,af-highlight 4.8s ease-out both}.af-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:16px 24px;border-top:1px solid #243e4e;font-size:10px;color:#7e9eae}.af-status-message{color:#94b9c8}.af-pending{display:flex;align-items:center;justify-content:center;gap:14px;padding:9px 16px;background:#103548;border-top:1px solid #28617a;border-bottom:1px solid #28617a;font-size:10px;color:#8fb8ca}.af-pending[hidden]{display:none}.af-show-new{background:none;border:0;color:#9aeafa;font:600 12px 'Chakra Petch';padding:6px;cursor:pointer}
.af-pending>button{background:none;border:0;color:#9aeafa;font:600 12px var(--display);padding:6px;cursor:pointer}.af-pending[hidden]{display:none}.af-empty{padding:45px 15px;text-align:center;color:var(--muted);font-size:13px}.af-avatar{position:relative;overflow:hidden}.af-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.af-body{min-width:0}.af-discussion{display:inline-flex}.af-totals svg{flex-shrink:0}.af-shell button:focus-visible,.af-shell a:focus-visible,.af-stream:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}
@keyframes af-arrive{from{opacity:0;transform:translateY(-30px) scale(.985)}to{opacity:1;transform:none}}@keyframes af-highlight{0%,25%{border-color:#48ccec;box-shadow:0 0 22px #35bfe32b}to{border-color:#223d4e;box-shadow:0 0 0 transparent}}
@media(max-width:700px){.af-toolbar{padding:0 14px;gap:8px;flex-wrap:wrap}.af-filters{width:100%;gap:21px}.af-filters button{min-height:52px;font-size:12px}.af-pause{margin-bottom:12px}.af-topline{padding:13px 15px;flex-wrap:wrap;gap:10px}.af-stream{padding:0 11px 12px;max-height:650px}.af-items{padding-left:23px}.af-items:before{left:6px}.af-event{padding:15px 13px;grid-template-columns:30px minmax(0,1fr);gap:10px}.af-event:before{left:-22px;top:24px;width:8px;height:8px}.af-avatar{width:30px;height:30px;font-size:12px}.af-avatar svg{width:18px;height:18px}.af-event time{position:absolute;right:12px;top:14px;font-size:8px}.af-event-top{font-size:11px;padding-top:17px}.af-event blockquote{font-size:13px;margin-left:-39px;margin-top:16px}.af-event-meta{flex-wrap:wrap;font-size:9px}.af-actions{margin-left:-39px}.af-event .af-totals{margin-left:-39px}.af-small-note{margin-left:-39px;display:block;line-height:1.6}.af-footer{padding:14px 16px;font-size:9px}.af-pending{align-items:flex-start;gap:7px;flex-direction:column}.af-event-meta .af-tag{font-size:8px}.af-event[data-af-type=play] .af-event-top,.af-event[data-af-type=behaviour] .af-event-top{padding-bottom:7px}}
@media(prefers-reduced-motion:reduce){.af-shell *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
.af-shell [hidden]{display:none!important}
/* Compact split feed: production decoration and arrival animations stay unchanged. */
#hm-community .bf-sh{margin-bottom:16px}#hm-community .bf-eyebrow{margin-bottom:8px}#hm-community .bf-h2{font-size:28px;line-height:1.2}
.af-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.af-columns>[data-community-activity]{display:flex;min-width:0}
.af-columns .af-shell{display:flex;flex-direction:column;width:100%;min-width:0}
.af-columns .af-toolbar{padding:0 14px;gap:8px}.af-columns .af-filters{gap:16px;min-width:0}.af-columns .af-filters button{min-height:44px;font-size:12px}
.af-columns .af-topline{display:none}.af-columns .af-stream{padding:0 14px;max-height:none;overflow:visible;flex:1}
.af-columns .af-items{padding:0}.af-columns .af-items:before,.af-columns .af-event:before{display:none}
.af-columns .af-event{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;margin:8px 0;padding:12px;align-items:center}
.af-columns .af-avatar{width:32px;height:32px;font-size:13px}.af-columns .af-avatar svg{width:19px;height:19px}
.af-columns .af-event-top{font-size:13px;gap:6px;padding:0}.af-columns .af-event-meta,.af-columns .af-small-note{display:none}
.af-columns .af-event time{position:static;padding:0;font-size:9px}.af-columns .af-totals{margin:0;gap:8px}.af-columns .af-totals span{padding:5px 8px;font-size:12px;gap:6px}
.af-columns .af-event:not([data-af-type=comment]){grid-template-columns:32px minmax(0,1fr) auto;min-height:64px}
.af-columns .af-event:not([data-af-type=comment]) .af-body{display:contents}.af-columns .af-event:not([data-af-type=comment]) .af-event-top{grid-column:2;grid-row:1}
.af-columns .af-event:not([data-af-type=comment]) .af-totals{grid-column:2;grid-row:2}.af-columns .af-event:not([data-af-type=comment]) time{grid-column:3;grid-row:1}
.af-columns .af-event[data-af-type=comment]{align-items:start}.af-columns .af-event blockquote{margin:6px 0 0;padding:0 0 0 10px;line-height:1.5;font-size:13px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.af-columns .af-actions{margin:5px 0 0}.af-columns .af-discussion{padding:0;min-height:24px}
.af-columns .af-footer{padding:10px 14px;gap:4px 16px;font-size:10px;align-items:center;justify-content:space-between;margin-top:auto;min-height:52px;display:grid;grid-template-columns:minmax(0,1fr) auto}
.af-columns .af-footer>span:first-child{display:none}.af-columns .af-footer:has(button:not([hidden]))>span:first-child[role=status]{display:none}
.af-columns .af-expand{font-size:10px;padding:4px 0;min-height:28px}.af-columns .af-pending{padding:4px 12px}.af-columns .af-pending>span{display:none}
.af-columns [data-community-activity=comments]:not([data-expanded=true]) .af-event:nth-child(n+4),.af-columns [data-community-activity=feedback]:not([data-expanded=true]) .af-event:nth-child(n+6){display:none}
@media(min-width:1100px){.af-columns .af-event:not([data-af-type=comment]){grid-template-columns:32px minmax(0,1fr) auto 42px}.af-columns .af-event:not([data-af-type=comment]) .af-totals{grid-column:3;grid-row:1}.af-columns .af-event:not([data-af-type=comment]) time{grid-column:4;grid-row:1}.af-columns .af-totals{gap:6px}.af-columns .af-totals span{padding:5px 6px}}
@media(max-width:760px){.af-columns{grid-template-columns:minmax(0,1fr);gap:20px}.af-columns .af-toolbar{padding-inline:12px}.af-columns .af-filters{gap:12px}.af-columns .af-filters button{font-size:11px}.af-columns .af-stream{padding-inline:8px}.af-columns .af-event{gap:8px;padding:12px 10px}.af-columns .af-event-top{font-size:12px}.af-columns .af-avatar{width:28px;height:28px}.af-columns .af-event:not([data-af-type=comment]),.af-columns .af-event[data-af-type=comment]{grid-template-columns:28px minmax(0,1fr) auto}.af-columns .af-event blockquote{font-size:12px}}

.af-columns .af-shell[data-stale=true] .af-footer>span:first-child[role=status]{display:block;grid-column:1/-1;color:var(--amber)}