.pzk_actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.pzk_actions button,.pzk_practice button,.pzk_dialog button{padding:10px 14px;min-height:42px;border:1px solid #f5f5f5;border-radius:9px;background:#f5f5f7;color:#303238;cursor:pointer;font:inherit}.pzk_status{font-size:16px;color:#718096;line-height:1.5}.pzk_practice{border:1px solid var(--line,#f5f5f5);border-radius:14px;padding:16px;margin-top:12px}.pzk_practice h3{margin:0 0 10px;font-size:18px}.pzk_practice button{margin:8px 8px 0 0}.pzk_example{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}.pzk_example span{font-weight:700;overflow-wrap:anywhere}.pzk_example button{flex-shrink:0}.pzk_dialog{width:min(680px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #f5f5f5;border-radius:18px;padding:22px;color:#15203a;background:#fff}.pzk_dialog::backdrop{background:rgba(10,20,40,.5)}.pzk_dialog h3{border-top:1px solid #f5f5f5;padding-top:16px}.pzk_dialog p{line-height:1.7}.pzk_word{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}.pzk_word span{flex:1;min-width:120px}.pzk_overview{padding:24px;border:1px solid #f5f5f5;border-radius:20px;background:#f7f9fc}.pzk_overview h2{margin:0 0 8px}.pzk_cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.pzk_cards button{text-align:left;padding:18px;border:1px solid #f5f5f5;border-radius:14px;background:white;color:#15203a;font:inherit;cursor:pointer}.pzk_cards strong,.pzk_cards span{display:block;margin-bottom:8px}.pzk_cards span{font-size:16px;line-height:1.6}.pzk_cards em{color:#303238;font-style:normal}.pzc [hidden]{display:none!important}@media(max-width:600px){.pzk_cards{grid-template-columns:1fr}.pzk_overview{padding:16px}.pzk_dialog{padding:14px}.pzk_example{flex-wrap:wrap}}html.pzl-dark .pzk_dialog,html.pzl-dark .pzk_cards button{background:#171b21;color:#e6e9ed;border-color:#f5f5f5}html.pzl-dark .pzk_overview{background:#0f1216;color:#e6e9ed;border-color:#f5f5f5}

#pzConnected,.pzk_dialog{font-size:16px;line-height:1.75}.pzk_dialog h2{font-size:24px;margin:16px 0}.pzk_dialog h3{font-size:19px;margin:22px 0 12px}.pzk_practice{padding:24px;margin-top:20px;background:#fff}.pzk_practice h3{font-size:21px}.pzk_practice p{margin:12px 0}.pzk_practice>strong,.pzk_example span{font-size:20px;line-height:1.6}.pzk_practice button,.pzk_actions button,.pzk_dialog button{font-size:16px;font-weight:600;min-height:44px}.pzk_practice button:disabled{opacity:.65;cursor:default}.pzk_status{font-size:16px}#pzkBack{display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;margin:0 0 20px;border:1px solid #f5f5f5;border-radius:12px;background:#fff;color:#23405a;font-size:16px;font-weight:700;cursor:pointer}.pzk_dialog .pzk_example{padding:12px 0;border-bottom:1px solid #f5f5f5}@media(max-width:600px){.pzk_practice{padding:18px}.pzk_practice>strong,.pzk_example span{font-size:18px}.pzk_dialog h2{font-size:22px}}

.pzk_dialog>button:first-child{display:block;margin-left:auto;position:sticky;top:0;z-index:2;background:#fff;border-color:#f5f5f5;box-shadow:0 3px 12px #1625440c}.pzk_dialog h2{margin-top:4px}.pzk_word{padding:10px 0;border-bottom:1px solid #f5f5f5}.pzk_sentence_grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pzk_sentence_grid button{text-align:left;margin:0;background:#f5f5f7;color:#223950;line-height:1.6}.pzk_linking{background:#f5f5f7;padding:32px}.pzk_linking h2{font-size:30px;letter-spacing:-.04em;color:#143946}.pzk_linking>p{font-size:16px;line-height:1.8;color:#61738b;max-width:650px}.pzk_linking .pzk_cards{gap:18px;margin-top:26px}.pzk_linking .pzk_cards button{padding:24px;border-radius:18px;border:1px solid #f5f5f5;box-shadow:0 4px 16px #163e4805;transition:transform .15s,box-shadow .15s}.pzk_linking .pzk_cards button:hover{transform:translateY(-3px);box-shadow:0 10px 24px #163e4812;border-color:#f5f5f5}.pzk_linking .pzk_cards strong{font-size:21px;letter-spacing:-.03em;margin:16px 0 12px}.pzk_linking .pzk_rule_badge{display:inline-block!important;background:#f5f5f7;color:#303238;font-size:16px!important;font-weight:700;padding:5px 10px;border-radius:20px}.pzk_linking .pzk_cards button>span:last-of-type{font-weight:700;color:#315780;padding:13px 15px;background:#f3f7fc;border-radius:10px;margin:16px 0}.pzk_linking .pzk_cards em{font-size:16px;font-weight:700}@media(max-width:600px){.pzk_linking{padding:20px}.pzk_linking h2{font-size:26px}.pzk_sentence_grid{grid-template-columns:1fr}.pzk_linking .pzk_cards button{padding:20px}}html.pzl-dark .pzk_linking{background:#151e27}html.pzl-dark .pzk_linking h2{color:#e5e5e7}

.pzk_inline_selection{grid-column:1/-1;padding:22px;background:#fff;border:1px solid #f5f5f5;border-radius:14px;font-size:16px;line-height:1.8}.pzk_inline_selection h4{font-size:22px;margin:0 0 12px}.pzk_inline_selection button{display:inline-block;margin:6px 8px 0 0}.pzk_sentence_grid>button[aria-expanded=true]{background:#f5f5f7;border-color:#f5f5f5}

/* 예문 내부의 직독직해는 대표 문장과 같은 크기·굵기로 표시한다. */
.pzk_example .pzc_chunk_ko{font-size:16px;font-weight:500;line-height:1.55;color:var(--ink,#24344f);margin-top:7px;letter-spacing:0}
.pzk_patterns{padding:32px;background:#f5f5f7}
.pzk_patterns>h2{font-size:28px;letter-spacing:-1px;color:#192d3c}.pzk_patterns>p{font-size:16px;line-height:1.8;color:#6c7c8f}
.pzk_patterns .pzk_cards{gap:18px;margin-top:26px}.pzk_patterns .pzk_cards button{padding:26px;border-radius:18px;transition:transform .18s,box-shadow .18s;border-color:#f5f5f5}
.pzk_patterns .pzk_cards button:hover{transform:translateY(-3px);box-shadow:0 10px 26px #30323812;border-color:#f5f5f5}.pzk_patterns .pzk_cards button:focus-visible{outline:3px solid #303238;outline-offset:3px}
.pzk_patterns .pzk_cards strong{font-size:19px;line-height:1.6;margin:12px 0}.pzk_patterns .pzk_cards .pzk_rule_badge{color:#303238;font-size:16px;font-weight:700}.pzk_patterns .pzk_cards em{display:block;text-align:right;font-size:16px;font-weight:700;margin-top:20px}
.pzk_patterns .pzk_cards button:last-child{grid-column:1/-1}@media(max-width:600px){.pzk_patterns{padding:20px}.pzk_patterns .pzk_cards button{padding:20px}.pzk_patterns>h2{font-size:24px}}

.pzk_patterns .pzl-role-sentence{margin:22px 0 12px}.pzk_patterns .pzk_cards .pzl-role-segment{display:inline-flex;font-size:20px;margin:0;line-height:1.25}.pzk_patterns .pzk_cards .pzc_chunk_ko{font-size:16px;font-weight:500;margin:7px 0 0;line-height:1.55}

.pzk_audio_buttons{display:flex;gap:6px;flex-shrink:0}.pzk_audio_buttons button{margin:0;white-space:nowrap}@media(max-width:600px){.pzk_example{flex-direction:column;align-items:stretch;gap:12px}.pzk_example>.pzl-role-sentence{width:100%}.pzk_audio_buttons{justify-content:flex-end;margin-bottom:12px}}

.pzk_chunk_lesson>p{font-size:16px;line-height:1.9}.pzk_chunk_steps{counter-reset:chunk;list-style:none;padding:0;display:grid;gap:10px;margin:20px 0 28px}.pzk_chunk_steps li{counter-increment:chunk;display:flex;align-items:start;gap:12px;background:var(--paper,#f5f5f7);border:1px solid var(--line,#f5f5f5);padding:16px;border-radius:12px;line-height:1.7}.pzk_chunk_steps li::before{content:counter(chunk,decimal-leading-zero);color:var(--accent-dark,#303238);font-weight:800;flex-shrink:0}.pzk_chunk_example{border-top:1px solid var(--line,#f5f5f5);padding:14px 0}.pzk_chunk_example>p{font-size:16px;color:var(--dim,#60758b);line-height:1.8}.pzk_chunk_quiz{background:var(--paper,#f5f5f7);padding:20px;border:1px solid var(--line,#f5f5f5);border-radius:14px;margin-top:24px}.pzk_chunk_quiz>button{display:block;width:100%;text-align:left;margin:9px 0;padding:12px 14px;background:var(--card,#fff);color:var(--ink,#21344a);border:1px solid var(--line,#f5f5f5);border-radius:10px;line-height:1.7}.pzk_chunk_quiz>button.is-correct{border-color:#f5f5f5;box-shadow:inset 4px 0 #303238}.pzk_chunk_quiz>button.is-wrong{border-color:#f5f5f5}.pzk_chunk_quiz [role=status]{font-size:16px;line-height:1.8}.pzk_chunk_quiz button:focus-visible{outline:3px solid #303238;outline-offset:2px}@media(max-width:600px){.pzk_chunk_steps li{padding:12px}.pzk_chunk_quiz{padding:14px}.pzk_chunk_lesson>p{font-size:16px}}
html.pzl-dark .pzk_chunk_steps li::before{color:#e5e5e7}html.pzl-dark .pzk_chunk_steps li,html.pzl-dark .pzk_chunk_quiz{background:#303238;border-color:#f5f5f5;color:#e5e5e7}html.pzl-dark .pzk_chunk_quiz>button{background:#1b2937;border-color:#f5f5f5;color:#e5e5e7}
/* 학습 카드도 공통 테마 색을 따릅니다. */
.pzc .pzk_practice{background:var(--card);color:var(--ink);border-color:var(--line)}
html.pzl-dark .pzc .pzk_actions button,html.pzl-dark .pzc .pzk_audio_buttons button{background:#303238;color:#e5e5e7;border-color:#f5f5f5}
html.pzl-dark .pzc .pzk_chunk_example>p{color:#aebdcb}
.pzc[data-course="grammar"][data-topic="8"] .pzl-role-segment{max-width:100%}.pzc[data-course="grammar"][data-topic="8"] .pzl-role-segment>b{white-space:normal;overflow-wrap:break-word;line-height:1.6}.pzc[data-course="grammar"][data-topic="8"] .pzk_example>.pzl-role-sentence{min-width:0}
.pzk_dissection{margin-top:14px;border-left:3px solid #f5f5f5;background:var(--soft);padding:12px 16px;border-radius:0 10px 10px 0;line-height:1.85;overflow-wrap:anywhere}.pzk_dissection>strong{color:var(--ink);font-size:16px}.pzk_dissection p{margin:6px 0;font-size:16px}.pzk_relative_guide{display:grid;gap:10px;margin:24px 0}.pzk_relative_guide article{border:1px solid var(--line);border-radius:12px;padding:16px}.pzk_relative_guide h4{margin:0 0 10px;color:var(--ink)}.pzk_relative_guide b{display:block;color:var(--ink);font-size:16px;overflow-wrap:anywhere}.pzk_talk_example{margin:0 0 20px;padding:0 0 18px}.pzk_talk_example+.pzk_talk_example{border-top:1px solid var(--line);padding-top:20px}.pzk_talk_example>p{margin-top:0}.pzk_talk_example:last-child{margin-bottom:0;padding-bottom:0}
.pzk_concept_guide>section{margin-bottom:28px}.pzk_concept_guide article{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:10px 0;background:var(--card)}.pzk_concept_guide h4{margin:0 0 8px;color:var(--ink);font-size:16px}.pzk_concept_guide article>b{display:block;color:var(--ink);font-size:16px;line-height:1.8;overflow-wrap:anywhere}.pzk_concept_guide article>p{margin:8px 0 0;line-height:1.85}.pzk_concept_guide>section>p{line-height:1.85}
.pzk_screen_intro{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0 22px}.pzk_screen_intro>div{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:14px 16px;border-top:3px solid #f5f5f5}.pzk_screen_intro strong{font-size:16px;color:var(--ink)}.pzk_screen_intro p{font-size:16px;line-height:1.8;margin:7px 0 0;color:var(--ink)}.pzk_concept_rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pzk_concept_guide .pzk_concept_rows article{margin:0;min-width:0}.pzk_concept_guide>section{margin-bottom:36px}.pzk_concept_guide>section>h3{padding-bottom:12px;border-bottom:2px solid var(--line)}.pzk_concept_sentence{padding:12px 0;margin:4px 0;border-bottom:1px solid var(--line)}.pzk_concept_sentence .pzl-role-sentence{gap:10px 14px}.pzk_concept_sentence [data-role="명사"],.pzk_concept_sentence [data-role="명사구"]{color:var(--pzr-subject,#7761ce)}.pzk_concept_sentence [data-role*="형용사"]{color:var(--pzr-complement,#687ad1)}.pzk_concept_sentence [data-role*="부사"],.pzk_concept_sentence [data-role="한정사"]{color:var(--pzr-manner,#987027)}.pzk_concept_sentence [data-role*="전치사"],.pzk_concept_sentence [data-role*="관계"]{color:var(--pzr-preposition,#9562bd)}.pzk_concept_sentence [data-role*="동사"]:not([data-role*="관계"]){color:var(--pzr-verb,#d96b46)}
@media(max-width:700px){.pzk_screen_intro,.pzk_concept_rows{grid-template-columns:minmax(0,1fr)}.pzk_screen_intro>div{padding:12px 14px}.pzk_concept_guide article{padding:14px}.pzk_concept_guide>section>h3{font-size:19px;line-height:1.5}}
.pzk_screen_intro:has(.pzk_intro_example){grid-template-columns:minmax(0,1fr)}.pzk_screen_intro .pzk_intro_example{margin-top:16px;padding:14px;border:1px solid var(--line);border-radius:10px;background:var(--card)}.pzk_intro_example .pzl-role-sentence{display:flex;flex-wrap:wrap;gap:10px 16px}.pzk_screen_intro .pzk_intro_example>p{font-size:16px;margin-top:12px;color:var(--ink)}.pzk_screen_intro .pzk_intro_takeaway{border-left:3px solid #f5f5f5;padding:9px 12px;margin-top:16px;font-size:16px}.pzk_intro_example [data-role="명사"],.pzk_intro_example [data-role="명사구"]{color:var(--pzr-subject,#7761ce)}.pzk_intro_example [data-role="형용사"]{color:var(--pzr-complement,#687ad1)}.pzk_intro_example [data-role="한정사"],.pzk_intro_example [data-role*="부사"]{color:var(--pzr-manner,#987027)}.pzk_intro_example [data-role="전치사"]{color:var(--pzr-preposition,#9562bd)}
/* 구와 절: 카드 종류에 관계없이 같은 학습 글자 크기 */
.pzc[data-course="grammar"][data-topic="8"]{--chunk-en-size:20px;--chunk-role-size:12px;--chunk-ko-size:15px}
.pzc[data-course="grammar"][data-topic="8"] .pzl-role-segment>b{font-size:var(--chunk-en-size);font-weight:800;line-height:1.55}
.pzc[data-course="grammar"][data-topic="8"] .pzl-role-segment>small{font-size:var(--chunk-role-size);line-height:1.5}
.pzc[data-course="grammar"][data-topic="8"] .pzl-role-segment>.pzc_chunk_ko{font-size:var(--chunk-ko-size);line-height:1.65}
@media(max-width:700px){.pzc[data-course="grammar"][data-topic="8"]{--chunk-en-size:18px;--chunk-role-size:12px;--chunk-ko-size:14px}}
.pzk_screen_intro mark{background:#e8edf2;color:#233449;font-weight:800;padding:1px 4px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}.pzl-dark .pzk_screen_intro mark{background:#435064;color:#fff}.pzk_intro_listen{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:12px 0 18px;padding:10px 12px;border:1px solid var(--line);border-radius:10px}.pzk_intro_listen button{font:inherit;font-weight:700;font-size:16px;min-height:42px;padding:8px 13px;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink);cursor:pointer}.pzk_intro_listen button:disabled{opacity:.55;cursor:default}.pzk_intro_listen small{color:var(--dim);font-size:16px}.pzc .pzc_audio_source[hidden]{display:none!important}

.pzk_screen_intro p,.pzk_screen_intro .pzk_intro_example>p,.pzk_screen_intro .pzk_intro_takeaway,.pzk_concept_guide p{font-size:16px;line-height:1.85}.pzk_intro_example>.pzk_audio_buttons,.pzk_concept_sentence>.pzk_audio_buttons{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.pzk_actions>.pzk_audio_buttons{display:flex;gap:8px}
/* 위치에 관계없이 모든 남녀 발음 버튼에 동일한 기본 규격을 적용합니다. */
.pzc .pzk_audio_buttons{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pzc .pzk_audio_buttons>button{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:80px;min-height:46px;margin:0;padding:10px 14px;border:1px solid #f5f5f5;border-radius:9px;background:#f5f5f7;color:#303238;font-family:inherit;font-size:16px;font-weight:600;line-height:1.5;white-space:nowrap;cursor:pointer}
.pzc .pzk_audio_buttons>button:disabled{opacity:.55;cursor:default}
.pzc .pzk_audio_buttons>button:focus-visible{outline:3px solid #303238;outline-offset:2px}
html.pzl-dark .pzc .pzk_audio_buttons>button{background:#303238;color:#e5e5e7;border-color:#f5f5f5}

.pzk_concept_guide>details{border:1px solid var(--line);border-radius:12px;padding:16px;margin:14px 0}.pzk_concept_guide>details>summary{font-size:19px;font-weight:700;cursor:pointer;line-height:1.6}.pzk_concept_guide>details>p{font-size:16px;line-height:1.85}

.pzc .pzk_relative_guide article>h4{font-size:17px;line-height:1.6;margin:0 0 10px}.pzc .pzk_relative_guide article>b{font-size:18px;line-height:1.6}

.pzk_screen_intro>div:only-child{grid-column:1 / -1}

.pzk_pattern_example+.pzk_pattern_example{border-top:1px solid var(--line,#f5f5f5);margin-top:22px;padding-top:18px}
.pzk_actions{align-items:center}.pzk_actions>button,.pzk_actions>.pzk_audio_buttons{flex-shrink:0}
.pzk_actions>.pzk_status{margin:0 0 0 auto;flex:1 1 180px;text-align:right;min-height:21px}
.pzk_audio_buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pzk_audio_buttons>.pzk_status{flex-basis:100%;text-align:right;margin:0;min-height:21px}
/* 재생 상태는 보조기기에만 알리고 화면 배치를 바꾸지 않습니다. */
.pzk_status,.pzc_audio_status{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;min-height:0!important}
