@import url('https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&family=Noto+Sans:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;500;600;700;900&family=Source+Serif+4:opsz,wght@8..60,400;8..60,500;8..60,600;8..60,700&display=swap');

:root {
  --ink: #181713;
  --paper: #f4f0e4;
  --paper-deep: #e8e0cf;
  --cinnabar: #a53a2b;
  --mineral-blue: #304b5f;
  --mineral-green: #3e6354;
  --glaze-gold: #a98d58;
  --rule: rgba(24, 23, 19, 0.24);
  --display: "Newsreader", "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  --serif: "Source Serif 4", "Noto Serif SC", "Source Han Serif SC", "Songti SC", SimSun, serif;
  --han-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, SimSun, serif;
  --sans: "Noto Sans", "Noto Sans SC", "Source Han Sans SC", system-ui, -apple-system, "Segoe UI", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--sans);
  line-height: 1.65;
}

:lang(zh) { font-family: var(--han-serif); }
a { color: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid var(--glaze-gold); outline-offset: 4px; }
.skip-link { position: fixed; top: -5rem; left: 1rem; z-index: 20; background: var(--ink); color: white; padding: .6rem 1rem; }
.skip-link:focus { top: 1rem; }

.site-header {
  min-height: 82px;
  padding: 1rem clamp(1.25rem, 5vw, 5rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--rule);
}
.brand { display: flex; align-items: center; gap: .75rem; text-decoration: none; }
.brand strong { display: block; font: 650 1.16rem/1.05 var(--display); letter-spacing: -.015em; }
.brand small { display: block; margin-top: .25rem; letter-spacing: .18em; color: #665f53; }
.brand-mark { width: 54px; height: 54px; display: block; flex: 0 0 54px; }
.brand-seal {
  background: url("assets/logo-dragon-wall-transparent.png") center / contain no-repeat;
}
.primary-nav { display: flex; align-items: center; gap: clamp(1rem, 2.6vw, 2.2rem); }
.primary-nav a { text-decoration: none; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.primary-nav a:hover { color: var(--cinnabar); }
.menu-button { display: none; font: inherit; border: 1px solid var(--ink); background: transparent; padding: .5rem .8rem; }

.hero {
  min-height: 690px;
  padding: clamp(4rem, 9vw, 8rem) clamp(1.25rem, 8vw, 8rem);
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, .7fr);
  gap: clamp(3rem, 8vw, 9rem);
  align-items: center;
  position: relative;
  overflow: hidden;
}
.hero::after {
  content: ""; position: absolute; width: 48vw; height: 48vw; max-width: 720px; max-height: 720px;
  right: -20vw; top: -22vw; border: 1px solid rgba(165,58,43,.18); transform: rotate(45deg);
  box-shadow: 0 0 0 70px rgba(165,58,43,.025), 0 0 0 140px rgba(48,75,95,.025);
  pointer-events: none;
}
.eyebrow { margin: 0 0 1rem; color: var(--cinnabar); font-size: .73rem; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.hero h1 { max-width: 860px; margin: 0; font: 550 clamp(3.2rem, 7vw, 7.6rem)/.94 var(--display); letter-spacing: -.045em; }
.hero h1 em { color: var(--cinnabar); font-weight: 400; }
.hero-intro { max-width: 710px; margin: 2.5rem 0 2rem; font-size: clamp(1rem, 1.4vw, 1.22rem); color: #4c483f; }
.text-link { display: inline-flex; gap: .8rem; align-items: center; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: .2rem; font-weight: 700; }
.hero-categories {
  display: grid;
  grid-template-columns: repeat(2, minmax(155px, 1fr));
  border: 1px solid var(--ink);
  align-self: stretch;
  min-height: 390px;
}
.hero-category {
  --category: var(--cinnabar);
  padding: clamp(1.25rem, 2.2vw, 2rem);
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  text-decoration: none;
  border-right: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  transition: color .18s ease, background .18s ease;
}
.hero-category:nth-child(2n) { border-right: 0; }
.hero-category:nth-child(n+3) { border-bottom: 0; }
.hero-category::before { content: ""; position: absolute; inset: 0 0 auto; height: 7px; background: var(--category); }
.hero-category > span { margin-bottom: auto; color: var(--category); font: 500 clamp(2.8rem, 5vw, 4.8rem)/1 var(--serif); }
.hero-category strong { font: 600 clamp(1.1rem, 1.7vw, 1.55rem)/1.08 var(--serif); }
.hero-category small { margin-top: .7rem; color: #6a6357; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; }
.hero-category:hover { color: var(--paper); background: var(--ink); }
.hero-category:hover small { color: #cfc6b6; }
.category-red { --category: var(--cinnabar); }
.category-gold { --category: var(--glaze-gold); }
.category-blue { --category: var(--mineral-blue); }
.category-green { --category: var(--mineral-green); }

.windows-section, .featured, .method { padding: clamp(4rem, 8vw, 8rem) clamp(1.25rem, 5vw, 5rem); border-top: 1px solid var(--rule); }
.section-heading { display: grid; grid-template-columns: .7fr 1.3fr; gap: 3rem; margin-bottom: 3.2rem; align-items: end; }
.section-heading h2, .method h2 { margin: 0; font: 550 clamp(2.3rem, 5vw, 5.2rem)/.98 var(--display); letter-spacing: -.035em; }
.knowledge-windows { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--ink); }
.knowledge-window { min-height: 500px; padding: clamp(1.6rem, 2.4vw, 2.6rem); display: flex; flex-direction: column; border-right: 1px solid var(--ink); position: relative; }
.knowledge-window:last-child { border-right: 0; }
.knowledge-window::before { content: ""; height: 8px; position: absolute; inset: 0 0 auto; background: var(--accent); }
.window-red { --accent: var(--cinnabar); }
.window-gold { --accent: var(--glaze-gold); }
.window-blue { --accent: var(--mineral-blue); }
.window-green { --accent: var(--mineral-green); }
.window-kicker { margin: .8rem 0 3rem; color: var(--accent); font-size: .75rem; letter-spacing: .13em; text-transform: uppercase; }
.knowledge-window h3 { min-height: 4.7rem; margin: 0 0 1.2rem; font: 600 clamp(1.5rem, 2.2vw, 2.3rem)/1.05 var(--serif); }
.knowledge-window p { color: #4b473f; }
.knowledge-window ul { padding: 0; margin: 1.3rem 0 2rem; list-style: none; border-top: 1px solid var(--rule); }
.knowledge-window li { padding: .55rem 0; border-bottom: 1px solid var(--rule); font-size: .88rem; }
.knowledge-window a { margin-top: auto; color: var(--accent); font-weight: 700; text-decoration: none; }

.featured { background: var(--ink); color: var(--paper); }
.section-heading.compact { grid-template-columns: 1fr 1fr; }
.featured .eyebrow { color: #c3ad82; }
.article-list { border-top: 1px solid rgba(244,240,228,.35); }
.article-row { min-height: 118px; display: grid; grid-template-columns: 90px 1fr auto; gap: 1.5rem; align-items: center; border-bottom: 1px solid rgba(244,240,228,.25); text-decoration: none; transition: padding .2s ease, background .2s ease; }
.article-row:hover { padding-inline: 1rem; background: rgba(244,240,228,.05); }
.article-symbol { color: #c3ad82; font: 500 2.7rem var(--serif); }
.article-copy strong { display: block; font: 500 clamp(1.12rem, 2vw, 1.65rem) var(--serif); }
.article-copy small { display: block; margin-top: .3rem; color: #bdb5a8; }
.prototype-note { margin: 1.4rem 0 0; color: #bdb5a8; font-size: .78rem; }

.method { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(3rem, 9vw, 10rem); }
.method-copy { max-width: 760px; font-size: clamp(1rem, 1.4vw, 1.18rem); }
.method-copy p:first-child { margin-top: 0; }
.method-copy .text-link { margin-top: 1rem; }

.site-footer { padding: 3rem clamp(1.25rem, 5vw, 5rem); display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: start; border-top: 1px solid var(--rule); font-size: .82rem; }
.footer-brand strong, .footer-brand span { display: block; }
.footer-brand strong { font: 600 1.2rem var(--serif); }
.footer-brand span { margin-top: .4rem; color: #625c50; }
.site-footer nav { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.site-footer nav a { text-decoration: none; }
.site-footer > p { grid-column: 1 / -1; margin: 1rem 0 0; color: #756d60; }

@media (max-width: 1050px) {
  .primary-nav { display: none; position: absolute; z-index: 10; inset: 82px 0 auto; padding: 1.5rem; background: var(--paper); border-bottom: 1px solid var(--ink); flex-direction: column; align-items: flex-start; }
  .primary-nav.open { display: flex; }
  .menu-button { display: block; }
  .hero { grid-template-columns: 1fr; min-height: auto; }
  .hero-categories { width: 100%; min-height: 340px; }
  .knowledge-windows { grid-template-columns: repeat(2, 1fr); }
  .knowledge-window:nth-child(2) { border-right: 0; }
  .knowledge-window:nth-child(-n+2) { border-bottom: 1px solid var(--ink); }
}

@media (max-width: 650px) {
  .hero { padding-top: 4rem; }
  .hero h1 { font-size: clamp(3rem, 15vw, 5rem); }
  .section-heading, .section-heading.compact, .method { grid-template-columns: 1fr; gap: 1rem; }
  .knowledge-windows { grid-template-columns: 1fr; }
  .knowledge-window { min-height: 430px; border-right: 0; border-bottom: 1px solid var(--ink); }
  .knowledge-window:last-child { border-bottom: 0; }
  .article-row { grid-template-columns: 54px 1fr auto; gap: .75rem; }
  .site-footer { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { transition-duration: .01ms !important; }
}

.article-page{max-width:1240px;margin:auto;padding:2rem clamp(1.25rem,5vw,5rem) 7rem}.breadcrumb{display:flex;gap:.65rem;margin:1rem 0 3rem;color:#696256;font-size:.82rem}.breadcrumb a{text-decoration:none;border-bottom:1px solid var(--rule)}.article-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(3rem,8vw,8rem);align-items:center;padding-bottom:4rem;border-bottom:1px solid var(--ink)}.article-hero h1{margin:0;font:500 clamp(3rem,6vw,6.4rem)/.98 var(--serif);letter-spacing:-.045em}.article-dek{margin:2rem 0 1rem;color:#4c483f;font-size:clamp(1.05rem,1.5vw,1.3rem)}.article-date{color:#746c5f;font-size:.78rem;text-transform:uppercase;letter-spacing:.1em}.bat-rebus{min-height:390px;display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;text-align:center;color:var(--paper);background:var(--cinnabar);padding:2rem;border:1px solid var(--ink)}.bat-rebus strong{display:block;font:500 clamp(3.8rem,7vw,6.5rem)/1 var(--serif)}.bat-rebus small{display:block;margin-top:.5rem;text-transform:uppercase;letter-spacing:.12em}.article-body{max-width:760px;margin:4rem auto 0;font:1.12rem/1.8 var(--serif)}.article-body h2{margin:3.5rem 0 1rem;font:600 clamp(1.8rem,3vw,2.7rem)/1.15 var(--serif)}.article-body em{color:var(--cinnabar)}.article-callout{margin:3rem 0;padding:1.6rem 2rem;border-left:7px solid var(--cinnabar);background:var(--paper-deep);font-family:var(--sans)}.article-callout strong,.article-callout span{display:block}.article-sources{margin-top:4rem;padding-top:1rem;border-top:1px solid var(--ink);font-family:var(--sans);font-size:.9rem}.article-sources li{margin:.65rem 0}@media(max-width:800px){.article-hero{grid-template-columns:1fr}.bat-rebus{min-height:280px}.article-body{font-size:1.04rem}}

/* Knowledge portal */
.portal-home{background:#f6f7f3}.utility-bar{padding:.45rem clamp(1.25rem,4vw,4rem);display:flex;justify-content:space-between;background:#183f3a;color:#fff;font-size:.72rem}.utility-bar a{color:#fff}.portal-header{min-height:88px;padding:1rem clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #cdd2ca;position:sticky;top:0;z-index:12}.portal-intro{padding:clamp(3.5rem,7vw,6.5rem) clamp(1.25rem,6vw,7rem);display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,8vw,9rem);align-items:end;background:#e9efe9;border-bottom:1px solid #aeb9af}.intro-copy h1{margin:0;font:650 clamp(3.4rem,7vw,7rem)/.94 var(--serif);letter-spacing:-.05em}.intro-copy>p:last-child{max-width:670px;margin:2rem 0 0;font-size:1.13rem;color:#40504a}.portal-search{padding:2rem;background:#fff;border:1px solid #1f2925}.portal-search label{display:block;margin-bottom:.75rem;font-weight:750}.portal-search>div{display:grid;grid-template-columns:1fr auto}.portal-search input{min-width:0;padding:1rem;border:1px solid #7b8981;border-right:0;font:inherit}.portal-search button{padding:0 1.5rem;border:0;background:#183f3a;color:#fff;font-weight:750}.portal-search p{margin:1rem 0 0;font-size:.78rem;color:#5d6862}.portal-section{padding:clamp(4rem,7vw,7rem) clamp(1.25rem,4vw,4rem);border-bottom:1px solid #c8cec8}.section-title{display:grid;grid-template-columns:minmax(180px,.55fr) 1.45fr;gap:3rem;margin-bottom:2.8rem;align-items:end}.section-title h2,.method-strip h2{margin:0;font:600 clamp(2.3rem,4.5vw,4.6rem)/1 var(--serif);letter-spacing:-.035em}.portal-categories{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border:1px solid #202823}.portal-category{--accent:#9e372b;min-height:400px;padding:1.7rem;display:flex;flex-direction:column;text-decoration:none;border-right:1px solid #202823;position:relative}.portal-category:last-child{border-right:0}.portal-category:before{content:"";position:absolute;inset:0 0 auto;height:7px;background:var(--accent)}.portal-category.red{--accent:#9e372b}.portal-category.gold{--accent:#927329}.portal-category.blue{--accent:#315a71}.portal-category.green{--accent:#31624e}.portal-category .han{margin:.8rem 0 auto;color:var(--accent);font:500 4.5rem/1 var(--serif)}.portal-category small{text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.portal-category h3{margin:.65rem 0;font:600 clamp(1.45rem,2vw,2.1rem)/1.08 var(--serif)}.portal-category p{color:#55605a}.portal-category b{margin-top:1rem;color:var(--accent)}.question-section{background:#fff}.question-grid{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid #202823}.lead-question{display:grid;grid-template-columns:.5fr 1.5fr;gap:2rem;min-height:460px;padding:2.5rem;text-decoration:none;background:#183f3a;color:white}.question-mark{font:500 clamp(6rem,12vw,12rem)/.8 var(--serif);color:#d8b86b}.lead-question>div{align-self:end}.lead-question h3{margin:.7rem 0;font:600 clamp(2rem,3vw,3.3rem)/1.06 var(--serif)}.lead-question small,.lead-question p{color:#cfdbd6}.question-list{display:grid;grid-template-columns:1fr 1fr}.question-list article{min-height:230px;padding:1.7rem;border-left:1px solid #202823;border-bottom:1px solid #202823}.question-list article:nth-child(n+3){border-bottom:0}.question-list small,.question-list span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#647068}.question-list h3{font:600 1.45rem/1.15 var(--serif)}.index-section{background:#edf0ea}.glyph-index{display:grid;grid-template-columns:repeat(8,1fr);border:1px solid #202823;background:#fff}.glyph-index>a,.glyph-index>div{min-height:200px;padding:1rem;display:flex;flex-direction:column;text-decoration:none;border-right:1px solid #202823}.glyph-index>*:last-child{border-right:0}.glyph-index span{font:500 3.4rem/1 var(--serif);color:#9e372b}.glyph-index strong{margin-top:auto}.glyph-index small{color:#69726c}.method-strip{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,9vw,10rem);background:#fff}.method-strip>div:last-child{max-width:760px;font-size:1.12rem}.method-strip a{font-weight:750}.portal-home .site-footer{background:#183f3a;color:#fff}.portal-home .footer-brand span,.portal-home .site-footer>p{color:#c6d3cd}
@media(max-width:1050px){.portal-categories{grid-template-columns:1fr 1fr}.portal-category:nth-child(2){border-right:0}.portal-category:nth-child(-n+2){border-bottom:1px solid #202823}.glyph-index{grid-template-columns:repeat(4,1fr)}.question-grid{grid-template-columns:1fr}}
@media(max-width:700px){.utility-bar{display:none}.portal-header{position:relative}.portal-intro,.section-title,.method-strip{grid-template-columns:1fr}.portal-search>div{grid-template-columns:1fr}.portal-search input{border-right:1px solid #7b8981}.portal-search button{padding:1rem}.portal-categories,.question-list{grid-template-columns:1fr}.portal-category{min-height:330px;border-right:0;border-bottom:1px solid #202823}.lead-question{grid-template-columns:1fr;min-height:420px}.question-list article{border-left:0}.glyph-index{grid-template-columns:1fr 1fr}}
.search-results{display:block!important}.search-results ul{margin:.75rem 0 0;padding:0;list-style:none}.search-results li{padding:.45rem 0;border-top:1px solid #d7ddd7}.search-results a{font-weight:750}

/* Typography identity: contemporary eastern reference library */
.intro-copy h1,.section-title h2,.method-strip h2,.article-hero h1,.article-body h2,.lead-question h3,.question-list h3,.portal-category h3{font-family:var(--display)}
.portal-category .han,.glyph-index span,.question-mark,.bat-rebus strong{font-family:var(--han-serif);font-style:normal}
.article-body{font-family:var(--serif);font-optical-sizing:auto}
.article-body :lang(zh),.bat-rebus :lang(zh){font-family:var(--han-serif)}
.article-figure{width:100%;margin:3rem 0}.article-figure img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-figure figcaption{margin-top:.7rem;color:#6b6459;font:400 .78rem/1.55 var(--sans)}

/* Unified portal shell: stable across home, collections and articles */
.site-shell{background:#f6f7f3}
.portal-header,.site-header{height:88px;min-height:88px;padding:1rem clamp(1.25rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #cdd2ca;position:sticky;top:0;z-index:12}
.site-shell .article-page{background:#f6f7f3}
.unified-footer{background:#183f3a;color:#fff}.unified-footer .footer-brand span,.unified-footer>p{color:#c6d3cd}
.article-hero-with-image{grid-template-columns:1fr}.article-hero-with-image>div:first-child{max-width:980px}.article-hero-illustration{width:100%;max-width:760px;margin:1rem auto 0}.article-hero-illustration img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.article-hero-illustration figcaption{margin-top:.7rem;color:#6b6459;font:400 .78rem/1.55 var(--sans)}
.article-hero-with-card{grid-template-columns:1fr;gap:2rem}.article-hero-with-card>div:first-child{max-width:980px}.painted-rebus-card{width:100%;max-width:760px;min-height:0;aspect-ratio:16/9;margin:0 auto;background-color:#a83b2d;background-image:url("chinese-auspicious-patterns/how-chinese-rebus-symbols-work/sc001-rebus-card-cinnabar-texture-v1.png");background-position:center;background-size:cover;border:1px solid rgba(24,23,19,.55);box-shadow:inset 0 0 0 1px rgba(255,248,232,.08)}.painted-rebus-card strong,.painted-rebus-card small,.painted-rebus-card b{color:#fff7e8;text-shadow:0 1px 0 rgba(70,22,15,.22);background-image:url("chinese-auspicious-patterns/how-chinese-rebus-symbols-work/sc001-rebus-card-ivory-type-texture-v1.png");background-size:560px auto;background-position:center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.painted-rebus-card b{font:500 2rem/1 var(--han-serif)}

/* Article typography tuning */
.article-hero h1{line-height:1.06;letter-spacing:-.025em}
.article-sources{font-size:.78rem;line-height:1.62}
.article-sources h2{margin:2.6rem 0 1.1rem;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.15;letter-spacing:-.012em}
.article-sources ol{padding-left:1.45rem}
.article-sources li{margin:.48rem 0}

/* Warm painted type on the cinnabar rebus card */
.painted-rebus-card strong,.painted-rebus-card b{background-image:linear-gradient(rgba(250,232,194,.76),rgba(245,220,170,.72)),url("chinese-auspicious-patterns/how-chinese-rebus-symbols-work/sc001-rebus-card-ivory-type-texture-v1.png");background-blend-mode:screen;text-shadow:0 1px 0 rgba(65,20,13,.14)}
.painted-rebus-card small{background-image:linear-gradient(rgba(241,211,158,.72),rgba(235,198,135,.68)),url("chinese-auspicious-patterns/how-chinese-rebus-symbols-work/sc001-rebus-card-ivory-type-texture-v1.png");background-blend-mode:screen;text-shadow:0 1px 0 rgba(65,20,13,.12)}
.eyebrow,.portal-category small,.question-list small,.question-list span,.article-date,.bat-rebus small,.window-kicker{font-family:var(--sans);font-weight:600;letter-spacing:.13em}
.intro-copy h1{font-weight:600;line-height:.9}
.article-hero h1{font-weight:600;line-height:.94}
.section-title h2,.method-strip h2{font-weight:600;line-height:.96}
.portal-category .han{font-weight:700}
.glyph-index span{font-weight:700}
.bat-rebus strong{font-weight:700}

/* Collection hubs and reference entries */
.hub-page{max-width:1440px;margin:auto;padding:2rem clamp(1.25rem,4vw,4rem) 7rem}.hub-hero{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:4rem;align-items:end;padding:2rem 0 4rem;border-bottom:1px solid #202823}.hub-hero h1{max-width:900px;margin:0;font:600 clamp(3.5rem,7vw,7.2rem)/.92 var(--display);letter-spacing:-.04em}.hub-hero p:last-child{max-width:760px;margin:2rem 0 0;font-size:1.18rem;color:#4d5953}.hub-glyph{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#183f3a;color:#fff}.hub-glyph span{font:700 7rem/1 var(--han-serif)}.hub-glyph small{margin-top:1rem;letter-spacing:.12em;text-transform:uppercase}.hub-filter{display:flex;gap:2.2rem;position:sticky;top:88px;z-index:8;padding:1rem 0;background:#f6f7f3;border-bottom:1px solid #aeb9af}.hub-filter a{text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.hub-section{padding:5rem 0;border-bottom:1px solid #aeb9af}.hub-section-heading{display:grid;grid-template-columns:.55fr 1.45fr;gap:3rem;margin-bottom:2.5rem}.hub-section-heading h2{margin:0;font:600 clamp(2.4rem,4.5vw,4.8rem)/.96 var(--display);letter-spacing:-.03em}.hub-feature{display:grid;grid-template-columns:.8fr 1.2fr;min-height:400px;text-decoration:none;border:1px solid #202823;background:#fff}.hub-feature-glyph{display:flex;align-items:center;justify-content:center;gap:1rem;background:#a83b2d;color:#f6dfb5}.hub-feature-glyph span{font:700 clamp(4rem,8vw,8rem)/1 var(--han-serif)}.hub-feature-glyph b{font-size:2rem}.hub-feature>div:last-child{align-self:end;padding:clamp(2rem,4vw,4rem)}.hub-feature small{color:#68746d;text-transform:uppercase;letter-spacing:.12em}.hub-feature h3{margin:.7rem 0;font:600 clamp(2rem,3.8vw,4rem)/1 var(--display)}.hub-feature p{max-width:620px;color:#515b55}.motif-grid{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid #202823;background:#fff}.motif-grid>a,.motif-grid>div{min-height:230px;padding:1.25rem;display:flex;flex-direction:column;text-decoration:none;border-right:1px solid #202823}.motif-grid>*:last-child{border-right:0}.motif-grid span{font:700 4rem/1 var(--han-serif);color:#a83b2d}.motif-grid strong{margin-top:auto}.motif-grid small{color:#69726c}.hub-paths>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #202823}.hub-paths article{min-height:280px;padding:2rem;border-right:1px solid #202823;background:#e9efe9}.hub-paths article:last-child{border-right:0}.hub-paths h3{font:600 2rem/1.05 var(--display)}.hub-paths small,.hub-paths span{font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;color:#52645c}.entry-list{border-top:1px solid #202823}.entry-list a{display:grid;grid-template-columns:150px minmax(260px,1fr) minmax(260px,.8fr) 30px;gap:2rem;align-items:center;min-height:100px;text-decoration:none;border-bottom:1px solid #202823}.entry-list span,.entry-list small{color:#626d67}.entry-list strong{font:600 1.35rem var(--display)}
.entry-facts{display:grid;grid-template-columns:repeat(4,1fr);max-width:1080px;margin:2rem auto 0;border:1px solid #202823;background:#fff}.entry-facts>div{min-height:132px;padding:1.25rem;border-right:1px solid #c8cec9}.entry-facts>div:last-child{border-right:0}.entry-facts small,.entry-facts strong,.entry-facts span{display:block}.entry-facts small{margin-bottom:.65rem;color:#68736d;font-size:.68rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.entry-facts strong{font:600 1rem/1.35 var(--display)}.entry-facts span{margin-top:.3rem;color:#68736d;font-size:.78rem}.related-panel{margin:5rem calc(50% - 50vw);padding:4rem max(1.25rem,calc((100vw - 1080px)/2));background:#e9efe9;font-family:var(--sans)}.related-panel h2{margin:.3rem 0 2rem}.related-panel>div{display:grid;grid-template-columns:1fr 1fr;border:1px solid #202823;background:#fff}.related-panel a{min-height:170px;padding:1.5rem;display:grid;grid-template-columns:80px 1fr;text-decoration:none;border-right:1px solid #202823}.related-panel a:last-child{border-right:0}.related-panel span{grid-row:1/3;font:700 3.8rem/1 var(--han-serif);color:#a83b2d}.related-panel strong,.related-panel small{display:block}.related-panel small{color:#68736d}
@media(max-width:950px){.hub-hero{grid-template-columns:1fr}.hub-glyph{width:180px}.motif-grid{grid-template-columns:repeat(3,1fr)}.motif-grid>*{border-bottom:1px solid #202823}.entry-facts{grid-template-columns:1fr 1fr}.entry-facts>div:nth-child(2){border-right:0}.entry-facts>div:nth-child(-n+2){border-bottom:1px solid #c8cec9}}
@media(max-width:700px){.hub-filter{top:0;overflow:auto;white-space:nowrap}.hub-section-heading,.hub-feature{grid-template-columns:1fr}.hub-feature-glyph{min-height:260px}.motif-grid{grid-template-columns:1fr 1fr}.hub-paths>div:last-child{grid-template-columns:1fr}.hub-paths article{border-right:0;border-bottom:1px solid #202823}.entry-list a{grid-template-columns:1fr 24px;gap:.35rem;padding:1rem 0}.entry-list a span,.entry-list a small{grid-column:1}.entry-list a b{grid-column:2;grid-row:1/4}.entry-facts{grid-template-columns:1fr}.entry-facts>div{border-right:0;border-bottom:1px solid #c8cec9}.related-panel>div{grid-template-columns:1fr}.related-panel a{border-right:0;border-bottom:1px solid #202823}}

.hub-feature-image{min-width:0;margin:0;overflow:hidden;background:#e9e0cf}.hub-feature-image img{display:block;width:100%;height:100%;min-height:400px;object-fit:cover}@media(max-width:700px){.hub-feature-image img{min-height:0;aspect-ratio:16/9}}

/* Compact entry facts: reference strip, not a second hero */
.entry-facts{max-width:1080px;margin:1.25rem auto 0}.entry-facts>div{min-height:0;padding:.8rem 1rem}.entry-facts small{margin-bottom:.28rem;font-size:.61rem}.entry-facts strong{font-size:.88rem;line-height:1.25}.entry-facts span{margin-top:.15rem;font-size:.72rem}

/* Quiet article-end navigation: supporting links, not a second feature block */
.related-panel{margin:3.5rem 0 0;padding:1.6rem 0 0;background:transparent;font-family:var(--sans);border-top:1px solid #aeb9af}
.related-panel .eyebrow{margin:0 0 .35rem;font-size:.62rem;letter-spacing:.14em}
.related-panel h2{margin:0 0 .85rem;font:600 clamp(1.25rem,2vw,1.6rem)/1.2 var(--display)}
.related-panel>div{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,4vw,3.5rem);border:0;background:transparent}
.related-panel a{position:relative;min-height:0;padding:.8rem 2rem .8rem 0;display:block;text-decoration:none;border:0;border-top:1px solid #d2d8d3}
.related-panel a:last-child{border:0;border-top:1px solid #d2d8d3}
.related-panel a::after{content:'→';position:absolute;top:.75rem;right:.15rem;color:#8f372d;font-size:.9rem;transition:transform .18s ease}
.related-panel a:hover::after{transform:translateX(.2rem)}
.related-panel span{display:none}
.related-panel strong{display:block;font:600 1rem/1.35 var(--display)}
.related-panel small{display:block;margin-top:.2rem;color:#68736d;font-size:.76rem;line-height:1.4}
@media(max-width:700px){.related-panel>div{grid-template-columns:1fr;gap:.25rem}.related-panel a,.related-panel a:last-child{border-top:1px solid #d2d8d3;border-bottom:0}}

/* Collection covers use real editorial artwork, never vocabulary cards */
.collection-cover{width:100%;margin:0;overflow:hidden;background:#e9efe9}
.collection-cover img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
@media(max-width:800px){.collection-cover{max-width:760px}}

/* Shared collection hubs */
.collection-hub{max-width:1240px;margin:auto;padding:1rem clamp(1.25rem,5vw,5rem) 7rem}
.collection-hub>.breadcrumb{margin:1rem 0 .8rem}
.collection-breadcrumb{align-items:baseline}
.collection-breadcrumb h1{margin:0;font:600 clamp(2.2rem,3.6vw,3.6rem)/1 var(--display);letter-spacing:-.025em}
.collection-section{padding:0}
.collection-index-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;padding:.6rem 0 1rem;border-bottom:1px solid #aeb9af}
.collection-index-head .collection-intro{max-width:760px;margin:.7rem 0 0;color:#4d5953;font-size:1rem}
.collection-count{flex:0 0 auto;margin:0;color:#68746d;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}
.collection-section-head{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem}
.collection-section-head h2{margin:.25rem 0 0;font:600 clamp(2.2rem,4vw,3.8rem)/1 var(--display);letter-spacing:-.025em}
.collection-section-head p:last-child{max-width:460px;margin:0;color:#5c6761}
.collection-feature{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);min-height:340px;color:inherit;text-decoration:none;border:1px solid #aeb9af;background:#fff}
.collection-feature figure{margin:0;overflow:hidden;background:#e9efe9}
.collection-feature img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover}
.collection-feature>div{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.6rem,4vw,3.2rem)}
.collection-feature small,.collection-card small{color:#6a746f;font-size:.72rem;letter-spacing:.09em;text-transform:uppercase}
.collection-feature h3{margin:.55rem 0 .8rem;font:600 clamp(2rem,3.2vw,3.35rem)/1 var(--display)}
.collection-feature p{margin:0 0 1.2rem;color:#56615b}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}
.collection-card{display:flex;min-width:0;flex-direction:column;color:inherit;text-decoration:none;border:1px solid #aeb9af;background:#fff}
.collection-card figure{margin:0;overflow:hidden;background:#e9efe9}
.collection-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}
.collection-card>div{display:flex;min-height:170px;flex-direction:column;padding:1.2rem}
.collection-card h3{margin:.45rem 0 .75rem;font:600 1.45rem/1.08 var(--display)}
.collection-card p{margin:0;color:#616b65;font-size:.86rem}
.collection-card:hover img,.collection-card:focus-visible img{transform:scale(1.025)}
.collection-card:focus-visible,.collection-feature:focus-visible{outline:3px solid #a83b2d;outline-offset:3px}
@media(max-width:900px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.collection-section-head{display:block}.collection-section-head p:last-child{margin-top:1rem}}
@media(max-width:700px){.collection-feature{grid-template-columns:1fr}.collection-feature img{min-height:0;aspect-ratio:16/9}}
@media(max-width:620px){.collection-hub{padding-top:.5rem}.collection-breadcrumb h1{font-size:clamp(2rem,10vw,3rem)}.collection-grid{grid-template-columns:1fr}.collection-card>div{min-height:135px}}
@media(max-width:620px){.collection-index-head{align-items:start}.collection-count{padding-top:.35rem}}

/* Visual-atlas homepage */
.atlas-main{max-width:1240px;margin:auto;padding:0 clamp(1.25rem,5vw,5rem)}.atlas-opening{padding:2.4rem 0 3.5rem}.atlas-opening-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.65fr);gap:3rem;align-items:end;margin-bottom:1.6rem}.atlas-opening-head h1{margin:.25rem 0 0;font:600 clamp(2.2rem,3.6vw,3.6rem)/1 var(--display);letter-spacing:-.025em}.atlas-search{align-self:end;padding:0;border:0;background:transparent}.atlas-search label{display:block;margin-bottom:.55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.atlas-search>div:first-of-type{display:flex;border:1px solid var(--ink);background:#fff}.atlas-search input{min-width:0;flex:1;border:0;padding:1rem;font:1rem var(--sans)}.atlas-search button{border:0;background:var(--forest);color:#fff;padding:0 1.35rem;font-weight:700}
.atlas-main{max-width:1240px;margin:auto;padding:0 clamp(1.25rem,5vw,5rem)}.atlas-opening{padding:2.4rem 0 3.5rem}.atlas-opening-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(350px,.65fr);gap:3rem;align-items:end;margin-bottom:1.6rem}.atlas-opening-head h1{margin:.25rem 0 0;font:600 clamp(2.2rem,3.6vw,3.6rem)/1 var(--display);letter-spacing:-.025em}.atlas-search{align-self:end;padding:0;border:0;background:transparent}.atlas-search label{display:block;margin-bottom:.55rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.atlas-search>div:first-of-type{display:flex;border:1px solid var(--ink);background:#fff}.atlas-search input{min-width:0;flex:1;border:0;padding:1rem;font:1rem var(--sans)}.atlas-search button{border:0;background:var(--forest);color:#fff;padding:0 1.35rem;font-weight:700}.atlas-tool-entry{margin:.65rem 0 0;color:#5c6761;font-size:.8rem}.atlas-tool-entry a{border-bottom:1px solid var(--ink);font-weight:700}
.atlas-mosaic{display:grid;grid-template-columns:1.3fr .65fr .65fr;grid-template-rows:250px 250px;gap:.75rem}.atlas-tile{position:relative;overflow:hidden;border:1px solid var(--ink)}.atlas-tile-lead{grid-row:1/3}.atlas-tile img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.atlas-tile:hover img{transform:scale(1.025)}.atlas-tile>span{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;width:max-content;max-width:calc(100% - 1.6rem);padding:.65rem .75rem;background:rgba(247,245,237,.94)}.atlas-tile small,.atlas-tile strong{display:block}.atlas-tile small{margin-bottom:.2rem;color:var(--cinnabar);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em}.atlas-tile strong{font:600 clamp(1rem,1.6vw,1.45rem)/1.05 var(--display)}
.atlas-object-index{display:grid;grid-template-columns:repeat(6,1fr);margin-top:1rem;border:1px solid var(--ink)}.atlas-object-index a{display:flex;align-items:center;gap:.8rem;padding:1rem;border-right:1px solid var(--rule);transition:background .2s}.atlas-object-index a:hover{background:#fff}.atlas-object-index a:last-child{border-right:0}.atlas-object-index b{color:var(--cinnabar);font:500 2rem var(--serif)}.atlas-object-index span{font-weight:700}
.atlas-section{padding:4rem 0;border-top:1px solid var(--ink)}.atlas-section-head{display:flex;justify-content:space-between;align-items:end;gap:3rem;margin-bottom:1.8rem}.atlas-section-head h2{margin:.25rem 0 0;font:600 clamp(2.3rem,4.2vw,4.6rem)/.95 var(--display);letter-spacing:-.035em}.atlas-section-head>p{max-width:430px;margin:0;color:#56605a;line-height:1.6}.atlas-section-head>a{border-bottom:1px solid var(--ink)}
.atlas-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.atlas-paths>a{border:1px solid var(--rule);background:#fff;transition:transform .2s,box-shadow .2s}.atlas-paths>a:hover{transform:translateY(-3px);box-shadow:0 8px 20px rgba(0,0,0,.08)}.atlas-paths img{width:100%;aspect-ratio:16/9;object-fit:cover}.atlas-paths span{display:block;padding:1.1rem}.atlas-paths small,.atlas-paths strong,.atlas-paths em{display:block}.atlas-paths small{color:var(--cinnabar);text-transform:uppercase;letter-spacing:.12em}.atlas-paths strong{margin:.55rem 0;font:600 1.55rem/1.05 var(--display)}.atlas-paths em{color:#68716b;font-style:normal;font-size:.82rem;line-height:1.45}
.atlas-guide-list{border-top:1px solid var(--ink)}.atlas-guide-list a{display:grid;grid-template-columns:50px 1fr auto;gap:1rem;align-items:center;padding:1.15rem 0;border-bottom:1px solid var(--rule);transition:padding .2s}.atlas-guide-list a:hover{padding-left:.6rem}.atlas-guide-list span,.atlas-guide-list small{color:#6a716c;font-size:.75rem;text-transform:uppercase;letter-spacing:.1em}.atlas-guide-list strong{font:600 clamp(1.25rem,2.2vw,2rem)/1.1 var(--display)}
@media(max-width:850px){.atlas-opening-head{grid-template-columns:1fr}.atlas-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:260px 190px}.atlas-tile-lead{grid-column:1/3;grid-row:auto}.atlas-object-index{grid-template-columns:repeat(3,1fr)}.atlas-object-index a:nth-child(3){border-right:0}.atlas-paths{grid-template-columns:1fr 1fr}.atlas-section-head{align-items:start;flex-direction:column}.atlas-section-head>p{max-width:none}}
@media(max-width:540px){.atlas-mosaic{display:flex;overflow-x:auto}.atlas-tile{min-width:82vw;height:240px}.atlas-object-index{grid-template-columns:1fr 1fr}.atlas-object-index a:nth-child(odd){border-right:1px solid var(--rule)}.atlas-object-index a:nth-child(even){border-right:0}.atlas-paths{grid-template-columns:1fr}.atlas-guide-list a{grid-template-columns:36px 1fr}.atlas-guide-list small{grid-column:2}}
@media(prefers-reduced-motion:reduce){.collection-card img{transition:none}}

/* Trust and policy pages */
.info-page{max-width:1120px;margin:auto;padding:2rem clamp(1.25rem,5vw,5rem) 7rem}
.info-hero{max-width:900px;padding:2rem 0 3rem;border-bottom:1px solid #aeb9af}
.info-hero h1{margin:.35rem 0 1rem;font:600 clamp(3rem,6vw,5.8rem)/.96 var(--display);letter-spacing:-.035em}
.info-hero p:last-child{max-width:760px;color:#4d5953;font-size:1.14rem;line-height:1.65}
.info-body{max-width:760px;margin:2.5rem auto 0;font:1.02rem/1.75 var(--sans)}
.info-body h2{margin:2.8rem 0 .7rem;font:600 clamp(1.55rem,2.8vw,2.25rem)/1.15 var(--display)}
.info-body h3{margin:2rem 0 .5rem;font:600 1.18rem/1.3 var(--display)}
.info-body ul,.info-body ol{padding-left:1.3rem}.info-body li{margin:.55rem 0}
.info-note{margin:1.8rem 0;padding:1rem 1.2rem;background:#e9efe9;border-left:4px solid #315a71}
.human-sitemap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;margin-top:2rem}
.human-sitemap section{padding-top:1rem;border-top:1px solid #aeb9af}.human-sitemap h2{margin:.25rem 0 1rem}.human-sitemap ul{padding:0;list-style:none}.human-sitemap li{margin:.7rem 0}
.site-footer nav{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem}
@media(max-width:700px){.human-sitemap{grid-template-columns:1fr}}
@media(max-width:950px){.entry-facts{grid-template-columns:repeat(4,minmax(0,1fr))}.entry-facts>div:nth-child(2){border-right:1px solid #c8cec9}.entry-facts>div:nth-child(-n+2){border-bottom:0}}
@media(max-width:620px){.entry-facts{grid-template-columns:1fr 1fr}.entry-facts>div:nth-child(2){border-right:0}.entry-facts>div:nth-child(-n+2){border-bottom:1px solid #c8cec9}}

/* Tighten the article opening sequence */
.article-hero-with-card{padding-bottom:1.25rem;border-bottom:0}.article-hero-with-card .painted-rebus-card{margin-top:.25rem}.article-hero-with-card+.entry-facts{margin-top:.5rem}.entry-facts{border:0;background:#e9efe9}.entry-facts>div{padding:.7rem 1rem;border:0}.entry-facts>div:nth-child(2){border-right:0}.entry-facts>div:nth-child(-n+2){border-bottom:0}.entry-facts+.article-body,.article-page>.article-body{margin-top:2rem}
.article-hero-with-card{gap:.65rem}.article-hero-with-card .article-date{margin-bottom:0}.article-hero-with-card .painted-rebus-card{margin-top:0}
@media(max-width:620px){.entry-facts>div{border:0}.entry-facts>div:nth-child(2),.entry-facts>div:nth-child(-n+2){border:0}}

.compact-article-hero{gap:1rem;padding-bottom:1.5rem;border-bottom:0}.compact-article-hero .article-hero-illustration{margin-top:.5rem}.blessing-list{margin:2rem 0;padding:0;list-style:none;border-top:1px solid #aeb9af}.blessing-list li{display:grid;grid-template-columns:minmax(180px,.7fr) 1.3fr;gap:1.5rem;padding:.75rem 0;border-bottom:1px solid #c8cec9}.blessing-list strong{font-family:var(--han-serif);font-size:1.05rem}.blessing-list em{margin-left:.4rem;color:#69726c;font:400 .78rem var(--sans)}.artifact-figure>div{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;padding:1.25rem;background:#e9efe9}.artifact-figure img{width:auto;max-width:100%;height:100%;aspect-ratio:auto;object-fit:contain}@media(max-width:620px){.blessing-list li{grid-template-columns:1fr;gap:.2rem}.artifact-figure>div{padding:.65rem}}

/* SC003 Chinese review: the first image carries the full answer */
.five-blessings-preview-hero{grid-template-columns:1fr;gap:1.4rem;padding-bottom:2rem}.five-blessings-preview-hero>div:first-child{max-width:980px}.five-blessings-visual{position:relative;width:100%;aspect-ratio:16/9;margin:.4rem 0 0;overflow:hidden;background:#173f3a;color:#fffaf0}.five-blessings-visual>img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.78) brightness(.66)}.five-blessings-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,51,46,.92),rgba(13,51,46,.58) 52%,rgba(13,51,46,.78));pointer-events:none}.five-blessings-infographic{position:absolute;z-index:1;inset:0;display:grid;grid-template-columns:minmax(180px,.48fr) 1.52fr;gap:clamp(1rem,2.5vw,2.5rem);align-items:center;padding:clamp(1.25rem,3.4vw,3.25rem);font-family:var(--sans)}.infographic-heading{align-self:center}.infographic-heading small,.infographic-heading strong,.infographic-heading span{display:block}.infographic-heading small{color:#e1ba5a;font-size:.65rem;font-weight:700;letter-spacing:.18em}.infographic-heading strong{margin:.35rem 0;font:700 clamp(3.6rem,7vw,6.5rem)/.9 var(--han-serif)}.infographic-heading span{max-width:11rem;color:#d4e1dc;font-size:.78rem;line-height:1.45}.five-blessings-list{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.five-blessings-list>div{grid-column:span 2;min-width:0;min-height:130px;padding:clamp(.7rem,1.3vw,1.1rem);background:rgba(246,240,224,.92);color:#173f3a;box-shadow:0 5px 24px rgba(8,35,31,.12)}.five-blessings-list>div:nth-child(4){grid-column:2/span 2}.five-blessings-list>div:nth-child(5){grid-column:4/span 2}.five-blessings-list b,.five-blessings-list strong,.five-blessings-list span,.five-blessings-list em{display:block}.five-blessings-list b{margin-bottom:.25rem;color:#a33b2f;font-size:.62rem;letter-spacing:.12em}.five-blessings-list strong{font:700 clamp(1.2rem,2vw,1.72rem)/1.08 var(--han-serif)}.five-blessings-list span{margin:.18rem 0;color:#63756e;font-size:.66rem}.five-blessings-list em{font-style:normal;font-size:clamp(.67rem,1vw,.82rem);line-height:1.2}.source-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.comparison-panel{min-width:0;background:#e9efe9}.comparison-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;overflow:hidden;background:#e7dfce}.comparison-image img{display:block;width:100%;height:100%;object-fit:cover}.comparison-image.original-object{padding:1rem;background:#e9efe9}.comparison-image.original-object img{width:auto;max-width:100%;object-fit:contain}.comparison-panel figcaption{margin:0;padding:.8rem 1rem;font-family:var(--sans)}.comparison-panel figcaption strong,.comparison-panel figcaption span{display:block}.comparison-panel figcaption strong{font-size:.82rem}.comparison-panel figcaption span{margin-top:.22rem;color:#606a64;font-size:.72rem;line-height:1.45}.chinese-article-body{font-family:var(--han-serif);font-size:1.06rem}.chinese-article-body h2{margin-top:3.2rem}.chinese-article-body h3{margin:2rem 0 .35rem;font:700 1.25rem/1.3 var(--han-serif)}.chinese-article-body h3+p{margin-top:0}
@media(max-width:820px){.five-blessings-visual{aspect-ratio:auto;min-height:720px}.five-blessings-infographic{grid-template-columns:1fr;align-content:center}.infographic-heading span{max-width:none}.five-blessings-list{grid-template-columns:1fr 1fr}.five-blessings-list>div,.five-blessings-list>div:nth-child(4),.five-blessings-list>div:nth-child(5){grid-column:auto}.five-blessings-list>div:last-child{grid-column:1/-1}.source-comparison{grid-template-columns:1fr}}
@media(max-width:540px){.five-blessings-visual{min-height:980px}.five-blessings-infographic{padding:1rem}.five-blessings-list{grid-template-columns:1fr}.five-blessings-list>div,.five-blessings-list>div:last-child{grid-column:auto;min-height:0}.five-blessings-visual>img{object-position:center}}
.five-blessings-raster{width:100%;margin:.4rem 0 0}.five-blessings-raster img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}

/* Chinese Symbol Finder */
.finder-main{max-width:1240px;margin:auto;padding:2rem clamp(1.25rem,5vw,5rem) 5rem}.finder-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,.6fr);gap:3rem;align-items:end;padding:2rem 0 2.2rem;border-bottom:1px solid var(--ink)}.finder-intro h1{margin:.25rem 0 0;font:600 clamp(2.2rem,3.6vw,3.6rem)/1 var(--display);letter-spacing:-.025em}.finder-intro>p{max-width:600px;margin:0;color:#4f5c55;font-size:1.05rem;line-height:1.65}.finder-workbench{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);border:1px solid var(--ink);border-top:0;background:#fff}.finder-controls{padding:1.8rem}.finder-controls fieldset{margin:0;padding:0 0 1.7rem;border:0}.finder-controls fieldset+fieldset{padding-top:1.7rem;border-top:1px solid var(--rule)}.finder-controls fieldset:disabled{opacity:.45}.finder-controls legend{width:100%;margin-bottom:1rem;font:700 .82rem var(--sans);letter-spacing:.04em}.finder-controls legend span{display:inline-grid;place-items:center;width:1.75rem;height:1.75rem;margin-right:.6rem;border:1px solid var(--ink);font-weight:700}.finder-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.finder-choice-grid label,.finder-subject-grid label{cursor:pointer}.finder-choice-grid input,.finder-subject-grid input{position:absolute;opacity:0;pointer-events:none}.finder-choice-grid label>span{display:block;min-height:76px;padding:.8rem;border:1px solid var(--rule);background:#fafaf7}.finder-choice-grid b,.finder-choice-grid small{display:block}.finder-choice-grid small{margin-top:.2rem;color:#6b756f;line-height:1.35}.finder-choice-grid input:checked+span{border-color:var(--cinnabar);box-shadow:inset 4px 0 0 var(--cinnabar);background:#fff}.finder-choice-grid input:focus-visible+span,.finder-subject-grid input:focus-visible~*{outline:3px solid #85a9d8;outline-offset:2px}.finder-subject-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.finder-subject-grid label{display:grid;grid-template-columns:1fr;align-content:space-between;min-height:92px;padding:.7rem;border:1px solid var(--rule);background:#fafaf7}.finder-subject-grid label:has(input:checked){border-color:var(--cinnabar);background:#fff;box-shadow:inset 0 -4px 0 var(--cinnabar)}.finder-subject-grid span{color:var(--cinnabar);font:500 1.75rem var(--serif)}.finder-subject-grid b{font-size:.78rem}.finder-empty{grid-column:1/-1;margin:0;color:#6c756f}.finder-select{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:1rem;margin:.6rem 0}.finder-select span{font-weight:700}.finder-select select{width:100%;padding:.75rem;border:1px solid var(--rule);border-radius:0;background:#fff;color:var(--ink);font:inherit}.finder-actions{display:flex;gap:.7rem;padding-top:.2rem}.finder-actions button{padding:.8rem 1rem;border:1px solid var(--ink);border-radius:0;background:var(--forest);color:#fff;font-weight:700}.finder-actions button:disabled{cursor:not-allowed;opacity:.38}.finder-actions button[type="reset"]{background:#fff;color:var(--ink)}.finder-results-panel{min-width:0;padding:1.8rem;border-left:1px solid var(--ink);background:#edf1ec}.finder-results-head h2{margin:.25rem 0 1rem;font:600 clamp(1.8rem,3vw,2.8rem)/1 var(--display)}.finder-prompt{max-width:38ch;color:#59645e;line-height:1.65}.finder-result-card{display:grid;grid-template-columns:54px 1fr;gap:1rem;padding:1.2rem 0;border-top:1px solid #aeb9af}.finder-result-card.is-primary{padding-top:1.2rem;border-top:1px solid var(--ink)}.finder-result-symbol{font:500 2.4rem var(--serif);color:var(--cinnabar)}.finder-confidence{margin:0 0 .3rem;color:#68746d;font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.finder-result-card h3{margin:0;font:600 1.55rem/1.1 var(--display)}.finder-result-card>div>p:not(.finder-confidence){margin:.55rem 0;line-height:1.5}.finder-result-card dl{margin:.8rem 0}.finder-result-card dl div{margin:.55rem 0}.finder-result-card dt{font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.finder-result-card dd{margin:.16rem 0 0;color:#56615b;font-size:.86rem;line-height:1.45}.finder-result-card a{display:inline-block;margin-top:.45rem;border-bottom:1px solid var(--ink);font-weight:700}.finder-method{display:grid;grid-template-columns:minmax(0,.75fr) minmax(320px,1fr);gap:4rem;padding:4rem 0;border-bottom:1px solid var(--ink)}.finder-method h2{margin:.3rem 0 0;font:600 clamp(2rem,3.6vw,3.5rem)/1 var(--display)}.finder-method>div:last-child{max-width:680px}.finder-method p{line-height:1.7}.finder-static-index{padding:4rem 0 0}.finder-index-links{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--ink)}.finder-index-links a{display:flex;align-items:center;gap:1rem;padding:1rem;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.finder-index-links a:nth-child(4n){border-right:0}.finder-index-links a:nth-last-child(-n+4){border-bottom:0}.finder-index-links b{color:var(--cinnabar);font:500 1.7rem var(--serif)}.finder-index-links span{font-weight:700}
@media (max-width:900px){.finder-intro,.finder-workbench,.finder-method{grid-template-columns:1fr}.finder-intro{gap:1rem}.finder-results-panel{border-top:1px solid var(--ink);border-left:0}.finder-index-links{grid-template-columns:repeat(2,1fr)}.finder-index-links a:nth-child(2n){border-right:0}.finder-index-links a:nth-last-child(-n+4){border-bottom:1px solid var(--rule)}.finder-index-links a:nth-last-child(-n+2){border-bottom:0}}
@media (max-width:560px){.finder-main{padding-top:1rem}.finder-choice-grid{grid-template-columns:1fr}.finder-subject-grid{grid-template-columns:repeat(2,1fr)}.finder-select{grid-template-columns:1fr;gap:.35rem}.finder-actions{flex-direction:column}.finder-controls,.finder-results-panel{padding:1.15rem}.finder-index-links{grid-template-columns:1fr}.finder-index-links a{border-right:0!important;border-bottom:1px solid var(--rule)!important}.finder-index-links a:last-child{border-bottom:0!important}}
.language-switch{display:inline-flex;align-items:center;gap:.45rem;margin-left:.65rem;padding-left:.8rem;border-left:1px solid var(--line, #c9c9c2);font-size:.78rem;letter-spacing:.06em}.language-switch a,.language-switch b{color:inherit;text-decoration:none;font-weight:600}.language-switch a:hover{text-decoration:underline}@media(max-width:760px){.language-switch{margin:.6rem 0 0;padding:.65rem 0 0;border-left:0;border-top:1px solid var(--line, #c9c9c2)}}