/* untoldseasons.com 全站共用：品牌字体、颜色、按钮、订阅表单，以及 About/Contact 这类品牌页（.us-page）。
   由 mu-plugin us-site.php 在所有前台页面加载；首页另外再加载 home.css。 */

@font-face {
  font-family: "Fraunces";
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url(/brand/fonts/fraunces-latin.woff2) format("woff2");
}

:root {
  --us-ink: #1f3a2c;
  --us-cream: #faf8f2;
  --us-muted: #5b6b60;
  --us-serif: "Fraunces", Georgia, "Times New Roman", serif;
}

:is(.us-home,.us-page,.us-post) .us-btn {
  display: inline-flex; gap: .5em; align-items: center;
  background: #fff; color: var(--us-ink);
  padding: 15px 28px; border-radius: 999px;
  font-weight: 600; text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
:is(.us-home,.us-page,.us-post) .us-btn:hover { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0,0,0,.18); color: var(--us-ink) }
:is(.us-home,.us-page,.us-post) .us-btn--line { background: transparent; color: var(--us-ink); box-shadow: inset 0 0 0 1.5px var(--us-ink) }
:is(.us-home,.us-page,.us-post) .us-btn--line:hover { background: var(--us-ink); color: #fff }

/* ── 订阅表单（提交到 mu-plugin 的 /wp-json/us/v1/subscribe，逻辑在 site.js） ── */
:is(.us-home,.us-page,.us-post) .us-signup { margin-top: 28px; max-width: 32em }
:is(.us-home,.us-page,.us-post) .us-signup .us-signup__lede { font-size: 17px; margin-bottom: 14px }
:is(.us-home,.us-page,.us-post) .us-signup__row { display: flex; gap: 10px; flex-wrap: wrap }
:is(.us-home,.us-page,.us-post) .us-signup input[type=email] {
  flex: 1 1 220px; min-width: 0; box-sizing: border-box;
  padding: 14px 20px; border-radius: 999px; border: 1.5px solid #c9d0c4; background: #fff;
  font: inherit; font-size: 16px; color: var(--us-ink);
}
:is(.us-home,.us-page,.us-post) .us-signup input[type=email]:focus { outline: none; border-color: var(--us-ink) }
:is(.us-home,.us-page,.us-post) .us-signup .us-btn { border: 0; cursor: pointer; font: inherit; font-weight: 600; background: var(--us-ink); color: #fff }
:is(.us-home,.us-page,.us-post) .us-signup .us-btn:hover { color: #fff }
:is(.us-home,.us-page,.us-post) .us-signup .us-btn[disabled] { opacity: .6; cursor: default; transform: none }
:is(.us-home,.us-page,.us-post) .us-signup .us-signup__note { font-size: 14px; color: var(--us-muted); margin-top: 12px }
:is(.us-home,.us-page,.us-post) .us-signup .us-signup__note a { color: inherit }
:is(.us-home,.us-page,.us-post) .us-signup .us-signup__msg { font-size: 16px; font-weight: 600; margin-top: 10px }
:is(.us-home,.us-page,.us-post) .us-signup .us-signup__msg:empty { display: none }
:is(.us-home,.us-page,.us-post) .us-signup.is-done .us-signup__row, :is(.us-home,.us-page,.us-post) .us-signup.is-done .us-signup__lede { display: none }
.us-sr, .us-hp { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap }


/* ── 品牌页（About / Contact）：页面 meta 设了隐藏标题、全宽、无卡片、无上下留白，版面全由这里接管 ── */
.us-page {
  width: 100vw; margin-left: calc(50% - 50vw);
  background: var(--us-cream); color: var(--us-ink);
}
body .us-page h1, body .us-page h2 { color: inherit; font-family: var(--us-serif); font-weight: 600; letter-spacing: -0.01em; text-wrap: balance }
body .us-page p { margin: 0 0 1em }
body .us-page a { color: inherit }
.us-page .us-kicker { font-size: 13px; letter-spacing: 0.16em; text-transform: uppercase; font-weight: 600; color: var(--us-muted); margin-bottom: 14px }

/* 标题、正文、订阅区共用一条居中的文字栏（--us-col 宽），左右余量平均分。
   以前是左对齐 + 限宽，宽屏右侧空出一大片，看着像排版没排完 */
.us-page { --us-col: 760px; --us-gutter: max(6vw, calc((100% - var(--us-col)) / 2)) }
.us-page .us-page__head { padding: 14vh var(--us-gutter) 7vh }
.us-page .us-page__head h1 { font-size: clamp(40px, 6vw, 80px); line-height: 1.04; margin: 0 0 .35em }
.us-page .us-page__lede { font-size: clamp(19px, 1.8vw, 23px); line-height: 1.5 }

.us-page .us-page__img { display: block; width: 100%; aspect-ratio: 21 / 9; object-fit: cover }

.us-page .us-page__body { padding: 9vh var(--us-gutter) 4vh }
.us-page .us-page__body h2 { font-size: clamp(26px, 2.6vw, 34px); line-height: 1.15; margin: 1.6em 0 .55em }
.us-page .us-page__body h2:first-child { margin-top: 0 }
.us-page .us-page__body p, .us-page .us-page__body li { font-size: 18px; line-height: 1.7 }
.us-page .us-page__body ul { margin: 0 0 1em; padding-left: 1.2em }

.us-page .us-page__mail { font-family: var(--us-serif); font-size: clamp(26px, 4vw, 44px); font-weight: 600; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .15em; overflow-wrap: anywhere }

.us-page .us-page__signup { background: #eef1e8; padding: 9vh var(--us-gutter) }
.us-page .us-page__signup h2 { font-size: clamp(28px, 3vw, 40px); margin: 0 0 .3em }
.us-page .us-page__signup .us-signup { margin-top: 8px; max-width: none }

@media (max-width: 900px) {
  .us-page .us-page__head { padding: 64px 24px 40px }
  .us-page .us-page__img { aspect-ratio: 4 / 3 }
  .us-page .us-page__body { padding: 56px 24px 24px }
  .us-page .us-page__signup { padding: 56px 24px }
}

/* 标题下面直接接正文（Contact 页，没有大图隔开）时，两段留白叠起来太空 */
.us-page .us-page__head + .us-page__body { padding-top: 0 }
/* 页脚链接（Contact · Privacy）用品牌色，不用 Kadence 默认的蓝 */
.site-footer a { color: inherit; text-underline-offset: .15em }

/* ── Journal（body.us-post：文章页、列表页）：Kadence 已设为窄栏、无卡片、标题在正文里、特色图在标题下 ── */
/* Kadence 的内联样式在本文件之后输出（body.content-style-unboxed .site 用白底），这里要多一层类才压得住 */
body.us-post, html body.us-post .content-bg, html body.us-post.content-style-unboxed .site { background: var(--us-cream) }
body.us-post { color: var(--us-ink) }
body.us-post .entry-title, body.us-post .page-title, body.us-post .entry-content h2, body.us-post .entry-content h3, body.us-post .us-post-signup h2 {
  font-family: var(--us-serif); font-weight: 600; letter-spacing: -0.01em; color: var(--us-ink); text-wrap: balance;
}
body.us-post .page-title { font-size: clamp(40px, 6vw, 72px); line-height: 1.04 }
body.us-post.single .entry-title { font-size: clamp(36px, 5vw, 60px); line-height: 1.06 }
body.us-post .entry-meta, body.us-post .entry-taxonomies a { color: var(--us-muted) }
body.us-post .entry-content { font-size: 19px; line-height: 1.72 }
body.us-post .entry-content h2 { font-size: clamp(26px, 2.6vw, 32px); line-height: 1.2; margin: 1.8em 0 .5em }
body.us-post .entry-content a { color: inherit; text-underline-offset: .15em }
body.us-post .entry-content .us-standfirst { font-size: 23px; line-height: 1.5; margin-bottom: 1.4em }
body.us-post .entry-content li { margin-bottom: .45em }
body.us-post .post-thumbnail img { border-radius: 4px }

body.us-post .us-post-signup { margin: 3.5em 0 1em; padding: 36px 36px 30px; background: #eef1e8; border-radius: 6px }
body.us-post .us-post-signup h2 { font-size: 28px; margin: 0 0 .2em }
body.us-post .us-post-signup .us-signup { margin-top: 6px }
body.us-post .us-post-signup .us-signup__lede { font-size: 17px; line-height: 1.5 }
body.us-post .us-post-signup .us-signup__note { font-size: 14px; line-height: 1.5 }

/* 列表页卡片 */
body.us-post .loop-entry .entry-title { font-size: 26px; line-height: 1.15 }
body.us-post .loop-entry { background: transparent; box-shadow: none }
body.us-post .loop-entry .entry-summary { font-size: 17px; line-height: 1.6 }
@media (max-width: 600px) {
  body.us-post .entry-content { font-size: 18px }
  body.us-post .us-post-signup { padding: 28px 22px 24px }
}