.rss-section { padding: 108px 12.2% 116px; border-top: 1px solid var(--line); background: #11120f; }
.rss-heading { display: grid; grid-template-columns: 1fr .8fr; align-items: end; gap: 10%; margin-bottom: 46px; }
.rss-heading h2 { margin: 16px 0 0; font-size: clamp(50px, 6vw, 76px); line-height: .91; font-weight: 500; }
.rss-heading h2 em { color: var(--rust); font-style: normal; }
.rss-heading > p { max-width: 410px; margin: 0 0 3px; color: #a8a99e; font-size: 16px; line-height: 1.75; }
.rss-layout { display: grid; grid-template-columns: minmax(220px, .72fr) minmax(0, 1.28fr); gap: 7%; border-top: 1px solid var(--line); }
.rss-sidebar { padding-top: 22px; }
.rss-feed-list { padding-top: 0; }
.rss-feed-row { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 7px; border-bottom: 1px solid var(--line); }
.rss-select-feed, .rss-xml-link { min-width: 0; border: 0; background: transparent; }
.rss-select-feed { overflow: hidden; padding: 13px 0; color: #aaaB9f; text-align: left; text-overflow: ellipsis; white-space: nowrap; cursor: pointer; font: 14px var(--display); }
.rss-select-feed:hover, .rss-select-feed.is-active { color: var(--acid); }
.rss-xml-link { color: #898a80; font: 14px var(--mono); white-space: nowrap; }
.rss-xml-link:hover { color: var(--paper); }
.rss-reader { min-width: 0; padding: 22px 0 0; }
.rss-reader-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.rss-reader-label { margin: 0 0 7px; color: var(--acid); font: 14px var(--mono); letter-spacing: .07em; }
.rss-reader-heading h3 { margin: 0; overflow-wrap: anywhere; font-size: 23px; line-height: 1.15; font-weight: 500; }
.rss-reader-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 15px; }
.rss-reader-actions a { color: #a5a69a; font: 14px var(--mono); letter-spacing: .04em; }
.rss-reader-actions a:hover { color: var(--acid); }
.rss-reader-actions button { width: 34px; height: 34px; border: 1px solid var(--line); background: transparent; color: var(--acid); cursor: pointer; font-size: 22px; }
.rss-reader-actions button:hover { border-color: var(--acid); }
.rss-reader-actions button:disabled { opacity: .45; cursor: wait; }
.rss-status { min-height: 29px; margin: 16px 0 0; padding: 9px 0; border-bottom: 1px solid var(--line); color: #898a80; font: 14px var(--mono); letter-spacing: .04em; line-height: 1.6; }
.rss-entries { border-bottom: 1px solid var(--line); }
.rss-entry { padding: 17px 0 19px; border-bottom: 1px solid var(--line); }
.rss-entry:last-child { border-bottom: 0; }
.rss-entry-meta { display: flex; flex-wrap: wrap; gap: 7px 13px; color: #898a80; font: 14px var(--mono); letter-spacing: .025em; }
.rss-entry h4 { margin: 8px 0 6px; font-size: 16px; line-height: 1.35; font-weight: 500; }
.rss-entry h4 a { color: var(--paper); }
.rss-entry h4 a:hover { color: var(--acid); }
.rss-entry > p { max-width: 760px; margin: 0; color: #a6a79b; font-size: 14px; line-height: 1.7; overflow-wrap: anywhere; }
.rss-empty { margin: 20px 0; color: #a6a79b; font-size: 15px; }

@media (max-width: 950px) {
  .rss-section { padding-right: 8%; padding-left: 8%; }
  .rss-layout { gap: 5%; }
}

@media (max-width: 700px) {
  .rss-section { padding: 77px 7% 83px; }
  .rss-heading { display: block; margin-bottom: 30px; }
  .rss-heading h2 { font-size: clamp(50px, 14vw, 72px); }
  .rss-heading > p { margin-top: 18px; font-size: 15px; }
  .rss-layout { display: flex; flex-direction: column; gap: 24px; }
  .rss-sidebar { padding-top: 20px; }
  .rss-reader { padding-top: 0; }
  .rss-reader-heading { align-items: flex-end; gap: 10px; }
  .rss-reader-heading h3 { font-size: 20px; }
  .rss-reader-actions { gap: 10px; }
  .rss-reader-actions a { font-size: 14px; }
  .rss-entry > p { font-size: 14px; }
}