/* Only enqueued for the explicit administrator front/article preview. */
.mrf-preview { display:none; max-width:100%; min-width:0; margin:0 0 24px; padding:0; border:0; }
.mrf-preview .mrf-notice { margin:0 0 8px; padding:6px 8px; font:13px/1.5 Helvetica,Verdana,sans-serif; background:#fff8df; color:#333; }
.mrf-preview .mrf-block { max-width:100%; margin:0; padding:0; border:0; }
.mrf-preview .mrpd-small-screen-note { display:none; }
@media screen and (min-width:1024px) {
  .mrf-preview { display:block; }
}
/* Fit the ~811px frames without a scrollbar caused only by fractional borders. */
@media screen and (min-width:1256px) {
  .mrf-preview .mrpd-pc01-frame,
  .mrf-preview .mrce-frame { width:100%; max-width:811px; }
  .mrf-preview .mrcc-scroll { width:calc(100% - 2px); max-width:810px; }
}
@media screen and (max-width:1023px) {
  .mrf-preview, .mrf-preview-error { display:none; }
}

/* These selectors only exist on the authenticated, explicit preview. */
.mrf-private-preview #sidebar { background:#fff !important; }
.mrf-private-preview #footer .footer-bottom-logo,
.mrf-private-preview #footer .copyright { display:none; }
.mrf-private-preview.single .article-header .sns-share,
.mrf-private-preview.single .article-header .date-tags,
.mrf-private-preview.single .article-footer .sns-share,
.mrf-private-preview.single .article-footer .sns-follow,
.mrf-private-preview.single .article-footer .author-info,
.mrf-private-preview.single .article-footer .entry-categories-tags,
.mrf-private-preview.single #related-entries,
.mrf-private-preview.single #pager-post-navi { display:none; }
@media screen and (min-width:1024px) {
  /* An inset line keeps the existing sidebar and main widths intact. */
  .mrf-private-preview #sidebar { box-shadow:inset -1px 0 #ddd; }
}
.mrf-private-preview .comment-area .commets-list,
.mrf-private-preview .comment-area .children { list-style:none; margin:0; padding:0; }
.mrf-private-preview .comment-area .mrf-comment { margin:0; padding:0; border:0; background:#fff; }
.mrf-private-preview .mrf-comment-body { padding:10px 20px 8px; border-top:1px solid #f0edf5;  color:#222; }
.mrf-private-preview .mrf-comment-heading { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:baseline; gap:4px 12px; margin-bottom:6px; }
.mrf-private-preview .mrf-comment-author { font-size:12px; font-weight:700; }
.mrf-private-preview .mrf-comment-meta { font-size:11px; font-weight:400; color:#999; }
.mrf-private-preview .mrf-comment-body .comment-content { padding:0 12px; margin:0; }
.mrf-private-preview .mrf-comment-body .comment-content p { margin:0 0 8px; }
.mrf-private-preview .mrf-comment-body .reply { margin:4px 0 0; text-align:right; font-size:12px; }
.mrf-private-preview .comment-area .children { margin-left:24px; border-left:1px solid #eee; }
.mrf-private-preview .mrf-comment-body .avatar { display:none; }
@media screen and (max-width:600px) {
  .mrf-private-preview .mrf-comment-body { padding:10px 8px 8px; }
  .mrf-private-preview .mrf-comment-body .comment-content { padding:0 4px; }
  .mrf-private-preview .mrf-comment-meta { overflow-wrap:anywhere; }
  .mrf-private-preview .comment-area .children { margin-left:12px; }
}

/* Match the existing list title at each Cocoon responsive size. */
.mrf-private-preview.single .article-header .entry-title {
  font-family:inherit; font-size:18px; font-weight:700;
  color:#333; line-height:1.6; letter-spacing:normal;
}
@media screen and (max-width:834px) {
  .mrf-private-preview.single .article-header .entry-title { font-size:17px; }
}
@media screen and (max-width:480px) {
  .mrf-private-preview.single .article-header .entry-title { font-size:16px; line-height:1.3; }
}
@media screen and (min-width:1024px) {
  .mrf-private-preview.single .article-header .entry-title {
    font-family:Helvetica,Verdana,sans-serif; font-size:22px;
    color:#2E90C5; line-height:1.2; letter-spacing:1px;
  }
}
/* Reuse Cocoon's existing featured-image markup, only when an image is assigned. */
.mrf-private-preview.single .article.has-post-thumbnail .eye-catch-wrap {
  display:block !important; width:250px; max-width:100%; margin:10px 0 16px;
}
.mrf-private-preview.single .article.has-post-thumbnail .eye-catch { margin:0; }
.mrf-private-preview.single .article.has-post-thumbnail .eye-catch-image {
  display:block; width:250px; height:150px; max-width:100%; object-fit:cover;
}

.mrf-private-preview.single .breadcrumb { display:none; }
.mrf-private-preview .mrf-simple-comment-form { margin-top:20px; }
.mrf-private-preview #respond { display:block; visibility:visible; position:static; inset:auto; }
.mrf-private-preview #respond .comment-form-author,
.mrf-private-preview #respond .comment-form-comment { margin:0 0 12px; }
.mrf-private-preview #respond input[type=text] { width:280px; max-width:100%; padding:8px 10px; }
.mrf-private-preview #respond textarea { display:block; width:100%; min-height:150px; padding:10px; box-sizing:border-box; }
.mrf-private-preview #respond .mrf-comment-send { background:#388e3c; color:#fff; border:1px solid #388e3c; border-radius:3px; padding:10px 24px; font-size:15px; cursor:pointer; }
.mrf-private-preview #respond .mrf-comment-send:hover { background:#2e7d32; }
.mrf-private-preview #respond .form-submit { margin:0; }
.mrf-private-preview #respond #reply-title { margin:0 0 8px; padding:0; border:0; background:none; font-size:14px; }
.mrf-private-preview #respond input[type=text],
.mrf-private-preview #respond textarea { font-size:14px; }
.mrf-private-preview #respond input[type=text] { height:38px; box-sizing:border-box; }
.mrf-private-preview #respond textarea { height:150px; }
.mrf-private-preview .mrf-comment-list-heading { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.mrf-private-preview .mrf-comment-scroll { display:inline-flex; gap:6px; flex:none; }
.mrf-private-preview .mrf-comment-scroll a { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; border:1px solid #ccc; border-radius:3px; background:#fff; color:#333; font:16px/1 sans-serif; text-decoration:none; }
.mrf-private-preview .mrf-comment-scroll a:hover,
.mrf-private-preview .mrf-comment-scroll a:focus-visible { background:#f0f0f0; border-color:#888; }
.mrf-private-preview #mrf-comment-form { scroll-margin-top:12px; }

.mrf-private-preview .mrf-comment-body,.mrf-private-preview .mrf-comment-notice { font:14px/1.6 Helvetica,Verdana,sans-serif; }
.mrf-private-preview .mrf-comment-notice { color:#666; background:none; border:0; margin:12px 0 16px; padding:0; max-width:100%; overflow-wrap:anywhere; }

/* Align the upper RSS border with the unchanged sidebar sponsor heading. */
@media screen and (min-width:1024px) {
  .mrf-private-preview #mutual-rss-front-preview,
  .mrf-private-preview #mutual-rss-before-content-preview { position:relative; top:-22px; }
}