/* Shared semantic components. No preview shell or demo content. */
@media(max-width:834px){:is(.denkipath-career-check,body.dcp-design-system) :is(a,button,input,select,summary,[tabindex]) {scroll-margin-block:24px 96px;}}
.dcp-ui-eyebrow {display:block;color:var(--dcp-ui-muted);font-size:14px;font-weight:700;letter-spacing:.06em;line-height:1.7;}
.dcp-ui-section {margin-top:40px;}
.dcp-ui-section>header {margin-bottom:20px;}
.dcp-ui-section>header h2 {margin:4px 0 0;}
.dcp-ui-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;}
.dcp-ui-summary {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;background:var(--dcp-ui-subtle);border-radius:var(--dcp-ui-radius-lg);padding:32px;}
.dcp-ui-summary h2 {margin:4px 0 12px;}
.dcp-ui-summary p {max-width:720px;}
.dcp-ui-summary-action {align-self:start;}
.dcp-ui-section+.dcp-ui-summary {margin-top:40px;}
.dcp-ui-button {display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 20px;background:var(--dcp-ui-cta);border:1px solid transparent;border-radius:var(--dcp-ui-radius);color:white;cursor:pointer;font:inherit;font-weight:700;text-decoration:none;line-height:1.6;}
:is(.denkipath-career-check,.dcp-v2,.dcp-design-system) a.dcp-ui-button {color:white;text-decoration:none;}
.dcp-ui-button:hover {background:#123F73;}
:is(.denkipath-career-check,.dcp-v2,.dcp-design-system) .dcp-ui-button--secondary {background:var(--dcp-ui-surface);color:var(--dcp-ui-cta);border-color:var(--dcp-ui-control-border);}
:is(.denkipath-career-check,.dcp-v2,.dcp-design-system) .dcp-ui-button--secondary:hover {background:var(--dcp-ui-subtle);}
:is(.denkipath-career-check,.dcp-v2,.dcp-design-system) .dcp-ui-button:disabled {background:#E3E8EF;color:#53657B;border-color:#D6E2EF;cursor:default;}
.dcp-ui-actions {display:flex;flex-wrap:wrap;align-items:center;gap:12px;}
.dcp-ui-evidence {padding:16px 20px;border-inline-start:3px solid var(--dcp-ui-control-border);background:var(--dcp-ui-surface);margin:20px 0;color:var(--dcp-ui-muted);font-size:14px;line-height:1.8;}
.dcp-ui-evidence strong {color:var(--dcp-ui-brand);font-size:16px;}
.dcp-ui-evidence p {margin:4px 0 0;}
.dcp-ui-related {list-style:none;margin:24px 0 0;padding:0;border-top:1px solid var(--dcp-ui-border);}
.dcp-ui-related li {margin:0;border-bottom:1px solid var(--dcp-ui-border);}
.dcp-ui-related a {display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 8px;min-height:80px;text-decoration:none;}
.dcp-ui-related a>span:first-child {display:grid;gap:2px;}
.dcp-ui-related strong {font-size:17px;}
.dcp-ui-related a>span>span {font-size:14px;color:var(--dcp-ui-muted);}
.dcp-ui-related a:hover {background:var(--dcp-ui-subtle);}
.dcp-ui-related a:focus-visible {outline-offset:-3px;}
.dcp-ui-accordion {border-top:1px solid var(--dcp-ui-border);border-bottom:1px solid var(--dcp-ui-border);margin-top:16px;background:var(--dcp-ui-surface);}
.dcp-ui-accordion+.dcp-ui-accordion {border-top:0;margin-top:0;}
.dcp-ui-accordion summary {position:relative;padding:18px 48px 18px 16px;cursor:pointer;min-height:60px;list-style:none;font-weight:700;color:var(--dcp-ui-brand);}
.dcp-ui-accordion summary::-webkit-details-marker {display:none;}
.dcp-ui-accordion summary::after {content:'＋';position:absolute;right:18px;top:18px;color:var(--dcp-ui-cta);}
.dcp-ui-accordion[open] summary::after {content:'−';}
.dcp-ui-accordion summary:hover {background:var(--dcp-ui-subtle);}
.dcp-ui-accordion>div {padding:4px 20px 24px;font-size:16px;}
.dcp-ui-accordion h3 {margin-top:20px;}
.dcp-ui-metric {padding:28px;background:var(--dcp-ui-surface);border:1px solid var(--dcp-ui-border);border-radius:var(--dcp-ui-radius);min-width:0;}
.dcp-ui-metric h3 {margin:8px 0 16px;}
:is(.denkipath-career-check,.dcp-v2,.dcp-design-system) .dcp-ui-value {display:flex;align-items:baseline;gap:8px;line-height:1.2;margin:0 0 24px;color:var(--dcp-ui-brand);}
.dcp-ui-value strong {font-size:52px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;}
.dcp-ui-value span {font-size:18px;font-weight:700;}
.dcp-ui-metric-context p {font-size:16px;}
.dcp-ui-metric-context dl {margin:20px 0;border-block:1px solid var(--dcp-ui-border);padding:12px 0;}
.dcp-ui-metric-context dl>div {display:grid;grid-template-columns:80px minmax(0,1fr);gap:12px;padding:4px 0;font-size:14px;}
.dcp-ui-metric-context dt {color:var(--dcp-ui-muted);}
.dcp-ui-metric-context dd {margin:0;}
.dcp-ui-source {display:inline-block;margin-top:20px;font-size:14px;min-height:44px;padding-top:8px;}
:is(.denkipath-career-check,.dcp-v2,.dcp-design-system) .dcp-ui-caption {font-size:14px;line-height:1.8;color:var(--dcp-ui-muted);}
.dcp-ui-prose {max-width:var(--dcp-ui-reading);}
.dcp-ui-prose h3 {margin:24px 0 8px;}
.dcp-ui-definition {margin:0;background:var(--dcp-ui-surface);border-top:1px solid var(--dcp-ui-border);}
.dcp-ui-definition>div {display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;padding:16px 20px;border-bottom:1px solid var(--dcp-ui-border);}
.dcp-ui-definition dt {color:var(--dcp-ui-muted);font-size:14px;}
.dcp-ui-definition dd {margin:0;}
.dcp-ui-process {list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.dcp-ui-process li {font-size:16px;line-height:1.7;border-top:2px solid var(--dcp-ui-border);padding-top:12px;}
.dcp-ui-process span {display:block;font-size:24px;font-weight:700;color:var(--dcp-ui-cta);font-variant-numeric:tabular-nums;margin-bottom:4px;}
.dcp-ui-chart {margin:24px 0 0;padding:24px;background:var(--dcp-ui-subtle);border-radius:var(--dcp-ui-radius);}
.dcp-ui-chart figcaption {font-size:16px;font-weight:700;color:var(--dcp-ui-brand);}
.dcp-ui-bar-row {margin-top:16px;}
.dcp-ui-bar-row>div:first-child {display:flex;justify-content:space-between;gap:16px;font-size:14px;margin-bottom:8px;}
.dcp-ui-bar-row strong {font-variant-numeric:tabular-nums;font-size:18px;}
.dcp-ui-bar-row small {font-size:14px;}
.dcp-ui-track {height:12px;background:#D6E2EF;border-radius:4px;overflow:hidden;}
.dcp-ui-track>div {height:100%;background:var(--dcp-ui-cta);border-radius:4px;}
.dcp-ui-bar-row:nth-of-type(2) .dcp-ui-track>div {background:#53657B;}
.dcp-ui-axis {display:flex;justify-content:space-between;font-size:14px;color:var(--dcp-ui-muted);margin-top:8px;}
.dcp-ui-jump {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-block:1px solid var(--dcp-ui-border);margin-top:24px;background:var(--dcp-ui-surface);}
.dcp-ui-jump a {display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;min-height:56px;padding:12px;font-size:14px;font-weight:700;}
.dcp-ui-jump a:hover {background:var(--dcp-ui-subtle);}
.dcp-ui-jump a>span:first-child {color:var(--dcp-ui-muted);font-weight:400;}
.dcp-ui-sr {position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;clip-path:inset(50%)!important;overflow:hidden!important;white-space:nowrap!important;}
@media(max-width:834px){
  .dcp-ui-summary {grid-template-columns:1fr;padding:24px;gap:16px;}
  .dcp-ui-summary h2 {font-size:23px;}
  .dcp-ui-summary-action {width:100%;}
  .dcp-ui-summary-action .dcp-ui-button {width:100%;}
  .dcp-ui-process {grid-template-columns:1fr 1fr;gap:20px;}
  .dcp-ui-metric {padding:24px;}
  .dcp-ui-value strong {font-size:46px;}
  .dcp-ui-section {margin-top:32px;}
  .dcp-ui-definition>div {grid-template-columns:1fr;gap:4px;padding:16px;}
  .dcp-ui-definition dt {font-weight:700;}
  .dcp-ui-jump {grid-template-columns:1fr 1fr;}
  .dcp-ui-jump a {padding:12px 8px;gap:8px;}
  .dcp-ui-jump a:nth-child(-n+2) {border-bottom:1px solid var(--dcp-ui-border);}
  .dcp-ui-chart {padding:20px;}
}
.dcp-ui-metric-strip {display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:24px;margin:0;}
.dcp-ui-metric-strip-item {min-width:0;}
.dcp-ui-metric-strip dt {color:var(--dcp-ui-muted);font-size:14px;line-height:1.7;}
.dcp-ui-metric-strip dd {margin:4px 0 0;}
.dcp-ui-metric-strip-context {display:block;margin-top:4px;color:var(--dcp-ui-muted);font-size:14px;line-height:1.7;}
@media(max-width:834px){
  .dcp-ui-metric-strip {grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;}
  .dcp-ui-metric-strip-item--wide {grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:4px 12px;}
  .dcp-ui-metric-strip-item--wide dd {display:contents;}
  .dcp-ui-metric-strip-item--wide .dcp-ui-metric-strip-context {grid-column:1/-1;margin-top:0;}
  .dcp-ui-metric-strip-item--wide dt {align-self:center;}
}