/* QuestAtlas RSS — premium magazine UI */

:root{
  --bg:#000;
  --surface:#0a0a0a;
  --surface2:#111;
  --surface3:#151515;
  --accent:#ff4d00;
  --accent2:#ff8a00;
  --accentGlow: rgba(255,77,0,.32);
  --text:#fff;
  --muted: rgba(255,255,255,.70);
  --dim: rgba(255,255,255,.56);
  --border: rgba(255,255,255,.10);
  --border2: rgba(255,255,255,.07);
  --shadow: 0 20px 70px rgba(0,0,0,.55);
  --radius: 26px;
  --r2: 18px;
  --headerH: 80px;
  --pad: clamp(18px, 4vw, 64px);
  --max: 1240px;
  --gmax: 1720px;
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-font-smoothing:antialiased;}
html,body{height:100%;}
body{
  background: radial-gradient(1200px 700px at 18% 10%, rgba(255,77,0,.10), transparent 60%),
              radial-gradient(900px 600px at 78% 14%, rgba(255,138,0,.08), transparent 55%),
              var(--bg);
  color:var(--text);
  font-family:'Plus Jakarta Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  overflow-x:hidden;
}
::selection{background: rgba(255,77,0,.35);}

.container{max-width:var(--gmax); margin:0 auto; padding:0 var(--pad);}
a{color:inherit;text-decoration:none;transition:all .25s ease;}
a:hover{color:var(--accent);}

img{max-width:100%; display:block;}

code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: .95em;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.08);
  padding: .12em .35em;
  border-radius: 10px;
}

/* Scrollbar */
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:rgba(255,77,0,.75);border-radius:999px}
::-webkit-scrollbar-thumb:hover{background:rgba(255,77,0,.95)}

/* Header */
header{
  height:var(--headerH);
  position:fixed; inset:0 0 auto 0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--border2);
  z-index: 1000;
  display:flex; align-items:center;
}

.navbar{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap: 18px;
}

.brand{
  display:flex; align-items:center; gap:10px;
  font-family:'Space Grotesk', sans-serif;
  font-weight:800;
  letter-spacing:-1.2px;
  font-size: 1.35rem;
  cursor:pointer;
  user-select:none;
}
.brand-badge{
  width: 12px; height: 12px;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  transform: rotate(45deg);
  border-radius: 3px;
  box-shadow: 0 0 0 6px rgba(255,77,0,.08), 0 10px 24px rgba(255,77,0,.18);
}

.nav-links{
  display:flex; align-items:center;
  gap: 18px;
  flex-wrap: wrap;
}
.nav-links a{
  font-size:.82rem;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:1.3px;
  color: var(--dim);
  padding: 10px 10px;
  border-radius: 999px;
}
.nav-links a:hover{background:rgba(255,255,255,.04)}
.nav-links a.active{
  color: var(--accent);
  background: rgba(255,77,0,.10);
  border:1px solid rgba(255,77,0,.22);
}

.actions{
  display:flex; align-items:center; gap: 12px;
  min-width: 280px;
  justify-content:flex-end;
}

.search-pill{
  display:flex; align-items:center; gap:10px;
  padding: 8px 10px;
  border-radius: 999px;
  border:1px solid var(--border2);
  background: rgba(10,10,10,.55);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.search-pill input{
  width:min(320px, 38vw);
  border:0; outline:0;
  background:transparent;
  color: rgba(255,255,255,.92);
  font-size:.9rem;
}
.search-pill input::placeholder{color: rgba(255,255,255,.45);}
.search-pill button{
  width:34px; height:34px;
  border:1px solid rgba(255,77,0,.25);
  border-radius: 999px;
  cursor:pointer;
  background: rgba(255,77,0,.14);
  color: rgba(255,255,255,.92);
  font-weight: 900;
}
.search-pill button:hover{background: rgba(255,77,0,.22); transform: translateY(-1px);}

.icon-btn{
  border:1px solid var(--border2);
  width:44px; height:44px;
  border-radius: 14px;
  background: rgba(10,10,10,.55);
  display:grid; place-items:center;
  cursor:pointer;
}

.mobile-toggle{display:none; gap:6px; flex-direction:column; padding:12px;}
.mobile-toggle span{width:22px; height:2px; background:#fff; opacity:.9; border-radius:99px}

/* Drawer */
.drawer{
  display:none;
  position:fixed; inset:0;
  z-index:999;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(14px);
}
.drawer-inner{
  width: min(360px, 92vw);
  height:100%;
  background: rgba(10,10,10,.92);
  border-right: 1px solid var(--border2);
  padding: calc(var(--headerH) + 14px) 18px 18px;
}
.drawer-inner a{
  display:block;
  padding: 12px 12px;
  border-radius: 14px;
  font-weight: 900;
  color: rgba(255,255,255,.85);
}
.drawer-inner a:hover{background: rgba(255,255,255,.06);}
.drawer-inner a.active{background: rgba(255,77,0,.12); border:1px solid rgba(255,77,0,.25); color:#fff;}
.drawer-inner .mini{margin-top:12px; font-size:.82rem; color:rgba(255,255,255,.55); line-height:1.6;}

/* Page */
.page{
  padding-top: calc(var(--headerH) + 22px);
  padding-bottom: 90px;
}

/* Utility */
.card{
  border-radius: var(--radius);
  border:1px solid var(--border2);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));
  box-shadow: var(--shadow);
  overflow:hidden;
}
.section-title{
  font-family:'Space Grotesk', sans-serif;
  font-size: clamp(1.6rem, 1.9vw, 2.4rem);
  letter-spacing:-.7px;
  font-weight: 800;
  margin: 14px 0 18px;
  display:flex;
  align-items:center;
  gap: 16px;
}
.section-title::after{
  content:"";
  height:2px;
  flex:1;
  background: linear-gradient(90deg, rgba(255,255,255,.08), transparent);
}
.page-lead{
  color: rgba(255,255,255,.62);
  font-size: 1.05rem;
  line-height: 1.7;
  max-width: 72ch;
}

/* Fatal / empty */
#fatal{margin: 0 auto 16px; max-width: var(--max);}
.empty{
  padding: 18px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(10,10,10,.55);
  color: rgba(255,255,255,.75);
  line-height: 1.7;
}

/* Hero */
.hero{
  display:grid;
  grid-template-columns: 1.25fr .75fr;
  gap: 18px;
  align-items:stretch;
  margin-bottom: 18px;
}
.hero .img{
  width:100%;
  height:100%;
  background-size:cover;
  background-position:center;
  filter: brightness(.72) saturate(1.05);
  transform: scale(1.01);
}
.hero-main{
  position:relative;
  min-height: 520px;
  cursor:pointer;
}
.hero-content{
  position:absolute;
  inset:auto 0 0 0;
  padding: 34px 34px 32px;
  background: linear-gradient(0deg, rgba(0,0,0,.86) 25%, rgba(0,0,0,.0));
}
.kicker{
  display:flex; align-items:center; gap:10px;
  font-size:.8rem;
  color: rgba(255,255,255,.70);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 1.3px;
}
.kicker .dot{
  width:10px; height:10px;
  border-radius:999px;
  background: var(--accent);
  box-shadow: 0 0 0 8px rgba(255,77,0,.10), 0 18px 36px rgba(255,77,0,.20);
}
.hero-title{
  margin-top: 14px;
  font-family:'Space Grotesk', sans-serif;
  font-size: clamp(2.0rem, 2.7vw, 3.2rem);
  line-height: 1.02;
  font-weight: 800;
  letter-spacing: -1.2px;
}
.hero-summary{
  margin-top: 14px;
  color: rgba(255,255,255,.70);
  font-size: 1.1rem;
  line-height: 1.65;
  max-width: 70ch;
}

.hero-side{
  display:flex;
  flex-direction:column;
  gap: 18px;
}
.hero-sub{
  position:relative;
  flex: 1;
  min-height: 250px;
  cursor:pointer;
}
.hero-sub .label{
  position:absolute;
  inset:auto 0 0 0;
  padding: 20px 22px;
  background: linear-gradient(0deg, rgba(0,0,0,.80) 30%, transparent);
}
.hero-sub h3{
  font-family:'Space Grotesk', sans-serif;
  font-size: 1.25rem;
  line-height:1.18;
  letter-spacing:-.4px;
  margin-top: 10px;
}
.hero-sub p{
  margin-top: 10px;
  color: rgba(255,255,255,.68);
  line-height: 1.6;
  font-size: .95rem;
}
.chip{
  display:inline-flex; align-items:center; gap:8px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,10,.55);
  font-size: .76rem;
  color: rgba(255,255,255,.78);
  font-weight: 900;
}
.chip span{color: var(--accent);}

/* Ticker */
.ticker{
  border-top: 1px solid var(--border2);
  border-bottom: 1px solid var(--border2);
  background: rgba(10,10,10,.65);
  overflow:hidden;
  border-radius: 18px;
  margin: 14px 0 28px;
}
.ticker-track{
  display:flex;
  gap: 46px;
  padding: 12px 16px;
  white-space: nowrap;
  animation: ticker 45s linear infinite;
}
@keyframes ticker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ticker-item{
  display:flex; align-items:center; gap:10px;
  color: rgba(255,255,255,.68);
  font-weight: 700;
  font-size: .92rem;
}
.ticker-item b{color: var(--accent); font-weight: 1000;}

/* Main grid */
.grid{
  display:grid;
  grid-template-columns: 1fr 380px;
  gap: 52px;
  align-items:start;
}
.sidebar{position:sticky; top: calc(var(--headerH) + 18px);}
.widget{
  border-radius: var(--radius);
  border:1px solid var(--border2);
  background: rgba(10,10,10,.55);
  padding: 22px;
  box-shadow: 0 22px 70px rgba(0,0,0,.45);
  margin-bottom: 18px;
}
.widget h3{
  font-family:'Space Grotesk', sans-serif;
  font-size: 1.05rem;
  letter-spacing: -.2px;
  display:flex;
  align-items:center;
  gap: 12px;
  margin-bottom: 14px;
}
.widget h3::before{
  content:"";
  width:4px; height:18px;
  background: var(--accent);
  border-radius: 99px;
  box-shadow: 0 0 0 7px rgba(255,77,0,.10);
}
.widget p{color: rgba(255,255,255,.70); line-height: 1.7; font-size:.95rem;}

.widget.cta{
  border:0;
  background: linear-gradient(135deg, rgba(255,77,0,.92), rgba(255,138,0,.92));
  padding: 22px;
}
.widget.cta h3{color:#fff;}
.widget.cta h3::before{background:#fff; box-shadow:none;}
.widget.cta p{color: rgba(255,255,255,.92);}
.widget.cta button{
  width:100%;
  margin-top: 14px;
  padding: 14px 16px;
  border:0;
  border-radius: 16px;
  font-weight: 1000;
  cursor:pointer;
  background:#fff;
  color:#000;
}
.widget.cta button:hover{transform: translateY(-1px);}

/* Ranking */
.rank{display:flex; flex-direction:column; gap: 10px;}
.rank-item{
  display:grid;
  grid-template-columns: 48px 1fr 54px;
  gap: 12px;
  align-items:center;
  padding: 12px 12px;
  border-radius: 18px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.35);
  cursor:pointer;
}
.rank-item:hover{border-color: rgba(255,77,0,.28); background: rgba(255,77,0,.06);}
.rank-item .n{
  font-family:'Space Grotesk', sans-serif;
  font-weight: 900;
  font-size: 1.3rem;
  color: rgba(255,255,255,.20);
  -webkit-text-stroke: 1px rgba(255,255,255,.18);
}
.rank-item .t{
  color: rgba(255,255,255,.85);
  font-weight: 800;
  font-size: .9rem;
  line-height: 1.35;
}
.rank-item .s{
  font-weight: 1000;
  color: var(--accent);
  text-align:right;
}

/* Feed cards */
.feed{
  display:flex;
  flex-direction:column;
  gap: 18px;
  margin-top: 10px;
}
.article{
  display:grid;
  grid-template-columns: 340px 1fr;
  gap: 18px;
  align-items:stretch;
  padding: 18px;
  border-radius: var(--radius);
  border:1px solid rgba(255,255,255,.08);
  background: rgba(10,10,10,.42);
  cursor:pointer;
  transition: transform .25s ease, border-color .25s ease, background .25s ease;
}
.article:hover{
  transform: translateY(-2px);
  border-color: rgba(255,77,0,.25);
  background: rgba(10,10,10,.60);
}
.article:focus{outline: 2px solid rgba(255,77,0,.35); outline-offset: 2px;}

.thumb{
  border-radius: 18px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.08);
  min-height: 210px;
}
.thumb .img{
  width:100%; height:100%;
  background-size:cover;
  background-position:center;
  filter: brightness(.86) saturate(1.06);
  transform: scale(1.02);
  transition: transform .6s ease;
}
.article:hover .thumb .img{transform: scale(1.06);}

.meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap: 10px;
  font-size: .78rem;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  font-weight: 1000;
  color: rgba(255,255,255,.62);
}
.meta .cat{
  color: var(--accent);
  background: rgba(255,77,0,.12);
  border: 1px solid rgba(255,77,0,.22);
  padding: 6px 10px;
  border-radius: 999px;
}
.meta .sep{opacity:.35}

.article h2{
  margin-top: 12px;
  font-family:'Space Grotesk', sans-serif;
  font-size: clamp(1.35rem, 1.55vw, 2.05rem);
  line-height: 1.12;
  letter-spacing: -.6px;
}
.article p{
  margin-top: 12px;
  color: rgba(255,255,255,.66);
  line-height: 1.7;
  font-size: 1.02rem;
  max-width: 78ch;
}
.readmore{
  margin-top: 14px;
  display:flex;
  align-items:center;
  gap: 10px;
  font-weight: 1000;
  color: rgba(255,255,255,.84);
}
.readmore .arrow{color: var(--accent);}

/* Article page */
.article-page{max-width: var(--max); margin: 0 auto;}
.breadcrumb{
  display:flex; gap:10px; flex-wrap:wrap;
  color: rgba(255,255,255,.55);
  font-weight: 800;
  font-size: .92rem;
  margin-bottom: 16px;
}
.article-head{
  margin-top: 10px;
}
.article-head h1{
  font-family:'Space Grotesk', sans-serif;
  font-size: clamp(2rem, 3.2vw, 3.6rem);
  letter-spacing:-1px;
  line-height: 1.03;
  margin-top: 12px;
}
.byline{
  margin-top: 14px;
  display:flex; gap: 10px; flex-wrap:wrap;
  color: rgba(255,255,255,.62);
  font-weight: 800;
}
.cover{
  margin-top: 18px;
  border-radius: var(--radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
}
.cover img{width:100%; height: clamp(320px, 50vh, 640px); object-fit: cover; display:block;}

.prose{
  margin-top: 22px;
  color: rgba(255,255,255,.78);
  font-size: 1.08rem;
  line-height: 1.85;
}
.prose p{margin: 0 0 14px;}
.prose h2,.prose h3{
  font-family:'Space Grotesk', sans-serif;
  margin: 22px 0 10px;
  letter-spacing:-.4px;
}
.prose h2{font-size: 1.6rem;}
.prose h3{font-size: 1.25rem;}
.prose ul,.prose ol{padding-left: 1.2em; margin: 12px 0 16px;}
.prose li{margin: 6px 0;}
.prose img{border-radius: 18px; border:1px solid rgba(255,255,255,.10);}
.prose blockquote{
  border-left: 4px solid rgba(255,77,0,.8);
  padding: 10px 14px;
  margin: 16px 0;
  background: rgba(255,77,0,.06);
  color: rgba(255,255,255,.80);
  border-radius: 16px;
}

/* Footer */
.footer{
  border-top: 1px solid var(--border2);
  background: rgba(10,10,10,.70);
  padding: 70px 0;
}
.footer-grid{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.2fr;
  gap: 34px;
  align-items:start;
}
.footer h4{
  font-family:'Space Grotesk', sans-serif;
  font-size: 1.05rem;
  margin-bottom: 12px;
}
.footer p{color: rgba(255,255,255,.62); line-height: 1.75; font-size: .95rem;}
.footer a{color: rgba(255,255,255,.78);}
.footer a:hover{color: var(--accent);}

/* Badges / loader etc */
.badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:7px 12px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(10,10,10,.55);
  color:rgba(255,255,255,.78);
  font-weight: 1000;
  font-size:.78rem;
}
.badge b{color:var(--accent);}
.loader{opacity:.78;color:rgba(255,255,255,.72);line-height:1.7;}
.notice{
  padding:14px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(10,10,10,.45);
  color:rgba(255,255,255,.72);
  line-height:1.7;
}

/* Narrow pages */
.narrow{max-width: var(--max); margin: 0 auto;}

/* Responsive */
@media (max-width: 1180px){
  .grid{grid-template-columns: 1fr; gap: 28px;}
  .sidebar{position:relative; top:auto;}
  .hero{grid-template-columns: 1fr; }
  .hero-side{flex-direction:row;}
  .hero-sub{min-height: 220px;}
  .actions{min-width: 220px;}
  .search-pill input{width: min(320px, 44vw);}
}
@media (max-width: 820px){
  :root{--headerH:74px;}
  .nav-links{display:none;}
  .mobile-toggle{display:flex;}
  .hero-side{flex-direction:column;}
  .article{grid-template-columns: 1fr; padding: 14px;}
  .thumb{min-height: 220px;}
  .footer-grid{grid-template-columns: 1fr 1fr; gap: 22px;}
  .search-pill input{width: 46vw;}
}
@media (max-width: 520px){
  .search-pill{display:none;}
  .footer-grid{grid-template-columns: 1fr;}
  .hero-content{padding: 22px;}
  .ticker-track{gap: 28px;}
}


/* --- v5 additions: hubs + forms + legal pages --- */
.hub-grid{
  display:grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 14px;
  margin-top: 16px;
}
.hub-card{
  grid-column: span 4;
  padding: 18px;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(10,10,10,.55);
  box-shadow: var(--shadow);
  position: relative;
  overflow: hidden;
}
.hub-card:before{
  content:"";
  position:absolute; inset:-120px -120px auto auto;
  width:240px; height:240px;
  background: radial-gradient(circle at 30% 30%, rgba(255,77,0,.35), transparent 60%);
  transform: rotate(18deg);
}
.hub-card h3{
  font-family:'Space Grotesk', sans-serif;
  letter-spacing:-.4px;
  margin-bottom: 8px;
}
.hub-card p{color: rgba(255,255,255,.72); line-height:1.6; font-size:.98rem;}
.hub-card .mini{
  margin-top: 12px;
  font-weight: 900;
  color: rgba(255,255,255,.78);
  display:inline-flex; gap:10px; align-items:center;
}
.hub-card .mini span{color: var(--accent);}
@media (max-width: 920px){ .hub-card{grid-column: span 6;} }
@media (max-width: 560px){ .hub-card{grid-column: span 12;} }

.form{
  display:grid;
  gap: 12px;
}
.field{
  display:grid;
  gap: 6px;
}
.field label{
  font-weight: 900;
  color: rgba(255,255,255,.76);
  font-size: .92rem;
}
.field input, .field textarea, .field select{
  width:100%;
  padding: 14px 14px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.55);
  color: #fff;
  outline: none;
}
.field textarea{min-height: 140px; resize: vertical;}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 14px 18px;
  border-radius: 14px;
  border: 1px solid rgba(255,77,0,.35);
  background: rgba(255,77,0,.16);
  color:#fff;
  font-weight: 1000;
  cursor:pointer;
}
.btn:hover{transform: translateY(-1px); background: rgba(255,77,0,.22);}
.btn.secondary{
  border-color: rgba(255,255,255,.16);
  background: rgba(255,255,255,.06);
}
.btn.secondary:hover{background: rgba(255,255,255,.10);}
.alert{
  padding: 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(10,10,10,.55);
  color: rgba(255,255,255,.75);
  line-height: 1.65;
}
.alert.good{border-color: rgba(34,197,94,.30);}
.alert.bad{border-color: rgba(239,68,68,.30);}

.prose p:empty{display:none;}
.prose figure{margin: 16px 0;}
.prose iframe{max-width:100%; border-radius: 18px; border:1px solid rgba(255,255,255,.10);}
.prose table{width:100%; border-collapse:collapse; margin: 16px 0; overflow:hidden; border-radius: 14px; border:1px solid rgba(255,255,255,.10);}
.prose th,.prose td{padding:10px 12px; border-bottom:1px solid rgba(255,255,255,.08);}
.prose tr:last-child td{border-bottom:0;}
.prose a{color: rgba(255,175,120,.95); text-decoration: underline; text-underline-offset: 3px;}
.prose a:hover{color: #fff;}

.btn:hover,.btn:focus{color:#fff;}
.widget.cta a:hover{color:#fff;}

.topbar{
  position: fixed; left: 0; right: 0; top: 0;
  height: 2px; z-index: 3000;
  background: linear-gradient(90deg, transparent, rgba(255,77,0,.85), transparent);
  transform: translateX(-80%);
  opacity: 0;
  pointer-events: none;
}
.is-loading .topbar{opacity:1; animation: topbar 1.0s linear infinite;}
@keyframes topbar { from { transform: translateX(-80%);} to { transform: translateX(80%);} }

.skeleton{
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  background: rgba(255,255,255,.06);
}
.skeleton::after{
  content:"";
  position:absolute; inset:0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.10), transparent);
  animation: shimmer 1.1s infinite;
}
@keyframes shimmer { to { transform: translateX(100%);} }
.hero-title.skeleton{height: 3.2em;}
.hero-summary.skeleton{height: 1.6em; margin-top: 14px; max-width: 70%;}

/* Prose tightening */
.prose > *:first-child{margin-top:0 !important;}
.prose > *:last-child{margin-bottom:0 !important;}
.prose p{margin: 0 0 12px;}
.prose figure{margin: 18px 0;}
.prose img{margin: 16px 0; border-radius: 18px;}
.prose hr{margin: 22px 0;}

/* Static pages */
.page-hero{padding: 18px 0 10px;}
.page-title{
  font-family:'Space Grotesk', sans-serif;
  font-size: clamp(2.0rem, 2.6vw, 3.1rem);
  line-height: 1.05;
  letter-spacing: -1px;
  margin-top: 10px;
}
.static-grid{display:grid; grid-template-columns: 1fr 360px; gap: 60px; margin-top: 18px;}
.prose-card{padding: 26px;}
.prose-card .prose{margin-top: 0;}
.prose-card h2{margin-top: 18px;}
.prose-card ul{padding-left: 18px;}
@media (max-width: 1050px){ .static-grid{grid-template-columns: 1fr; gap: 26px;} }


/* RSS content normalization (prevents giant gaps) */
.prose *{max-width:100%;}
.prose p{margin:0 0 1.05em 0;}
.prose p:empty{display:none;}
.prose br{display:none;}
.prose figure{margin:1.2em 0;}
.prose img{display:block;margin:1.2em auto;border-radius:18px;max-height:640px;object-fit:cover;}
.prose h1,.prose h2,.prose h3{margin:1.1em 0 .55em 0; line-height:1.15;}
.prose ul,.prose ol{margin:0 0 1.2em 1.1em;}
.prose blockquote{margin:1.2em 0;padding:14px 16px;border-left:4px solid rgba(255,77,0,.6);background:rgba(255,255,255,.04);border-radius:14px;}
.qa-skel{display:grid;gap:10px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:rgba(255,255,255,.03);}
.qa-skel .b{height:12px;border-radius:999px;background:rgba(255,255,255,.10);}
.qa-skel .b:nth-child(1){width:62%;}
.qa-skel .b:nth-child(2){width:48%;}
.qa-skel .b:nth-child(3){width:35%;}