.blog-editorial-summary {
  margin: 0 0 38px;
  padding: 24px 26px;
  border-left: 3px solid var(--orange);
  background: linear-gradient(110deg, rgba(255, 106, 0, 0.1), rgba(22, 24, 29, 0.9));
}

.blog-editorial-summary p:last-child {
  margin: 6px 0 0;
  color: var(--text);
  font-size: 20px;
  line-height: 1.55;
}

.blog-editorial-label {
  margin: 0 !important;
  color: var(--orange) !important;
  font: 600 11px/1.4 ui-monospace, SFMono-Regular, Menlo, monospace;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.blog-editorial-practical,
.blog-editorial-faq,
.blog-author,
.blog-related {
  margin-top: 44px;
  padding-top: 30px;
  border-top: 1px solid var(--line);
}

.blog-editorial-practical ul { padding-left: 24px; }
.blog-editorial-practical li::marker { color: var(--orange); }
.blog-editorial-faq h3 { margin-top: 28px; }

.blog-author {
  padding: 26px;
  border: 1px solid var(--line);
  background: var(--panel);
}

.blog-author p:last-child { margin: 8px 0 0; }
.blog-related ul { display: grid; gap: 12px; padding: 0; list-style: none; }
.blog-related li { margin: 0; }

.blog-related a {
  display: block;
  padding: 14px 16px;
  border: 1px solid var(--line);
  background: rgba(22, 24, 29, 0.55);
}

.blog-related a:hover { border-color: var(--orange); }

@media (max-width: 700px) {
  .blog-editorial-summary { padding: 20px; }
  .blog-editorial-summary p:last-child { font-size: 18px; }
}