.kirin-040 { padding-top: 110px; }
.kirin-040 .article-container { max-width: 900px; }
.kirin-040 .article-title {
  margin: 0 0 10px;
  font-family: var(--font-body);
  font-size: 30px;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0;
}
.kirin-040 .release-date { margin: 0 0 30px; font-size: 14px; color: var(--color-text-muted); }
.kirin-040 .article-content { font-size: 15px; line-height: 1.7; }
.kirin-040 .article-content h2,
.kirin-040 .article-content h3 {
  margin: 28px 0 10px;
  font-family: var(--font-body);
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0;
  scroll-margin-top: 100px;
}
.kirin-040 .article-content h2:first-child { margin-top: 0; }
.kirin-040 .article-content h3 { font-size: 16px; margin-top: 18px; }
.kirin-040 .article-content p { margin-bottom: 14px; }
.kirin-040 .article-content a { font-weight: 400; }
.kirin-040 code {
  font-family: ui-monospace, "Cascadia Code", Consolas, "Liberation Mono", monospace;
  font-size: 0.9em;
  overflow-wrap: anywhere;
}
.kirin-040 .release-code-block {
  max-width: 100%;
  margin: 16px 0 24px;
  color: #242424;
  background: #eeeeee;
  border: 1px solid #d1d1d1;
  border-radius: 6px;
}
.kirin-040 pre {
  min-width: 0;
  max-width: 100%;
  margin: 0;
  padding: 10px 12px;
  overflow-x: auto;
  line-height: 1.7;
  tab-size: 2;
}
.kirin-040 pre code {
  display: block;
  font-size: 14px;
  font-weight: 400;
  white-space: pre;
  overflow-wrap: normal;
}
.kirin-040 .release-screenshots {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: start;
  gap: 16px;
  margin: 20px 0;
}
.kirin-040 figure { min-width: 0; margin: 0; }
.kirin-040 .release-landscape { max-width: 640px; margin: 20px auto; }
.kirin-040 figure a { display: block; }
.kirin-040 figure img { display: block; width: 100%; height: auto; }
.kirin-040 figcaption { margin-top: 6px; font-size: 12px; line-height: 1.5; }
.kirin-040 a:focus-visible,
.kirin-040 pre:focus-visible { outline: 2px solid currentColor; outline-offset: 3px; }
@media (max-width: 600px) {
  .kirin-040 { padding-top: 95px; }
  .kirin-040 .release-screenshots { grid-template-columns: 1fr; gap: 22px; }
  .kirin-040 .release-screenshots figure { width: 100%; max-width: 280px; margin-inline: auto; }
}