@charset "UTF-8";

/* =========================================================
   TUTTI 第16号 専用CSS

   共通CSSで定義済みの本文・見出し・ページ表示・外枠は
   再定義しない。第16号固有の段組み・小見出し・注記のみを記述する。
   ========================================================= */


/* ---------------------------------------------------------
   1. PDF 3ページ目の段組み
   --------------------------------------------------------- */

.issue-016 .page3-columns {
    columns: 2;
    column-gap: 2.2rem;
    column-fill: balance;
}

.issue-016 .page3-columns p {
    break-inside: avoid-column;
}


/* ---------------------------------------------------------
   2. PDF 4ページ目冒頭の段組み（3ページ目からの続き）
   --------------------------------------------------------- */

.issue-016 .page4-continuation {
    columns: 2;
    column-gap: 2.2rem;
    column-fill: balance;
}

.issue-016 .page4-continuation p {
    break-inside: avoid-column;
}


/* ---------------------------------------------------------
   3. 記事内小見出し
   --------------------------------------------------------- */

.issue-016 h3 {
    margin: 1rem 0 0.35rem;
    font-size: 1rem;
    font-weight: 700;
    break-after: avoid-column;
}


/* ---------------------------------------------------------
   4. 注記
   --------------------------------------------------------- */

.issue-016 .note {
    font-size: 0.86rem;
    line-height: 1.7;
}


/* ---------------------------------------------------------
   5. 編集後記
   --------------------------------------------------------- */

.issue-016 .afterword {
    margin-top: 1.2rem;
}

.issue-016 .afterword .article-heading,
.issue-016 .afterword .article-heading .title {
    font-size: 1rem;
}

.issue-016 .afterword .article-heading .byline {
    font-size: 0.88rem;
}


/* ---------------------------------------------------------
   6. スマートフォン表示
   --------------------------------------------------------- */

@media (max-width: 650px) {
    .issue-016 .page3-columns,
    .issue-016 .page4-continuation {
        columns: 1;
    }
}


/* ---------------------------------------------------------
   7. 第2ページ末尾の署名・注記（右詰）
   --------------------------------------------------------- */

.issue-016 .signature-note {
    text-align: right;
}