
.learnWrap{max-width:820px;width:calc(100% - 40px);margin:64px auto 96px}.learnWrap h1{font-family:"Songti SC",serif;font-size:clamp(30px,4.6vw,48px);line-height:1.3;letter-spacing:-.02em;margin:18px 0 22px}.learnWrap h2{font-size:25px;line-height:1.5;margin:48px 0 18px}.learnWrap h3{font-size:19px;margin:26px 0 10px}.learnWrap p,.learnWrap li{font-size:17px;line-height:1.95}.learnWrap p{margin:16px 0}.learnWrap ul,.learnWrap ol{padding-left:1.5em;margin:22px 0}.learnWrap ol{list-style:decimal}.learnWrap ul{list-style:disc}.learnWrap li{margin:12px 0}.learnWrap a:not(.primaryButton){color:#315f4b;text-decoration:underline;text-underline-offset:4px}.learnMeta,.learnWrap .sourceNote{font-size:14px;color:#666457}.answer{background:#ebe9df;padding:24px;border-left:3px solid #315f4b;border-radius:0 12px 12px 0}.learnWrap figure{margin:32px 0;padding:24px;background:#eeece5;border-radius:18px}.learnWrap figure img{width:min(100%,330px);height:auto;margin:auto;border-radius:14px}.learnWrap figcaption{font-size:14px;line-height:1.8;color:#666457;max-width:520px;margin:18px auto 0}.tableWrap{overflow-x:auto;margin:24px 0}.learnWrap table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.8}.learnWrap caption{text-align:left;font-weight:600;margin-bottom:12px}.learnWrap th,.learnWrap td{padding:14px 12px;border-bottom:1px solid #d9d7cc;text-align:left;vertical-align:top}.learnWrap th{background:#eeece5}.learnCta{border-top:1px solid #d9d7cc;border-bottom:1px solid #d9d7cc;padding:10px 0 32px;margin:48px 0 30px}.learnCta h2{margin-top:24px}.learnCta .primaryButton{margin-top:8px}.learnCards{display:grid;gap:16px}.learnCard{display:block;padding:24px;border:1px solid #d9d7cc;border-radius:16px}.learnCard h2{font-size:23px;margin:0 0 12px}.learnCard p{margin:0;font-size:16px}.homeLearn{max-width:1180px;width:calc(100% - 48px);margin:80px auto}.homeLearn h2{font-family:"Songti SC",serif;font-size:36px;line-height:1.4;margin:18px 0}.homeLearn p{line-height:1.8;color:#666457}.homeLearn ul{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;margin:28px 0}.homeLearn a{display:block;padding:24px;border:1px solid #d9d7cc;border-radius:14px;color:#315f4b;line-height:1.7}.homeLearn a:hover,.learnCard:hover{background:#eeece5}a:focus-visible{outline:3px solid #315f4b;outline-offset:4px}.skipLink{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:10}.skipLink:focus{top:10px}@media(max-width:640px){.learnWrap{width:calc(100% - 32px);margin:38px auto 60px}.learnWrap figure{padding:16px}.learnWrap h2{font-size:23px}.homeLearn{width:calc(100% - 32px);margin:60px auto}.homeLearn ul{grid-template-columns:1fr}.homeLearn h2{font-size:30px}.learnWrap td,.learnWrap th{padding:10px 8px}.learnWrap .learnMeta{font-size:13px}}

.glyphCompare{display:flex;gap:16px;margin:28px 0;flex-wrap:wrap}.glyphCompare>div{flex:1;min-width:100px;display:flex;flex-direction:column;align-items:center;gap:10px;background:#eeece5;border:1px solid #d9d7cc;border-radius:14px;padding:20px 12px;text-align:center}.glyphCompare .bigGlyph{font-family:"Songti SC","Noto Serif CJK SC","SimSun",serif;font-size:clamp(64px,12vw,100px);line-height:1.2;color:#243e32}.glyphCompare strong{font-size:15px;font-weight:500}.learnWrap details{padding:18px 20px;border:1px solid #b7c3b6;border-radius:12px;margin:24px 0}.learnWrap summary{cursor:pointer;font-size:17px;font-weight:600;line-height:1.7}.learnWrap details p:last-child{margin-bottom:0}.topicNav{display:flex;gap:24px;flex-wrap:wrap;margin:28px 0}.learnCard h3{margin:0 0 12px;font-size:22px;line-height:1.55}.homeLearn h3{font-size:22px;margin:28px 0 0}summary:focus-visible{outline:3px solid #315f4b;outline-offset:5px}@media(max-width:640px){.nav{flex-wrap:wrap;gap:18px}.navLinks{flex-wrap:wrap;gap:16px}.glyphCompare{gap:8px}.glyphCompare>div{min-width:70px;padding:18px 6px}.glyphCompare strong{font-size:13px}.learnWrap .primaryButton{white-space:normal}}
@media(max-width:640px){.navLinks a:first-child{display:inline}.navLinks{row-gap:12px}}
