html,body{background:#e8e2d4}body{display:block;overflow-x:visible;height:auto!important;min-height:100vh}#canvas{width:min(100%,1080px);height:auto;min-height:0;overflow:visible;margin:auto;transform:none!important;padding-bottom:12px}.reader-nav{display:flex;justify-content:space-between;gap:14px;padding:18px 32px;border-bottom:1px solid #dfd1b7;font-size:16px;color:#5c5245}.reader-nav a{color:#3e5c44;font-weight:700;text-decoration:underline;text-underline-offset:4px}.reader-nav a:focus-visible{outline:3px solid #2e5ca8;outline-offset:4px}.top-row{padding-top:34px}.reader-note{border-left:4px solid #3e5c44;background:#fffdf8;padding:14px 18px;margin-bottom:16px;font-size:18px;line-height:1.8;color:#3d3028}.rule-col,.title-block,.tip-flex>div{min-width:0}.example-grid{flex-wrap:wrap;gap:28px}.example-item{min-width:140px;max-width:100%}.example-line{word-break:normal;overflow-wrap:anywhere}.example-line [lang=ko]{word-break:keep-all}.example-line .zh{display:block;font-size:21px;line-height:1.6;margin-top:3px}.tip-text,.rule-text{overflow-wrap:anywhere}.memo-formula{overflow-wrap:anywhere}.footer1{padding:18px 16px}.body-wrap{padding-bottom:8px}
@media(max-width:700px){.reader-nav{padding:14px 18px;font-size:14px}.badge-row{padding:18px 18px 0}.badge{font-size:15px;padding:6px 14px}.top-row{padding:22px 18px 10px;gap:14px;align-items:center}.header-img{width:92px}.title-block .line1,.title-block2 .line1{font-size:26px;line-height:1.45;letter-spacing:0}.title-block .sub,.title-block2 .sub{font-size:17px;line-height:1.7;margin-top:8px}.title-block2{padding:12px 18px}.header-banner-row{padding:20px 0 0}.header-banner-img{width:180px}.body-wrap{padding:12px 16px}.compare-box{display:block;padding:18px;margin-bottom:16px}.letter-col{width:auto;text-align:left;display:flex;align-items:center;gap:16px;margin-bottom:14px}.letter-col .letter{font-size:28px!important;line-height:1.45}.letter-col .tag{margin:0;font-size:15px;line-height:1.5}.rule-col .rule-text,.rule-text{font-size:18px;line-height:1.85}.example-line{font-size:21px;line-height:1.7;margin:14px 0}.example-line .zh{font-size:16px;line-height:1.7}.block{padding:18px;margin-bottom:16px}.tag,.tag-label{font-size:17px;padding:6px 12px;margin-bottom:12px}.tip-text{font-size:18px;line-height:1.9}.tip-flex{display:block}.tip-icon{width:58px;float:left;margin:0 12px 8px 0}.tip-flex:after{content:'';display:block;clear:both}.memo-block{padding:18px 14px}.memo-block .memo-head{font-size:21px}.memo-block .memo-formula{font-size:21px;line-height:1.85}.flow-row{gap:8px}.flow-chip{font-size:23px;padding:8px 12px;max-width:100%;overflow-wrap:anywhere}.flow-chip.final .p2{font-size:21px}.flow-labels{gap:16px;flex-wrap:wrap}.flow-labels span{font-size:15px}.example-grid{gap:24px;display:grid;grid-template-columns:1fr}.example-item .word{font-size:29px}.example-item .pron{font-size:24px}.example-item .mean{font-size:17px;line-height:1.7}.footer1 .handle{font-size:18px}.reader-note{font-size:16px}}
@media(max-width:390px){.top-row{display:block}.header-img{width:92px;margin:0 0 12px}.title-block .line1{font-size:25px}}

/* Compact pronunciation examples on phones: word / pronunciation / meaning. */
@media(max-width:700px){
.pronunciation-card .example-grid{display:grid;grid-template-columns:1fr;gap:0;margin-top:4px}
.pronunciation-card .example-item,.pronunciation-card .pronunciation-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,.9fr);gap:8px;align-items:center;min-width:0;max-width:100%;text-align:left;margin:0;padding:12px 0}
.pronunciation-card .example-item+.example-item,.pronunciation-card .pronunciation-row+.pronunciation-row{border-top:1px solid #e6ddcb}
.pronunciation-card .example-item .num,.pronunciation-card .example-arrow{display:none}
.pronunciation-card .example-item .word,.pronunciation-card .example-item .pron,.pronunciation-card .example-word,.pronunciation-card .example-pron{font-size:18px;line-height:1.6;margin:0;min-width:0;word-break:keep-all;overflow-wrap:anywhere}
.pronunciation-card .example-item .mean,.pronunciation-card .pronunciation-row .zh{display:block;font-size:16px;line-height:1.65;background:none;border-radius:0;padding:0;margin:0;min-width:0;overflow-wrap:anywhere}
}
@media(max-width:700px){.pronunciation-card .long-example .word,.pronunciation-card .long-example .pron{font-size:16px}}
@media(max-width:360px){
.pronunciation-card .long-example .word,.pronunciation-card .long-example .pron{font-size:14px}
.pronunciation-card .example-item,.pronunciation-card .pronunciation-row{gap:6px}
.pronunciation-card .example-item .word,.pronunciation-card .example-item .pron,.pronunciation-card .example-word,.pronunciation-card .example-pron{font-size:16px}
.pronunciation-card .example-item .mean,.pronunciation-card .pronunciation-row .zh{font-size:15px}
}