/*
 Theme Name:  Newsup FDN Child
 Template:    newsup
 Version:     1.0.0
 Description: Newsup を「新聞の顔」に寄せる FDN 子テーマ（NYT風題字／FDN緑）
*/

:root{
  --fdn-deep: #1B5E20;
  --fdn-deep-2:#2E7D32;
  --fdn-ink:  #111;
  --fdn-gray: #666;
}

body{
  font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans JP", sans-serif;
  font-size: 18px; line-height: 1.7; color: var(--fdn-ink);
}

header#masthead, .top-header, .site-header, .header-main{
  background: var(--fdn-deep) !important;
  border-bottom: none !important;
  box-shadow: none !important;
}

.site-branding .site-title a,
.site-title a, .site-title{
  font-family: "Chomsky", "Playfair Display", serif !important;
  font-weight: 400 !important;
  letter-spacing: .5px;
  color:#fff !important;
  text-decoration:none !important;
  font-size: clamp(40px, 5.2vw, 64px) !important;
  line-height: 1.05;
  text-shadow: 0 1px 0 rgba(0,0,0,.22), 0 0 2px rgba(0,0,0,.28);
}

.site-description{
  color:#E6EFE8 !important;
  font-family:"Playfair Display", serif;
  font-weight:400;
  font-size: .95rem;
  opacity:.95;
}

.main-navigation, .navbar, .main-header{
  background:#000 !important;
}
.main-navigation a, .navbar a, .main-navigation ul li a{
  color:#fff !important;
  font-family:"Playfair Display", serif;
  font-weight:600;
  letter-spacing:.02em;
}
.main-navigation a:hover, .navbar a:hover{
  color:#C8E6C9 !important;
}

.breaking-news, .news-ticker, .ticker-block, .newsup-ticker{
  background: var(--fdn-deep) !important; color:#fff !important;
}
.breaking-news a, .news-ticker a{ color:#fff !important; }

h1, h2, h3, .entry-title, .widget-title{
  font-family:"Playfair Display", serif !important;
  letter-spacing:.2px;
}
h1{ font-size: clamp(28px, 3vw, 40px); line-height:1.2; }
h2{ font-size: clamp(22px, 2.4vw, 32px); }
h3{ font-size: clamp(20px, 2vw, 26px); }

.entry-title a{ color: var(--fdn-ink) !important; text-decoration:none; }
.entry-title a:hover{ text-decoration: underline; }

.post, .masonry-post, .grid-item{
  border-radius: 0;
}

.widget-title{
  color: var(--fdn-ink) !important;
  border-left:4px solid var(--fdn-deep) !important;
  padding-left:.6rem;
}

button, .btn, .search-submit, .widget .button{
  background: var(--fdn-deep-2) !important;
  border-color: var(--fdn-deep-2) !important;
  color:#fff !important;
}
button:hover, .btn:hover{ filter: brightness(1.06); }

.single .entry-content > p:first-of-type{
  font-size: 1.05em; color:#222;
}

.single .entry-content > p:first-of-type::first-letter{
  float:left; font-family:"Playfair Display", serif;
  font-size:3.2em; line-height:.9; padding:.05em .12em 0 0; color:#111;
}

.site-footer, .footer-widgets{
  background:#0f1216 !important; color:#E8F5E9 !important;
}
.site-footer a{ color:#fff !important; }


/* キャッチコピーは落ち着いた色に */
.cm-header-area .site-description,
.site-description {
  font-family: 'Playfair Display', serif !important;
  color: #444 !important;
}