/* Kiosk controls use ATC blue. Editorial text uses the shared ATC hierarchy below. */
@media screen and (forced-colors:none){
 body.ks-page,body.ks-page [data-ks-tone]{
  --ks-tone:var(--atc-spectrum-blue);
  --ks-ink:oklch(from var(--ks-tone) .92 .055 h);
  --ks-tint:oklch(from var(--ks-tone) .29 .055 h);
  --ks-edge:oklch(from var(--ks-tone) .52 .085 h);
  --ks-selected:oklch(from var(--ks-tone) .34 .065 h);
 }
 html[data-atc-theme="light"] body.ks-page,html[data-atc-theme="light"] body.ks-page [data-ks-tone]{
  --ks-ink:oklch(from var(--ks-tone) .36 .105 h);
  --ks-tint:oklch(from var(--ks-tone) .96 .027 h);
  --ks-edge:oklch(from var(--ks-tone) .79 .07 h);
  --ks-selected:oklch(from var(--ks-tone) .985 .012 h);
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .eyebrow,
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-panel-copy>.meta{
  display:inline-flex!important;align-items:center;gap:9px;width:fit-content;max-width:100%;
  background:var(--ks-label-fill)!important;color:var(--ks-label-strong)!important;-webkit-text-fill-color:currentColor!important;
  border:1px solid var(--ks-label-border)!important;border-radius:10px!important;padding:7px 12px!important;
  font:600 13px/1.5 var(--atc-body)!important;letter-spacing:0!important;text-transform:none!important;
  white-space:normal;text-wrap:pretty;box-shadow:inset 0 1px 0 oklch(from var(--ks-ink) l c h / .10);
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-step-list button>.num{
  display:inline-flex!important;align-items:center;gap:8px;color:var(--ks-ink)!important;
  background:var(--ks-tint);border:1px solid var(--ks-edge);border-radius:8px;padding:5px 7px;
  font:600 11px/1.4 var(--atc-mono);text-decoration:none!important;white-space:nowrap;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-step-list button[aria-selected="true"],
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-variants button[aria-pressed="true"]{
  background:var(--ks-selected)!important;color:var(--ks-ink)!important;border-color:var(--ks-edge)!important;
  outline:0;box-shadow:inset 0 0 0 1px var(--ks-edge),inset 0 2px 0 var(--ui-highlight),0 4px 10px oklch(from var(--ks-tone) .3 .08 h / .12)!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-step-list button:hover,
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-variants button:hover{
  border-color:var(--ks-ink)!important;box-shadow:inset 0 1px 0 var(--ui-highlight),0 6px 14px oklch(from var(--ks-tone) .3 .08 h / .16)!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main :is(.ks-step-list,.ks-variants) button:focus-visible{
  outline:3px solid var(--ks-ink)!important;outline-offset:3px!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-feature-mark{
  display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;margin-bottom:18px;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-feature-mark>.meta{
  color:var(--ks-ink)!important;background:var(--ks-tint);border:1px solid var(--ks-edge);border-radius:9px;
  display:inline-grid;place-items:center;min-width:38px;min-height:34px;font:500 12px/1.4 var(--atc-mono);
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-feature-art{
  display:block;width:64px!important;height:64px!important;max-width:64px!important;object-fit:contain!important;
  border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;
  filter:drop-shadow(0 5px 5px oklch(from var(--ks-tone) .25 .06 h / .16));
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .kiosk-business-grid article>.ks-feature-art{margin-bottom:20px}
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .kiosk-partner-flow article>span{
  color:var(--ks-ink)!important;background:var(--ks-tint);border:1px solid var(--ks-edge);border-radius:9px;
  display:inline-grid;place-items:center;flex:none;width:38px;height:34px;
 }
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.ks-page #main :is(.ks-step-list,.ks-variants) button{transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,translate .2s ease!important}
  body.ks-page #main :is(.ks-step-list,.ks-variants) button:hover{translate:0 -2px}
  body.ks-page #main .ks-feature-art{transition:translate .25s ease,rotate .25s ease!important}
  body.ks-page #main :is(.feature,.kiosk-business-grid article):hover>.ks-feature-art,
  body.ks-page #main .feature:hover .ks-feature-art{translate:0 -3px;rotate:-3deg}
 }
}
/* The icon sits inside the existing step number so long labels keep their room. */
html body.ks-page#atc-site #main .ks-icon{display:block;flex:none;width:20px;height:20px;max-width:none;opacity:1;color:inherit;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html body.ks-page#atc-site #main .ks-step-list button .ks-icon{width:17px;height:17px}
html body.ks-page#atc-site #main .ks-step-list button>span:last-child{min-width:0;overflow-wrap:normal;word-break:normal;hyphens:auto}
@media(prefers-reduced-motion:reduce){
 body.ks-page #main :is(.ks-feature-art,.ks-panel-copy,.ks-tour-figure,.ks-monitor img,.ks-step-list button,.ks-variants button){animation:none!important;transition:none!important;translate:none!important;rotate:none!important}
}

/* Evidence figures are accented; explanatory copy stays neutral. */
@media screen and (forced-colors:none){
 body.ks-page #kiosk-demand .stat{
  --ks-stat-tone:var(--atc-spectrum-peach);
  --ks-stat-number:var(--ks-stat-tone);
  --ks-stat-copy:var(--ui-muted);
  --ks-stat-rule:oklch(from var(--ks-stat-tone) .62 .08 h / .55);
 }
 html[data-atc-theme="light"] body.ks-page #kiosk-demand .stat{
  --ks-stat-number:oklch(from var(--ks-stat-tone) .40 .08 h);
  --ks-stat-copy:var(--ui-muted);
  --ks-stat-rule:oklch(from var(--ks-stat-tone) .55 .08 h / .55);
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive#atc-site #main #kiosk-demand .kiosk-market-number{
  color:var(--ks-stat-number)!important;-webkit-text-fill-color:currentColor!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive#atc-site #main #kiosk-demand .stat>p{
  color:var(--ks-stat-copy)!important;-webkit-text-fill-color:currentColor!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive#atc-site #main #kiosk-demand .stat{border-top-color:var(--ks-stat-rule)!important}
}

/* Editorial hierarchy: shared spectrum headings, peach kickers, neutral body.
   H1/H2 gradient and Light ink come from atc-interface.css via data-atc-title-tone. */
@media screen and (forced-colors:none){
 body.ks-page,body.ks-page [data-ks-tone]{
  --ks-label-strong:var(--atc-spectrum-peach);
  --ks-label-fill:oklch(from var(--atc-bg) .27 .025 h);
  --ks-label-border:oklch(from var(--atc-spectrum-peach) .55 .045 h);
  --ks-card-border:var(--ui-border);
 }
 html[data-atc-theme="light"] body.ks-page,html[data-atc-theme="light"] body.ks-page [data-ks-tone]{
  --ks-label-strong:oklch(from var(--atc-spectrum-peach) .40 .08 h);
  --ks-label-fill:oklch(from var(--atc-spectrum-peach) .96 .025 h);
  --ks-label-border:oklch(from var(--atc-spectrum-peach) .79 .055 h);
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .ks-value h2{
  color:var(--atc-label-ink)!important;-webkit-text-fill-color:currentColor!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .eyebrow{
  color:var(--ks-label-strong)!important;background:var(--ks-label-fill)!important;
  border-color:var(--ks-label-border)!important;box-shadow:inset 0 1px 0 oklch(from var(--ks-tone) .94 .06 h / .20)!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .kiosk-business-grid .card[data-ks-tone]{
  border-color:var(--ks-card-border)!important;
  box-shadow:inset 0 1px 0 var(--ui-highlight),0 8px 24px oklch(from var(--ks-tone) .2 .07 h / .12)!important;
 }
 html:root body.ks-page.atc-unified.atc-visual-enhanced.atc-responsive.atc-site-finished#atc-site #main .kiosk-business-grid .card[data-ks-tone]:is(:hover,:focus-within){
  border-color:var(--ui-control-border)!important;
  box-shadow:inset 0 1px 0 var(--ui-highlight),0 14px 32px oklch(from var(--ks-tone) .3 .10 h / .25)!important;
 }
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  body.ks-page #main .kiosk-business-grid .card{transition:translate .25s ease,border-color .25s ease,box-shadow .25s ease!important}
  body.ks-page #main .kiosk-business-grid .card:hover{translate:0 -5px}
 }
}
@media(prefers-reduced-motion:reduce){
 body.ks-page #main .kiosk-business-grid .card{transition:none!important;translate:none!important}
}
/* Business evidence uses the existing Kiosk palette and content rhythm. */
body.ks-page #kiosk-demand .ks-demand-trend{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--ui-border);color:var(--ui-fg)}
body.ks-page #kiosk-demand .ks-demand-trend figcaption{font:600 13px/1.5 var(--atc-body);margin-bottom:14px;text-wrap:pretty}
body.ks-page #kiosk-demand .ks-demand-trend>div{display:grid;grid-template-columns:40px minmax(0,1fr) 38px;gap:12px;align-items:center;font:500 12px/1.5 var(--atc-mono);margin-top:10px}
body.ks-page #kiosk-demand .ks-trend-track{display:block;height:10px;border-radius:2px;background:color-mix(in oklch,var(--ui-fg) 12%,transparent)}
body.ks-page #kiosk-demand .ks-trend-track i{display:block;height:100%;border-radius:2px;background:var(--ks-stat-number)}
body.ks-page #kiosk-demand .ks-demand-trend>div:first-of-type .ks-trend-track i{background:var(--ui-muted)}
body.ks-page #kiosk-demand .ks-demand-trend b{text-align:right;font-weight:600}
body.ks-page #kiosk-business-value .ks-outcome-measure{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--ui-border);font:600 13px/1.65 var(--atc-body);color:var(--ui-fg)}
body.ks-page #kiosk-sectors .ks-sector-evidence{margin-top:20px;padding-top:16px;border-top:1px solid var(--ui-border)}
body.ks-page #kiosk-sectors .ks-sector-evidence p{font:500 13px/1.65 var(--atc-body);color:var(--ui-fg);margin:0}
body.ks-page #kiosk-sectors .ks-sector-evidence a{font-size:12px;line-height:1.6}
body.ks-page #kiosk-partner-business .ks-project-margin{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:32px;margin-top:36px;padding-block:28px;border-block:1px solid var(--ui-border);background:transparent;color:var(--ui-fg)}
body.ks-page #kiosk-partner-business .ks-project-margin>div{min-width:0}
body.ks-page #kiosk-partner-business .ks-project-margin h3{font:600 21px/1.4 var(--atc-display);margin:0 0 12px;text-wrap:balance}
body.ks-page #kiosk-partner-business .ks-project-margin p{font:400 14px/1.8 var(--atc-body);color:var(--ui-muted);margin:0;text-wrap:pretty}
body.ks-page #kiosk-partner-business .ks-project-margin .ks-margin-equation{color:var(--ui-fg);font-weight:600;font-size:16px;line-height:1.65;margin-bottom:12px}
@media(max-width:920px){body.ks-page #kiosk-partner-business .ks-project-margin{grid-template-columns:minmax(0,1fr);gap:20px}}
@media(forced-colors:active){body.ks-page #kiosk-demand .ks-trend-track{outline:1px solid CanvasText}body.ks-page #kiosk-demand .ks-trend-track i{background:CanvasText!important}}
