html { scroll-behavior: smooth; }
body.trial-site { background: #fff; margin: 0; }
body.trial-site #mainContent { margin-top: 0; }
body.trial-site #jinrArticle { width: 100%; max-width: 960px; margin: 0 auto; box-shadow: none; }
body.trial-site #postHeader { padding-top: 22px; }
body.trial-site #postHeaderInner, body.trial-site #postContent { width: auto; max-width: 740px; margin-left: auto; margin-right: auto; }
body.trial-site #postContent { padding-bottom: 40px; }
body.trial-site .js--scr-animation, body.trial-site .blog-card, body.trial-site .b--jinr-button { opacity: 1 !important; visibility: visible !important; transform: none !important; }
body.trial-site #postContent img { max-width: 100%; height: auto; }
body.trial-site #postContent .wp-block-table { display: block; max-width: 100%; overflow-x: auto; }
body.trial-site #postContent table { width: 100%; }
body.trial-site #postContent blockquote { overflow-wrap: anywhere; }
body.trial-site #postContent h2, body.trial-site #postContent h3 { scroll-margin-top: 20px; }
body.trial-site #postContent .b--jinr-button a { pointer-events: auto; }
body.trial-site .trial-toc ol { padding-left: 24px; }
@media (max-width: 820px) {
  body.trial-site #mainContentInner { width: 100%; padding: 0 20px; box-sizing: border-box; }
  body.trial-site #jinrArticle { padding: 0; }
}
@media (max-width: 480px) {
  body.trial-site #mainContentInner { padding: 0 16px; }
  body.trial-site #jinrPostTitle { font-size: 24px; line-height: 1.6; }
  body.trial-site #postHeader { padding-top: 10px; }
  body.trial-site #postContent .a--simple-box-title { max-width: calc(100% - 30px); white-space: normal; }
}