/* Four useful destinations must keep readable labels on narrow screens. */
@media (max-width: 760px) {
  .following-tabs { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .35rem; }
  .following-tabs a { min-width: 0; flex-direction: row; justify-content: flex-start; text-align: left; padding: .75rem; overflow-wrap: anywhere; }
}

.feed-order { margin: .5rem 0 1rem; }
.feed-order > summary, .feed-context > summary { min-height: 44px; padding: .65rem 0; cursor: pointer; }
.feed-context { margin-top: 1rem; }

.following-selector { display:flex; gap:.5rem; margin:1rem 0 1.5rem; }
.following-selector a { flex:1; display:flex; justify-content:center; align-items:center; gap:.5rem; min-height:48px; border:1px solid var(--line,#35536b); border-radius:1rem; padding:.75rem; text-decoration:none; }
.following-selector a[aria-current="page"] { background:rgba(18,211,159,.14); border-color:#3eddb0; color:#b1ffe4; }
.following-profiles { margin-bottom:1.5rem; }
.following-profiles .card h3 { margin:.4rem 0; }
.demand-clock { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin:1rem 0; }
.demand-clock dt { color:var(--muted,#b0c4d7); font-size:.85rem; }
.demand-clock dd { margin:.25rem 0 0; font-weight:700; }
.demand-mini-timeline { list-style:none; padding:0; display:flex; gap:.5rem; margin:1.25rem 0; }
.demand-mini-timeline li { flex:1; min-width:0; display:flex; flex-direction:column; gap:.35rem; padding:.5rem; border-top:2px solid #38cdb6; font-size:.85rem; }
.demand-mini-timeline small { color:var(--muted,#b0c4d7); }
.demand-explanation { margin:1rem 0; }
.demand-explanation summary { min-height:44px; }
.case-top-actions { display:flex; flex-wrap:wrap; align-items:center; gap:.75rem; }

/* Two independent choices: topic and updates versus saved followed entities. */
.following-view { display:flex; gap:.5rem; margin:-.5rem 0 1.5rem; padding:.3rem; border:1px solid var(--line); border-radius:1rem; }
.following-view a { flex:1; display:flex; align-items:center; justify-content:center; gap:.4rem; min-width:0; min-height:48px; padding:.6rem; border-radius:.7rem; color:var(--muted); text-decoration:none; font-weight:650; text-align:center; }
.following-view a[aria-current="page"] { color:var(--text); background:rgba(106,190,230,.13); box-shadow:inset 0 0 0 1px rgba(129,207,235,.24); }
.following-view a:focus-visible,.following-selector a:focus-visible { outline:3px solid var(--gold,#f4d36a); outline-offset:3px; }
.following-count { display:inline-grid; place-items:center; min-width:1.5rem; height:1.5rem; border-radius:50%; font-size:.75rem; background:rgba(80,226,180,.12); }
.following-feed-note { color:var(--muted); margin:.25rem 0 1rem; }
.following-feed { max-width:56rem; margin-inline:auto; }
.feed-update-top { display:flex; align-items:center; gap:.75rem; }
.feed-update-top p { margin:.35rem 0 0; }
.feed-update-top .icon-tile { flex-shrink:0; }
.feed-update h3 { margin:.7rem 0; overflow-wrap:anywhere; }
.feed-update .feed-context { margin:.6rem 0; }
.feed-date { display:flex; align-items:center; flex-wrap:wrap; gap:.35rem; color:var(--muted); font-size:.85rem; margin:.75rem 0; }
.demand-feed-entry { border-left:2px solid rgba(69,218,176,.35); padding-left:.8rem; }
.demand-feed-entry > .feed-date { margin-top:0; }
.followed-profile .button { margin-top:.5rem; }
@media(max-width:380px) {
 .following-selector a { gap:.3rem; padding:.6rem .4rem; }
 .following-view a { font-size:.85rem; gap:.25rem; }
 .following-view .icon { width:1.1rem; height:1.1rem; }
}

.feed-preview-label{font-size:.8rem;font-weight:700;color:var(--yellow,#f3d45d);letter-spacing:.025em;margin:0 0 .4rem}
.feed-preview-entry{padding:0;margin:0 0 1.25rem;background:none;border:0;box-shadow:none}
/* Nested demand cards must shrink inside the feed's narrow mobile column. */
.following-feed,.following-demands,.following-demands > div,.demand-feed-entry { min-width:0; max-width:100%; }
.following-feed { width:100%; }
.following-feed .demand-card,.following-demands .demand-card { min-width:0; overflow-wrap:anywhere; }