/* The Daly Dose article reader. Inherits Jhūma's approved type and shared chrome. */
.daly-article {
  width: min(100% - 3rem, 76rem);
  margin: 0 auto;
  padding: clamp(3rem, 7vw, 6rem) 0;
  color: #302626;
}
.daly-article__header {
  max-width: 62rem;
  margin: 0 auto clamp(2.5rem, 5vw, 4.5rem);
  text-align: center;
}
.daly-article__back {
  display: inline-block;
  margin-bottom: 2rem;
  padding: .5rem 0;
  font-size: .94rem;
  text-decoration: underline;
  text-underline-offset: .3em;
}
.page-journal .daly-article__header h1 {
  max-width: 24ch;
  margin: 0 auto 1.5rem;
  font-size: clamp(2.3rem, 4.6vw, 4.5rem);
  line-height: 1.14;
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
}
.daly-article__byline {
  font-size: 1rem;
  line-height: 1.8;
}
.daly-article__byline a,
.daly-article__body a,
.daly-article__source a {
  color: #590e25;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: .2em;
}
.daly-article__body {
  width: min(100%, 70ch);
  margin: auto;
  font-family: var(--font-body);
  font-size: 1.125rem;
  line-height: 1.8;
  overflow-wrap: anywhere;
}
.daly-article__body p { margin: 0 0 1.4em; max-width: none; line-height: inherit; font-size: inherit; }
.daly-article__body p:empty,
.daly-article__body div:empty { display: none; }
.page-journal .daly-article__body h2 { font-size: clamp(1.7rem, 3vw, 2.35rem); margin: 2.3em 0 .75em; line-height: 1.25; text-align: left; text-wrap: pretty; }
.page-journal .daly-article__body h3 { font-size: clamp(1.4rem, 2.4vw, 1.75rem); margin: 2em 0 .75em; line-height: 1.3; }
.page-journal .daly-article__body :is(h2,h3,h4) :is(strong,em) { font: inherit; }
.daly-article__body em { font-family: var(--font-accent); font-weight: 300; font-size: 1.12em; }
.daly-article__body img { display: block; width: auto; max-width: 100%; height: auto; margin: 0 auto; }
.daly-article__body figure { margin: 2rem 0; }
.daly-article__body figcaption { margin-top: .75rem; font-size: .94rem; line-height: 1.6; }
.daly-article__body .wp-block-media-text { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 2rem; align-items: center; margin: 0 0 2.5rem; }
.daly-article__body .wp-block-media-text__media { margin: 0; }
.daly-article__body .wp-block-media-text__media img { width: 100%; height: auto; object-fit: contain; }
.daly-article__body .wp-block-media-text__content p { font-size: clamp(1.55rem, 2.6vw, 2.2rem); line-height: 1.3; }
.daly-article__body .wp-block-media-text__content :is(em,strong) { font-family: var(--font-accent); font-weight: 300; }
.daly-article__body hr { border: 0; border-top: 1px solid #c4b4aa; margin: 2rem 0; }
.daly-article__body :is(ul,ol) { padding-left: 1.5rem; margin: 0 0 1.5rem; }
.daly-article__body li { margin: .5rem 0; }
.daly-article__body blockquote { margin: 2rem 0; padding: 1.5rem; background: #e8dfd3; }
.daly-article__body table { display: block; max-width: 100%; overflow-x: auto; border-collapse: collapse; }
.daly-article__body :is(th,td) { padding: .6rem; border: 1px solid #c4b4aa; }
.daly-article__body pre { overflow-x: auto; padding: 1rem; background: #e8dfd3; }
.daly-article__source,
.daly-article__next { max-width: 70ch; margin: 3rem auto 0; padding-top: 1.5rem; border-top: 1px solid #c4b4aa; }
.daly-article__source p { font-size: .94rem; }
.daly-article__next > p { font-size: .94rem; margin-bottom: .75rem; }
.daly-article__next a { display: flex; gap: 1.5rem; align-items: center; justify-content: space-between; font-family: var(--font-display); font-size: clamp(1.3rem, 2.5vw, 1.8rem); line-height: 1.4; }
.daly-article__next svg { flex: 0 0 24px; }
.daly-article a:hover { color: #761e3a; }
.daly-article a:focus-visible { outline: 2px solid #590e25; outline-offset: 5px; }
.daly-article ::selection { background: #590e25; color: #fffaf6; }
@media (max-width: 600px) {
  .daly-article { width: calc(100% - 2rem); padding-top: 2.5rem; }
  .daly-article__body { font-size: 1.0625rem; }
  .daly-article__body .wp-block-media-text { grid-template-columns: 1fr; gap: 1.5rem; }
  .daly-article__body .wp-block-media-text__media { width: min(100%, 20rem); margin: auto; }
  .daly-article__body .wp-block-media-text__content p { text-align: center; }
}
