:root{--cha-heading-ornament:url('../images/heading-huizhi14-traced-20261007.svg')}
/* Inner pages only. One chapter-heading system; Hero, cards, controls and home stay distinct. */
body main#main:not(.tea-home){--cha-section-size:clamp(1.95rem,3.2vw,2.55rem);--cha-section-gap:2rem;--cha-link-accent:#997443}
body main#main:not(.tea-home) .cha-section-heading{display:block;text-align:center;margin:0 0 var(--cha-section-gap);padding:0;border:0;max-width:none}
body main#main:not(.tea-home) .cha-section-heading>div{min-width:0}
body main#main:not(.tea-home) .cha-section-title{display:flex;align-items:center;justify-content:center;gap:1rem;margin:0 0 1rem;font-family:var(--cha-font-serif);font-size:var(--cha-section-size);font-weight:700;line-height:1.4;letter-spacing:.06em;color:var(--cha-heading-color,#293f30);text-align:center;text-wrap:balance;overflow-wrap:break-word}
body :is(main#main:not(.tea-home) .cha-section-title,#lifa-comments .lifa-comment-heading h2)::before,body :is(main#main:not(.tea-home) .cha-section-title,#lifa-comments .lifa-comment-heading h2)::after{content:'';display:block;position:static;flex:0 0 7rem;width:7rem;height:5rem;background:var(--cha-heading-ornament) center/contain no-repeat;opacity:1;transform:scale(.9)}
body :is(main#main:not(.tea-home) .cha-section-title,#lifa-comments .lifa-comment-heading h2)::after{transform:scale(-.9,.9)}
body main#main:not(.tea-home) .cha-section-heading .cha-section-title{margin:0}
body main#main:not(.tea-home) .cha-section-heading p{max-width:65rem;margin:.8rem auto 0;padding:0;font-size:.95rem;line-height:1.9;letter-spacing:0;color:var(--cha-body-color,#666a68);text-align:center}
/* A trailing link stays beneath the heading; it never squeezes the title into a second style. */
body main#main:not(.tea-home) .cha-section-heading>a{margin-top:.8rem}
body main#main:not(.tea-home) .cha-section-heading .cha-section-eyebrow{display:none}
/* Text CTAs reuse this class. Full-image cards retain their layout and prose hierarchy. */
body main#main:not(.tea-home) a.cha-editorial-link{color:var(--cha-heading-color,#293f30);text-decoration:none;border-bottom:1px solid currentColor;border-top:0;border-radius:0;background:transparent;padding-bottom:.2rem;transition:color .22s ease,border-color .22s ease;text-underline-offset:4px}
body main#main:not(.tea-home) a.cha-editorial-link :is(span,b,i,em){color:inherit;border-color:currentColor}
body main#main:not(.tea-home) a.cha-editorial-link .cha-link-arrow,body main#main:not(.tea-home) a.cha-editorial-card-link .cha-link-arrow{display:inline-block;color:inherit;translate:0 0;transition:translate .22s ease,color .22s ease}
body main#main:not(.tea-home) a:is(.cha-editorial-link,.cha-editorial-card-link):is(:hover,:focus-visible){color:var(--cha-link-accent);border-color:currentColor}
body main#main:not(.tea-home) a.cha-editorial-card-link:is(:hover,:focus-visible) :is(h2,h3,h4,strong,b,.cha-link-arrow){color:var(--cha-link-accent);border-color:currentColor}
body main#main:not(.tea-home) a:is(.cha-editorial-link,.cha-editorial-card-link):is(:hover,:focus-visible) .cha-link-arrow{translate:4px 0;transform:none}
body main#main:not(.tea-home) a:is(.cha-editorial-link,.cha-editorial-card-link):focus-visible{outline:2px solid #627957;outline-offset:5px}
/* Inline prose links and bibliography links work without script as well. */
body main#main:not(.tea-home) :is(.td-chapter-body,.td-research-sources,.food-editorial) a[href]{text-decoration:underline;text-decoration-color:currentColor;text-underline-offset:4px;transition:color .22s ease}
body main#main:not(.tea-home) :is(.td-chapter-body,.td-research-sources,.food-editorial) a[href]:is(:hover,:focus-visible){color:var(--cha-link-accent)}
@media(max-width:768px){
 body main#main:not(.tea-home){--cha-section-size:1.9rem;--cha-section-gap:1.75rem}
 body main#main:not(.tea-home) .cha-section-title{gap:.6rem}
 body :is(main#main:not(.tea-home) .cha-section-title,#lifa-comments .lifa-comment-heading h2)::before,body :is(main#main:not(.tea-home) .cha-section-title,#lifa-comments .lifa-comment-heading h2)::after{flex-basis:2.5rem;width:2.5rem;height:1.6rem}
 body main#main:not(.tea-home) .cha-section-heading p{font-size:.9rem}
}
@media(max-width:360px){body main#main:not(.tea-home){--cha-section-size:1.65rem}body main#main:not(.tea-home) .cha-section-title{gap:.4rem}body :is(main#main:not(.tea-home) .cha-section-title,#lifa-comments .lifa-comment-heading h2)::before,body :is(main#main:not(.tea-home) .cha-section-title,#lifa-comments .lifa-comment-heading h2)::after{flex-basis:1.75rem;width:1.75rem;height:1.2rem}}
@media(prefers-reduced-motion:reduce){
 body main#main:not(.tea-home) a:is(.cha-editorial-link,.cha-editorial-card-link),body main#main:not(.tea-home) .cha-link-arrow{transition:none!important}
 body main#main:not(.tea-home) a:is(.cha-editorial-link,.cha-editorial-card-link):is(:hover,:focus-visible) .cha-link-arrow{translate:0 0}
}
