/* 상세분석 C · 고T 필기본 — 판면. 좌표는 원본 필기본 기준(배지 18.7pt / 영문 291pt / 점선 / 해석 164pt).
   측정·미리보기·인쇄가 같은 치수를 쓴다. 쪽 나눔과 라벨 위치는 QraftSyntax.layout이 실측으로 정한다. */
.wb-k-detail_c{width:210mm;height:296mm;min-height:296mm;padding:14mm 12mm 9mm!important;margin:0 auto 8mm!important;box-sizing:border-box;overflow:hidden;position:relative;
  display:flex;flex-direction:column;background:#fff;color:#111;font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Noto Sans KR',sans-serif;font-size:9pt;font-weight:400;line-height:1.4;
  --qs-navy:#1f3864;--qs-red:#d92b2b;--qs-blue:#1a56c4;--qs-green:#0f8a43;--qs-purple:#7b2fbf;}
.wb-k-detail_c *{box-sizing:border-box;}
/* 실측 단계: 높이 제한을 풀어 모든 문장을 실제 폭으로 펼친다 */
.wb-k-detail_c.qs-measure{height:auto!important;min-height:0!important;overflow:visible!important;}
.wb-k-detail_c.qs-measure .qs-rows{flex:none;overflow:visible;}

.wb-k-detail_c .qs-top{flex:none;border-top:2.6px solid var(--qs-navy);}
.wb-k-detail_c .qs-head{flex:none;position:relative;padding:6pt 0 4pt;text-align:center;min-height:34pt;}
.wb-k-detail_c .qs-no{font-size:10.5pt;font-weight:800;color:var(--qs-navy);letter-spacing:.3px;line-height:1.25;padding:0 170pt;}
.wb-k-detail_c .qs-ttl{font-size:11.5pt;font-weight:800;color:#12203b;margin-top:2px;line-height:1.25;padding:0 40pt;}
.wb-k-detail_c .qs-src{position:absolute;right:0;top:0;width:164pt;text-align:right;font-size:5.6pt;color:#6b7382;line-height:1.55;padding-top:4pt;}
.wb-k-detail_c .qs-bot{flex:none;border-top:1.4px solid var(--qs-navy);margin-bottom:4px;}

.wb-k-detail_c .qs-rows{flex:1 1 auto;min-height:0;overflow:hidden;}
.wb-k-detail_c .qs-row{display:flex;padding:5pt 0 4pt;break-inside:avoid;page-break-inside:avoid;}
.wb-k-detail_c .qs-badge{flex:none;width:18.7pt;height:10.5pt;background:var(--qs-navy);color:#fff;font-size:6.8pt;font-weight:700;text-align:center;line-height:10.5pt;border-radius:1.5pt;margin-top:5.8pt;
  -webkit-print-color-adjust:exact;print-color-adjust:exact;}
.wb-k-detail_c .qs-en{flex:none;width:291pt;margin-left:17.7pt;position:relative;text-align:justify;font-size:9pt;line-height:2.45;word-break:normal;overflow-wrap:break-word;}
/* 라벨이 위 단으로 올라간 문장만 줄 간격을 넓힌다(줄바꿈은 그대로 → 라벨 가로 위치 유효) */
.wb-k-detail_c .qs-row.qs-lh1 .qs-en{line-height:2.95;}
.wb-k-detail_c .qs-row.qs-lh1 .qs-badge{margin-top:8pt;}
.wb-k-detail_c .qs-row.qs-lh2 .qs-en{line-height:3.6;}
.wb-k-detail_c .qs-row.qs-lh2 .qs-badge{margin-top:11pt;}
.wb-k-detail_c .qs-sep{flex:none;width:0;border-left:1px dotted #9aa4b5;margin:2pt 0 2pt 16.9pt;}
.wb-k-detail_c .qs-kr{flex:none;width:164pt;margin-left:17.9pt;padding-top:3.4pt;font-size:7.4pt;line-height:1.72;color:#333;word-break:keep-all;overflow-wrap:anywhere;}

/* 라벨: .qs-en 기준 절대 위치. left/top은 layout이 어구 첫 조각 위로 계산해 넣는다 */
.wb-k-detail_c .qs-a{position:absolute;white-space:nowrap;font-size:5.8pt;line-height:1;font-weight:600;letter-spacing:-.2px;text-align:left;text-indent:0;word-spacing:0;pointer-events:none;
  font-family:'Pretendard Variable','Pretendard','Apple SD Gothic Neo','Noto Sans KR',sans-serif;}
.wb-k-detail_c .qs-r{color:var(--qs-red);} .wb-k-detail_c .qs-b{color:var(--qs-blue);} .wb-k-detail_c .qs-g{color:var(--qs-green);}
.wb-k-detail_c .qs-br{font-weight:700;}
.wb-k-detail_c .qs-adv{color:var(--qs-blue);} .wb-k-detail_c .qs-adj{color:var(--qs-red);} .wb-k-detail_c .qs-nou{color:var(--qs-purple);}
.wb-k-detail_c .qs-hl{background:#bdf0c6;padding:0 1px;border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-print-color-adjust:exact;print-color-adjust:exact;}
.wb-k-detail_c .qs-u{border-bottom:1.1px solid var(--qs-red);}
.wb-k-detail_c .qs-ub{border-bottom:1.1px solid var(--qs-blue);}

.wb-k-detail_c .qs-notebox{flex:none;}
.wb-k-detail_c .qs-note-rule{border-top:1px solid #c3cbd8;}
.wb-k-detail_c .qs-note-ttl{font-size:6.4pt;font-weight:800;color:var(--qs-navy);margin:5px 0 4px;line-height:1.2;}
.wb-k-detail_c .qs-note{display:flex;gap:14px;min-height:78pt;}   /* 앞쪽의 빈 Note = 학생 필기 자리 */
.wb-k-detail_c .qs-pt{flex:1.25;min-width:0;font-size:6.6pt;line-height:1.85;color:var(--qs-red);font-weight:600;word-break:keep-all;}
.wb-k-detail_c .qs-pt .qs-hd{color:var(--qs-navy);font-weight:800;}
.wb-k-detail_c .qs-pt .qs-ind{padding-left:10px;}
.wb-k-detail_c .qs-pt u{text-underline-offset:1.5px;}
.wb-k-detail_c .qs-voc{flex:1;min-width:0;font-size:6.4pt;line-height:1.8;color:#111;display:flex;flex-wrap:wrap;align-content:flex-start;column-gap:9pt;}
.wb-k-detail_c .qs-vi{max-width:100%;}
.wb-k-detail_c .qs-voc b{color:var(--qs-blue);font-weight:700;}
.wb-k-detail_c .qs-voc i{color:var(--qs-red);font-style:normal;}
.wb-k-detail_c .qs-voc em{font-style:normal;color:#555;}
.wb-k-detail_c .qs-pgn{flex:none;height:10pt;margin-top:6px;text-align:center;font-size:6.6pt;line-height:10pt;color:#444;}

@media print{#wbPrintArea .wb-k-detail_c.wb-page{margin:0!important;}}

/* ── 미리보기·편집(화면 전용) ── */
#wbPrintArea.qs-editing .wb-k-detail_c{margin:0 auto calc(10mm + (var(--qs-zoom,1) - 1) * 296mm)!important;box-shadow:0 3px 20px rgba(0,0,0,.14);transform:scale(var(--qs-zoom,1));transform-origin:top center;}
#wbPrintArea.qd-editing .wb-k-detail_c{margin:0 auto 10mm!important;box-shadow:0 3px 20px rgba(0,0,0,.14);}
#wbPrintArea.qs-editing .qs-row{cursor:pointer;border-radius:3px;}
#wbPrintArea.qs-editing .qs-row:hover{background:#f3f7ff;outline:1px dashed #9db4dc;}
#wbPrintArea.qs-editing .qs-row.qs-degraded{background:#fff8e1;}
#wbPrintArea.qs-editing .qs-row.qs-degraded .qs-badge{background:#c47f17;}
#wbPrintArea.qs-editing .qs-notebox{cursor:pointer;border-radius:3px;}
#wbPrintArea.qs-editing .qs-notebox:hover{background:#f3f7ff;outline:1px dashed #9db4dc;}
#wbPrintArea.qs-editing .qs-head{cursor:pointer;}
#wbPrintArea.qs-editing .qs-head:hover .qs-ttl{text-decoration:underline dotted;}

#qsxBar{position:fixed;left:0;right:0;top:0;z-index:2147483100;display:flex;align-items:center;gap:10px;padding:10px 18px;background:#14213d;color:#fff;font:500 13px/1.3 'Pretendard Variable','Pretendard',sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.25);}
#qsxBar .qsx-title{flex:1;min-width:0;}
#qsxBar .qsx-title b{display:block;font-size:14px;}
#qsxBar .qsx-title span{display:block;font-size:11.5px;color:#c9d4ea;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#qsxBar .qsx-status{font-size:12px;color:#ffd98a;white-space:nowrap;}
#qsxBar button{font:600 12.5px/1 'Pretendard Variable','Pretendard',sans-serif;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,255,255,.35);background:transparent;color:#fff;cursor:pointer;}
#qsxBar button:hover{background:rgba(255,255,255,.12);}
#qsxBar button.qsx-primary{background:#fff;color:#14213d;border-color:#fff;}
#qsxBar .qsx-zoom{display:inline-flex;align-items:center;gap:4px;}
#qsxBar .qsx-zoom b{min-width:44px;text-align:center;font-size:12px;}

#qsxModal{position:fixed;inset:0;z-index:2147483200;background:rgba(15,23,42,.55);display:flex;align-items:center;justify-content:center;padding:24px;font-family:'Pretendard Variable','Pretendard',sans-serif;}
#qsxModal .qsx-card{width:min(860px,100%);max-height:100%;overflow:auto;background:#fff;border-radius:12px;padding:20px 22px;box-shadow:0 20px 60px rgba(0,0,0,.35);color:#172334;}
#qsxModal h3{margin:0 0 4px;font-size:16px;}
#qsxModal .qsx-sub{margin:0 0 12px;font-size:12px;color:#5b6778;}
#qsxModal label{display:block;margin:12px 0 5px;font-size:12px;font-weight:700;color:#1f3864;}
#qsxModal textarea,#qsxModal input[type=text]{width:100%;box-sizing:border-box;border:1px solid #c5cfdf;border-radius:8px;padding:9px 10px;font:500 13px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,'Pretendard',monospace;color:#172334;resize:vertical;}
#qsxModal textarea:focus,#qsxModal input[type=text]:focus{outline:2px solid #7ea2e0;border-color:#7ea2e0;}
#qsxModal .qsx-tags{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 6px;}
#qsxModal .qsx-tags button{font:600 11.5px/1 'Pretendard Variable','Pretendard',sans-serif;padding:6px 8px;border-radius:6px;border:1px solid #c5cfdf;background:#f6f8fc;cursor:pointer;color:#172334;}
#qsxModal .qsx-tags button:hover{background:#e8eefb;}
#qsxModal .qsx-tags .t-adv{color:#1a56c4;} #qsxModal .qsx-tags .t-adj{color:#d92b2b;} #qsxModal .qsx-tags .t-nou{color:#7b2fbf;}
#qsxModal .qsx-tags .t-gp{background:#d9f7de;color:#0b6e34;} #qsxModal .qsx-tags .t-lb{color:#1a56c4;} #qsxModal .qsx-tags .t-mn{color:#d92b2b;}
#qsxModal .qsx-tags .t-ul{color:#d92b2b;text-decoration:underline;} #qsxModal .qsx-tags .t-pl{color:#1a56c4;text-decoration:underline;}
#qsxModal .qsx-tags .qsx-gap{flex:1;}
#qsxModal .qsx-tags button:disabled{opacity:.45;cursor:default;}
/* 편집면: 같은 조판 코드를 쓰되 글자를 키우고 영문만 보인다. 라벨·괄호는 드래그에 걸리지 않고, 누르면 그 표시가 선택된다 */
#qsxModal .qsx-surface{margin-top:4px;border:1px solid #c5cfdf;border-radius:10px;background:#fff;padding:12px 18px 8px;}
#qsxModal .qsx-surface .wb-k-detail_c{width:auto;height:auto!important;min-height:0!important;padding:0!important;margin:0!important;overflow:visible;background:transparent;display:block;}
#qsxModal .qsx-surface .qs-rows{overflow:visible;}
#qsxModal .qsx-surface .qs-row{display:block;padding:8px 0 4px;}
#qsxModal .qsx-surface .qs-badge,#qsxModal .qsx-surface .qs-sep,#qsxModal .qsx-surface .qs-kr{display:none;}
#qsxModal .qsx-surface .qs-en{width:auto;margin-left:0;font-size:17px;text-align:left;cursor:text;}
#qsxModal .qsx-surface .qs-en ::selection{background:#ffe08a;}
#qsxModal .qsx-surface .qs-a{font-size:11px;pointer-events:auto;cursor:pointer;-webkit-user-select:none;user-select:none;}
#qsxModal .qsx-surface .qs-br{cursor:pointer;-webkit-user-select:none;user-select:none;}
#qsxModal .qsx-surface .qs-w{cursor:pointer;border-radius:3px;}
#qsxModal .qsx-surface .qs-w:hover{background:rgba(30,86,196,.06);}
#qsxModal .qsx-surface .qs-w.qsx-on{outline:2px solid #f59e0b;outline-offset:1px;background:rgba(245,158,11,.10);}
#qsxModal .qsx-surface .qs-br.qsx-on{outline:2px solid #f59e0b;outline-offset:1px;border-radius:3px;background:rgba(245,158,11,.18);}
#qsxModal .qsx-insp{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:8px;min-height:38px;padding:6px 10px;border-radius:8px;background:#f6f8fc;font-size:12.5px;color:#172334;}
#qsxModal .qsx-insp-hint{color:#7a8597;}
#qsxModal .qsx-insp-text{color:#5b6778;max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#qsxModal .qsx-insp select,#qsxModal .qsx-insp input[type=text]{width:auto;font:500 12.5px/1.3 'Pretendard Variable','Pretendard',sans-serif;padding:6px 8px;border:1px solid #c5cfdf;border-radius:6px;background:#fff;color:#172334;}
#qsxModal .qsx-insp input[type=text]{flex:1;min-width:180px;}
#qsxModal .qsx-insp button{font:600 12px/1 'Pretendard Variable','Pretendard',sans-serif;padding:7px 10px;border-radius:6px;border:1px solid #e3b4b0;background:#fff5f4;color:#b3261e;cursor:pointer;}
#qsxModal .qsx-raw{margin-top:12px;font-size:12px;color:#5b6778;}
#qsxModal .qsx-raw summary{cursor:pointer;}
#qsxModal .qsx-raw textarea{margin-top:6px;}
#qsxModal .qsx-msg{margin-top:8px;font-size:12px;line-height:1.5;min-height:18px;color:#0b6e34;white-space:pre-wrap;}
#qsxModal .qsx-msg.err{color:#b3261e;}
#qsxModal .qsx-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:14px;}
#qsxModal .qsx-actions button{font:600 13px/1 'Pretendard Variable','Pretendard',sans-serif;padding:10px 14px;border-radius:8px;border:1px solid #c5cfdf;background:#fff;cursor:pointer;color:#172334;}
#qsxModal .qsx-actions .qsx-primary{background:#1f3864;border-color:#1f3864;color:#fff;}
#qsxModal .qsx-actions .qsx-left{margin-right:auto;}
#qsxModal .qsx-help{font-size:11.5px;color:#5b6778;line-height:1.6;margin-top:4px;}
