/* Native article patterns. Only these opt-in classes are styled, in the post and editor canvas. */
:is(.mustache-content,.editor-styles-wrapper) :is(.mtcj-article-template,.mtcj-pattern) {
  box-sizing:border-box; min-width:0; max-width:100%;
  font-family:var(--sans,"Noto Sans JP",sans-serif); font-size:16px; line-height:1.95;
  color:#263831; overflow-wrap:anywhere;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-article-template > * + * { margin-block-start:24px; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-article-template > h2 { margin:48px 0 20px; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-article-template > h3 { margin:32px 0 16px; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-article-template > h4 { margin:24px 0 14px; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern {
  margin-block:28px; padding:26px 28px; background:#f8f7f2; border:1px solid #dce4df;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern > :first-child { margin-block-start:0; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern > :last-child { margin-block-end:0; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern :is(p,ul,ol,.wp-block-buttons) { margin-block:14px 0; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern :is(p,li) { font-size:inherit; line-height:inherit; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern :is(ul,ol) { padding-inline-start:1.5em; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern li + li { margin-block-start:8px; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern .mtcj-pattern__label {
  margin-block:0 12px; font-size:14px; font-weight:700; letter-spacing:.04em;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-intro { background:transparent; border:0; padding:0; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern .mtcj-pattern__meta {
  margin-block-start:18px; padding-block-start:12px; border-top:1px solid #dce4df;
  font-size:13px; line-height:1.85; color:#52645b;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-key-points { background:#ceecee; border:0; border-left:4px solid #74b9c4; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-note { background:#f6e0d4; border:0; border-left:4px solid #dca17b; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-comparison { padding:0; border:0; background:transparent; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-comparison .mtcj-pattern__hint { margin:0 0 10px; font-size:12px; color:#52645b; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table {
  max-width:100%; margin:0; overflow-x:auto; overscroll-behavior-inline:contain;
  scrollbar-color:#74b9c4 #eef2ef;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table table {
  width:100%; min-width:560px; border-collapse:collapse; font-size:14px; line-height:1.85;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table table:not(.has-fixed-layout) { table-layout:auto; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table :is(th,td) {
  padding:14px 16px; border:1px solid #d4dfda; text-align:left; vertical-align:top; overflow-wrap:anywhere;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table th { background:#ceecee; color:#263831; font-weight:600; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table tbody tr:nth-child(even) { background:#f8f7f2; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table figcaption { margin-block-start:10px; font-size:12px; line-height:1.8; color:#52645b; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-image { padding:0; border:0; background:transparent; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-image .wp-block-image { margin:0; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-image .wp-block-image:not(.is-resized,.alignleft,.alignright):not([style*="width"]) { width:100%; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-image .wp-block-image:not(.is-resized,.alignleft,.alignright):not([style*="width"]) :is(a,picture) { width:100%; max-width:100%; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-image .wp-block-image:not(.is-resized,.alignleft,.alignright):not([style*="width"]) img:not([style*="width"]):not([style*="height"]) { display:block; width:100%; height:auto; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-image .mtcj-pattern__caption { margin:12px 0 0; font-size:14px; line-height:1.9; color:#52645b; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-related { background:#f0f4e8; border:1px solid #d8e1c9; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-related .wp-block-buttons { display:flex; flex-wrap:wrap; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-related .wp-block-button { max-width:100%; }
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-related .wp-block-button__link {
  display:inline-block; max-width:100%; min-height:44px; padding:10px 0; background:transparent; border:0; border-radius:0;
  color:#245d50; font:600 16px/1.8 var(--sans,"Noto Sans JP",sans-serif); text-align:left;
  text-decoration:underline; text-underline-offset:5px; white-space:normal; overflow-wrap:anywhere;
}
:is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern a:focus-visible { outline:2px solid #116d85; outline-offset:4px; }
.editor-styles-wrapper .mtcj-article-template :is(h2,h3,h4) { font-family:inherit; line-height:1.65; color:#263831; }
.editor-styles-wrapper .mtcj-article-template h2 { margin:48px 0 20px; padding-top:16px; border-top:2px solid #ceecee; font-size:26px; }
.editor-styles-wrapper .mtcj-article-template h3 { margin:32px 0 16px; padding-left:12px; border-left:3px solid #dca17b; font-size:21px; }
.editor-styles-wrapper .mtcj-article-template h4 { margin:24px 0 14px; font-size:18px; }
@media (max-width:760px) {
  :is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern { padding:20px 18px; margin-block:24px; }
  :is(.mustache-content,.editor-styles-wrapper) :is(.mtcj-pattern-intro,.mtcj-pattern-comparison,.mtcj-pattern-image) { padding:0; }
  :is(.mustache-content,.editor-styles-wrapper) .mtcj-pattern-table :is(th,td) { padding:12px; }
  .editor-styles-wrapper .mtcj-article-template h2 { font-size:23px; }
  .editor-styles-wrapper .mtcj-article-template h3 { font-size:19px; }
  .editor-styles-wrapper .mtcj-article-template h4 { font-size:17px; }
}