/* 승인한 커리어 캔버스 범위에만 적용한다. 서비스의 공통 사이드바·색상은 유지한다. */
.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; } }
.career-canvas .canvas-history { container-type: inline-size; }
.career-canvas .canvas-history-head { display: none; }
.career-canvas .canvas-history-row { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 8px; align-items: start; border: 1px solid var(--color-border-default); border-radius: 12px; padding: 10px; }
.career-canvas .canvas-history-year { height: 44px; }
.career-canvas .canvas-history-field { display: flex; flex-direction: column; gap: 6px; min-width: 0; grid-column: 1 / -1; }
.career-canvas .canvas-history-field textarea { min-height: 44px; line-height: 24px; }
.career-canvas .canvas-history-tools { grid-column: 2; grid-row: 1; width: 96px; }
.career-canvas .canvas-history-actions-head { padding-left: 4px; }
.career-canvas .canvas-history-actions-head > span { display: block; width: 44px; text-align: center; }
@container (min-width: 600px) {
  .career-canvas .canvas-history-head, .career-canvas .canvas-history-row { display: grid; grid-template-columns: 6rem minmax(0,1fr) minmax(0,1fr) 6rem; gap: 8px; }
  .career-canvas .canvas-history-row { border: 0; padding: 0; }
  .career-canvas .canvas-history-did { grid-column: 2; grid-row: 1; }
  .career-canvas .canvas-history-gained { grid-column: 3; grid-row: 1; }
  .career-canvas .canvas-history-tools { grid-column: 4; }
  .career-canvas .canvas-history-field-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
}

/* 승인한 작성 흐름: 질문 → 입력 → AI·예시·보조 작업. */
.career-canvas .canvas-field { padding-top:4px; }
.career-canvas .canvas-field-heading label, .career-canvas .canvas-field-heading > div > p { font-size:16px; line-height:25px; word-break:keep-all; }
.career-canvas .canvas-field-hint { font-size:14px; line-height:22px; color:#526075; margin:6px 0 10px; }
.career-canvas .canvas-field-actions { display:flex; align-items:start; gap:8px; flex-wrap:wrap; margin-top:6px; font-size:14px; color:#526075; }
.career-canvas .canvas-field-actions > :first-child { margin-right:auto; }
.career-canvas .canvas-field-actions button, .career-canvas .canvas-field-actions summary { min-height:44px; padding:10px 6px; cursor:pointer; }
.career-canvas .canvas-ai-button { color:#7046ba; white-space:nowrap; }
.career-canvas .canvas-field-example { max-width:100%; }
.career-canvas .canvas-field-example[open] { order:4; flex-basis:100%; }
.career-canvas .canvas-field-example > div { padding:12px 14px; background:#f6f7f9; border-radius:8px; line-height:24px; }
.career-canvas .canvas-field-more { position:relative; }
.career-canvas .canvas-field-more summary { list-style:none; min-width:44px; text-align:center; }
.career-canvas .canvas-field-more > div { position:absolute; right:0; top:44px; z-index:20; background:white; border:1px solid #dfe3e8; border-radius:8px; box-shadow:0 3px 12px #0f172a12; min-width:130px; padding:4px; }
.career-canvas .canvas-field-more button { width:100%; text-align:left; white-space:nowrap; }
.career-canvas .canvas-field-save-error { font-size:14px; color:#b91c1c; padding:8px 0; }
.career-canvas .canvas-save-status { position:sticky; top:72px; z-index:12; background:#fff; padding:10px 12px; border:1px solid #e5e7eb; border-radius:8px; }
.career-canvas input, .career-canvas textarea, .career-canvas select, .career-canvas [data-canvas-strength] { scroll-margin-top:150px; }
.career-canvas .canvas-activity-navigation { flex-wrap:wrap; }
.career-canvas .canvas-activity-navigation [data-canvas-next] { max-width:100%; text-align:right; white-space:normal; word-break:keep-all; }
.career-canvas [data-canvas-branding] { padding-top:16px; padding-bottom:16px; }
.career-canvas [data-canvas-branding] button, .career-canvas [data-canvas-rank-target="panel"] > div > button,
.career-canvas [data-action="canvas-star#clear"], .career-canvas [data-canvas-job] button,
.career-canvas [data-action="canvas-import#put"], .career-canvas [data-action="canvas-years#edit"],
.career-canvas [data-defer-panel], .career-canvas [data-canvas-list-target="addButton"],
.career-canvas [data-canvas-tasks-target="addButton"], .career-canvas [data-canvas-rows-target="addButton"] { min-height:44px; padding-left:10px; padding-right:10px; }
.career-canvas [data-controller="canvas-list"] li > button { width:44px; min-height:44px; }
.career-canvas [data-canvas-guide] { background:#f6f4fa; }
.career-canvas [data-canvas-import-box] { border-color:#e0e4e9; background:#f7f8fa; }
.career-canvas [data-canvas-import-box] summary { color:#526075; min-height:44px; display:list-item; padding-top:10px; }
.career-canvas [data-canvas-result-box] summary { min-height:44px; padding-top:10px; }
.career-canvas [data-canvas-goal-tabs-target="panel"] .canvas-goal-fields > .canvas-field { border:0; border-radius:0; padding:0; background:transparent; }
.career-canvas [data-canvas-years-locked] { flex-basis:100%; margin-top:8px; }
.career-canvas [data-canvas-goal-tabs] > div:first-child { flex-wrap:wrap; }
.career-canvas [data-canvas-goal-tabs] > div:first-child > div { min-width:200px; }
.career-canvas [data-canvas-kanban-target="column"] { border:0; border-radius:8px; }
.career-canvas [data-canvas-kanban-target="column"] > header p { color:#263244; }
.career-canvas [data-canvas-kanban-target="cards"] [data-task-id] { border-color:#d5dbe4; }
.career-canvas [data-kanban-move] { font-size:16px!important; }
.career-canvas .canvas-task-progress { display:flex; align-items:center; gap:12px; font-size:13px; color:#526075; margin:8px 0; }
.career-canvas .canvas-task-progress button { min-height:44px; padding:8px; margin-left:auto; }
.career-canvas .canvas-task-progress + [hidden] { display:none; }
.career-canvas .canvas-detail-panel > summary { display:flex; align-items:center; justify-content:space-between; gap:10px; cursor:pointer; min-height:44px; font-weight:600; list-style:none; }
.career-canvas .canvas-detail-panel > summary::after { content:'펼치기'; font-size:13px; font-weight:400; color:#526075; }
.career-canvas .canvas-detail-panel[open] > summary::after { content:'접기'; }
.career-canvas .canvas-detail-panel summary [data-panel-progress] { font-size:13px; color:#526075; font-weight:400; margin-left:auto; }
.career-canvas .canvas-delegate-choice { display:block; border:1px solid #dfe3e8; border-radius:10px; padding:12px; margin:10px 0; background:white; }
.career-canvas .canvas-delegate-choice > button { display:flex; width:100%; min-height:48px; text-align:left; align-items:center; justify-content:space-between; gap:12px; padding:8px; border-radius:6px; }
.career-canvas .canvas-delegate-choice > button[aria-pressed=true] { background:#f3f0fa; }
.career-canvas .canvas-delegate-choice > button::before { content:'□'; color:#697586; }
.career-canvas .canvas-delegate-choice > button[aria-pressed=true]::before { content:'✓'; color:#7046ba; }
.career-canvas .canvas-delegate-choice > section { margin:14px 4px 0; border:0; border-top:1px solid #e5e7eb; border-radius:0; padding:18px 0 0; }
.career-canvas .canvas-growth-export { background:#f7f8fa; border:1px solid #e0e4e9; border-radius:8px; padding:18px; }
.career-canvas button:focus-visible, .career-canvas summary:focus-visible { outline:2px solid #7651ce; outline-offset:2px; }
@media(max-width:767px) {
  .career-canvas .canvas-field-actions { font-size:13px; gap:4px; }
  .career-canvas .canvas-field-actions button, .career-canvas .canvas-field-actions summary { padding-left:4px; padding-right:4px; }
  .career-canvas .canvas-save-status { top:64px; font-size:12px; padding:8px; }
}
.career-canvas .canvas-craft-result { border-top:1px solid #dfe3e8; padding-top:24px; }
.career-canvas .canvas-craft-result label { font-size:18px; }
.career-canvas [data-canvas-core] > .canvas-field:first-of-type label { font-size:18px; }
.career-canvas .canvas-question-topic { border-top:1px solid #e1e5eb; padding:4px 0; }
.career-canvas .canvas-detail-panel[open] > summary { margin-bottom:16px; }
.career-canvas [data-rank-writing-count] { margin-left:auto; font-size:12px; }