/* ==============================================================
   各資料のダウンロードページ（page-download-*.php）
   「この資料でわかること」の上に出す、こんな方に・ページ数と形式（2026-10 追加）。style.css は触らず、ここで足す
   文言は inc/documents.php（資料の情報）から出る
   ============================================================== */

.downloadPage .uDl-basics { display: flex; flex-direction: column; gap: 12px; margin: 12px 0 4px; }
.downloadPage .uDl-basics p { margin: 0; }
.downloadPage .uDl-basics b { display: block; margin-bottom: 2px; font-size: 12.5px; font-weight: 700; letter-spacing: .06em; line-height: 1.6; color: #1372CE; }
.downloadPage .uDl-for span { display: block; font-size: 15px; font-weight: 700; line-height: 1.75; color: #10162f; }
.downloadPage .uDl-spec span { display: block; font-size: 14px; line-height: 1.7; color: #3a4363; }

/* 「この資料でわかること」の上に、白いカードで出す（左の列は幅48%と狭いので、ラベルを上、中身を下に積む） */
.downloadPage .uDl-basics--page { margin: 0; padding: 16px 18px; border-radius: 20px; background: #fff; border: 1px solid #e3e7f1; }
.downloadPage .uDl-basics--page .uDl-for span { font-size: 14.5px; }

@media only screen and (max-width: 768px) {
  .downloadPage .uDl-for span { font-size: 14.5px; }
}