.has-roleplay>.pzc_lesson_label,.has-roleplay>#pzcTitle,.has-roleplay>#pzcKo,.has-roleplay>.pzc_audio_source,.has-roleplay>#pzcEn,.has-roleplay>.pzc_tip{display:none}
.cafe-root{line-height:1.7}.cafe-root h2{font-size:26px}.cafe-root h3{font-size:21px}.cafe-root h4{font-size:18px;color:#303238;margin:28px 0 12px}.cafe-section{padding:24px 0;border-top:1px solid #f5f5f5;scroll-margin-top:140px}.cafe-jumps,.cafe-voices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cafe-root button,.cafe-jumps a{font-size:16px;padding:9px 13px;border:1px solid #f5f5f5;border-radius:9px;background:#f5f5f7;color:#303238;cursor:pointer;min-height:40px}.cafe-root button:disabled{opacity:.5;cursor:default}.cafe-root button:focus-visible,.cafe-root a:focus-visible,.cafe-root summary:focus-visible{outline:3px solid #5b77dc;outline-offset:3px}.cafe-video-placeholder{background:#f5f5f7;padding:42px 20px;text-align:center;border-radius:16px;white-space:pre-line}.cafe-section video{width:100%;max-height:500px;border-radius:12px}.cafe-dialogue,.cafe-example{padding:20px;border:1px solid #f5f5f5;border-radius:12px;margin:14px 0}.cafe-dialogue.female{background:#f5f5f7}.cafe-dialogue.male{margin-left:24px}.cafe-english{font-size:20px;font-weight:700}.cafe-hide-english .cafe-english{visibility:hidden}.cafe-changed{text-decoration:underline;text-decoration-color:#cfaf54;text-underline-offset:5px}.cafe-note{padding:16px;background:#f4f7fc;border-radius:10px}.cafe-status{font-size:16px;color:#526881}.cafe-root details{margin:16px 0}.cafe-root summary{cursor:pointer;color:#303238}.cafe-root .pzl-role-segment[data-role=purpose]{color:#967019}.cafe-root .pzl-role-segment[data-role=other]{color:#667487}@media(max-width:600px){.cafe-root h2{font-size:22px}.cafe-dialogue,.cafe-example{padding:14px}.cafe-dialogue.male{margin-left:10px}.cafe-english{font-size:18px}.cafe-jumps{position:static}.cafe-section{scroll-margin-top:100px}}

.cafe-section video{display:block;aspect-ratio:16/9;height:auto;background:#101522;object-fit:contain}
.cafe-english .pzl-role-segment>b{white-space:normal;overflow-wrap:anywhere}

.cafe-video-frame{position:relative}
.cafe-root .cafe-video-surface{position:absolute;inset:0 0 56px;width:100%;min-height:0;padding:0;border:0;border-radius:12px 12px 0 0;background:transparent;color:transparent;touch-action:manipulation}
.cafe-root .cafe-video-surface:focus-visible{outline-offset:-4px}

.cafe-root .cafe-caption-toggle{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:10px 0 0 auto;padding:8px 14px;min-height:44px;border:1px solid #f5f5f5;border-radius:10px;background:#fff;color:#222;font-size:16px;font-weight:600;line-height:1.5;transition:background .15s,border-color .15s}
.cafe-caption-toggle::before{content:"CC";display:inline-flex;align-items:center;justify-content:center;width:27px;height:22px;border:1.5px solid currentColor;border-radius:4px;font-size:16px;line-height:1;letter-spacing:-1px}
.cafe-root .cafe-caption-toggle[aria-pressed=false]{background:#f5f5f7;border-color:#f5f5f5;color:#303238}
@media(hover:hover){.cafe-root .cafe-caption-toggle:hover{background:#f5f5f7;border-color:#f5f5f5}}

/* 상황극의 일반 조작 버튼은 흰색으로 통일한다. */
.cafe-root button:not(.cafe-video-surface):not(.cafe-caption-toggle),.cafe-jumps a{background:#fff;color:#222;border:1px solid #f5f5f5;border-radius:10px;font-size:16px;font-weight:600;line-height:1.5;padding:8px 14px;min-height:44px}
@media(hover:hover){.cafe-root button:not(.cafe-video-surface):not(.cafe-caption-toggle):not(:disabled):hover,.cafe-jumps a:hover{background:#f5f5f7;border-color:#f5f5f5}}

/* 모바일 WebKit/Chromium 기본 중앙 재생 표시만 숨긴다. */



.cafe-root .cafe-english{color:#222}
.cafe-root .cafe-english>b{color:inherit}

.cafe-root .cafe-caption-toggle{gap:6px;padding:5px 10px;min-height:36px;border-radius:8px;font-size:16px}
.cafe-caption-toggle::before{width:22px;height:18px;font-size:14px;border-width:1px}
