/* One complete, deliberately paced chapter on warm webtoon paper. */
#chapter-career.career-story, .webtoon-chapter.illustrated-story { --career-paper:#f8f5ee; --career-ink:#3c3030; padding:0 0 30px; background:var(--career-paper); color:var(--career-ink); }
.career-chapter-header { text-align:center; padding:54px 28px 42px; }
.career-chapter-header .career-chapter-kicker { color:#986955; font-size:11px; letter-spacing:.16em; margin:0 0 18px; }
.career-chapter-header h2 { font-size:clamp(29px,7.2cqw,37px); font-weight:550; line-height:1.4; letter-spacing:-.055em; margin:0 0 23px; }
.career-chapter-header > p:last-child { margin:0; font-size:13px; line-height:1.9; color:#8c7770; white-space:pre-line; }
.career-story .career-panel { margin:0; padding:0; overflow:visible; }
.career-story .career-panel img { position:static; display:block; width:100%; height:auto; max-width:100%; object-fit:contain; }
.career-story .career-inset { margin-inline:5.5%; border:1px solid #97847566; }
.career-story .career-wide { margin-block:28px 0; }
.career-story .career-narration { margin:0; padding:37px 30px; text-align:center; font-size:14px; line-height:2; color:#877269; white-space:pre-line; word-break:keep-all; }
.career-lead { padding:36px 7% 20px; text-align:center; }
.career-lead p { margin:0 0 18px; font-size:15px; line-height:1.95; white-space:pre-line; word-break:keep-all; overflow-wrap:anywhere; }
.career-guide { position:relative; margin:34px 6% 49px; display:grid; grid-template-columns:29% 1fr; align-items:center; gap:8px; }
.career-guide .career-panel { width:125%; position:relative; z-index:1; margin-left:-13%; pointer-events:none; }
.career-guide-speech { position:relative; padding:20px 17px; border:1px solid #b8a799; border-radius:25px; background:#fffdfa; }
.career-guide-speech::before { content:''; position:absolute; left:-8px; top:47%; width:13px; height:13px; transform:rotate(45deg); background:#fffdfa; border-left:1px solid #b8a799; border-bottom:1px solid #b8a799; }
.career-guide-speech p { margin:10px 0 0; font-size:12px; line-height:1.85; color:#806d63; white-space:pre-line; word-break:keep-all; overflow-wrap:anywhere; }
.career-guide-speech .career-guide-title { margin:0; font-size:14px; line-height:1.75; color:#423230; font-weight:550; }
.career-guide-thought { grid-template-columns:1fr 28%; }
.career-guide-thought .career-panel { grid-column:2; grid-row:1; margin-left:-10%; }
.career-guide-thought .career-guide-speech { grid-column:1; grid-row:1; }
.career-guide-thought .career-guide-speech::before { left:auto; right:-8px; border-left:0; border-bottom:0; border-top:1px solid #b8a799; border-right:1px solid #b8a799; }
.career-personal-summary { margin:0 7% 42px; padding:29px 0 25px; border-block:1px solid #bb9c8580; }
.career-story .career-part-label { font-size:11px; color:#99634e; letter-spacing:.08em; margin:0 0 18px; overflow-wrap:anywhere; }
.career-personal-summary h3 { margin:0 0 22px; font-size:clamp(24px,6cqw,30px); line-height:1.55; white-space:pre-line; word-break:keep-all; letter-spacing:-.04em; color:#533731; font-weight:550; }
.career-personal-summary > p:not(.career-part-label):not(.career-scope) { font-size:16px; line-height:1.95; margin:0; word-break:keep-all; overflow-wrap:anywhere; }
.career-personal-summary .career-scope { font-size:11px; line-height:1.9; color:#947e73; margin:20px 0 0; }
.career-passage { padding:38px 7% 28px; }
.career-passage + .career-passage { margin-top:15px; padding-top:38px; }
.career-passage h3 { margin:0 0 25px; font-size:clamp(20px,5.1cqw,25px); font-weight:550; line-height:1.65; letter-spacing:-.04em; word-break:keep-all; overflow-wrap:anywhere; color:#49352f; }
.career-story .reading-detail-paragraph { color:#514541; font-size:16px; line-height:2; letter-spacing:-.025em; word-break:keep-all; overflow-wrap:anywhere; margin:0; }
.career-story .reading-detail-paragraph + .reading-detail-paragraph { margin-top:24px; }
.career-story .reading-evidence { margin:25px 0 0; padding-left:12px; border-left-color:#b99e86; color:#8c796d; font-size:11px; line-height:1.9; word-break:keep-all; overflow-wrap:anywhere; }
.career-story .reading-evidence > span { color:#986b53; font-size:10px; }
.career-examples { margin:0 7% 28px; padding:22px 0; border-block:1px solid #c1a79155; }
.career-examples h4 { margin:0 0 15px; font-size:14px; color:#684b3e; font-weight:550; }
.career-examples ul { padding-left:18px; margin:0; color:#5b4b43; font-size:14px; line-height:1.9; word-break:keep-all; overflow-wrap:anywhere; }
.career-examples li + li { margin-top:10px; }
.career-examples li::marker { color:#b09072; }
.career-examples > p { font-size:11px; color:#927c6e; line-height:1.9; margin:15px 0 0; word-break:keep-all; }
.career-ending { padding:38px 9% 40px; text-align:center; }
.career-ending > p:first-child { color:#624c43; font-size:16px; line-height:2; word-break:keep-all; }
.career-ending .career-signature { color:#a67d65; font-size:20px; margin:24px 0 48px; }
.career-ending .career-next-line { color:#947b6c; font-size:13px; line-height:2; white-space:pre-line; }
@media (max-width:359px) {
  .career-guide { margin-inline:5%; grid-template-columns:26% 1fr; }
  .career-guide-thought { grid-template-columns:1fr 26%; }
  .career-guide-speech { padding:17px 13px; }
  .career-story .reading-detail-paragraph, .career-personal-summary > p:not(.career-part-label):not(.career-scope) { font-size:15px; }
}