.peng-page{--wang-red:#395e57;--wang-soft:#e7e9df;--wang-green:#385f46}.peng-page .wang-hero-art{background:#e4e7dc}.peng-page .wang-grid-art{background:radial-gradient(ellipse at center,#f0f1e7 0%,transparent 74%);border-color:#b9c3ad}.peng-page .wang-grid-art:before,.peng-page .wang-grid-art:after{border-color:#b9c3ad}.peng-page .wang-grid-cross:before,.peng-page .wang-grid-cross:after{border-color:#cad2bf}.peng-page .wang-grid-art>span{color:#304b40;font-size:clamp(160px,21vw,270px)}.peng-page .wang-seal{border-color:#6e8a77;color:#395e57}.peng-page .wang-facts>span{padding-inline:24px;min-width:90px}.peng-page .wang-facts>span:first-child{padding-left:0}.peng-page .wang-facts>span:last-child{padding-right:0}.peng-page .wang-facts b{font-size:19px}.peng-page .wang-button:hover{background:#28473f;border-color:#28473f}.peng-page .wang-button-light:hover{background:#dde5d8;color:#28473f}.peng-page .wang-practice-panel{background:#edf0e5}.peng-page .wang-stroke-ink{stroke:#304b40;stroke-width:9}.peng-page .wang-stroke-ghost{stroke-width:9}.peng-writing-caption{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--wang-muted);padding-bottom:16px}.peng-stroke-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.peng-stroke-list li{display:flex;align-items:center;gap:17px;padding:13px 15px;border:1px solid #d8dbcf}.peng-stroke-list li>span{font:12px Georgia,serif;color:#647669}.peng-stroke-list strong{font-family:var(--serif);font-size:23px;font-weight:500;white-space:nowrap}.peng-stroke-list .peng-last-strokes{background:#e2e8dc;border-color:#bdcaba}.peng-writing-note{font-size:12px;color:var(--wang-muted);margin-top:17px!important}.peng-drum-art{margin:30px 0 0;max-width:370px;color:#68775c}.peng-drum-art svg{display:block;width:100%}.peng-drum-art text{fill:#68775c;font-size:14px;font-family:var(--serif);letter-spacing:3px}.peng-drum-art figcaption{font-size:11px;color:var(--wang-muted);text-align:center;margin-top:13px}.peng-page .wang-origin-layout{grid-template-columns:1fr 1fr;gap:70px}.peng-page .wang-origin-part .wang-pill{border-color:#bfcdbd}.peng-page .wang-origin-takeaway{background:#e7eadf}.peng-page .wang-words>div{background:#e9ece2}.peng-page .wang-words h3{font-size:34px;letter-spacing:.08em}.peng-page .wang-options label:has(input:checked){background:#e1e9dd;color:#28473f}.peng-page .wang-quiz-stamp{color:#66806b;border-color:#9bab92}.peng-page .wang-take-home{background:#e1e6d8}.peng-compare .wang-compare-characters{gap:25px}.peng-page .wang-title-sub{text-wrap:nowrap}.peng-page .wang-meaning-mark{color:#8e9c80}
@media(max-width:1000px){.peng-page .wang-origin-layout{gap:35px}.peng-stroke-list li{gap:10px;padding:12px}.peng-page .wang-hero-word{font-size:75px}.peng-page .wang-title-sub{font-size:26px}.peng-page .wang-words h3{font-size:30px}}
@media(max-width:700px){.peng-page .wang-origin-layout{grid-template-columns:1fr;gap:6px}.peng-page .wang-grid-art>span{font-size:215px}.peng-page .wang-hero-word{font-size:78px}.peng-page .wang-title-sub{font-size:24px}.peng-page .wang-facts>span{padding-inline:22px}.peng-page .wang-facts b{font-size:18px}.peng-drum-art{max-width:310px;margin:27px auto 10px}.peng-page .wang-words>div{grid-template-columns:115px 1fr;column-gap:16px}.peng-page .wang-words h3{font-size:27px;letter-spacing:.04em}.peng-stroke-list li{padding:10px 13px}.peng-stroke-list strong{font-size:22px}.peng-compare .wang-compare-characters{gap:24px}.peng-compare .wang-compare-characters>span{font-size:58px}}
@media(max-width:360px){.peng-page .wang-hero-word{font-size:65px}.peng-page .wang-title-sub{font-size:21px;padding-left:15px}.peng-page .wang-facts>span{padding-inline:15px}.peng-page .wang-facts b{font-size:17px}.peng-stroke-list li{padding:9px;gap:9px}.peng-page .wang-words>div{padding:17px;grid-template-columns:105px 1fr}.peng-compare .wang-compare-characters{gap:17px}}
@media print{.peng-page .wang-hero-art,.peng-drum-art{display:none}.peng-page .wang-origin-layout{grid-template-columns:1fr 1fr;gap:30px}.peng-page .wang-stroke-board{max-width:210px}.peng-stroke-list{gap:6px}.peng-stroke-list li{padding:7px 10px}.peng-stroke-list strong{font-size:18px}.peng-page .wang-words>div{display:block}.peng-page .wang-hero-word{font-size:70px}.peng-page .wang-title-sub{font-size:26px}}