:root {
  --ink: #282522;
  --muted: #716c64;
  --green: #78342f;
  --green-dark: #5f2825;
  --lime: #dfbd78;
  --line: #d9d3ca;
  --paper: #faf9f6;
  --soft: #f0eee8;
  --red: #78342f;
  --coral: #b77760;
}

* { letter-spacing: 0 !important; }
body { background: var(--paper); }
.site-header { background: #faf9f6; border-bottom: 2px solid var(--ink); }
.brand strong, h1, h2, h3 { font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", Georgia, serif; }
.brand strong { font-size: 23px; }
.brand small { color: var(--muted); font-family: "Microsoft YaHei", sans-serif; }
.main-nav { gap: 25px; }
.main-nav > a:after { height: 3px; background: var(--green); }
.main-nav > a[aria-current] { color: var(--green); }
.button { border-radius: 3px; }
.primary { background: var(--green); }
.primary:hover { background: var(--green-dark); }
.lime { color: var(--ink); background: var(--lime); }
.icon-button { border-radius: 3px; }
.notice { color: var(--ink); background: #e9e0cf; border-bottom: 1px solid var(--line); }
.hero { background: #282522; }
.hero-photo { opacity: .62; }
.hero-shade { background: rgba(24, 20, 19, .68); }
.hero-kicker { color: #f0e7d7; }
.status-dot { background: var(--lime); }
.hero h1 { font-size: 82px; }
.hero-line { font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", Georgia, serif; }
.hero-description { color: #f0ece6; }
.hero-meta { color: #e0d9ce; }
.hero-scroll { color: var(--lime); border-radius: 3px; }
.device-band { background: #f0eee8; border-color: var(--line); }
.device-types .lucide { color: var(--green); }
.eyebrow { color: var(--green); font-family: Georgia, serif; font-weight: 700; }
.section-heading h2, .page-heading h1 { font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", Georgia, serif; }
.showcase { border-color: #c9c0b2; border-radius: 3px; background: #e8e3da; }
.showcase-toolbar, .showcase-caption { background: #faf9f6; }
.showcase-toolbar { border-bottom: 1px solid var(--line); }
.view-tabs button[aria-selected=true] { color: var(--green); border-color: var(--green); }
.screenshot-button { background: #201f1d; }
.showcase-caption { border-color: var(--line); }
.showcase-caption .capture-label { color: #8a8175; font-family: Georgia, serif; }
.feature-section { background: #eeece5; }
.feature-grid { border-color: #cec7bb; }
.feature + .feature { border-color: #cec7bb; }
.feature-top > .lucide { color: var(--green); }
.feature-top > span, .steps span { color: #8a6b3f; }
.start-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.site-footer { background: #282522; color: #f0ece6; }
.site-footer .brand small, .footer-slogan, .footer-credit span { color: #c7bfb3; }
.footer-bottom { border-color: #514b44; color: #c7bfb3; }
.footer-policy { color: #c7bfb3; }
.page-heading { border-bottom: 1px solid var(--line); }
.page-heading .eyebrow { color: var(--green); }
.download-main { border-color: var(--line); }
.tag { color: var(--green); background: #eee4d7; border-radius: 2px; }
.prose a, .feedback-form > .small a { color: var(--green); }
.download-aside { border-color: var(--line); }
.steps article { border-color: var(--line); }
.steps span { font-family: Georgia, serif; }
.segments { border-color: #cfc8bd; background: #eeece5; }
.segments > button, .segments > a { color: var(--muted); }
.segments > .active { color: #fff; background: var(--green); }
.search-box { border-color: #cfc8bd; background: #fff; }
.platform-row { border-color: var(--line); }
.platform-symbol { color: var(--green); background: #eee4d7; border-radius: 3px; }
.platform-row code { color: #6e5336; background: #eee9e0; }
.info-band { color: var(--ink); background: #eee9e0; border-left-color: var(--green); }
.help-categories button.active { color: var(--green); border-color: var(--green); }
.faq { border-color: var(--line); }
.faq summary > .lucide { color: var(--green); }
.update-entry { border-color: var(--line); }
.update-marker { background: var(--green); box-shadow: 0 0 0 5px var(--paper), 0 0 0 6px var(--green); }
.feedback-form { border-color: var(--line); }
.feedback-aside { background: #eeece5; border-color: var(--line); }
.feedback-aside > .lucide { color: var(--green); }
input:not([type=checkbox]), textarea, select { border-color: #cfc8bd; border-radius: 3px; background: #fff; }
input:focus, textarea:focus, select:focus { border-color: var(--green); }
.message { border-radius: 3px; }
.lightbox { background: rgba(24, 22, 20, .96); }

@media (max-width: 860px) {
  .site-header { border-bottom-width: 1px; }
  .hero h1 { font-size: 65px; }
}

@media (max-width: 600px) {
  .hero h1 { font-size: 56px; }
  .hero-photo { opacity: .45; }
  .hero-shade { background: rgba(24, 20, 19, .72); }
  .section-heading h2 { font-family: "Noto Serif CJK SC", "Songti SC", "SimSun", Georgia, serif; }
}