.catalogue{padding-top:35px;padding-bottom:80px}.breadcrumbs{font-size:11px;gap:12px;margin:20px 0 35px;color:var(--muted);flex-wrap:wrap}.character-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:45px}.character-card{padding:25px 20px;border:1px solid var(--line);background:#eeebdf;display:block;transition:background .2s}.character-card:hover{background:#dfe6d7}.card-hanzi{font:64px serif;display:block}.card-pinyin{font:italic 17px Georgia,serif;color:var(--gold)}.character-card h2{font:22px Georgia,serif;letter-spacing:0;min-height:53px;margin:15px 0}.card-link{font-size:10px}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 250px;gap:80px;padding-bottom:70px}.article-hero{display:flex;gap:30px;align-items:center;padding-bottom:25px;border-bottom:1px solid var(--line)}.article-glyph{font:130px serif;color:var(--gold)}.article-hero h1{font-size:42px;line-height:1.15;letter-spacing:-.035em;margin:12px 0}.article-meta{font-size:11px;color:var(--muted)}.article-intro{font-size:20px;line-height:1.75;margin:30px 0}.article-layout article>section{margin-top:45px}.article-layout h2{font-size:30px;letter-spacing:-.025em;line-height:1.2}.article-layout article>section p{font-size:16px;line-height:1.85}.article-sidebar{align-self:start;position:sticky;top:30px;margin-top:100px;text-align:center;border:1px solid var(--line);padding:24px}.sidebar-glyph{display:block;font:95px serif}.article-sidebar p{margin:10px}.article-sidebar strong{display:block;font-size:14px}.article-sidebar .button{display:block;margin:25px 0 15px;font-size:11px;padding:14px}.article-sidebar>a:last-child{font-size:11px}.stroke-list{padding-left:22px;line-height:1.9}.text-link{border-bottom:1px solid var(--gold);padding-bottom:5px}.example{border-left:2px solid var(--gold);padding:6px 0 6px 22px;margin:25px 0}.example p{margin:2px 0!important}.example .example-hanzi{font:26px serif!important}.example .example-pinyin{color:var(--gold);font-size:15px!important}.card-cta{background:#e5e9da;padding:30px;margin:40px 0}.card-cta h2{font-size:31px}.card-cta p{font-size:14px}.sources p,.sources li{font-size:12px!important;color:var(--muted);overflow-wrap:anywhere}.sources ul{padding-left:20px}.sources a{text-decoration:underline}.related a{display:block;padding:12px 0;border-top:1px solid var(--line);font-size:14px}.related a span{font:26px serif;display:inline-block;min-width:40px}.worksheet{max-width:900px;padding-bottom:60px}.sheet-heading{display:flex;justify-content:space-between;align-items:center}.sheet-heading h1{font:100px serif;margin:10px 0}.sheet-heading small{font:28px Georgia,serif;color:var(--gold)}.writing-grid{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid #aaa;border-left:1px solid #aaa;margin-top:30px}.writing-cell{aspect-ratio:1;border-right:1px solid #aaa;border-bottom:1px solid #aaa;position:relative;display:grid;place-items:center;background:linear-gradient(to right,transparent calc(50% - .5px),#ddd 50%,transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#ddd 50%,transparent calc(50% + .5px))}.writing-cell span{font:75px serif;color:#bbb}.sheet-source{font-size:12px;overflow-wrap:anywhere}@media(max-width:1000px){.article-layout{gap:35px;grid-template-columns:minmax(0,1fr) 200px}.character-grid{grid-template-columns:repeat(3,1fr)}.article-hero{gap:20px}.article-hero h1{font-size:34px}}@media(max-width:650px){.character-grid{grid-template-columns:repeat(2,1fr);gap:12px}.character-card{padding:18px}.character-card h2{font-size:22px;min-height:50px}.article-layout{display:block}.article-sidebar{position:static;margin-top:35px}.article-hero{display:block}.article-glyph{font-size:100px}.article-hero h1{font-size:36px}.article-intro{font-size:18px}.article-layout article>section p{font-size:15px}.card-cta{padding:22px}.article-layout h2{font-size:29px}.sheet-heading{display:block}.writing-grid{grid-template-columns:repeat(5,1fr)}.writing-cell span{font-size:48px}.worksheet h1{font-size:85px}.print-button{margin:18px 0}.home-grid{margin-top:25px}.catalogue h1{font-size:48px}}@media print{@page{size:A4;margin:16mm}body{background:white;color:#111}header,footer,.breadcrumbs,.print-button,.skip,.worksheet .note{display:none!important}.wrap{width:100%;margin:0}.worksheet{max-width:none;padding:0}.sheet-heading{display:block}.sheet-heading h1{font-size:70px}.writing-grid{grid-template-columns:repeat(6,1fr);break-inside:avoid}.writing-cell span{font-size:65px;color:#bbb}.writing-cell{print-color-adjust:exact;-webkit-print-color-adjust:exact}.sheet-source{font-size:10px}.sheet-heading p{margin:4px 0}}
.card-fallback{padding-top:30px;padding-bottom:90px;max-width:850px}.card-fallback .article-glyph{display:block}.card-fallback h1{font-size:48px}.card-fallback h2{font-size:30px}.card-fallback>p{max-width:680px}.card-fallback .intro{max-width:680px}