.alx-document-layout,
.alx-archive-layout { max-width: 1180px; }
.alx-document,
.alx-archive-header,
.alx-knowledge-page { border: 1px solid var(--alx-line); border-radius: var(--alx-radius-lg); background: var(--alx-surface); box-shadow: var(--alx-shadow-sm); }
.alx-document,
.alx-knowledge-page { overflow: hidden; }
.alx-document-header,
.alx-document-content,
.alx-archive-header { padding: clamp(28px, 5vw, 68px); }
.alx-document-header { position: relative; overflow: hidden; border-bottom: 1px solid var(--alx-line); background: radial-gradient(circle at 92% 14%, rgba(8, 127, 245, .08), transparent 19rem), linear-gradient(135deg, #ffffff, #edf4fa); }
.alx-document-header::after { position: absolute; right: -90px; bottom: -150px; width: 300px; height: 300px; border: 1px solid rgba(8, 127, 245, .12); border-radius: 50%; content: ''; pointer-events: none; }
.alx-document-header h1,
.alx-archive-header h1 { position: relative; z-index: 1; max-width: 900px; margin: 0; color: var(--alx-text); font-size: clamp(40px, 5vw, 68px); line-height: 1; letter-spacing: -.05em; }
.alx-document-lead { position: relative; z-index: 1; max-width: 780px; margin-top: 20px; color: var(--alx-text-muted); font-size: clamp(17px, 2vw, 21px); }
.alx-article-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; color: var(--alx-text-muted); font-size: 14px; }
.alx-article-cover { margin: 0; border-bottom: 1px solid var(--alx-line); background: var(--alx-surface-soft); }
.alx-article-cover img { display: block; width: 100%; max-height: 620px; object-fit: cover; filter: saturate(.9) contrast(1.02); }
.alx-document-content { max-width: 850px; }
.alx-document-content > :first-child { margin-top: 0; }
.alx-document-content h2,
.alx-document-content h3 { line-height: 1.16; letter-spacing: -.035em; }
.alx-document-content h2 { margin-top: 2.2em; font-size: clamp(29px, 3vw, 40px); }
.alx-document-content h3 { margin-top: 1.8em; font-size: clamp(22px, 2.4vw, 29px); }
.alx-document-content p,
.alx-document-content li { color: #3e4c5f; font-size: 17px; }
.alx-document-content blockquote { margin: 34px 0; border-left: 4px solid var(--alx-primary); border-radius: 0 14px 14px 0; background: #eef6ff; padding: 22px 25px; }
.alx-document-content table { width: 100%; border-collapse: collapse; }
.alx-document-content th,
.alx-document-content td { border-bottom: 1px solid var(--alx-line); padding: 14px 12px; text-align: left; }
.alx-document-content th { color: #405064; background: #edf2f6; }
.alx-knowledge-topics { display: flex; flex-wrap: wrap; gap: 10px; border-bottom: 1px solid var(--alx-line); padding: 18px clamp(28px, 5vw, 68px); background: #eaf1f7; }
.alx-knowledge-topics a { border: 1px solid #cad5df; border-radius: 999px; color: var(--alx-text); background: #ffffff; padding: 10px 15px; font-weight: 760; text-decoration: none; }
.alx-knowledge-topics a:hover { border-color: #8fc5fa; color: var(--alx-primary-hover); background: #f7fbff; }
.alx-knowledge-workspace,
.alx-knowledge-directory { padding: clamp(28px, 5vw, 68px); }
.alx-knowledge-workspace { border-bottom: 1px solid var(--alx-line); }
.alx-knowledge-plugin-output { padding: 0; }
.alx-knowledge-empty { max-width: 760px; border: 1px dashed var(--alx-line-strong); border-radius: var(--alx-radius); background: #edf2f6; padding: clamp(24px, 4vw, 40px); }
.alx-knowledge-empty h2,
.alx-knowledge-directory h2 { margin-top: 0; }
.alx-knowledge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.alx-knowledge-grid article { scroll-margin-top: 110px; border: 1px solid var(--alx-line); border-radius: var(--alx-radius); background: linear-gradient(145deg, #ffffff, #f7faff); padding: 26px; }
.alx-knowledge-grid article:nth-child(3n+2) { background: linear-gradient(145deg, #ffffff, #eef6ff); }
.alx-knowledge-grid h3 { margin: 0 0 8px; font-size: 22px; }
.alx-knowledge-grid p { margin: 0; color: var(--alx-text-muted); }
.alx-archive-header { margin-bottom: 20px; background: linear-gradient(135deg, #ffffff, #edf4fa); }
.alx-archive-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.alx-archive-card { overflow: hidden; border: 1px solid var(--alx-line); border-radius: var(--alx-radius); background: #ffffff; box-shadow: var(--alx-shadow-sm); }
.alx-archive-card-media { display: block; overflow: hidden; aspect-ratio: 16 / 9; background: var(--alx-surface-soft); }
.alx-archive-card-media img { width: 100%; height: 100%; object-fit: cover; transition: transform .2s ease; }
.alx-archive-card:hover .alx-archive-card-media img { transform: scale(1.025); }
.alx-archive-card-body { padding: 23px; }
.alx-archive-card time { color: var(--alx-text-muted); font-size: 13px; }
.alx-archive-card h2 { margin: 8px 0 10px; font-size: 23px; line-height: 1.22; }
.alx-archive-card h2 a { color: var(--alx-text); text-decoration: none; }
.alx-archive-card h2 a:hover { color: var(--alx-primary); }
.alx-archive-card-excerpt { color: var(--alx-text-muted); }
.alx-pagination { margin-top: 28px; }
.alx-pagination .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.alx-pagination .page-numbers { display: grid; min-width: 42px; min-height: 42px; place-items: center; border: 1px solid var(--alx-line); border-radius: 11px; background: #ffffff; text-decoration: none; }
.alx-pagination .current { border-color: var(--alx-primary); color: #ffffff; background: var(--alx-primary); }

@media (max-width: 900px) {
  .alx-archive-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
  .alx-document-header,
  .alx-document-content,
  .alx-archive-header,
  .alx-knowledge-workspace,
  .alx-knowledge-directory { padding: 25px 20px; }
  .alx-knowledge-topics { padding: 16px 20px; }
  .alx-knowledge-grid,
  .alx-archive-grid { grid-template-columns: 1fr; }
  .alx-document-content table { display: block; overflow-x: auto; }
}
@media (prefers-reduced-motion: reduce) {
  .alx-archive-card-media img { transition: none; transform: none; }
}