#knowledge-detail-dialog.g3-learning-dialog{width:min(720px,calc(100vw - 28px));max-width:720px;max-height:92dvh;overflow:hidden;padding:0;border:1px solid #d9e8e2;border-radius:28px;background:#f3f8f4;color:#173b3d;box-shadow:0 28px 90px #183f493d}
.g3-learning-dialog::backdrop{background:#213c4866;backdrop-filter:blur(4px)}
.g3-learning-dialog .knowledge-dialog-head{padding:14px 22px 8px;background:transparent;border:0;margin:0}
.g3-learning-dialog #knowledge-dialog-content{padding:0 24px 22px;max-height:calc(88dvh - 60px);overflow-y:auto;overscroll-behavior:contain}
.g3-learning-dialog button,.g3-learning-dialog a{touch-action:manipulation}
body.g3-poster-mode{background:#fff;margin:0;padding:12px 12px 24px;min-height:100dvh}
body.g3-poster-mode>:not(#knowledge-detail-dialog):not(script):not(#toast){display:none!important}
#knowledge-detail-dialog.g3-original-poster-page{position:static;display:block;width:min(820px,100%);max-width:820px;max-height:none;overflow:visible;border:0;border-radius:0;box-shadow:none;background:transparent;margin:0 auto;padding:0}
.g3-original-poster-page .knowledge-dialog-head{display:none}
.g3-original-poster-page #knowledge-dialog-content{max-height:none;overflow:visible;padding:0}
.g3-poster-back{display:inline-block;font-size:13px;color:#567c70;text-decoration:none;margin:0 0 10px}
.g3-original-poster{position:relative;container-type:inline-size;width:100%}
.g3-approved-poster-image{display:block;width:100%;height:auto}
.g3-poster-hotspot{position:absolute;display:block;border:0;padding:0;background:transparent;border-radius:999px;cursor:pointer;touch-action:manipulation;color:transparent}
.g3-poster-hotspot:hover{background:#ffffff20}.g3-poster-hotspot:focus-visible{outline:3px solid #1b72c8;outline-offset:3px;background:#ffffff20}
.g3-poster-hotspot[aria-busy=true]{box-shadow:0 0 0 4px #0c82d84d;background:#fff3}
.g3-hotspot-mia-audio{left:28.1%;top:40.25%;width:8.5%;height:5.6%}
.g3-hotspot-ben-audio{left:28.1%;top:50.2%;width:8.5%;height:5.6%}
.g3-hotspot-mia-name{left:17.1%;top:66.95%;width:21.1%;height:4.5%}
.g3-hotspot-ben-name{left:39.2%;top:66.95%;width:21.1%;height:4.5%}
.g3-hotspot-friend-name{left:62%;top:66.95%;width:21.1%;height:4.5%}
.g3-hotspot-follow-audio{left:14.2%;top:82.4%;width:9.3%;height:6.2%}
.g3-hotspot-challenge{left:2.8%;top:90.85%;width:94.5%;height:5.55%}
.g3-poster-selected-name{position:absolute;left:58%;top:62.55%;width:12%;height:3.6%;display:grid;place-items:center;background:#e9faf4;color:#123363;font:800 4.7cqw/1 system-ui;white-space:nowrap;border-radius:8px}
.g3-poster-selected-name[hidden],.g3-poster-name-input[hidden]{display:none!important}.g3-poster-selected-name.g3-long-name{font-size:2.5cqw}
.g3-poster-name-input{position:absolute;left:61.8%;top:66.9%;width:21.4%;height:4.7%;border:2px solid #4688b4;border-radius:999px;background:#eff9ff;color:#173b58;font:700 2.7cqw/1 system-ui;text-align:center;z-index:2;padding:0 7px;box-sizing:border-box}
.g3-poster-model{margin:10px 5px 0;font-size:clamp(15px,2.5vw,20px);font-weight:700;text-align:center;color:#21476c}.g3-poster-status{font-size:13px;line-height:1.6;color:#53796a;margin:5px;text-align:center;min-height:22px}
.g3-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.g3-inline-poster-card{grid-column:1/-1;background:#fff!important;padding:20px!important}
.g3-inline-poster-card>h2,.g3-inline-poster-card>h4{margin:0 0 14px!important}
.g3-inline-poster-host{width:min(820px,100%);margin:0 auto}
.g3-extra-poster-output{position:absolute;display:grid;place-items:center;background:#e9faf4;color:#123363;font:800 3.7cqw/1 system-ui;white-space:nowrap;border-radius:8px}
.g3-extra-poster-output[hidden]{display:none!important}
.g3-poster-translation{margin:4px 5px;font-size:14px;line-height:1.5;color:#53796a;text-align:center}
.g3-inline-poster-host .g3-poster-hotspot{min-height:0;margin:0;padding:0;border:0;background:transparent;box-sizing:border-box}
.g3-inline-poster-host .g3-poster-hotspot[aria-busy=true]{background:#fff3;box-shadow:0 0 0 4px #0c82d84d}
.g3-header{padding:7px 2px 18px}.g3-brand{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:15px;font-weight:800;margin:0 0 18px}
.g3-brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:10px;background:#18a680;color:white;font-weight:900}
.g3-grade-tag{margin-left:auto;font-size:12px;padding:6px 11px;border-radius:999px;background:#e0effc;color:#3c6590}
.g3-target-en{font-size:clamp(25px,4vw,34px);line-height:1.24;letter-spacing:-.5px;margin:0 0 8px;overflow-wrap:anywhere}
.g3-target-zh{font-size:16px;line-height:1.55;margin:0;color:#315c5a}.g3-unit{font-size:12px;color:#758781;margin:9px 0 0}
.g3-card{margin:0 0 14px;padding:19px 20px;border-radius:22px;background:#fff;border:1px solid #e3eeea;box-shadow:0 4px 12px #26675a05}
.g3-card-heading{display:flex;align-items:center;gap:9px;margin:0 0 13px;font-size:18px;line-height:1.3}.g3-card-number{font-size:11px;display:grid;place-items:center;width:27px;height:27px;border-radius:9px;background:#e5f1ef;color:#438478}
.g3-card-intro{margin:0 0 14px;font-size:13px;line-height:1.65;color:#667a76}
.g3-scene-card{background:#eaf3fc;border-color:#dce8f4;display:grid;grid-template-columns:1.1fr 1fr;gap:0 20px;align-items:center}.g3-scene-card .g3-card-heading{grid-column:1/-1}
.g3-scene-image{width:100%;height:auto;border-radius:18px;background:#f9fbff}.g3-scene-story h5{font-size:16px;margin:0 0 8px}.g3-scene-story p{font-size:15px;line-height:1.8;margin:0;color:#3d6277}
.g3-example{display:flex;gap:11px;align-items:center;padding:14px 0;border-top:1px solid #edf1ee}.g3-example:last-child{padding-bottom:2px}.g3-example-number{font-size:12px;color:#82a99a;align-self:flex-start;padding-top:6px}
.g3-example-words{flex:1;min-width:0}.g3-example-en,.g3-follow-en{font-size:18px;font-weight:650;line-height:1.5;margin:0 0 5px;overflow-wrap:anywhere}.g3-example-zh{margin:0;color:#70837b;font-size:13px;line-height:1.6}
.g3-speech-button{flex-shrink:0;min-height:38px;padding:8px 11px;border:1px solid #c7e1d8;border-radius:12px;background:#eff8f2;color:#287a63;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.g3-speech-button:hover{background:#dff2e7}.g3-speech-button[aria-busy=true]{background:#d6ede2}.g3-speech-button:focus-visible,.g3-swap-choice:focus-visible,.g3-challenge-link:focus-visible{outline:3px solid #459ad8;outline-offset:3px}
.g3-swap-card{background:#fcfdfa}.g3-parts{display:grid;grid-template-columns:1fr 1fr;gap:9px}.g3-parts p{font-size:14px;line-height:1.6;padding:12px 14px;border-radius:13px;margin:0}
.g3-fixed{background:#e8f3ff;color:#3a6592}.g3-replaceable{background:#e8f5ea;color:#3b7752}.g3-swap-choices{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}
.g3-swap-choice{padding:8px 12px;border-radius:999px;border:1px solid #d4e6d6;background:#fff;color:#487357;font:inherit;font-size:13px;cursor:pointer}.g3-swap-choice[aria-pressed=true]{background:#daf0e0;border-color:#69a982;color:#205c38}
.g3-swap-model{font-size:17px;font-weight:650;line-height:1.5;margin:12px 0 4px}.g3-swap-translation{font-size:13px;color:#718076;margin:0 0 12px;line-height:1.6}
.g3-tip{display:flex;gap:11px;align-items:baseline;padding:12px 14px;background:#fff3da;border-radius:14px;color:#856231}.g3-tip strong{font-size:12px;white-space:nowrap}.g3-tip p{font-size:13px;line-height:1.6;margin:0}
.g3-follow-card{background:#eef8f5;border-color:#d9ebe3}.g3-follow-actions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0 9px}.g3-chunks{font-size:13px;color:#678279;line-height:1.7;margin:10px 0 0}.g3-speech-status{font-size:12px;line-height:1.6;min-height:20px;margin:8px 0 0;color:#537b6f}
.g3-source{padding:5px 5px 13px;font-size:11px;color:#829188;line-height:1.65}.g3-source summary{cursor:pointer}.g3-source p{margin:8px 0}.g3-source a{color:#507964;text-decoration:underline}
.g3-learning-footer{padding:6px 0 0;text-align:center}.g3-learning-footer p{font-size:13px;color:#72877b;margin:0 0 11px;line-height:1.6}.g3-challenge-link{display:block;padding:15px 22px;background:#239d74;color:white!important;border-radius:15px;text-decoration:none;font-size:17px;font-weight:750;box-shadow:0 5px 0 #16805e}
.g3-challenge-link:hover{background:#188d65}
@media(max-width:560px){.knowledge-detail-dialog.g3-learning-dialog{width:calc(100vw - 14px);border-radius:22px}.g3-learning-dialog #knowledge-dialog-content{padding:0 15px 19px;max-height:calc(90dvh - 54px)}.g3-card{padding:16px 14px;border-radius:18px}.g3-scene-card{grid-template-columns:1fr}.g3-scene-image{max-height:210px;object-fit:contain;margin-bottom:13px}.g3-grade-tag{margin-left:0}.g3-parts{grid-template-columns:1fr}.g3-example{flex-wrap:wrap}.g3-example-words{min-width:200px}.g3-example .g3-speech-button{margin-left:24px}.g3-target-en{font-size:26px}.g3-tip{display:block}.g3-tip strong{display:block;margin-bottom:5px}}

.g3-poster-controls > .g3-poster-name-label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;max-width:100%}
.g3-poster-controls > .g3-poster-name-label > .g3-poster-name-input{position:static;left:auto;top:auto;width:200px;max-width:100%;height:40px;font:700 16px/1 system-ui;flex:0 1 200px}

/* Keep the original colour blank covered while giving its longest answer breathing room. */
.g3-inline-poster-host[data-g3-item-id="official-core:34c8698c7f0fa35d8708bfbb"] .g3-extra-poster-output{box-sizing:border-box;padding-left:1.2cqw;font-size:3.2cqw}