/* .net試し移設：本文の内容と構造を保持し、既存のガイドの枠内に収める。 */
.net-article { overflow-wrap: anywhere; }
.net-article :where(div, figure) { min-width: 0; max-width: 100%; }
.net-article img { max-width: 100%; height: auto; object-fit: contain; }
.net-article figure img { width: auto; display: block; margin-inline: auto; }
.net-article figure { margin: 1.8rem 0; }
.net-article figcaption { margin-top: .65rem; font-size: .85rem; line-height: 1.7; text-align: center; }
.net-article .wp-block-columns,
.net-article .swell-block-columns__inner { display: flex; gap: 1.5rem; margin-block: 1.8rem; align-items: flex-start; }
.net-article .wp-block-column,
.net-article .swell-block-column { flex: 1 1 0; min-width: 0; }
.net-article .wp-block-column > figure:first-child,
.net-article .swell-block-column > figure:first-child { margin-top: 0; }
.net-article .wp-block-gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.net-article .wp-block-gallery.columns-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.net-article .wp-block-gallery.columns-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.net-article .wp-block-gallery > figure { margin: 0; }
.net-article .wp-block-gallery img { width: auto; height: auto; }
.net-article table { width: 100%; table-layout: fixed; border-collapse: collapse; margin-block: 1.6rem; font-size: .95rem; }
.net-article th, .net-article td { border: 1px solid var(--line, #d9d6ce); padding: .8rem; vertical-align: top; overflow-wrap: anywhere; }
.net-article th { background: var(--paper, #f6f4ef); font-weight: 600; text-align: left; }
.net-article ul, .net-article ol { margin: 1rem 0 1.5rem; padding-left: 1.5em; }
.net-article ul { list-style: disc; }
.net-article ol { list-style: decimal; }
.net-article li { margin-block: .4rem; }
.net-article h4 { margin: 1.8rem 0 .8rem; font-size: 1rem; font-weight: 700; }
.net-article hr { border: 0; border-top: 1px solid var(--line, #d9d6ce); margin-block: 2rem; }
@media (max-width: 600px) {
  .net-article .wp-block-columns,
  .net-article .swell-block-columns__inner { flex-direction: column; gap: 1rem; }
  .net-article .wp-block-column,
  .net-article .swell-block-column { flex-basis: auto !important; width: 100%; }
  .net-article .wp-block-gallery,
  .net-article .wp-block-gallery.columns-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem; }
  .net-article th, .net-article td { padding: .6rem; font-size: .85rem; }
}