/* Preserve the approved visual system while making the actual diary readable. */
[data-reader-rendered] .article-template,
[data-reader-rendered] .entry-row,
[data-reader-rendered] .archive-section,
[data-reader-rendered] .policy-block { opacity: 1; transform: none; }
.reader-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 16px 0; font-size: 13px; }
.reader-breadcrumb a { min-height: 44px; display: inline-flex; align-items: center; }
.reader-breadcrumb span { align-self: center; }
.reader-article .article-header h1 { overflow-wrap: anywhere; font-size: 30px; line-height: 1.55; }
.reader-article .article-meta-line { flex-wrap: wrap; gap: 8px 18px; }
.reader-article .article-photo-gallery img { object-fit: contain; }
.reader-facts { margin: 0 0 20px; }
.reader-facts > div { display: grid; grid-template-columns: 100px minmax(0, 1fr); gap: 12px; border-bottom: 1px solid #e4e4df; padding: 10px 0; }
.reader-facts dt { font-weight: 700; font-size: 13px; }
.reader-facts dd { margin: 0; overflow-wrap: anywhere; }
.reader-note { text-align: left; }
.reader-note p { font-size: 16px; line-height: 1.95; margin: 0 0 1.25em; overflow-wrap: anywhere; }
.reader-source, .reader-context { font-size: 12px; line-height: 1.8; color: #535650; }
.reader-context { border-top: 1px solid #e4e4df; padding-top: 14px; }
.reader-related h2 { font-size: 17px; line-height: 1.6; }
.reader-related ul { list-style: none; padding: 0; margin: 8px 0 20px; }
.reader-related li { padding: 12px 0; border-bottom: 1px solid #dddeda; }
.reader-related li a { display: grid; gap: 4px; min-height: 44px; }
.reader-related time { font-size: 12px; color: #5e625b; }
.reader-related li span { font-size: 14px; font-weight: 700; overflow-wrap: anywhere; }
.reader-related li p { font-size: 12px; line-height: 1.7; color: #535650; margin: 5px 0 0; }
.reader-pagination, .reader-index-links { display: flex; flex-wrap: wrap; gap: 12px 24px; justify-content: space-between; margin: 24px 0; border-top: 1px solid #dddeda; padding-top: 12px; }
.reader-pagination a, .reader-index-links a { min-height: 44px; display: inline-flex; align-items: center; }
.reader-single-product { grid-template-columns: minmax(0, 340px); }
.reader-card-note { display: block; margin-top: 5px; font-size: 12px; font-weight: 400; line-height: 1.6; color: #535650; }
.reader-introduction { max-width: 780px; font-size: 14px; line-height: 1.9; margin: 0 0 24px; }
.reader-thumbnail img { width: 100%; height: 100%; object-fit: cover; display: block; }
.reader-no-photo { display: grid; place-items: center; height: 100%; font-size: 13px; }
@media (max-width:760px) {
  .reader-article .article-header h1 { font-size: 23px; }
  .reader-note p { font-size: 15px; line-height: 1.95; }
  .reader-facts > div { grid-template-columns: 70px minmax(0, 1fr); gap: 8px; }
  .reader-facts dd { font-size: 14px; }
  .reader-related { margin-top: 20px; }
  .reader-single-product { grid-template-columns: minmax(0, 1fr); }
}