/* POXY News — Stitch Global News & Patch Notes (3452513058897199540 / c1916a0cc…) */
#stPanelNews .poxy-news-page,
body.poxy-stitch-dash #stPanelNews .poxy-news-page{
  display:block!important;
  max-width:min(1280px,100%)!important;
  width:100%;
  margin:0 auto;
  padding:24px 20px 80px!important;
  box-sizing:border-box;
  color:#e5e2e1;
  background:transparent;
}
.poxy-news-page.visible{display:block!important}

.poxy-news-hero{margin:16px 0 48px}
.poxy-news-title{
  font-family:'Hanken Grotesk',Inter,sans-serif;
  font-size:clamp(2.25rem,5vw,4rem);
  font-weight:700;
  line-height:1.1;
  letter-spacing:-0.02em;
  margin:0 0 16px;
  color:#e5e2e1;
}
.poxy-news-title-glow{text-shadow:0 0 20px rgba(249,171,255,0.3)}
.poxy-news-desc{
  font-size:clamp(1rem,2vw,1.125rem);
  line-height:1.55;
  color:#d5c1d2;
  max-width:42rem;
  margin:0;
}

.poxy-news-feed{
  display:flex;
  flex-direction:column;
  gap:32px;
}
@media(min-width:768px){.poxy-news-feed{gap:48px}}

/* Glass panel cards (Stitch) */
.poxy-news-card{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:1rem;
  background:rgba(32,32,31,0.6);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.1);
  cursor:pointer;
  transition:background 0.3s ease,transform 0.3s ease,box-shadow 0.3s ease;
}
.poxy-news-card:hover{
  background:rgba(53,53,53,0.4);
  transform:scale(1.01);
}
.poxy-news-card--featured{border-radius:1.5rem}
@media(min-width:768px){
  .poxy-news-card{flex-direction:row}
  .poxy-news-card--featured .poxy-news-media{flex:0 0 41.666%}
  .poxy-news-card--featured .poxy-news-content{flex:1}
  .poxy-news-card--standard .poxy-news-media{flex:0 0 33.333%}
  .poxy-news-card--standard .poxy-news-content{flex:1}
}

.poxy-news-media{
  position:relative;
  min-height:192px;
  overflow:hidden;
  background:#0e0e0e;
}
.poxy-news-card--featured .poxy-news-media{min-height:256px}
@media(min-width:768px){
  .poxy-news-card--featured .poxy-news-media{min-height:auto}
  .poxy-news-card--standard .poxy-news-media{min-height:auto}
}
.poxy-news-media::before{
  content:'';
  position:absolute;
  inset:0;
  background:rgba(156,39,176,0.1);
  mix-blend-mode:overlay;
  z-index:1;
  pointer-events:none;
  transition:opacity 0.5s;
}
.poxy-news-card:hover .poxy-news-media::before{opacity:0}
.poxy-news-media img{
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:cover;
  filter:brightness(0.75);
  transform:scale(1);
  transition:transform 0.7s ease,filter 0.5s ease;
}
.poxy-news-card:hover .poxy-news-media img{
  transform:scale(1.05);
  filter:brightness(1);
}
.poxy-news-thumb-ph{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:linear-gradient(135deg,rgba(156,39,176,0.15),#131313);
  z-index:0;
}
.poxy-news-thumb-ph .material-symbols-outlined{font-size:56px;color:rgba(249,171,255,0.25)}

.poxy-news-content{
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
}
.poxy-news-card--featured .poxy-news-content{padding:24px 32px}
@media(min-width:768px){
  .poxy-news-card--featured .poxy-news-content{padding:40px}
  .poxy-news-card--standard .poxy-news-content{padding:32px}
}

.poxy-news-meta-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:12px;
  margin-bottom:12px;
}
.poxy-news-badge{
  display:inline-block;
  padding:4px 12px;
  border-radius:999px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:500;
  letter-spacing:0.1em;
  text-transform:uppercase;
}
.poxy-news-badge--major{
  color:#ffb2be;
  background:rgba(215,3,87,0.2);
  border:1px solid rgba(255,178,190,0.3);
}
.poxy-news-badge--patch{
  color:#e5e2e1;
  background:#2a2a2a;
  border:1px solid rgba(255,255,255,0.1);
}
.poxy-news-badge--hotfix{
  color:#d5c1d2;
  background:#2a2a2a;
  border:1px solid rgba(255,255,255,0.1);
}
.poxy-news-badge--announce{
  color:#f9abff;
  background:rgba(156,39,176,0.15);
  border:1px solid rgba(249,171,255,0.25);
}
.poxy-news-time{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#9d8b9b;
}

.poxy-news-card-title{
  font-family:'Hanken Grotesk',Inter,sans-serif;
  font-size:clamp(1.25rem,2.5vw,2rem);
  font-weight:600;
  line-height:1.25;
  color:#e5e2e1;
  margin:0 0 12px;
  transition:color 0.3s;
}
.poxy-news-card--standard .poxy-news-card-title{
  font-size:clamp(1.125rem,2vw,1.5rem);
  margin-bottom:8px;
}
.poxy-news-card:hover .poxy-news-card-title{color:#f9abff}

.poxy-news-card-content{
  font-size:16px;
  line-height:1.5;
  color:#d5c1d2;
  margin-bottom:16px;
}
.poxy-news-card--standard .poxy-news-card-content{
  font-size:16px;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  margin-bottom:0;
}
.poxy-news-card-content strong{color:#e5e2e1}
.poxy-news-card-content em{color:#f9abff;font-style:italic}
.poxy-news-card-content a{color:#f9abff}

.poxy-news-read-cta{
  margin-top:auto;
  padding-top:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:500;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:#f9abff;
  display:inline-flex;
  align-items:center;
  gap:8px;
  transition:letter-spacing 0.3s;
}
.poxy-news-card:hover .poxy-news-read-cta{letter-spacing:0.18em}
.poxy-news-read-cta .material-symbols-outlined{font-size:16px}

.poxy-news-card-footer{
  margin-top:16px;
  padding-top:12px;
  border-top:1px solid rgba(255,255,255,0.06);
}
.poxy-news-meta-author{
  font-family:'JetBrains Mono',monospace;
  font-size:10px;
  color:#f9abff;
  margin-right:10px;
}
.news-post-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  align-items:center;
  margin-top:10px;
}
.news-comments-section{
  border-top:1px solid rgba(255,255,255,0.08);
  padding-top:12px;
  margin-top:12px;
  display:none;
}
.news-comments-section.open{display:block}

.poxy-news-load-wrap{
  margin-top:48px;
  display:flex;
  justify-content:center;
}
.poxy-news-load-more{
  padding:16px 32px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.1);
  background:#20201f;
  color:#e5e2e1;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:500;
  letter-spacing:0.14em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background 0.3s,border-color 0.3s,color 0.3s,transform 0.2s;
}
.poxy-news-load-more:hover{
  background:#2a2a2a;
  border-color:rgba(249,171,255,0.5);
  color:#f9abff;
  transform:scale(1.02);
}

.poxy-news-page .news-create-form{
  margin-bottom:32px;
  padding:20px;
  border-radius:1rem;
  background:rgba(32,32,31,0.6);
  border:1px solid rgba(249,171,255,0.2);
  backdrop-filter:blur(12px);
}
.poxy-news-page .news-empty{
  text-align:center;
  padding:48px 24px;
  color:#9d8b9b;
  font-size:15px;
}
.poxy-news-demo-hint{
  text-align:center;
  font-size:12px;
  color:#9d8b9b;
  margin:0 0 24px;
  font-family:'JetBrains Mono',monospace;
  letter-spacing:0.06em;
}
.poxy-news-card--demo{cursor:default}
.poxy-news-card--demo:hover{transform:none}
.poxy-news-card--demo .poxy-news-card-snippet{
  font-size:15px;
  line-height:1.5;
  color:#d5c1d2;
  margin:0;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.poxy-news-card--standard.poxy-news-card--demo .poxy-news-card-snippet{-webkit-line-clamp:2}
.poxy-news-page .poxychat-section{
  margin-top:56px;
  padding-top:32px;
  border-top:1px solid rgba(255,255,255,0.1);
}
