/* Katniss Wild · micro-updates in the unpublished Velvet preview */
.kwv-page .kwv-microfeed{
  position:relative;
  background:
    radial-gradient(ellipse at 80% 30%,rgba(104,33,53,.23),transparent 45%),
    linear-gradient(110deg,#1b040b 0%,#270712 55%,#170308 100%);
  border-top:1px solid rgba(213,158,140,.28);
  border-bottom:1px solid rgba(211,158,140,.36);
  padding:22px 5%;
  color:#f3e1d8;
}
.kwv-page .kwv-microfeed:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(119deg,transparent 13%,rgba(218,167,144,.035) 30%,transparent 45%,rgba(218,167,144,.025) 66%,transparent 84%);
}
.kwv-page .kwv-microfeed-inner{
  position:relative;
  max-width:1210px;
  margin:auto;
  display:grid;
  grid-template-columns:31% 69%;
  gap:24px;
  align-items:center;
}
.kwv-page .kwv-microfeed-intro{
  padding:0 14px 0 0;
  min-width:0;
}
.kwv-page .kwv-microfeed-intro .kwv-eyebrow{
  color:#d6b59a;
  font-size:9px;
  margin:0 0 5px;
}
.kwv-page .kwv-microfeed-intro h2{
  font:400 clamp(29px,3vw,43px)/1.04 'Cormorant Garamond',Georgia,serif;
  color:#f4dfd3;
  margin:0 0 7px;
}
.kwv-page .kwv-microfeed-intro p:not(.kwv-eyebrow){
  color:#d8bcb0;
  font:15px/1.4 'Cormorant Garamond',Georgia,serif;
  margin:0;
}
.kwv-page .kwv-feed-author-link{
  display:inline-flex;
  margin:8px 0 0;
  border-bottom:1px solid #dbb39b;
  padding-bottom:2px;
  font:700 10px/1.3 'DM Sans',sans-serif;
  letter-spacing:.09em;
  color:#ead5bc!important;
}
.kwv-page .kwv-microfeed-stream{
  min-width:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  align-items:stretch;
}
.kwv-page .kwv-feed-card{
  background:linear-gradient(128deg,rgba(74,24,39,.75),rgba(25,4,12,.89));
  border:1px solid rgba(222,175,152,.42);
  padding:13px 14px 11px;
  box-shadow:0 8px 20px rgba(4,1,3,.3);
  display:flex;
  flex-direction:column;
  min-height:137px;
  gap:7px;
  min-width:0;
}
.kwv-page .kwv-feed-card:first-child{
  border-color:rgba(226,182,149,.68);
  background:linear-gradient(126deg,rgba(91,33,47,.72),rgba(39,7,20,.90));
}
.kwv-page .kwv-feed-meta{
  display:flex;
  gap:5px 9px;
  flex-wrap:wrap;
  align-items:center;
  font:700 9px/1.4 'DM Sans',sans-serif;
  letter-spacing:.06em;
  color:#ecd5c2;
}
.kwv-page .kwv-feed-meta>time{
  color:#c9a69b;
  font-weight:500;
}
.kwv-page .kwv-feed-pin,
.kwv-page .kwv-feed-demo-badge{
  display:inline-flex;
  align-items:center;
  background:rgba(212,165,127,.1);
  border:1px solid rgba(211,172,141,.34);
  padding:2px 5px;
  font:700 8px/1.3 'DM Sans',sans-serif;
  color:#e3c2a1;
  letter-spacing:.06em;
}
.kwv-page .kwv-feed-card>p{
  font:16px/1.3 'Cormorant Garamond',Georgia,serif;
  color:#f2dfd8;
  margin:0;
  overflow-wrap:anywhere;
  flex:1;
}
.kwv-page .kwv-feed-reactions{
  display:flex;
  align-items:center;
  gap:6px;
  flex-wrap:wrap;
  margin-top:3px;
}
.kwv-page .kwv-feed-reactions button{
  appearance:none;
  cursor:pointer;
  min-height:26px;
  min-width:40px;
  background:rgba(16,2,7,.45);
  border:1px solid rgba(215,161,138,.41);
  color:#f2d9c9;
  padding:3px 7px;
  font:600 11px/1.3 'DM Sans',sans-serif;
  border-radius:999px;
  transition:background .2s,border-color .2s;
}
.kwv-page .kwv-feed-reactions button:hover:not(:disabled),
.kwv-page .kwv-feed-reactions button:focus-visible{
  background:rgba(123,42,60,.48);
  border-color:#e2b499;
  outline-offset:2px;
}
.kwv-page .kwv-feed-reactions button.is-selected{
  background:rgba(199,136,110,.25);
  border-color:#ecc6a3;
}
.kwv-page .kwv-feed-reactions button:disabled{
  cursor:default;
  opacity:.7;
}
.kwv-page .kwv-feed-card:only-child{grid-column:1/-1;min-height:115px;}
.kwv-page .kwv-microfeed-stream:has(>.kwv-feed-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr));}
.kwv-page .kwv-feed-empty{
  grid-column:1/-1;
  text-align:center;
  padding:12px 20px;
  margin:0;
  color:#e4caba;
  font:17px 'Cormorant Garamond',serif;
}
.kwv-page .kwv-feed-live-status{
  position:absolute;
  width:1px;height:1px;overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
}
@media(max-width:1100px){
  .kwv-page .kwv-microfeed-inner{grid-template-columns:30% 70%;gap:15px;}
  .kwv-page .kwv-feed-card{padding:11px;min-height:144px;}
}
@media(max-width:820px){
  .kwv-page .kwv-microfeed{padding:21px 5%;}
  .kwv-page .kwv-microfeed-inner{grid-template-columns:1fr;gap:15px;}
  .kwv-page .kwv-microfeed-intro{padding:0;}
  .kwv-page .kwv-microfeed-intro h2{font-size:35px;}
  .kwv-page .kwv-microfeed-stream{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media(max-width:580px){
  .kwv-page .kwv-microfeed{padding:22px 5%;}
  .kwv-page .kwv-microfeed-stream{grid-template-columns:1fr;}
  .kwv-page .kwv-feed-card{min-height:0;}
  .kwv-page .kwv-microfeed-intro h2{font-size:36px;}
}
@media(prefers-reduced-motion:reduce){
  .kwv-page .kwv-feed-reactions button{transition:none;}
}