/* ==========================================================================
   Likhaan — content feed styles (pairs with js/feed.js)
   Uses the variables from style.css; the value after each comma is a fallback.
   Lists themselves reuse the existing .ins, .news-row and .feat-card styles.
   ========================================================================== */

[data-feed][hidden], section[hidden]{ display:none !important; }

/* ---------- "New" tag ---------- */
.feed-new{
  display:inline-block; margin-left:.8em; padding:.36em .62em .32em;
  background:var(--oxblood,#6b1f1a); color:var(--paper,#f7f2e9);
  font-size:.6rem; font-weight:700; letter-spacing:.18em; line-height:1; text-transform:uppercase;
  border-radius:2px; vertical-align:.14em; white-space:nowrap;
}

/* ---------- entrance (site.js only reveals elements present at page load) ---------- */
.feed-item{ animation:feed-in .6s var(--ease,cubic-bezier(.2,.7,.2,1)) backwards; }
@keyframes feed-in{ from{ opacity:0; transform:translateY(14px); } }
@media(prefers-reduced-motion:reduce){ .feed-item{ animation:none; } }

/* ---------- homepage: bar under the masthead (only while something is new) ---------- */
.feed-bar{
  position:relative; z-index:2; background:var(--ink,#1a1714);
  border-bottom:1px solid var(--line-dk,#3a342d);
}
.feed-bar a{
  display:flex; align-items:center; gap:10px 18px; padding-block:13px;
  color:var(--paper,#f7f2e9); min-width:0;
}
.feed-bar .feed-new{ margin-left:0; background:var(--oxblood-br,#8a2a22); }
.feed-bar .fb-k{
  font-size:.66rem; letter-spacing:.2em; text-transform:uppercase; font-weight:700;
  color:#c98a82; white-space:nowrap;
}
.feed-bar .fb-t{
  flex:1 1 auto; min-width:0; font-size:.94rem; font-weight:700; letter-spacing:-.005em;
  white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.feed-bar .fb-go{
  font-size:.7rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700;
  color:#c98a82; white-space:nowrap; transition:transform .3s var(--ease,ease);
}
.feed-bar a:hover .fb-t{ text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:4px; }
.feed-bar a:hover .fb-go{ transform:translateX(4px); }
@media(max-width:640px){
  .feed-bar a{ flex-wrap:wrap; padding-block:12px 14px; }
  .feed-bar .fb-t{ flex-basis:100%; white-space:normal; display:-webkit-box;
    -webkit-line-clamp:2; -webkit-box-orient:vertical; line-height:1.35; }
  .feed-bar .fb-go{ display:none; }
}

/* ---------- homepage: Latest block in "Ideas & Record" ---------- */
.feed-latest .ins-grid{ margin-top:1.4rem; }
.feed-sum{
  margin-top:.6em; color:var(--muted,#6f675b); font-size:.95rem; line-height:1.5;
  display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;
}
.feed-browse{ margin-top:clamp(48px,6vw,72px); }
.feed-browse .grid-3{ margin-top:1.4rem; }

/* ---------- news rows: "New" sits under the date ---------- */
.news-row .dt .feed-new{ display:table; margin:.6em 0 0; }

/* ---------- insights: featured card (replaces the old inline styles) ---------- */
.feat-card .feat-k{
  color:#d98279; font-size:.7rem; letter-spacing:.2em; text-transform:uppercase; font-weight:700;
}
.feat-card .feat-k .feed-new{ background:var(--oxblood-br,#8a2a22); }
.feat-card .feat-go{
  display:inline-flex; gap:.5em; margin-top:1em; color:#d98279;
  font-size:.76rem; letter-spacing:.14em; text-transform:uppercase; font-weight:700;
}

/* ---------- nav: dot on a section with something new ---------- */
.nav a .feed-dot{
  display:inline-block; width:6px; height:6px; margin-left:.6em; border-radius:50%;
  background:#c98a82; vertical-align:middle; position:relative; top:-1px;
}
.feed-sr{
  position:absolute; width:1px; height:1px; overflow:hidden; white-space:nowrap;
  clip:rect(0 0 0 0); clip-path:inset(50%);
}

/* ---------- messages (empty list, load failure, no JavaScript) ---------- */
.feed-msg{ padding:clamp(22px,3vw,32px) 0; color:var(--muted,#6f675b); font-size:.97rem; max-width:60ch; }