/* Ryomaden reading adjustment v1.0.4 — no DOM manipulation, no article hiding. */
body.ryo-reading-active {
  --ryo-deep: #22454b;
  --ryo-deep-dark: #18383d;
  --ryo-gold: #b89a5f;
  --ryo-gold-soft: #ded0ae;
  --ryo-paper-light: #fbf7ee;
  --ryo-paper: var(--ryo-reading-bg, #f5efe2);
  --ryo-ink: #283239;
}

/* The historic page background, outside the article and between blocks. */
body.ryo-reading-active {
  background-color: var(--ryo-paper) !important;
  background-image: linear-gradient(135deg,rgba(191,158,95,.045),transparent 43%),
                    repeating-linear-gradient(0deg,rgba(117,94,48,.018) 0,rgba(117,94,48,.018) 1px,transparent 1px,transparent 8px);
}

/* Cocoon's normally white page card becomes a subdued washi-like manuscript. */
body.ryo-reading-post :is(.main, #main, .article, .post, .entry-content, .article-body, .article-content, .post-content, .sseo-article),
body.ryo-reading-front :is(.main, #main, .article, .entry-content, .article-body, .article-content, .post-content) {
  background-color: transparent !important;
}
body.ryo-reading-active :is(.main, #main) {
  background-image: linear-gradient(180deg, rgba(255,255,255,.44),rgba(234,218,182,.10)) !important;
  background-color: var(--ryo-paper) !important;
  color: var(--ryo-ink);
}

/* Make the normal text area as wide as the image area, not a separate narrow column. */
body.ryo-reading-active :is(.entry-content, .article-body, .article-content, .post-content, .sseo-article, .wp-block-post-content) {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}
body.ryo-reading-active :is(.entry-content, .article-body, .article-content, .post-content, .sseo-article, .wp-block-post-content) :is(p, ul, ol, blockquote, h2, h3, h4, table, .wp-block-group__inner-container) {
  max-width: 100% !important;
}
body.ryo-reading-active :is(.entry-content, .article-body, .article-content, .post-content, .sseo-article, .wp-block-post-content) > :is(p, ul, ol, blockquote, h2, h3, h4) {
  width: 100% !important;
  box-sizing: border-box;
}
body.ryo-reading-active :is(.entry-content, .article-body, .article-content, .post-content, .sseo-article) img,
body.ryo-reading-active :is(.entry-content, .article-body, .article-content, .post-content, .sseo-article) figure {
  max-width: 100%;
  height: auto;
}

/* Optional one-column layout: post and front page, desktop only. */
@media (min-width: 1024px) {
  body.ryo-reading-wide :is(.sidebar, #sidebar) {
    display: none !important;
  }
  body.ryo-reading-wide :is(.content-in, #content-in) {
    width: min(100% - 40px, calc(var(--ryo-reading-max, 1080px) + 72px)) !important;
    max-width: calc(var(--ryo-reading-max, 1080px) + 72px) !important;
    margin-inline: auto !important;
    display: block !important;
  }
  body.ryo-reading-wide :is(.main, #main) {
    width: 100% !important;
    max-width: var(--ryo-reading-max, 1080px) !important;
    margin-inline: auto !important;
    float: none !important;
    box-sizing: border-box;
    padding: clamp(22px,3vw,42px) !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  body.ryo-reading-active :is(.main, #main) {
    max-width: 100%;
    padding-inline: clamp(16px,3vw,30px) !important;
  }
}

/* On phones, keep the existing readable type and comfortable safe-area padding. */
@media (max-width: 767px) {
  body.ryo-reading-active :is(.content, .content-in, #content, #content-in) {
    max-width: 100% !important;
  }
  body.ryo-reading-active :is(.main, #main) {
    padding: 16px !important;
    box-sizing: border-box;
  }
  body.ryo-reading-active :is(.entry-content, .post-content, .article-content, .article-body, .sseo-article, .wp-block-post-content) :is(p, li, dd, blockquote):not(:is(
    .has-text-color, .has-background *, .wp-block-cover *, .wp-block-buttons *,
    .sseo-toc *, .ez-toc-container *, .toc *, .lwptoc *, .sseo-interactive *,
    .sseo-summary-box *, .sseo-note *, .sseo-speech *, .wp-caption-text
  )) {
    font-size: var(--ryo-reading-size, 17.5px) !important;
    line-height: var(--ryo-reading-line, 1.9) !important;
    color: var(--ryo-reading-color, #242424) !important;
    letter-spacing: .012em;
    overflow-wrap: break-word;
  }
}

/* Apply the historic chapter style only to post headings; preserve the home hero. */
body.ryo-reading-post :is(.entry-content, .post-content, .article-content, .article-body, .sseo-article, .wp-block-post-content) h2 {
  color: #fff8e9 !important;
  background: linear-gradient(105deg,#1e3d43,#32545a) !important;
  border-left: 6px solid var(--ryo-gold) !important;
  border-radius: 2px !important;
  box-shadow: 0 4px 11px rgba(30,43,41,.07);
  padding: .83em .92em !important;
  font-family: 'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;
  line-height: 1.55;
}
body.ryo-reading-post :is(.entry-content, .post-content, .article-content, .article-body, .sseo-article, .wp-block-post-content) h3 {
  color: var(--ryo-deep-dark) !important;
  background: transparent !important;
  border-left: 4px solid var(--ryo-gold) !important;
  border-bottom: 1px solid var(--ryo-gold-soft) !important;
  padding: .4em .6em !important;
  font-family: 'Noto Serif JP','Yu Mincho','Hiragino Mincho ProN',serif;
}
body.ryo-reading-post :is(.entry-content, .post-content, .article-content, .article-body, .sseo-article) a:not(.button):not(.btn) {
  text-decoration-color: var(--ryo-gold);
  text-underline-offset: .18em;
}

/* Related content / cards keep their images, with matching parchment background. */
body.ryo-reading-post :is(.related-entries, .related-posts, .related-articles, .sseo-related, #related) {
  background-color: transparent !important;
}
body.ryo-reading-post :is(.related-entries, .related-posts, .related-articles, .sseo-related, #related) :is(.related-entry-card, .related-post, .related-item, .related-entry) {
  background: var(--ryo-paper-light) !important;
  border: 1px solid var(--ryo-gold-soft) !important;
  box-shadow: 0 2px 9px rgba(29,46,43,.04);
  border-radius: 4px;
  overflow: hidden;
}
body.ryo-reading-post :is(.related-entries, .related-posts, .related-articles, .sseo-related, #related) img {
  max-width: 100%;
  height: auto;
}

/* The user explicitly requested no comment UI; nothing is deleted from storage. */
body.ryo-reading-no-comments :is(#comment-area, #comments, #respond, .comment-area, .comment-respond, .comment-form, .comment-list, .comment-btn, .comment-button, .comment-title, .comment-entries, .comments-list) {
  display: none !important;
}
/* Follow block only. Never search text content or hide ancestor containers. */
body.ryo-reading-no-follow :is(.sns-follow, .sns-follow-area, .sns-follow-wrap) {
  display: none !important;
}