/* Blog 4.11 — scopes typography to article prose and the existing magazine. */

/* 4.12: keep the editorial scale above the older premium !important rules. */
@media screen {
  .single-post:not(.et_pb_pagebuilder_layout) #main-content #left-area .entry-title {
    font-size: clamp(32px, 3.6vw, 48px) !important;
    line-height: 1.18 !important;
    max-width: 29ch !important;
    margin: 0 auto .6em !important;
    text-wrap: balance;
  }
  .single-post:not(.et_pb_pagebuilder_layout) #main-content #left-area .jkct-prose h2 {
    font-size: clamp(26px, 2.2vw, 34px) !important;
    line-height: 1.3 !important;
    margin: 1.9em 0 .75em !important;
    padding: 0 !important;
  }
  .single-post:not(.et_pb_pagebuilder_layout) #main-content #left-area .jkct-prose h3 {
    font-size: clamp(22px, 1.6vw, 27px) !important;
    line-height: 1.3 !important;
    margin: 1.9em 0 .75em !important;
    padding: 0 !important;
  }
  .single-post:not(.et_pb_pagebuilder_layout) #main-content #left-area .post-meta {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: .6em;
  }
  #main-content .jkct-magazine .jkct-magazine-toolbar {
    display: grid !important;
    grid-template-columns: minmax(180px, 1fr) minmax(220px, 320px) auto !important;
    gap: 14px 18px !important;
    align-items: center;
  }
  #main-content .jkct-magazine .jkct-magazine-toolbar__intro { grid-column: 1; grid-row: 1; }
  #main-content .jkct-magazine .jkct-magazine-search { grid-column: 2; grid-row: 1; width: 100%; }
  #main-content .jkct-magazine .jkct-magazine-count { grid-column: 3; grid-row: 1; justify-self: end; }
  #main-content .jkct-magazine .jkct-magazine-filters {
    grid-column: 1 / -1;
    grid-row: 2;
    display: flex !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
    min-width: 0;
    gap: 8px;
  }
}
@media screen and (max-width: 760px) {
  #main-content .jkct-magazine .jkct-magazine-toolbar { grid-template-columns: minmax(0, 1fr) !important; }
  #main-content .jkct-magazine .jkct-magazine-toolbar__intro,
  #main-content .jkct-magazine .jkct-magazine-filters,
  #main-content .jkct-magazine .jkct-magazine-search,
  #main-content .jkct-magazine .jkct-magazine-count {
    grid-column: 1 !important;
    grid-row: auto !important;
    justify-self: stretch;
  }
}

.jkct-prose {
  --prose-ink: #332219;
  --prose-paper: #fffaf1;
  --prose-accent: #74401f;
  width: 100%;
  max-width: 72ch;
  margin: 0 auto;
  color: var(--prose-ink);
  font-size: clamp(17px, 1.1vw, 19px);
  line-height: 1.8;
  overflow-wrap: break-word;
}
.jkct-prose *, .jkct-prose *::before, .jkct-prose *::after { box-sizing: border-box; }
.jkct-prose p { margin: 0 0 1.25em; padding: 0; }
.jkct-prose h2, .jkct-prose h3 {
  margin: 1.9em 0 .75em;
  padding: 0;
  color: #3b2015;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.015em;
  scroll-margin-top: 9rem;
}
.jkct-prose h2 { font-size: clamp(26px, 2.2vw, 34px); }
.jkct-prose h3 { font-size: clamp(22px, 1.6vw, 27px); }
.jkct-prose ul, .jkct-prose ol { margin: .5em 0 1.4em; padding: 0 0 0 1.5em; line-height: inherit; }
.jkct-prose ul { list-style: disc outside; }
.jkct-prose ol { list-style: decimal outside; }
.jkct-prose li { margin: .45em 0; padding-left: .2em; }
.jkct-prose li > ul, .jkct-prose li > ol { margin: .4em 0; }
.jkct-prose a { color: var(--prose-accent); text-decoration: underline; text-underline-offset: .18em; text-decoration-thickness: 1px; }
.jkct-prose a:hover { color: #3b2015; text-decoration-thickness: 2px; }
.jkct-prose a:focus-visible, .jkct-prose summary:focus-visible, .jkct-table-scroll:focus-visible,
.jkct-magazine a:focus-visible, .jkct-magazine button:focus-visible, .jkct-magazine input:focus-visible {
  outline: 3px solid #99632f;
  outline-offset: 4px;
}
.jkct-prose blockquote { margin: 1.7em 0; padding: 1em 1.3em; border-left: 4px solid #b4753b; background: var(--prose-paper); }
.jkct-prose img { max-width: 100%; height: auto; }
.jkct-article-meta { display: flex; flex-wrap: wrap; gap: .35em 1.1em; margin: 0 0 1.6em; color: #725b4d; font-size: 14px; line-height: 1.65; }
.jkct-toc { margin: 0 0 2em; padding: 1.1em 1.35em; border: 1px solid #d8c5af; border-radius: 12px; background: var(--prose-paper); font-size: 16px; }
.jkct-toc summary { color: #3b2015; cursor: pointer; font-weight: 700; }
.jkct-prose .jkct-toc ol { margin: .8em 0 0; padding-left: 1.35em; }
.jkct-toc li[data-level="3"] { margin-left: 1em; }
.jkct-table-scroll { width: 100%; margin: 1.4em 0; overflow-x: auto; overscroll-behavior-inline: contain; }
.jkct-prose .jkct-table-scroll table { width: 100%; margin: 0; border-collapse: collapse; border: 1px solid #d8c5af; text-align: left; font-size: .88em; }
.jkct-prose table th, .jkct-prose table td { padding: .85em 1em; border: 1px solid #d8c5af; vertical-align: top; }
.jkct-prose table th { color: #3b2015; background: var(--prose-paper); font-weight: 700; }
.jkct-related { margin-top: 2.4em; padding-top: 1em; border-top: 1px solid #d8c5af; }
.jkct-prose .jkct-related h2 { margin-top: .5em; }
.single-post:not(.et_pb_pagebuilder_layout):not(.et-tb-has-body) #main-content .container { width: min(100% - 48px, 1040px); padding: clamp(30px, 5vw, 64px) 0; }
.single-post:not(.et_pb_pagebuilder_layout):not(.et-tb-has-body) #main-content .container::before { display: none; }
.single-post:not(.et_pb_pagebuilder_layout):not(.et-tb-has-body) #left-area { float: none; width: 100%; padding: 0; }
.single-post:not(.et_pb_pagebuilder_layout):not(.et-tb-has-body) #sidebar { display: none; }
.single-post:not(.et_pb_pagebuilder_layout) .entry-title { max-width: 29ch; margin: 0 auto .6em; color: #3b2015; font-family: Georgia, "Times New Roman", serif; font-size: clamp(32px, 3.6vw, 48px); line-height: 1.18; letter-spacing: -.02em; text-wrap: balance; }
.single-post:not(.et_pb_pagebuilder_layout) .post-meta { max-width: 72ch; margin: 0 auto 1.6em; font-size: 14px; line-height: 1.6; }
.jkct-magazine-toolbar__intro small, .jkct-magazine-filters button, .jkct-mag-card__meta { font-size: 12px; }
.jkct-mag-card__footer > span, .jkct-mag-card__footer a, .jkct-magazine-count { font-size: 12px; }
.jkct-magazine-count { min-inline-size: 7.5rem; }
.jkct-magazine-filters button { min-height: 44px; }
.jkct-magazine-anchor .jkct-magazine { width: 100%; margin: 0; }
.jkct-magazine:not([data-magazine-ready="true"]) .jkct-magazine-filters,
.jkct-magazine:not([data-magazine-ready="true"]) .jkct-magazine-search,
.jkct-magazine:not([data-magazine-ready="true"]) .jkct-magazine-count,
.jkct-magazine:not([data-magazine-ready="true"]) [data-magazine-more] { visibility: hidden; pointer-events: none; }
@media (max-width: 600px) {
  .single-post:not(.et_pb_pagebuilder_layout):not(.et-tb-has-body) #main-content .container { width: calc(100% - 36px); }
  .jkct-toc { padding: 1em; }
  .jkct-prose table { min-width: 520px; }
  .jkct-article-meta { flex-direction: column; gap: .2em; }
}
@media print {
  .jkct-toc, .jkct-related { display: none; }
  .jkct-prose { max-width: none; color: #000; font-size: 11pt; }
  .jkct-prose a { color: #000; }
}