/* Блог-журнал: композиция референса Босса, фирменные шрифты и акцент Феликса.
   Все селекторы ограничены этой страницей; общий подвал и форма остаются прежними. */
.blog-editorial { background: #f5f3ee; }
.blog-editorial .journal-layout { --journal-line: #e8e5df; display: grid; grid-template-columns: 176px minmax(0, 660px) 250px; gap: 24px; max-width: 1190px; margin: 0 auto; padding: 104px 20px 72px; align-items: start; color: #29251f; }
.journal-main, .journal-navigation, .journal-aside { min-width: 0; }
.journal-navigation-inner, .journal-aside-inner {
  position: sticky;
  top: 94px;
  /* wide.css scales this column: keep its scroll area within the viewport. */
  max-height: calc(100vh / var(--site-zoom, 1) - 110px);
  max-height: calc(100dvh / var(--site-zoom, 1) - 110px);
  overflow-y: auto;
  overscroll-behavior-y: contain;
  scrollbar-width: thin;
  scrollbar-color: #b59a65 #eee9df;
  padding: 4px;
}
.journal-navigation { align-self: stretch; }
.journal-home { display: flex; align-items: center; justify-content: center; min-height: 46px; padding: 12px 8px; border-radius: 6px; font-size: 13px; font-weight: 600; text-align: center; margin: 0 0 22px; background: #30291d; color: #fff; }
.journal-home:hover { background: #58452b; }
.journal-sidebar-label { display: block; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #918a7f; padding: 0 12px; margin-bottom: 12px; }
.journal-sidebar-label--second { border-top: 1px solid var(--journal-line); padding-top: 22px; margin-top: 22px; }
.journal-categories, .journal-services { display: grid; gap: 4px; }
.journal-categories a { display: flex; align-items: center; justify-content: space-between; gap: 8px; min-height: 42px; padding: 10px 12px; border-radius: 6px; font-size: 13px; line-height: 1.3; }
.journal-categories a:hover, .journal-services a:hover { background: #faf8f3; color: #8b6c2d; }
.journal-categories a[aria-current="page"] { background: #f0ebdf; color: #795e2c; font-weight: 600; }
.journal-count { font-size: 11px; color: #938771; }
.journal-services a { display: block; padding: 9px 12px; font-size: 12px; line-height: 1.5; border-radius: 6px; }
.journal-sidebar-contact { display: block; margin: 22px 12px 0; padding-top: 18px; border-top: 1px solid var(--journal-line); font-size: 12px; color: #89672b; }
.journal-eyebrow { display: block; color: #927238; text-transform: uppercase; letter-spacing: .12em; font-size: 10px; font-weight: 600; margin-bottom: 12px; }
.journal-intro { border: 1px solid var(--journal-line); border-radius: 10px; padding: 28px; margin-bottom: 16px; }
.journal-intro h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(30px, 3vw, 42px); font-weight: 600; line-height: 1.06; letter-spacing: -.02em; margin-bottom: 20px; }
.journal-author-intro { display: flex; align-items: center; gap: 16px; }
.journal-avatar { flex-shrink: 0; width: 56px; height: 56px; border-radius: 50%; object-fit: cover; object-position: 50% 15%; }
.journal-author-intro .journal-avatar { width: 64px; height: 64px; }
.journal-author-intro p { font-size: 13px; line-height: 1.65; color: #736d63; }
.journal-author-intro strong { color: #2e2922; font-weight: 600; }
.journal-intro-note { display: block; margin: 14px 0 0 80px; color: #a29a8b; font-size: 11px; }
.journal-latest { border: 1px solid var(--journal-line); border-radius: 10px; padding: 20px 24px; margin-bottom: 28px; }
.journal-section-heading, .journal-feed-heading { display: flex; gap: 16px; align-items: baseline; justify-content: space-between; margin-bottom: 16px; }
.journal-section-heading h2, .journal-feed-heading h2 { font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 600; }
.journal-section-heading a, .journal-feed-heading > span { font-size: 11px; color: #958368; }
.journal-latest-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px 24px; }
.journal-latest-grid a { display: block; min-width: 0; }
.journal-latest-grid span, .journal-latest-grid small { display: block; color: #948b7b; font-size: 10px; }
.journal-latest-grid h3 { font-family: 'Jost', sans-serif; margin: 6px 0; font-size: 13px; line-height: 1.4; font-weight: 500; }
.journal-latest-grid a:hover h3, .journal-post h2 a:hover { color: #8a682c; }
.journal-feed-heading { padding: 0 4px; }
.journal-feed { display: grid; gap: 14px; scroll-margin-top: 94px; }
.journal-post { border: 1px solid var(--journal-line); border-radius: 10px; padding: 24px; min-width: 0; }
.journal-post-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; justify-content: space-between; font-size: 10px; color: #9b9387; margin-bottom: 12px; }
.journal-post-meta a, .journal-post-meta > span { color: #967538; }
.journal-post h2 { font-family: 'Cormorant Garamond', serif; font-size: 29px; line-height: 1.12; font-weight: 600; margin-bottom: 10px; }
.journal-post > p { color: #716b61; font-size: 14px; line-height: 1.7; margin-bottom: 18px; }
.journal-post-cover { display: block; width: fit-content; max-width: 100%; border-radius: 6px; overflow: hidden; margin: 18px auto 0; }
.journal-post-cover img { display: block; width: auto; max-width: 100%; height: auto; max-height: 760px; object-fit: contain; transition: transform .3s; }
@media (hover: hover) { .journal-post-cover:hover img { transform: none; } }
.journal-post-bottom { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; margin-top: 18px; font-size: 11px; }
.journal-post-bottom a { color: #89672b; }
.journal-post-bottom > span { color: #9b9387; }
.journal-aside-inner { display: grid; gap: 16px; }
.journal-aside { align-self: stretch; }
.journal-promo { border-radius: 10px; background: #eee4c9; padding: 22px; }
.journal-promo h2 { font: 600 28px/1.05 'Cormorant Garamond', serif; margin-bottom: 14px; }
.journal-promo p { color: #71644a; font-size: 12px; line-height: 1.6; margin-bottom: 20px; }
.journal-button { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 10px 16px; border-radius: 5px; background: #30291d; color: #fff; font-size: 12px; font-weight: 500; line-height: 1.4; text-align: center; }
.journal-button:hover { background: #58452b; }
.journal-reading, .journal-toc, .journal-author-card { border: 1px solid var(--journal-line); border-radius: 10px; padding: 20px; }
.journal-reading h2, .journal-toc h2 { font-family: 'Jost', sans-serif; font-size: 13px; font-weight: 600; margin-bottom: 16px; }
.journal-reading ol { list-style: decimal; padding-left: 18px; }
.journal-reading li { padding-left: 3px; font-size: 12px; line-height: 1.45; margin-bottom: 16px; }
.journal-reading li:last-child { margin-bottom: 0; }
.journal-reading li::marker { color: #b4a78e; font-size: 11px; }
.journal-reading li span { display: block; margin-top: 5px; color: #a39988; font-size: 10px; }
.journal-reading a:hover, .journal-toc a:hover { color: #89672b; }
.journal-author-card .journal-avatar { display: block; margin-bottom: 12px; }
.journal-small-label { display: block; font-size: 10px; color: #a29887; margin-bottom: 4px; }
.journal-author-card > a { font-size: 13px; font-weight: 600; }
.journal-author-card p { font-size: 12px; line-height: 1.6; color: #8d8374; margin-top: 8px; }
.journal-toc ol { list-style: decimal; padding-left: 18px; max-height: 260px; overflow-y: auto; scrollbar-width: thin; scrollbar-color: #d6cbb4 transparent; }
.journal-toc li { font-size: 12px; line-height: 1.5; padding: 0 4px 0 2px; margin-bottom: 10px; }
.journal-endnote { border-radius: 10px; padding: 28px; margin-top: 28px; background: #eee4c9; }
.journal-endnote h2 { font: 600 32px/1.1 'Cormorant Garamond', serif; margin-bottom: 12px; }
.journal-endnote p { font-size: 14px; line-height: 1.7; color: #72654a; margin-bottom: 20px; }
.journal-article { border: 1px solid var(--journal-line); border-radius: 10px; overflow: clip; }
.journal-article-header { padding: 28px 28px 0; }
.journal-crumbs { display: flex; flex-wrap: wrap; gap: 6px; color: #9e9483; font-size: 10px; line-height: 1.6; margin-bottom: 22px; }
.journal-article-header h1 { font-family: 'Cormorant Garamond', serif; font-weight: 600; font-size: clamp(32px, 3.4vw, 46px); line-height: 1.05; letter-spacing: -.015em; margin-bottom: 18px; }
.journal-article-excerpt { color: #807664; font-size: 15px; line-height: 1.7; margin-bottom: 20px; }
.journal-byline { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; justify-content: space-between; padding: 14px 0; border-top: 1px solid var(--journal-line); }
.journal-byline a { display: flex; align-items: center; gap: 10px; font-size: 12px; }
.journal-byline strong { font-weight: 500; }
.journal-byline .journal-avatar { width: 36px; height: 36px; }
.journal-byline > span { font-size: 11px; color: #a19683; }
.journal-article-cover { display: block; width: auto; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; max-height: 760px; object-fit: contain; border-radius: 6px; margin: 12px auto 28px; }
.blog-editorial .journal-article-body { max-width: none; margin: 0; padding: 0 28px 32px; }
.journal-article-body p, .journal-article-body li { font-size: 16px; line-height: 1.8; }
.journal-article-body h2 { font-weight: 600; font-size: 28px; scroll-margin-top: 92px; }
.journal-article-body h3 { font-weight: 600; font-size: 23px; }
.journal-article-body img { display: block; max-width: 100%; height: auto; max-height: 760px; object-fit: contain; margin-left: auto; margin-right: auto; border-radius: 6px; }
.journal-article-body blockquote { padding: 16px 20px; background: #faf7ef; border-left: 2px solid #b39350; border-radius: 0 6px 6px 0; }
.journal-article-body blockquote p { font-size: 20px; font-style: normal; }
.journal-article-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 16px; padding: 20px 28px; border-top: 1px solid var(--journal-line); font-size: 12px; color: #8b6b2e; }
.journal-mobile-toc { display: none; }
.blog-editorial .journal-post[hidden], .blog-editorial .journal-latest[hidden] { display: none; }
.journal-empty { padding: 24px; font-size: 15px; line-height: 1.7; }
.journal-layout a:focus-visible, .journal-mobile-toc summary:focus-visible { outline: 2px solid #98733a; outline-offset: 4px; }
@media (max-width: 1100px) {
  .blog-editorial .journal-layout { grid-template-columns: 150px minmax(0, 1fr) 218px; gap: 18px; }
  .journal-intro, .journal-article-header { padding: 22px; }
  .journal-article-header { padding-bottom: 0; }
  .journal-post { padding: 20px; }
  .blog-editorial .journal-article-body { padding: 0 22px 28px; }
}
@media (max-width: 900px) {
  .blog-editorial .journal-layout { grid-template-columns: 150px minmax(0, 1fr); max-width: 780px; }
  .journal-aside { grid-column: 2; }
  .journal-aside-inner { position: static; max-height: none; overflow: visible; padding: 0; grid-template-columns: 1fr 1fr; align-items: start; }
  .journal-author-card, .journal-toc { display: none; }
  .journal-mobile-toc { display: block; margin: 0 22px 24px; padding: 14px 18px; background: #faf8f2; border-radius: 6px; }
  .journal-mobile-toc summary { cursor: pointer; font-size: 13px; color: #8b6b2e; min-height: 28px; }
  .journal-mobile-toc ol { padding: 12px 0 0 20px; list-style: decimal; font-size: 13px; line-height: 1.6; }
  .journal-mobile-toc li { margin-bottom: 8px; }
}
@media (max-width: 640px) {
  .blog-editorial .journal-layout { display: block; padding: 80px 14px 40px; }
  .journal-navigation-inner { position: static; max-height: none; overflow: visible; padding: 0; }
  .journal-home, .journal-sidebar-label, .journal-services, .journal-sidebar-contact { display: none; }
  .journal-navigation { margin-bottom: 18px; }
  .journal-categories { display: flex; overflow-x: auto; gap: 6px; padding: 4px 2px 8px; scrollbar-width: none; }
  .journal-categories a { flex-shrink: 0; min-height: 42px; font-size: 12px; border: 1px solid #eee9df; }
  .journal-count { font-size: 10px; }
  .journal-intro { padding: 22px 20px; }
  .journal-intro h1 { font-size: 34px; }
  .journal-author-intro { align-items: start; gap: 12px; }
  .journal-author-intro .journal-avatar { width: 46px; height: 46px; }
  .journal-author-intro p { font-size: 12px; }
  .journal-intro-note { margin-left: 0; font-size: 10px; }
  .journal-latest { padding: 18px 20px; margin-bottom: 24px; }
  .journal-latest-grid { gap: 18px 16px; }
  .journal-latest-grid h3 { font-size: 12px; }
  .journal-post { padding: 20px; }
  .journal-post h2 { font-size: 28px; }
  .journal-post > p { font-size: 13px; }
  .journal-post-meta { font-size: 9px; gap: 6px; }
  .journal-aside { margin-top: 24px; }
  .journal-aside-inner { display: grid; grid-template-columns: 1fr; }
  .journal-reading { display: none; }
  .journal-article-header { padding: 22px 20px 0; }
  .journal-article-header h1 { font-size: 36px; }
  .journal-article-excerpt { font-size: 14px; }
  .journal-byline { gap: 8px; }
  .journal-byline a { font-size: 11px; }
  .journal-byline > span { font-size: 10px; }
  .blog-editorial .journal-article-body { padding: 0 20px 24px; }
  .journal-article-body p, .journal-article-body li { font-size: 14px; line-height: 1.8; }
  .journal-article-body h2 { font-size: 27px; }
  .journal-article-body h3 { font-size: 22px; }
  .journal-mobile-toc { margin-right: 20px; margin-left: 20px; }
  .journal-endnote { padding: 24px 22px; }
  .journal-endnote h2 { font-size: 30px; }
  .journal-article-bottom { padding: 20px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) { .journal-post-cover img { transition: none; } }
/* Детали двух PDF: компактная оболочка, практические вставки, вторые переходы. */
.journal-header { position: sticky; top: 0; z-index: 50; background: #fff; border-bottom: 1px solid #eeeae3; }
.journal-header-inner { max-width: 1150px; min-height: 64px; margin: auto; padding: 12px 20px; display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.journal-brand { display: inline-grid; gap: 3px; }
.journal-brand strong { font: 600 22px/1 'Cormorant Garamond', serif; }
.journal-brand span { font-size: 10px; color: #95836b; letter-spacing: .05em; }
.journal-brand--header { display: flex; align-items: center; gap: 12px; }
.journal-brand-mark { width: 50px; height: 48px; object-fit: contain; flex-shrink: 0; }
.journal-brand-copy { display: grid; gap: 5px; }
.journal-brand-copy strong { color: #29251f; }
.journal-useful-cover { display: block; width: 100%; height: auto; border-radius: 6px; margin: 18px 0 24px; }
.journal-useful-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin: 20px 0; }
.journal-useful-card { background: #f5f3ee; border: 1px solid #d9d2c6; padding: 18px; border-radius: 8px; }
.journal-useful-card h3 { margin: 0 0 12px; }
.journal-useful-card p:last-child { margin-bottom: 0; }
.journal-restaurant { display: block; }
.journal-restaurant img { display: block; width: 100%; aspect-ratio: 3/2; object-fit: cover; margin-bottom: 16px; }
.journal-restaurant h2 { font-size: 25px; margin: 12px 0; }
.journal-restaurant:hover { border-color: #927238; }
.journal-useful-topics { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.journal-useful-topics a { background: #eee4c9; padding: 8px 14px; border-radius: 24px; font-size: 13px; }
@media (max-width: 640px) { .journal-useful-grid { grid-template-columns: 1fr; } }
.journal-header-contact { background: #e6c77a; color: #1c1a16; border: 1px solid #e6c77a; padding: 12px 20px; border-radius: 999px; font-size: 12px; font-weight: 600; line-height: 1.4; box-shadow: 0 6px 18px rgba(146,114,56,.22), 0 0 0 5px rgba(230,199,122,.2); transition: background .25s, box-shadow .25s; }
.journal-header-contact:hover { background: #f1d894; box-shadow: 0 8px 22px rgba(146,114,56,.28), 0 0 0 7px rgba(230,199,122,.25); }
.blog-editorial .journal-layout { padding-top: 28px; }
.journal-primary-links { display: grid; margin: 0 0 22px; gap: 4px; }
.journal-primary-links a { padding: 8px 12px; font-size: 12px; line-height: 1.4; }
.journal-primary-links a[aria-current="page"] { background: #f0ebdf; color: #795e2c; border-radius: 6px; font-weight: 600; }
.journal-small-links { display: grid; margin: 22px 12px 0; gap: 10px; font-size: 10px; line-height: 1.5; color: #928879; }
.journal-latest-grid time { display: block; font-size: 10px; color: #9d9589; margin-bottom: 5px; }
.journal-post-meta > div { display: flex; flex-wrap: wrap; gap: 8px; }
.journal-post-meta .journal-feed-author { color: #9a9184; }
.journal-all-materials { display: block; border: 1px solid #e8e5df; padding: 14px; margin: 10px 0 18px; border-radius: 8px; text-align: center; font-size: 12px; }
.journal-stories { border: 1px solid #e8e5df; padding: 22px; border-radius: 10px; margin-top: 20px; }
.journal-stories > p { color: #8d8170; font-size: 12px; line-height: 1.6; margin-bottom: 18px; }
.journal-stories li { border-top: 1px solid #f0ede7; padding: 12px 0; }
.journal-stories li a { display: flex; gap: 12px; align-items: center; }
.journal-stories li img { width: 64px; height: 48px; object-fit: cover; border-radius: 4px; flex-shrink: 0; }
.journal-stories li span { flex: 1; font-size: 12px; line-height: 1.5; }
.journal-stories small, .journal-stories time { display: block; color: #9d9589; font-size: 10px; margin-top: 4px; }
.journal-stories li time { text-align: right; max-width: 72px; }
.journal-offer-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.journal-secondary-link { font-size: 12px; color: #856229; text-decoration: underline; text-underline-offset: 3px; }
.journal-practice { margin: 28px 0; }
.journal-callout { background: #fcf6df; border-left: 3px solid #c1a252; padding: 18px 20px; border-radius: 0 8px 8px 0; margin: 26px 0; }
.journal-callout > span { display: block; font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: .09em; margin-bottom: 9px; color: #8d702d; }
.journal-article-body .journal-callout p { margin: 0; font-size: 15px; line-height: 1.65; }
.journal-callout--note { background: #f3f5f8; border-color: #8398ad; }
.journal-callout--note > span { color: #596c7e; }
.journal-callout--tip { background: #edf5ee; border-color: #6b9474; }
.journal-callout--tip > span { color: #55785d; }
.journal-callout--warning { background: #fcf0ed; border-color: #b77564; }
.journal-callout--warning > span { color: #965d4d; }
.journal-terms dl { display: grid; gap: 12px; margin: 20px 0; }
.journal-terms dl div { border-bottom: 1px solid #eeeae3; padding-bottom: 12px; }
.journal-terms dt { font-size: 14px; font-weight: 600; margin-bottom: 4px; }
.journal-terms dd { font-size: 14px; color: #807361; line-height: 1.7; margin: 0; }
.journal-comparison { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 22px 0; }
.journal-comparison-card { background: #f9f4ec; border: 1px solid #e9ddc8; padding: 20px; border-radius: 8px; }
.journal-comparison-card--1 { background: #f0f6f1; border-color: #d4e5d7; }
.journal-article-body .journal-comparison h3 { font: 600 15px/1.4 'Jost',sans-serif; margin: 0 0 14px; }
.journal-article-body .journal-comparison ul { padding-left: 16px; margin: 0; }
.journal-article-body .journal-comparison li { font-size: 13px; line-height: 1.7; }
.journal-video { margin: 26px 0; }
.journal-video video { display: block; width: 100%; height: auto; max-height: 480px; border-radius: 7px; background: #28241e; }
.journal-video figcaption { color: #9a8b78; font-size: 11px; line-height: 1.6; margin-top: 10px; }
.journal-inline-offer { background: #f5f1e8; border-radius: 8px; padding: 22px; margin: 28px 0; }
.journal-article-body .journal-inline-offer h2 { font: 600 24px/1.2 'Cormorant Garamond',serif; margin: 0 0 12px; }
.journal-article-body .journal-inline-offer p { font-size: 14px; line-height: 1.7; }
.journal-article-body a.journal-button { color: #fff; border-bottom: 0; }
.journal-timeline { list-style: none !important; position: relative; padding: 0 !important; margin: 24px 0 !important; }
.journal-timeline:before { content: ''; position: absolute; left: 50%; top: 14px; bottom: 14px; width: 1px; background: #ddd4c5; }
.journal-timeline li { position: relative; display: grid; grid-template-columns: 1fr 44px 1fr; align-items: start; margin: 0 0 18px !important; }
.journal-timeline li > span { grid-column: 2; grid-row: 1; justify-self: center; display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; background: #ead7a8; border: 1px solid #cab584; font-size: 12px; z-index: 1; }
.journal-timeline li > div { grid-column: 1; grid-row: 1; border: 1px solid #e1d9ca; padding: 16px; border-radius: 7px; background: #fff; }
.journal-timeline li:nth-child(even) > div { grid-column: 3; }
.journal-article-body .journal-timeline h3 { font: 600 14px/1.4 'Jost',sans-serif; margin: 0 0 8px; }
.journal-article-body .journal-timeline p { font-size: 13px; line-height: 1.65; margin: 0; }
.journal-copy { background: #302f2b; color: #f5eee0; border-left: 3px solid #cdb37c; border-radius: 7px; padding: 18px; margin: 22px 0; }
.journal-copy-heading { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.journal-article-body .journal-copy h3 { font: 500 12px/1.4 'Jost',sans-serif; color: #e2d6bb; margin: 0; }
.journal-copy button, .journal-share button { padding: 8px 12px; border-radius: 5px; background: #dfc792; color: #423722; border: 0; font: 500 12px/1.4 'Jost',sans-serif; cursor: pointer; }
.journal-copy pre { white-space: pre-wrap; overflow-wrap: anywhere; font: 13px/1.8 'Jost',sans-serif; margin: 18px 0 0; padding: 0; background: none; color: inherit; border: 0; }
.journal-article-body .journal-copy-status { color: #c3bdaF; font-size: 11px; line-height: 1.6; margin: 12px 0 0; }
.journal-checklist { list-style: none !important; padding: 0 !important; }
.journal-checklist li { border-bottom: 1px solid #ece7dd; padding: 12px 0; margin: 0 !important; }
.journal-checklist label { display: flex; gap: 12px; align-items: flex-start; cursor: pointer; font-size: 14px; }
.journal-checklist input { width: 18px; height: 18px; flex-shrink: 0; margin: 4px 0 0; accent-color: #8a6b34; }
.journal-checklist input:checked + span { color: #9b8c74; text-decoration: line-through; }
.journal-faq details { background: #f7f5f1; border: 1px solid #eee9df; border-radius: 7px; margin: 10px 0; }
.journal-faq summary { cursor: pointer; padding: 16px 18px; font-size: 14px; line-height: 1.5; font-weight: 500; }
.journal-article-body .journal-faq details p { padding: 0 18px 18px; margin: 0; font-size: 14px; line-height: 1.7; }
.journal-share { border-top: 1px solid #e9e1d2; padding: 20px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 12px; font-size: 12px; }
.journal-share p { width: 100%; font-size: 11px; margin: 0; }
.journal-author-bottom { background: #f6f4ef; border-radius: 8px; padding: 22px; display: flex; gap: 16px; align-items: flex-start; }
.journal-author-bottom strong { font-size: 14px; }
.journal-article-body .journal-author-bottom p { font-size: 13px; line-height: 1.7; margin: 10px 0; }
.journal-author-bottom .journal-secondary-link { display: inline-block; margin-right: 14px; margin-bottom: 6px; }
.journal-toc a[aria-current="location"] { color: #856229; font-weight: 600; border-left: 2px solid #c8a45d; padding-left: 6px; }
.journal-formula { padding: 22px; border: 1px solid #dac798; border-radius: 9px; box-shadow: 4px 4px 0 #f4ead1; margin: 24px 0; }
.journal-formula > span { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; color: #856229; }
.journal-formula p { font-weight: 600; margin: 12px 0; }
.journal-formula small { display: block; font-size: 13px; line-height: 1.65; }
.journal-footer { background: #f8f7f5; border-top: 1px solid #eeeae3; padding: 36px 20px 24px; }
.journal-footer-inner { max-width: 1110px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.journal-footer p { font-size: 12px; line-height: 1.7; color: #9d9281; margin: 14px 0; }
.journal-footer a { font-size: 12px; }
.journal-footer nav { display: grid; justify-content: end; gap: 10px; }
.journal-footer-bottom { grid-column: 1/-1; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 14px; padding-top: 22px; color: #aaa08f; font-size: 10px; }
.journal-footer-bottom a, .journal-footer-bottom button { font-size: 10px; background: none; border: 0; color: inherit; padding: 0; cursor: pointer; }
.blog-editorial button:focus-visible, .journal-faq summary:focus-visible, .journal-checklist input:focus-visible { outline: 2px solid #9b7739; outline-offset: 3px; }
.blog-editorial [hidden] { display: none !important; }
@media (max-width: 640px) {
  .journal-header-inner { min-height: 62px; padding: 10px 14px; gap: 12px; }
  .journal-brand strong { font-size: 19px; }
  .journal-brand--header { gap: 8px; }
  .journal-brand-mark { width: 38px; height: 38px; }
  .journal-header-contact { font-size: 10px; padding: 10px; max-width: 120px; text-align: center; }
  .blog-editorial .journal-layout { padding-top: 20px; }
  .journal-primary-links, .journal-small-links { display: none; }
  .journal-comparison { grid-template-columns: 1fr; }
  .journal-timeline:before { left: 14px; }
  .journal-timeline li { grid-template-columns: 40px 1fr; }
  .journal-timeline li > span { grid-column: 1; }
  .journal-timeline li > div, .journal-timeline li:nth-child(even) > div { grid-column: 2; }
  .journal-author-bottom { display: block; }
  .journal-author-bottom .journal-avatar { margin-bottom: 14px; }
  .journal-stories li time { display: none; }
  .journal-footer-inner { grid-template-columns: 1fr; }
  .journal-footer nav { justify-content: start; }
  .journal-article-body .journal-callout p { font-size: 14px; }
}

/* Авторский журнал: контрастная шапка, реальные фотографии, читаемые подписи. */
.blog-editorial .journal-layout { --journal-line: #d9d2c6; }
.journal-intro { position: relative; overflow: hidden; isolation: isolate; padding: 36px; background: #26231e; color: #fff; border: 0; min-height: 390px; }
.journal-intro-portrait { position: absolute; inset: 0 0 0 auto; width: 48%; height: 100%; object-fit: contain; object-position: right center; z-index: -2; }
.journal-intro::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#26231e 0%,#26231e 48%,rgba(38,35,30,.83) 67%,rgba(38,35,30,.12) 100%); }
.journal-intro .journal-eyebrow { color: #e6c77a; font-size: 12px; }
.journal-intro h1 { max-width: 14ch; font-size: clamp(38px,3.5vw,52px); font-weight: 500; }
.journal-intro .journal-author-intro { max-width: 80%; }
.journal-intro .journal-author-intro p { color: #f2ede3; font-size: 14px; }
.journal-intro .journal-author-intro strong { color: #fff; }
.journal-intro .journal-avatar { display: none; }
.journal-intro .journal-intro-note { margin-left: 0; color: #e6d6b5; font-size: 12px; max-width: 75%; }
.journal-latest, .journal-post, .journal-reading, .journal-toc, .journal-author-card, .journal-article { background: #fff; }
.journal-latest { padding: 24px; }
.journal-latest-cover { display: block; width: 100%; height: auto; aspect-ratio: 16/10; object-fit: contain; border-radius: 5px; margin-bottom: 12px; }
.journal-latest-grid h3 { font-size: 16px; line-height: 1.4; }
.journal-latest-grid span, .journal-latest-grid small, .journal-latest-grid time { color: #655b4b; font-size: 12px; }
.journal-section-heading h2, .journal-feed-heading h2 { font-size: 18px; }
.journal-post { padding: 28px; box-shadow: 0 8px 22px rgba(37,27,10,.04); }
.journal-post-meta, .journal-post-bottom > span, .journal-byline > span, .journal-crumbs { color: #655b4b; font-size: 12px; }
.journal-post > p, .journal-article-excerpt { color: #4e473d; }
.journal-post h2 { font-size: 34px; }
.journal-reading li, .journal-services a, .journal-author-card p { font-size: 14px; color: #4e473d; }
.journal-reading li span, .journal-count, .journal-sidebar-label, .journal-small-label { color: #71634d; }
.journal-promo { background: #e6d5ac; border: 1px solid #c9ae70; }
.journal-button { min-height: 48px; font-size: 14px; }
.journal-layout a:focus-visible { outline: 2px solid #927238; outline-offset: 4px; }
@media(max-width:640px) {
  .journal-intro { padding: 26px 22px; min-height: 380px; }
  .journal-intro h1 { font-size: 38px; }
  .journal-intro .journal-author-intro { max-width: 90%; }
  .journal-intro .journal-author-intro p { font-size: 14px; }
  .journal-intro-portrait { width: 60%; opacity: .65; }
  .journal-latest-grid { grid-template-columns: 1fr; }
  .journal-latest-grid a { display: grid; grid-template-columns: 100px minmax(0,1fr); column-gap: 14px; }
  .journal-latest-cover { grid-row: span 4; aspect-ratio: 1; object-fit: contain; margin: 0; }
  .journal-latest-grid h3 { font-size: 16px; }
  .journal-post { padding: 22px; }
  .journal-post h2 { font-size: 30px; }
}

/* Ритм авторской статьи: списки, пример, сравнение и компактные этапы. */
.journal-article--host-selection [data-original-article] > p { margin: 0 0 20px; }
.journal-article--host-selection [data-original-article] > h2 { margin: 38px 0 18px; }
.journal-article--host-selection [data-original-article] > ul { margin: 18px 0 26px; padding-left: 22px; }
.journal-article--host-selection [data-original-article] > ul li { margin: 10px 0; padding-left: 5px; }
.journal-article--host-selection [data-original-article] > ul li::marker { color: #98733a; }
.journal-article--host-selection [data-original-article] > blockquote { margin: 26px 0; padding: 22px 24px; background: #eef4f6; border-left: 3px solid #708d99; }
.journal-article--host-selection [data-original-article] > blockquote p { font: 400 18px/1.65 'Jost', sans-serif; margin: 0; }
/* Фото в тексте и подпись под ним: курсивная строка сразу после снимка. */
.journal-article--host-selection [data-original-article] > p:has(> img:only-child) { margin: 28px 0 10px; }
.journal-article--host-selection [data-original-article] > p:has(> img:only-child) + p:has(> em:only-child) { margin: 0 0 28px; font-size: 14px; line-height: 1.55; color: var(--j-muted); text-align: center; }
.journal-article--host-selection [data-original-article] > p:has(> img:only-child) + p:has(> em:only-child) em { font-style: normal; }
/* Кнопка сразу под призывом «Давайте обсудим ваш корпоратив». */
.journal-article-body .journal-call-action { margin: 4px 0 8px; }
.journal-article--host-selection [data-original-article] > ol { list-style: none; counter-reset: host-question; padding: 0; margin: 24px 0; }
.journal-article--host-selection [data-original-article] > ol li { counter-increment: host-question; position: relative; padding: 15px 16px 15px 50px; margin: 0; border-bottom: 1px solid #e7dfd1; }
.journal-article--host-selection [data-original-article] > ol li::before { content: counter(host-question); position: absolute; left: 14px; top: 15px; color: #98733a; font-weight: 600; }
.journal-preparation { margin: 36px 0; padding: 26px; background: #faf7ef; border: 1px solid #e7dfd1; border-radius: 8px; }
.journal-article-body .journal-preparation > h2 { margin: 0 0 12px; }
.journal-article-body .journal-preparation > p { margin: 0 0 22px; }
.journal-preparation-list { list-style: none !important; padding: 0 !important; margin: 0 !important; display: grid; gap: 0; }
.journal-preparation-list > li { display: grid; grid-template-columns: 36px 1fr; gap: 16px; padding: 18px 0; margin: 0 !important; border-top: 1px solid #e7dfd1; }
.journal-preparation-list > li > span { display: grid; place-items: center; width: 32px; height: 32px; background: #e8d5a8; border-radius: 50%; color: #4c391c; font: 600 14px/1 'Jost',sans-serif; }
.journal-article-body .journal-preparation-list h3 { margin: 0 0 8px; font: 600 18px/1.4 'Jost',sans-serif; }
.journal-article-body .journal-preparation-list p { margin: 0; font-size: 15px; line-height: 1.7; }
@media (max-width: 640px) {
  .journal-preparation { padding: 20px 16px; }
  .journal-preparation-list > li { gap: 10px; }
  /* Таблица из двух колонок помещается в колонку телефона без горизонтальной прокрутки. */
  .journal-article--host-selection [data-original-article] table { min-width: 0; font-size: 15px; }
  .journal-article--host-selection [data-original-article] th,
  .journal-article--host-selection [data-original-article] td { padding: 10px; overflow-wrap: anywhere; }
  .journal-article--host-selection [data-original-article] td:first-child { width: 38%; }
  .journal-article--host-selection [data-original-article] > blockquote { padding: 18px; }
  .journal-article--host-selection [data-original-article] > blockquote p { font-size: 17px; }
}