/* Wans Chemicals — 全站共享样式（Tailwind CDN 之外的少量定制） */
html { scroll-behavior: smooth; }
body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }
html[lang="ja"] body { font-family: 'Noto Sans JP', 'Hiragino Sans', 'Meiryo', sans-serif; }
html[lang="ko"] body { font-family: 'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', sans-serif; }
html[lang="zh"] body { font-family: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif; }
html[lang="ar"] body { font-family: 'Noto Sans Arabic', 'Tahoma', sans-serif; }
html[lang="th"] body { font-family: 'Noto Sans Thai', 'Sukhumvit', sans-serif; }

.hero-bg {
  background: linear-gradient(rgba(13, 42, 20, .72), rgba(13, 42, 20, .55)), url('../assets/hero.jpg') center/cover no-repeat;
}
.section-band { background: #f2f0e9; }

.card-hover { transition: transform .25s ease, box-shadow .25s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 30px rgba(26, 95, 42, .15); }

.timeline-item { position: relative; padding-inline-start: 2.25rem; }
.timeline-item::before {
  content: ''; position: absolute; inset-inline-start: .55rem; top: .4rem;
  width: .8rem; height: .8rem; border-radius: 9999px;
  background: #c9a227; box-shadow: 0 0 0 4px rgba(201, 162, 39, .2);
}
.timeline-item::after {
  content: ''; position: absolute; inset-inline-start: .9rem; top: 1.4rem; bottom: -.6rem;
  width: 2px; background: #e3ddcb;
}
.timeline-item:last-child::after { display: none; }

.prose-table th { text-align: start; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: .65rem .8rem; border-bottom: 1px solid #e5e2d8; font-size: .92rem; }
thead th { background: #1a5f2a; color: #fff; white-space: nowrap; }
tbody tr:nth-child(even) { background: #f6f4ec; }
tbody tr:hover { background: #efe9d6; }

.lang-select {
  appearance: none; background: #fff; border: 1px solid #d6d2c4; border-radius: .5rem;
  padding: .35rem 2rem .35rem .7rem; font-size: .85rem; color: #2d2d2d; cursor: pointer;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236b7280' stroke-width='1.5' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat; background-position: right .6rem center;
}
html[dir="rtl"] .lang-select { background-position: left .6rem center; padding: .35rem .7rem .35rem 2rem; }

details.faq-item { border: 1px solid #e5e2d8; border-radius: .75rem; background: #fff; }
details.faq-item summary {
  cursor: pointer; padding: 1rem 1.25rem; font-weight: 600; color: #1a5f2a; list-style: none;
}
details.faq-item summary::-webkit-details-marker { display: none; }
details.faq-item summary::after { content: '+'; float: inline-end; color: #c9a227; font-size: 1.25rem; }
details.faq-item[open] summary::after { content: '−'; }
details.faq-item .faq-a { padding: 0 1.25rem 1.1rem; color: #4b5563; line-height: 1.7; }

input, select, textarea { background: #fff; }
.form-field { width: 100%; border: 1px solid #d6d2c4; border-radius: .5rem; padding: .6rem .8rem; font-size: .95rem; }
.form-field:focus { outline: 2px solid #1a5f2a55; border-color: #1a5f2a; }

@media (max-width: 768px) {
  .hero-bg { background-attachment: scroll; }
}

/* ---- In The Field 文章正文 ---- */
.article-body h2{font-size:1.5rem;font-weight:700;color:#1a5f2a;margin:2rem 0 .8rem}
.article-body p{margin-bottom:1rem;line-height:1.8}
.article-body ul{list-style:disc;padding-inline-start:1.5rem;margin-bottom:1rem;line-height:1.8}
.article-body em{font-style:italic}
.article-body strong{font-weight:600}