/* One RHC reading system; preserve each article's explanatory diagrams and grids. */
html{background:#f6f3e9}
body.ho-culture-article{--rhc-surface:#e4e6de;--rhc-accent:#777e70;--paper:#f6f3e9;--bg:#f6f3e9;--ink:#2d3524;--text:#2d3524;--muted:#4e5842;--line:#d5d5c1;--green:#6c7f4f;--accent:var(--rhc-accent);--panel:var(--rhc-surface);margin:0!important;background:#f6f3e9!important;color:#2d3524!important;line-height:1.8;font-size:17px}
body.ho-culture-article[data-culture-category=C01]{--rhc-surface:#efe3ce;--rhc-accent:#927341}
body.ho-culture-article[data-culture-category=C02]{--rhc-surface:#e4e6de;--rhc-accent:#777e70}
body.ho-culture-article[data-culture-category=C03]{--rhc-surface:#dfe9e3;--rhc-accent:#617e70}
body.ho-culture-article[data-culture-category=C04]{--rhc-surface:#ece2ea;--rhc-accent:#897187}
body.ho-culture-article[data-culture-category=C05]{--rhc-surface:#e7e3da;--rhc-accent:#7d776a}
body.ho-culture-article[data-culture-category=C07]{--rhc-surface:#ebddd4;--rhc-accent:#947565}
body.ho-culture-article[data-culture-category=C08]{--rhc-surface:#dfe5ed;--rhc-accent:#69788e}
body.ho-culture-article[data-culture-category=C09]{--rhc-surface:#ebe5d5;--rhc-accent:#8b8061}
body.ho-culture-article[data-culture-category=C10]{--rhc-surface:#efdfda;--rhc-accent:#9a756a}
body.ho-culture-article[data-culture-category=C11]{--rhc-surface:#e4ebe8;--rhc-accent:#74877d}
body.ho-culture-article[data-culture-category=C12]{--rhc-surface:#e1e5e7;--rhc-accent:#737f85}
body.ho-culture-article[data-culture-category=C13]{--rhc-surface:#e6e8d7;--rhc-accent:#858563}
body.ho-culture-article[data-culture-category=C14]{--rhc-surface:#e0e8d6;--rhc-accent:#788660}
html:lang(zh) body.ho-culture-article,html:lang(zh) body.ho-culture-article main :is(p,li,td,dd,h1,h2,h3,h4,figcaption){font-family:var(--ho-font-reading,'HO Chinese Reading',serif)!important;font-synthesis:none}
html:lang(en) body.ho-culture-article{font-family:'Iowan Old Style',Charter,Georgia,serif!important}
html:lang(en) body.ho-culture-article main :is(h1,h2,h3,h4,p,li){font-family:'Iowan Old Style',Charter,Georgia,serif!important}
body.ho-culture-article :is(nav,button,input,select,summary,.kicker,.eyebrow,.chapter-number){font-family:var(--ho-font-ui,'Avenir Next',Arial,sans-serif)!important}
body.ho-culture-article main{box-sizing:border-box;max-width:1180px!important;width:calc(100% - 64px)!important;margin:32px auto 60px!important}
body.ho-culture-article :is(.intro,.hero,.article-header){background:var(--rhc-surface)!important;color:#2d3524!important;border-color:#d5d5c1!important}
body.ho-culture-article main h1{font-size:clamp(30px,4vw,46px)!important;line-height:1.3!important;font-weight:400!important;letter-spacing:0!important;overflow-wrap:anywhere}
body.ho-culture-article :is(.chapter,.article-section,main>section:not(.intro):not(.hero)){margin-top:40px;margin-bottom:40px;border-color:#d5d5c1}
body.ho-culture-article main h2{font-size:28px!important;line-height:1.45!important;font-weight:400!important;color:#2d3524!important;overflow-wrap:anywhere}
body.ho-culture-article main h3{font-size:21px!important;line-height:1.5!important;color:#2d3524!important;overflow-wrap:anywhere}
body.ho-culture-article main :is(p,li){line-height:1.85;overflow-wrap:break-word}
body.ho-culture-article :is(.knowledge-group,.knowledge-card,.unit,.text-card){border-color:#d5d5c1!important;color:#2d3524!important}
body.ho-culture-article :is(.chapter-heading,.section-heading){border-color:#d5d5c1!important}
body.ho-culture-article :is(.chapter-number,.section-number){color:var(--rhc-accent)!important}
body.ho-culture-article .import-nav{background:#eee6bf!important;border-color:#d5d5c1!important;color:#2d3524!important;flex-wrap:wrap}
body.ho-culture-article :is(.contents,.toc){background:#eeefdf!important;border-color:#d5d5c1!important}
body.ho-culture-article figcaption{color:#4e5842!important;font-size:13px;line-height:1.65}
body.ho-culture-article :is(.definition,.lede){font-size:19px;line-height:1.8!important}
@media(max-width:700px){body.ho-culture-article{font-size:16px}body.ho-culture-article main{width:calc(100% - 32px)!important;margin-top:20px!important}body.ho-culture-article main h1{font-size:30px!important}body.ho-culture-article main h2{font-size:24px!important}body.ho-culture-article main h3{font-size:19px!important}body.ho-culture-article :is(.definition,.lede){font-size:17px}body.ho-culture-article :is(.chapter,.article-section){margin-top:30px;margin-bottom:30px}}

body.ho-culture-article main h1{color:#2d3524!important}body.ho-culture-article .intro{padding:28px!important;box-sizing:border-box}@media(max-width:700px){body.ho-culture-article .intro{padding:20px!important}}

/* Legacy unit-based articles use the same chapter and knowledge-group spacing. */
body.ho-culture-article main .article-section > .units{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;min-width:0}
body.ho-culture-article main .article-section > .units > .unit{box-sizing:border-box;width:100%;max-width:none;min-width:0;margin:0;padding:26px;border:1px solid #bcc4a8;border-radius:14px;background:#f3eddf;display:flow-root}
body.ho-culture-article main .article-section > h2{margin:0 0 27px}
body.ho-culture-article main .article-section > .units > .unit > h3{margin:0 0 12px;font-weight:500}
body.ho-culture-article main .article-section > .units > .unit > p{margin:0;max-width:none}
body.ho-culture-article main .article-section > .units > .unit > p + p{margin-top:20px}
body.ho-culture-article main .article-section > .units > .unit > .visual-group{margin:24px 0 0}
body.ho-culture-article main .article-section > .units > .unit > .visual-group:first-child{margin:0 0 24px}
body.ho-culture-article main .article-section > .units > .unit > .visual-group > figure{min-width:0;max-width:100%}
body.ho-culture-article main .article-section > .units > .unit img{max-width:100%}
@media(max-width:700px){
 body.ho-culture-article main .article-section > .units > .unit{padding:18px}
 body.ho-culture-article main .article-section > h2{margin-bottom:22px}
 body.ho-culture-article main .article-section > .units > .unit > .visual-group{gap:20px;margin-top:22px}
}