/* HQSD：Sydney 1.64 → 2.72 / Elementor 2.9 → 4.3 で変わった見た目を旧（公開サイト）に寄せる追加 CSS（2026-10-22）
   値はすべて公開サイトの計算済みスタイルから取った。寄せ切れないものは 記録.md の表を参照 */

/* 見出し：固定ページ・投稿・一覧のタイトルは 36px、下に 10px（新テーマは h1 のサイズ 44〜48px をそのまま使う） */
.page .entry-title, .single .entry-title, .blog .entry-title, .archive .entry-title, .search .entry-title {
  font-size: 36px !important; line-height: normal !important; padding-bottom: 10px;
}
.single .entry-header { margin-bottom: 30px; }
/* トップの新着（Sydney Toolbox の Posts ウィジェット）のタイトルは 24px。上の規則（.page .entry-title）が当たらないように戻す */
.latest-news-wrapper .entry-title, .latest-news-wrapper .title-post { font-size: 24px !important; line-height: 47px !important; padding-bottom: 0; }

/* 一覧（ブログ）：白いカードに影、内側 40px、カード間 60px */
.blog article.post, .archive article.post, .search article.post {
  background: #fff; box-shadow: 0 11px 40px 0 rgba(79, 118, 157, 0.1); padding: 40px; margin-bottom: 60px;
}
.blog article .entry-title a, .archive article .entry-title a, .search article .entry-title a { color: #263246; }
.blog article .entry-post p, .archive article .entry-post p, .search article .entry-post p { font-size: 15px; color: #868990; margin-bottom: 24px; }
.blog .read-more, .archive .read-more, .search .read-more { font-size: 14px; color: #111; margin-top: 0; }
.blog .read-more::after, .archive .read-more::after, .search .read-more::after { content: " >"; }

/* ページ送り：角丸なしの箱。現在ページは黒、それ以外は薄い灰色（旧と同じ色分け） */
.nav-links .page-numbers { background: #f7f7f7; color: #443f3f; padding: 20px; margin: 0; line-height: 15px; min-width: 0; min-height: 0; width: auto; height: auto; }
.nav-links .page-numbers.current, .nav-links .page-numbers:hover { background: #252525; color: #fff; }

/* サイドバー：薄い枠線 */
#secondary.widget-area { border: 1px solid rgba(0, 0, 0, 0.1); color: #767676; }

/* 投稿の前後リンク：灰色の箱、左右の区切り、矢印 */
.single .post-navigation { background: #f7f7f7; padding: 30px; margin: 30px 0 45px; }
.single .post-navigation .nav-previous { border-right: 1px solid #ebebeb; padding-right: 0; }
.single .post-navigation a { color: #47425d; }
.single .post-navigation .nav-previous a::before { content: "\27F5"; }
.single .post-navigation .nav-next a::after { content: "\27F6"; }
.single .post-navigation .nav-links span svg { display: none; }   /* 新テーマ自身の矢印（svg）は消し、旧と同じ ⟵ ⟶ だけにする */

/* トップのスキルバーの「100%」：Elementor 4 はバーの中に白 11px で描くので見えない。旧と同じ 16px の濃色でバーの上に出す */
.skills_percentage_fix .elementor-progress-percentage { font-size: 16px !important; color: #263246 !important; }

/* トップの「View All Posts」：下線 */
.latest_news .roll-button, .latest_news a.roll-button { text-decoration: underline; }

/* フッター：文字色、上の罫線、ウィジェット見出しの下の余白 */
.footer-widgets { color: #868990; border-top: 1px solid rgba(0, 0, 0, 0.1); }
.footer-widgets a { color: #868990; }
.footer-widgets .widget-title { padding-bottom: 24px; }
.footer-widgets .widget { margin-bottom: 55px; }
.footer-widgets .sidebar-column { padding: 0 15px; }

/* 投稿の前後リンクの並び：左右 2 列（片方しか無いときも右寄せを保つ） */
.single .post-navigation .nav-links { display: flex; }
.single .post-navigation .nav-previous, .single .post-navigation .nav-next { width: 50%; padding: 0; }
.single .post-navigation .nav-next { margin-left: auto; text-align: right; }
.single .post-navigation .nav-links a + span { display: none; }   /* 新テーマがリンクの直後に置く矢印アイコン（span > svg）だけを消す */

/* スマホ幅（〜767px）：記事の下に 20px。ヒーローの文言は旧のスマホ用サイズ（見出し 18px、副文 14px） */
@media (max-width: 767px) {
  .page .content-area article, .single .content-area article { padding-bottom: 20px; }
  .slide-inner h2 { font-size: 18px !important; line-height: 1.1 !important; }
  .slide-inner p { font-size: 14px !important; padding: 5px 0 !important; }
}

/* タブレット幅（〜991px）：旧はフッターの 3 ウィジェットを縦積み、本文の内側余白なし、新着カルーセルの横はみ出しを止める */
@media (max-width: 991px) {
  .footer-widgets .footer-widgets-grid { grid-template-columns: 1fr !important; }
  .latest-news-wrapper.row { margin-left: 0; margin-right: 0; }
}
/* メニューの文字（旧 15px、新 14px） */
#mainnav a, .main-navigation a, .sydney-dropdown-link { font-size: 15px; }

/* 本文の内側余白：旧はタブレット幅（768〜991px）で 0、スマホ幅では 15px。PC は 15px（外枠 1170 → 本文 1140） */
@media (min-width: 768px) and (max-width: 991px) {
  .content-area.no-sidebar { padding-left: 0; padding-right: 0; }
}