/* Архивные страницы: общая шапка и подвал, чистая сетка и меню поверх темы Artisteer.
   Контент страниц не меняется. Цвета — из site/assets/blog.css, всегда светлые:
   в старых текстах цвета заданы прямо в разметке и в тёмной теме не читаются. */

.kx-archive-note {
  margin: 0 0 1.25rem; padding: 0.7rem 1rem; border-radius: 10px;
  background: #fff8d6; border: 1px solid #e6d27a; color: #4a4320;
  font: 14px/1.45 'Golos Text', Arial, sans-serif; text-align: left;
}
.kx-archive-note a { color: #1d5e4a; font-weight: 600; }

body.kx-arc {
  color-scheme: light;
  --bg: oklch(0.995 0.002 175); --surface: oklch(0.965 0.012 175); --ink: oklch(0.25 0.025 175);
  --muted: oklch(0.47 0.02 175); --line: oklch(0.9 0.012 175);
  --accent: oklch(0.43 0.085 170); --accent-strong: oklch(0.35 0.075 170); --on-accent: oklch(0.99 0.005 175);
  background: var(--surface); color: var(--ink); min-width: 0; font-size: 1rem;
}
.kx-arc .site-head { background: var(--bg); }

/* Сетка */
.kx-arc #art-main { display: block; flex: 1; width: auto; min-width: 0; background: none; }
.kx-arc .art-sheet {
  width: auto !important; max-width: calc(72rem + 2 * var(--gutter)); min-width: 0;
  margin: 0 auto !important; padding: 1.5rem var(--gutter) 3rem; background: none; border: 0; box-shadow: none;
}
.kx-arc .art-sheet::before, .kx-arc .art-sheet::after, .kx-arc .art-header::before, .kx-arc .art-header::after { content: none; display: none; }
.kx-arc .art-header {
  width: 100%; height: auto; aspect-ratio: 1144 / 240; margin: 0 0 1.5rem; border-radius: 12px;
  background-size: cover; background-position: center; overflow: hidden;
}
.kx-arc .art-shapes, .kx-arc .art-header .art-nav { display: none; }
.kx-arc .art-layout-wrapper, .kx-arc .art-content-layout, .kx-arc .art-content-layout-row { display: block; width: 100%; margin: 0; border: 0; }
.kx-arc .art-content-layout-row { display: flex; gap: 1.5rem; align-items: flex-start; }
.kx-arc .art-layout-cell { display: block; width: auto !important; min-width: 0; padding: 0; border: 0; background: none; }
.kx-arc .art-sidebar1 { flex: 0 0 18rem; }
.kx-arc .art-content { flex: 1; background: var(--bg); border: 1px solid var(--line); border-radius: 12px; padding: clamp(1rem, 3vw, 2rem); overflow-wrap: anywhere; }

/* Блоки сайдбара */
.kx-arc .art-block, .kx-arc .art-blockcontent, .kx-arc .art-block .custom { width: auto; margin: 0; padding: 0; border: 0; background: none; box-shadow: none; }
.kx-arc .art-block::before, .kx-arc .art-block::after, .kx-arc .art-blockcontent::before, .kx-arc .art-blockcontent::after { content: none; display: none; }
.kx-arc .art-block { margin-bottom: 1rem; }
.kx-arc .art-block .custom p { margin: 0.4rem 0; font-size: 0.9rem; }
.kx-arc .art-block img { display: inline-block; max-width: 100%; height: auto; }
.kx-menu summary {
  display: none; padding: 0.75rem 1rem; background: var(--bg); border: 1px solid var(--line); border-radius: 10px;
  font-weight: 600; cursor: pointer;
}

/* Аккордеон-меню */
.kx-arc [id^='offlajn-accordion'], .kx-arc [class^='offlajn-accordion'], .kx-arc [id^='offlajn-accordion'] > div { width: auto !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; box-shadow: none !important; }
.kx-arc dl.level1 { background: var(--bg) !important; border: 1px solid var(--line) !important; border-radius: 12px; overflow: hidden; padding: 0.35rem !important; }
.kx-arc dl.level1, .kx-arc dl.level1 dl, .kx-arc dl.level1 dt, .kx-arc dl.level1 dd { width: auto !important; margin: 0 !important; }
.kx-arc dl.level1 dd { padding: 0 !important; background: none !important; border: 0 !important; }
.kx-arc dl.level1 dl { background: none !important; border: 0 !important; padding: 0 0 0 0.75rem !important; }
.kx-arc dl.level1 dt { background: none !important; border: 0 !important; padding: 0 !important; cursor: pointer; }
.kx-arc dl.level1 dt .outer, .kx-arc dl.level1 dt .inner { display: block; width: auto !important; margin: 0 !important; padding: 0 !important; background-color: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; }
.kx-arc dl.level1 dt a, .kx-arc dl.level1 dt span, .kx-arc dl.level1 dt a span {
  color: var(--ink) !important; text-shadow: none !important; font: 400 0.925rem/1.35 'Golos Text', Arial, sans-serif !important;
  text-decoration: none !important; text-transform: none !important; background: none !important; padding: 0 !important; margin: 0 !important; border: 0 !important;
}
.kx-arc dl.level1 dt .inner { padding: 0.5rem 0.65rem !important; border-radius: 7px; }
.kx-arc dl.level1 dt.parent > .outer > .inner { font-weight: 600; position: relative; padding-right: 1.5rem !important; }
.kx-arc dl.level1 dt.parent > .outer > .inner span { font-weight: 600 !important; }
.kx-arc dl.level1 dt.parent > .outer > .inner::after { content: '▾'; position: absolute; right: 0.6rem; top: 0.5rem; color: var(--muted); font-size: 0.8rem; }
.kx-arc dl.level1 dt:hover .inner { background-color: var(--surface) !important; }
.kx-arc dl.level1 dt.active > .outer > .inner { background-color: var(--surface) !important; }
.kx-arc dl.level1 dt.active > .outer > .inner a span { color: var(--accent) !important; font-weight: 600 !important; }
.kx-arc dl.level1 dt:hover > .outer { filter: none; }

/* Контент */
.kx-arc .art-post, .kx-arc .art-article, .kx-arc .art-postcontent { background: none; border: 0; box-shadow: none; padding: 0; margin: 0; }
.kx-arc .art-post::before, .kx-arc .art-post::after { content: none; display: none; }
.kx-arc .art-postcontent, .kx-arc .art-postcontent p, .kx-arc .art-postcontent li, .kx-arc .art-postcontent td { font-family: 'Golos Text', Arial, sans-serif; line-height: 1.6; color: inherit; }
.kx-arc .art-postcontent p { margin: 0.75em 0; }
.kx-arc .art-postcontent span { font-family: inherit !important; }
.kx-arc .art-postcontent h1, .kx-arc .art-postcontent h2, .kx-arc .art-postcontent h3, .kx-arc .art-postheader, .kx-arc .art-postheader a { color: var(--ink); font-family: 'Golos Text', Arial, sans-serif; text-shadow: none; line-height: 1.25; }
.kx-arc .art-postheader { font-size: clamp(1.4rem, 1.2rem + 1vw, 1.9rem); font-weight: 700; margin: 0 0 0.75rem; text-align: left; }
.kx-arc .art-postcontent a { color: var(--accent); }
.kx-arc .art-postcontent img { max-width: 100%; height: auto; }
.kx-arc .art-postcontent iframe, .kx-arc .art-postcontent video { max-width: 100%; }
.kx-arc .art-postcontent table { max-width: 100%; border-collapse: collapse; }
.kx-arc .art-postcontent table td, .kx-arc .art-postcontent table th { padding: 0.35rem 0.5rem; }

@media (max-width: 899px) {
  .kx-arc .art-content-layout-row { flex-direction: column; align-items: stretch; gap: 1rem; }
  .kx-arc .art-sidebar1 { flex: none; }
  .kx-arc .art-header { aspect-ratio: 16 / 5; margin-bottom: 1rem; }
  .kx-menu summary { display: block; }
  .kx-menu[open] summary { margin-bottom: 0.75rem; }
  .kx-arc .art-postcontent table { display: block; overflow-x: auto; }
}
.kx-arc .art-postcontent, .kx-arc .art-postcontent * { text-shadow: none; }