/* 승인한 커리어 캔버스 범위에만 적용한다. 서비스의 공통 사이드바·색상은 유지한다. */
.career-canvas { --color-text-muted: #526075; --color-text-secondary: #526075; --color-brand-primary: #7c3aed; }
.career-canvas [data-canvas-nav], .career-canvas [data-canvas-nav-phone] { font-size: 16px; line-height: 24px; min-height: 44px; }
.career-canvas [data-canvas-nav] > :nth-child(2) { overflow-wrap: anywhere; }
.career-canvas [data-canvas-progress-marker] { flex-shrink: 0; font-size: 12px; line-height: 18px; color: #526075; }
.career-canvas [data-canvas-progress-marker][data-state="done"] { color: #047857; }
.career-canvas [data-canvas-progress-bar] { background: #e5e7eb; }
.career-canvas [data-canvas-progress-bar][data-state="done"] { background: #059669; }
.career-canvas [data-canvas-progress-bar][data-state="deferred"] { background: #d97706; }
.career-canvas [data-canvas-progress-bar][aria-current="step"] { background: #7c3aed; }
.career-canvas [data-canvas-help-target="button"] { width: 44px; height: 44px; font-size: 14px; border-color: transparent; }
.career-canvas [data-canvas-help-target="button"] { position: relative; }
.career-canvas [data-canvas-help-target="button"]::before { content: ""; position: absolute; width: 19px; height: 19px; border: 1px solid #c1c8d3; border-radius: 50%; pointer-events: none; }
.career-canvas [data-canvas-dna-chips-target="chip"], .career-canvas [data-canvas-card-target="aiButton"],
.career-canvas [data-canvas-list-target="aiButton"], .career-canvas [data-canvas-card-target="defer"],
.career-canvas [data-canvas-list-target="defer"], .career-canvas [data-canvas-card-target="undefer"],
.career-canvas [data-canvas-list-target="undefer"], .career-canvas [data-canvas-guide] button { min-height: 44px; }
.career-canvas [data-canvas-card-target="aiButton"]:disabled, .career-canvas [data-canvas-list-target="aiButton"]:disabled { display: inline-flex; opacity: .55; cursor: not-allowed; }
.career-canvas [data-canvas-guide] button { padding: 6px 10px; }
.career-canvas .canvas-field { container-type: inline-size; }
.career-canvas .canvas-field-head { flex-wrap: wrap; }
@container (max-width: 360px) { .canvas-field-head > :first-child { flex-basis: 100%; } }
.career-canvas [data-canvas-card-target="note"], .career-canvas [data-canvas-list-target="note"] { overflow-wrap: anywhere; }
.career-canvas [data-canvas-save-target="status"][data-phase="failed"] { color: #b91c1c; }
.career-canvas [data-canvas-save-target="retry"] { min-height: 44px; }
.career-canvas [data-canvas-tasks-target="list"] { container-type: inline-size; }
.career-canvas .canvas-task-name { resize: none; overflow: hidden; line-height: 24px; }
.career-canvas .canvas-task-axes { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin-top: 12px; }
.career-canvas .canvas-task-axis { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.career-canvas .canvas-task-marks { display: flex; gap: 8px; }
.career-canvas .canvas-task-marks button { width: 44px; height: 44px; flex-shrink: 0; }
@container (max-width: 600px) { .career-canvas .canvas-task-axes { grid-template-columns: 1fr; } }
.career-canvas [data-canvas-task] [aria-pressed] { min-height: 44px; }
.career-canvas .canvas-kanban-scroll { overflow-x: auto; padding-bottom: 8px; }
.career-canvas .canvas-kanban-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
@media (min-width: 768px) { .career-canvas .canvas-kanban-grid { grid-template-columns: repeat(4,minmax(0,1fr)); min-width: 840px; } }
.career-canvas [data-canvas-kanban-target="cards"] button { min-height: 44px; min-width: 44px; }
.career-canvas [data-kanban-handle] { min-width: 44px; min-height: 44px; }
.career-canvas [data-kanban-move] { max-width: 100%; min-height: 44px; font-size: 14px; }
.career-canvas [data-canvas-goal-tabs-target="panel"] { container-type: inline-size; }
@container (max-width: 660px) { .career-canvas .canvas-goal-fields { grid-template-columns: minmax(0,1fr); } }
@media (max-width: 767px) { .career-canvas input:not([type="checkbox"]):not([type="radio"]), .career-canvas textarea, .career-canvas select { font-size: 16px; } }