/* The journal shares the clinic header and footer but owns its content layout. */
.epil-journal {
  --journal-forest: #173e34;
  --journal-muted: #50665c;
  --journal-border: #d8e3da;
  --journal-surface: #fff;
}
.epil-journal #main > .wrap.page { padding-top: clamp(18px, 3vw, 36px); }
.epil-journal .breadcrumbs { margin: 0 0 18px; }
.epil-journal :is(a, button, input, summary):focus-visible {
  outline: 3px solid #3e826d;
  outline-offset: 4px;
}
.epil-journal-hero {
  isolation: isolate;
  overflow: hidden;
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.13fr) minmax(0, .87fr);
  align-items: center;
  gap: clamp(22px, 4vw, 52px);
  padding: clamp(24px, 4.2vw, 52px);
  border: 1px solid #dce5da;
  border-radius: 28px;
  background: linear-gradient(112deg, #f1eee2 0%, #f1f4e8 54%, #e5eee2 100%);
}
.epil-journal-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  pointer-events: none;
  width: 330px;
  height: 330px;
  right: -145px;
  bottom: -240px;
  border: 1px solid #bacfbd;
  box-shadow: 0 0 0 24px #e5eee2, 0 0 0 25px #c3d5c5, 0 0 0 49px #e5eee2, 0 0 0 50px #cbdace;
  border-radius: 50%;
}
.epil-journal-kicker {
  display: flex;
  align-items: center;
  gap: 9px;
  color: var(--journal-forest);
  margin: 0 0 13px;
  font-size: .74rem;
  font-weight: 750;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.epil-journal-kicker::before { content: ''; width: 18px; height: 1px; background: #64917d; }
.epil-journal-hero .page-title {
  color: var(--journal-forest);
  margin: 0;
  max-width: 17ch;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2rem, 4.65vw, 4.02rem);
  font-weight: 400;
  line-height: 1.06;
  letter-spacing: -.045em;
  overflow-wrap: normal;
}
.epil-journal-lead {
  color: var(--journal-muted);
  max-width: 42ch;
  margin: 17px 0 0;
  font-size: clamp(.92rem, 1.5vw, 1.07rem);
  line-height: 1.55;
}
.epil-journal-find {
  padding: clamp(17px, 2.2vw, 26px);
  background: var(--journal-surface);
  border: 1px solid #e2e9df;
  border-radius: 19px;
  box-shadow: 0 10px 28px #1e42300d;
}
.epil-journal-find label { display: block; margin-bottom: 8px; color: var(--journal-forest); font-weight: 700; }
.epil-journal-search-row { display: flex; gap: 8px; }
.epil-journal-find input,
.epil-journal-catalog .catalog-search {
  min-width: 0;
  min-height: 46px;
  padding: 10px 13px;
  border: 1px solid #cbd8cd;
  border-radius: 9px;
  background: #f9fbf7;
  color: var(--ink);
  font: inherit;
  font-size: .92rem;
}
.epil-journal-find input { flex: 1 1 auto; width: 100%; }
.epil-journal-find input::placeholder { color: #52645a; }
.epil-journal-find button {
  flex: 0 0 auto;
  padding: 8px 14px;
  border: 0;
  border-radius: 9px;
  background: var(--journal-forest);
  color: #fff;
  cursor: pointer;
  font: inherit;
  font-size: .88rem;
  font-weight: 700;
}
.epil-journal-find button:hover { background: #245849; }
.epil-journal-shortcuts { display: flex; flex-wrap: wrap; gap: 7px; margin: 13px 0 0; padding: 0; list-style: none; }
.epil-journal-shortcuts a {
  display: block;
  padding: 3px 9px;
  border-radius: 30px;
  background: #edf4eb;
  color: var(--journal-forest);
  font-size: .78rem;
  font-weight: 650;
  text-decoration: none;
}
.epil-journal-shortcuts a:hover { background: #dfece0; text-decoration: underline; }
.epil-journal-all { display: inline-block; margin-top: 12px; font-size: .83rem; font-weight: 700; }
.epil-journal-section-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 5px 20px;
  margin: clamp(28px, 4vw, 49px) 0 16px;
}
.epil-journal-section-head h2,
.epil-topic-guide h2 {
  margin: 0;
  color: var(--journal-forest);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(1.8rem, 3.6vw, 2.6rem);
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -.035em;
}
.epil-journal-section-head > a { font-size: .88rem; font-weight: 700; }

.epil-journal [data-epil-journal-feed] {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(12px, 1.8vw, 23px);
  margin: 0;
}
.epil-journal [data-epil-journal-feed] > li {
  position: relative;
  grid-column: span 2;
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 0;
  border: 1px solid var(--journal-border);
  border-radius: 17px;
  overflow: hidden;
  background: var(--journal-surface);
  box-shadow: 0 4px 14px #143f2310;
  transition: border-color .18s ease, box-shadow .18s ease;
}
.epil-journal [data-epil-journal-feed] > li:is(:hover,:focus-within) {
  border-color: #729b86;
  box-shadow: 0 7px 21px #143f2319;
}
.epil-journal-landing [data-epil-journal-feed] > li:first-child { grid-column: span 4; }
@media (min-width: 931px) { .epil-journal-landing [data-epil-journal-feed] > li:nth-last-child(-n+2):nth-child(n+9) { grid-column: span 3; } }
.epil-journal [data-epil-journal-feed] > li > a {
  display: block;
  padding: 17px 18px 0;
  color: var(--journal-forest);
  font-size: clamp(1rem, 1.6vw, 1.25rem);
  font-weight: 710;
  line-height: 1.32;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.epil-journal [data-epil-journal-feed] > li > a::after { position: absolute; inset: 0; content: ''; }
.epil-journal [data-epil-journal-feed] > li > a:focus-visible { outline: 0; }
.epil-journal [data-epil-journal-feed] > li:has(> a:focus-visible) { outline: 3px solid #3e826d; outline-offset: 3px; }
.epil-journal [data-epil-journal-feed] > li:hover > a { text-decoration: underline; }
.epil-journal [data-epil-journal-feed] > li > a img {
  display: block;
  width: calc(100% + 36px);
  max-width: none;
  height: clamp(116px, 15vw, 188px);
  object-fit: cover;
  margin: -17px -18px 15px;
  background: #e7eee5;
}
.epil-journal-landing [data-epil-journal-feed] > li:nth-child(-n+2) > a img { height: clamp(155px, 21vw, 243px); }
.epil-journal-landing [data-epil-journal-feed] > li:first-child > a { font-size: clamp(1.12rem, 2.15vw, 1.59rem); }
.epil-journal [data-epil-journal-feed] > li > small {
  display: block;
  margin-top: auto;
  padding: 10px 18px 15px;
  color: var(--journal-muted);
  font-size: .81rem;
  line-height: 1.3;
}
.epil-journal .pager { gap: 8px 12px; flex-wrap: wrap; margin: 22px 0 0; color: var(--journal-muted); }
.epil-journal .pager a,
.epil-journal-archive-nav a {
  display: inline-block;
  padding: 7px 12px;
  border: 1px solid var(--journal-border);
  border-radius: 8px;
  background: var(--journal-surface);
  font-size: .86rem;
  font-weight: 680;
  text-decoration: none;
}
.epil-journal .pager a:hover, .epil-journal-archive-nav a:hover { background: #edf4eb; text-decoration: underline; }
.epil-journal-archive-nav { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 18px; }
.epil-journal-archive .page-title, .epil-journal-catalog .page-title {
  max-width: none;
  color: var(--journal-forest);
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(2rem, 5vw, 3.5rem);
  font-weight: 400;
  line-height: 1.1;
}
.epil-journal-archive [data-epil-journal-feed] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.epil-topic-guide {
  margin: clamp(31px, 5vw, 64px) 0 5px;
  padding: clamp(20px, 3.4vw, 39px);
  background: #edf3eb;
  border: 1px solid var(--journal-border);
  border-radius: 23px;
}
.epil-topic-guide > p { margin: 7px 0 18px; color: var(--journal-muted); font-size: .95rem; }
.epil-journal-topics, .epil-journal-directory {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
}
.epil-journal-topics a {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) 15px;
  gap: 10px;
  align-items: center;
  padding: 12px;
  border: 1px solid var(--journal-border);
  border-radius: 12px;
  background: var(--journal-surface);
  color: var(--journal-forest);
  line-height: 1.35;
  font-size: .93rem;
  font-weight: 700;
  text-decoration: none;
}
.epil-journal-topics a:hover { border-color: #729b86; text-decoration: underline; }
.epil-journal-topics a > span:first-child { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 9px; background: #ecf3e9; }
.epil-journal-topics svg { width: 19px; height: 19px; }
.epil-topic-guide details { margin: 16px 0 0; }
.epil-topic-guide summary { cursor: pointer; width: fit-content; padding: 5px 0; color: var(--journal-forest); font-weight: 700; }
.epil-journal-directory { grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: 12px; }
.epil-journal-directory > div { min-width: 0; padding: 12px; border-radius: 12px; background: var(--journal-surface); }
.epil-journal-directory h3 { margin: 0 0 7px; font-size: .94rem; color: var(--journal-forest); line-height: 1.35; }
.epil-journal-directory ul { margin: 0; padding: 0; list-style: none; }
.epil-journal-directory li { margin: 5px 0; line-height: 1.4; font-size: .84rem; overflow-wrap: anywhere; }
.epil-journal-catalog [data-catalog] { padding: clamp(14px, 3vw, 30px); border: 1px solid var(--journal-border); border-radius: 20px; background: var(--journal-surface); }
.epil-journal-catalog [data-catalog] label { display: inline-block; margin-bottom: 6px; font-weight: 700; color: var(--journal-forest); }
.epil-journal-catalog .catalog-search { width: min(100%, 37rem); }
.epil-journal-catalog [data-catalog] .count { margin: 9px 0; color: var(--journal-muted); font-size: .88rem; }
.epil-journal-catalog [data-catalog] .count:empty { display: none; }
.epil-journal-catalog [data-catalog] .listing {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 18px;
  margin: 11px 0 0;
}
.epil-journal-catalog [data-catalog] [hidden] { display: none; }
.epil-journal-catalog [data-catalog] a { overflow-wrap: anywhere; }
@media (max-width: 930px) {
  .epil-journal-hero { gap: 20px; padding: 25px; }
  .epil-journal [data-epil-journal-feed] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .epil-journal [data-epil-journal-feed] > li { grid-column: span 1; }
  .epil-journal-landing [data-epil-journal-feed] > li:first-child { grid-column: span 2; }
  .epil-journal-landing [data-epil-journal-feed] > li:last-child:nth-child(even) { grid-column: span 2; }
  .epil-journal-landing [data-epil-journal-feed] > li:not(:first-child) > a img { height: clamp(125px, 23vw, 215px); }
  .epil-journal-directory { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 645px) {
  .epil-journal-hero { grid-template-columns: 1fr; border-radius: 18px; padding: 19px; gap: 18px; }
  .epil-journal-hero .page-title { max-width: 19ch; }
  .epil-journal-lead { margin-top: 10px; }
  .epil-journal-kicker { margin-bottom: 8px; }
  .epil-journal-find { padding: 13px; }
  .epil-journal-topics { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 8px; }
  .epil-journal-topics a { grid-template-columns: minmax(0,1fr); gap: 5px; padding: 9px; font-size: .86rem; overflow-wrap: anywhere; }
  .epil-journal-topics a > span:last-child { display: none; }
  .epil-journal-catalog [data-catalog] .listing { grid-template-columns: 1fr; }
  .epil-journal [data-epil-journal-feed] > li > a { padding: 12px 11px 0; font-size: .93rem; }
  .epil-journal [data-epil-journal-feed] > li > a img { margin: -12px -11px 9px; width: calc(100% + 22px); }
  .epil-journal-landing [data-epil-journal-feed] > li:not(:first-child) > a img { height: clamp(92px, 28vw, 160px); }
  .epil-journal [data-epil-journal-feed] > li > small { padding: 7px 11px 11px; font-size: .72rem; }
}
@media (max-width: 350px) {
  .epil-journal [data-epil-journal-feed] { grid-template-columns: minmax(0,1fr); }
  .epil-journal [data-epil-journal-feed] > li:nth-child(n) { grid-column: span 1; }
  .epil-journal-landing [data-epil-journal-feed] > li:not(:first-child) > a img { height: 135px; }
}
@media (prefers-reduced-motion: reduce) { .epil-journal [data-epil-journal-feed] > li { transition: none; } }

/* Shared archive pagination, 2026-11-08. Scope excludes article content. */
#main nav[aria-label="Страницы архива"].journal-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin:32px 0 0;padding:26px 0 0;border-top:1px solid #d8e3da;color:#244e40;font:13px/1.4 system-ui,sans-serif;grid-column:1/-1}
#main nav[aria-label="Страницы архива"].journal-pagination .journal-pages{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px}
#main nav[aria-label="Страницы архива"].journal-pagination a,#main nav[aria-label="Страницы архива"].journal-pagination .journal-page-current,#main nav[aria-label="Страницы архива"].journal-pagination .journal-disabled{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:42px;min-width:42px;padding:9px 12px;border:1px solid #d9e3d7;border-radius:9px;background:#fff;color:#244e40;font:650 13px/1.4 system-ui,sans-serif;text-decoration:none;white-space:nowrap}
#main nav[aria-label="Страницы архива"].journal-pagination a:hover{border-color:#7c9c83;background:#edf3e9;text-decoration:none}
#main nav[aria-label="Страницы архива"].journal-pagination a:focus-visible{outline:3px solid #92733e;outline-offset:4px}
#main nav[aria-label="Страницы архива"].journal-pagination .journal-page-current{background:#244e40;border-color:#244e40;color:#fff}
#main nav[aria-label="Страницы архива"].journal-pagination .journal-disabled{opacity:.45;cursor:default}
#main nav[aria-label="Страницы архива"].journal-pagination .journal-page-note{flex-basis:100%;width:100%;margin:8px 0 0;text-align:center;color:#6a7b6d;font:12px/1.5 system-ui,sans-serif}
#main nav[aria-label="Страницы архива"].journal-pagination .journal-ellipsis{padding:0 2px;color:#6a7b6d}
@media(max-width:680px){#main nav[aria-label="Страницы архива"].journal-pagination{justify-content:center;gap:14px}#main nav[aria-label="Страницы архива"].journal-pagination .journal-pages{order:1;flex-basis:100%;gap:4px}#main nav[aria-label="Страницы архива"].journal-pagination>.journal-prev,#main nav[aria-label="Страницы архива"].journal-pagination>.journal-next{order:2;flex:1}#main nav[aria-label="Страницы архива"].journal-pagination .journal-page-note{order:3}#main nav[aria-label="Страницы архива"].journal-pagination .journal-pages a,#main nav[aria-label="Страницы архива"].journal-pagination .journal-page-current{min-width:34px;padding:9px 8px}}
