/* Issue 02: reuse the journal palette and reading layout. */
.second-hero { padding-bottom: 34px; }
.second-hero .hero-copy { max-width: 990px; }
.second-hero h1 { font-size: clamp(2.15rem, 4.5vw, 3.55rem); }
.second-hero .hero-deck { margin: 30px auto 0; }
/* 画像にタイトル相当のコピーが入っている回は、見出しを画面上では隠す（HTMLには残す＝読み上げ・検索用） */
.hero-title-hidden h1 { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.hero-title-hidden .hero-copy { margin: 0; }
.hero-title-hidden { padding-top: 20px; }
.hero-title-hidden .hero-image { margin-top: 0; }
.hero-title-hidden .hero-meta { margin: 14px 0 0; }
.second-hero-image img { aspect-ratio: 16/9; object-fit: contain; }
.second-article { padding-top: 32px; }
.second-article .section-divider { width: 100%; border: 0; border-top: 1px solid var(--rule); margin: 12px 0; }
.second-article > .note-label { margin-bottom: -22px; }
.second-article > .note-label + p { font: 500 1.3rem/2 var(--serif); color: var(--ink); }
.second-article .flow-point { margin: -15px 0; padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: .98rem; }
.second-article .flow-point strong { display: inline-block; min-width: 2.6rem; color: var(--accent); font: italic 1.3rem Georgia, serif; }
.second-article .decision-list { margin-top: -10px; padding: 14px 22px 14px 2.7em; background: var(--surface); }
.second-article .decision-list li { padding: 3px 0; }
.second-article ul, .second-article ol { margin: 0; padding-left: 1.45em; }
.second-article ul.decision-list { padding-left: 2.7em; }
.second-article li { padding: 5px 0; }
.second-article li::marker { color: var(--accent); }
.second-article blockquote { margin: 6px 0; padding: 17px 22px; background: var(--surface); border-left: 2px solid var(--accent); font-size: .98rem; line-height: 2; }
.second-article blockquote p + p { margin-top: 12px; }
.second-article .chapter h4 { margin: 12px 0 0; color: var(--ink); font: 700 1.02rem/1.8 var(--sans); }
.second-article .article-figure { margin: 16px 0; }
.second-article .article-figure a > img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; }
.second-article .article-figure figcaption a { margin-left: auto; }
.second-article .final-thumbnail { margin: 20px 0 8px; }
.second-article .draft-gallery { margin: 12px 0; }
.second-article .draft-grid { display: block; }
.second-article .draft-grid a { display: block; min-width: 0; }
.second-article .draft-grid img { width: 100%; height: auto; aspect-ratio: 16/9; object-fit: contain; }
.second-article .draft-gallery figcaption { margin-top: 12px; font-size: .8125rem; line-height: 1.85; color: var(--muted); }
.second-article .chapter > .note-label { color: var(--accent); margin-bottom: -20px; }
.second-article .chapter > ol { counter-reset: item; }
.second-article .chapter > ol[start="4"] { counter-reset: item 3; }
.second-article .decision-examples { display: flex; flex-direction: column; border-top: 1px solid var(--rule); margin: -18px 0 0 2.3em; }
.second-article .decision-examples p { display: flex; flex-direction: column; gap: 3px; padding: 12px 0; border-bottom: 1px solid var(--rule); font-size: .94rem; }
.second-article .decision-examples span { color: var(--muted); }
.second-article .decision-examples .decision-hint { color: var(--accent); }

@media (max-width: 860px) {
  .second-hero { padding-bottom: 20px; }
  .second-hero h1 { font-size: clamp(1.8rem, 7.4vw, 2.55rem); }
  .second-hero .hero-deck { margin-top: 26px; }
  .second-article { padding-top: 18px; }
  .second-article > p:not(.note-label):not(.flow-point),
  .second-article .chapter > p:not(.note-label):not(.flow-point) {
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: .03em;
    margin: 0 0 1em;
    text-align: left;
  }
  .second-article > p:not(.note-label):not(.flow-point) + p:not(.note-label):not(.flow-point),
  .second-article .chapter > p:not(.note-label):not(.flow-point) + p:not(.note-label):not(.flow-point) {
    margin-top: -24px;
  }
  .second-article > .note-label + p { font-size: 1.15rem; }
  .second-article .article-figure, .second-article .draft-gallery { margin: 14px calc(-1 * var(--gutter)); }
  .second-article .article-figure figcaption, .second-article .draft-gallery figcaption { padding: 0 var(--gutter); }
  .second-article .draft-grid { gap: 4px; }
  .second-article .draft-grid a:first-child { grid-column: span 3; }
  .second-article .draft-grid a:not(:first-child) { grid-column: span 3; }
  .second-article .flow-point { margin: -10px 0; }
  .second-article .decision-examples { margin-left: 1.2em; }
  /* 行の高さを詰める試し（第3回だけ。2026/10/11。1.8 → 1.7 → 1.6）。1画面に入る量を増やして、全体を俯瞰しやすくする */
  .second-article.compact-text { line-height: 1.6; }
  .second-article.compact-text > p:not(.note-label):not(.flow-point),
  .second-article.compact-text .chapter > p:not(.note-label):not(.flow-point) { line-height: 1.6; }
  .second-article.compact-text blockquote { line-height: 1.6; }
}
@media print {
  .second-article .draft-grid { gap: 4px; }
  .second-article .article-figure { margin-inline: 0; }
}
.article-source-actions { display:flex; flex-wrap:wrap; align-items:center; gap:10px 12px; padding:16px 18px; margin:0 0 8px; background:var(--surface); }
.article-source-download, .article-source-copy { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:9px 14px; border:1px solid var(--rule); background:var(--paper); color:var(--accent); font:500 .875rem/1.5 var(--sans); text-decoration:none; }
.article-source-copy { cursor:pointer; }
.article-source-status { flex-basis:100%; color:var(--muted); font-size:.8125rem; }

/* 今回の結論：ブロック全体を1つのボックスにして、目に入りやすくする（2026/10/12。第2回・第3回） */
.second-article .conclusion-box { display: flex; flex-direction: column; gap: 14px; margin: 20px 0; padding: 22px 22px 20px; background: #ebe3d6; border-left: 3px solid var(--accent); }
.second-article .conclusion-box .note-label { margin: 0; }
.second-article .conclusion-box p { margin: 0; font-size: 15px; line-height: 1.8; letter-spacing: .03em; text-align: left; }
.second-article .conclusion-box .note-label + p { font: 500 1.15rem/1.9 var(--serif); letter-spacing: 0; color: var(--ink); }
.second-article .conclusion-box .decision-list { margin: 0; padding: 10px 18px 10px 2.4em; background: rgba(255, 255, 255, .55); }
@media (min-width: 861px) {
  .second-article .conclusion-box .note-label + p { font-size: 1.3rem; line-height: 2; }
}

.second-article .article-figure figcaption .figure-links{display:inline-flex;flex-wrap:wrap;gap:0 18px;margin-left:auto}
.second-article .article-figure figcaption .figure-links a{margin-left:0}
.second-article .article-figure figcaption a.save-link::after{content:' ↓'}
.second-article .prompt-actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:2px 0 6px}
.second-article .prompt-actions .prompt-copy-status{flex-basis:100%;margin:0;color:var(--muted);font-size:.8125rem;line-height:1.7;min-height:1.4em}