/* WA developer intelligence → Eco design system mapping (loaded after each page's own <style>). Maps markup onto eco tokens only. */
body.eco{background:var(--eco-bg);color:var(--eco-text);font:var(--eco-fs-base)/var(--eco-lh) var(--eco-font)}
.eco a{color:var(--eco-primary);text-underline-offset:2px}
.eco a:hover{color:var(--eco-primary-hover)}
.eco h1{font-family:var(--eco-font);font-size:var(--eco-fs-2xl);line-height:var(--eco-lh-tight);letter-spacing:-.02em;color:inherit}
.eco h2,.eco h3{color:inherit;line-height:var(--eco-lh-tight)}
.eco input,.eco select,.eco textarea{min-height:var(--eco-tap);background:var(--eco-surface);color:var(--eco-text);border:1px solid var(--eco-border-strong);border-radius:var(--eco-r-md);font:inherit;font-size:var(--eco-fs-base)}
.eco input[type=checkbox]{min-height:0;width:20px;height:20px;accent-color:var(--eco-primary)}
.eco button{min-height:var(--eco-tap);min-width:var(--eco-tap);border:1px solid var(--eco-border-strong);border-radius:var(--eco-r-pill);background:var(--eco-surface);color:var(--eco-text);font:inherit;font-weight:var(--eco-fw-medium);padding:var(--eco-sp-2) var(--eco-sp-4);transition:background var(--eco-dur) var(--eco-ease)}
.eco button:hover{background:var(--eco-surface-2)}
.eco button.active,.eco .chip.active,.eco .primary{background:var(--eco-primary);color:var(--eco-on-primary);border-color:var(--eco-primary)}
.eco button.active:hover,.eco .primary:hover{background:var(--eco-primary-hover)}
.eco :focus-visible{outline:3px solid var(--eco-focus);outline-offset:2px}
.eco-leaf{width:1em;height:1em;vertical-align:-.12em;color:var(--eco-primary)}
/* shared demo nav = eco-header/eco-nav look */
.eco #demo-nav{background:var(--eco-surface);color:var(--eco-text);border-bottom:1px solid var(--eco-border);box-shadow:var(--eco-shadow-1);font:var(--eco-fs-sm)/1.4 var(--eco-font);padding:var(--eco-sp-2) var(--eco-sp-4);gap:var(--eco-sp-1) var(--eco-sp-2)}
.eco #demo-nav a{display:inline-flex;align-items:center;min-height:var(--eco-tap);padding:0 var(--eco-sp-3);border-radius:var(--eco-r-pill);color:var(--eco-text);font-weight:var(--eco-fw-medium)}
.eco #demo-nav a:hover{background:var(--eco-surface-2);color:var(--eco-text)}
.eco #demo-nav a[aria-current=page]{background:var(--eco-primary);color:var(--eco-on-primary)}
.eco #demo-nav .home{font-weight:var(--eco-fw-bold)}
.eco #demo-nav .home::before{content:"";width:1em;height:1em;margin-right:var(--eco-sp-2);background:var(--eco-primary);-webkit-mask:var(--wa-leaf) center/contain no-repeat;mask:var(--wa-leaf) center/contain no-repeat}
.eco #demo-nav .home[aria-current=page]::before{background:var(--eco-on-primary)}
:root{--wa-leaf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z'/%3E%3Cpath d='M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12'/%3E%3C/svg%3E")}
/* touch: inline links reach 44px */
@media (max-width:1023px),(pointer:coarse){.eco main a[href]{display:inline-flex;align-items:center;min-height:var(--eco-tap);min-width:var(--eco-tap)}}

/* ---- / WA directory ---- */
.wa-dir{background:var(--eco-bg)}
.wa-dir header{max-width:var(--eco-maxw);padding-top:var(--eco-sp-7)}
.wa-dir main{max-width:var(--eco-maxw)}
.wa-dir .tag{font-size:var(--eco-fs-sm);color:var(--eco-primary);font-weight:var(--eco-fw-bold);letter-spacing:.08em}
.wa-dir header p{font-size:var(--eco-fs-md);color:var(--eco-text-muted);max-width:46rem}
.wa-dir .intro,.wa-dir .card{background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-r-lg);box-shadow:var(--eco-shadow-1)}
.wa-dir .steps b{color:var(--eco-primary)}
.wa-dir .notice{background:var(--eco-warning-soft);color:var(--eco-on-warning-soft);border-radius:var(--eco-r-md);border-left:4px solid var(--eco-warning)}
.wa-dir .muted,.wa-dir .company small{color:var(--eco-text-muted);font-size:var(--eco-fs-sm)}
.wa-dir label{font-size:var(--eco-fs-sm);font-weight:var(--eco-fw-bold)}
.wa-dir .company{border-radius:var(--eco-r-md);text-align:left;font-weight:var(--eco-fw-medium);padding:var(--eco-sp-3) var(--eco-sp-4)}
.wa-dir .company.active{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft);border-color:var(--eco-primary);box-shadow:inset 4px 0 var(--eco-primary)}
.wa-dir .company.active small{color:var(--eco-on-primary-soft)}
.wa-dir article{border-top:1px solid var(--eco-border)}
.wa-dir .list{scrollbar-color:var(--eco-border-strong) transparent}

/* ---- /demos/ ---- */
.wa-demos header{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft)}
.wa-demos header p{color:var(--eco-on-primary-soft)}
.wa-demos article{background:var(--eco-surface);border:1px solid var(--eco-border);border-top:5px solid var(--eco-border-strong);border-radius:var(--eco-r-lg);box-shadow:var(--eco-shadow-1)}
.wa-demos article:first-child{border-top-color:var(--eco-primary)}
.wa-demos article p,.wa-demos article small,.wa-demos footer{color:var(--eco-text-muted)}
.wa-demos .badge{display:inline-block;align-self:flex-start;background:var(--eco-primary-soft);color:var(--eco-on-primary-soft);border-radius:var(--eco-r-pill);padding:2px var(--eco-sp-3);font-size:var(--eco-fs-sm)}
.wa-demos .go{background:var(--eco-primary);color:var(--eco-on-primary);border-radius:var(--eco-r-pill);text-align:center;min-height:var(--eco-tap)}
.wa-demos .go:hover{background:var(--eco-primary-hover);color:var(--eco-on-primary)}
.wa-demos .tip{background:var(--eco-surface-2);border-radius:var(--eco-r-lg)}
.wa-demos footer{font-size:var(--eco-fs-sm)}

/* ---- /call-sheet/ ---- */
.wa-call header{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft)}
.wa-call header h1{font-size:var(--eco-fs-2xl)}
.wa-call main>nav,.wa-call nav:not(#demo-nav){background:var(--eco-bg);border-bottom:1px solid var(--eco-border);gap:var(--eco-sp-2)}
.wa-call button{background:var(--eco-primary);color:var(--eco-on-primary);border-color:var(--eco-primary)}
.wa-call button:hover{background:var(--eco-primary-hover)}
.wa-call article{background:var(--eco-surface);border:1px solid var(--eco-border);border-radius:var(--eco-r-lg);box-shadow:var(--eco-shadow-1)}
.wa-call .eyebrow{font-size:var(--eco-fs-sm);color:var(--eco-text-muted)}
.wa-call .eyebrow b{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft);border-radius:var(--eco-r-pill)}
.wa-call .org{color:var(--eco-text-muted)}
.wa-call small,.wa-call .caution,.wa-call .refs,.wa-call .notes,.wa-call #count,.wa-call footer{font-size:var(--eco-fs-sm);color:var(--eco-text-muted)}
.wa-call .question{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft);border-left:3px solid var(--eco-primary);border-radius:0 var(--eco-r-sm) var(--eco-r-sm) 0}
.wa-call .notes{border-top:1px dashed var(--eco-border-strong)}
.wa-call .intro{background:var(--eco-surface-2);border-radius:var(--eco-r-md)}
@media print{.wa-call header{background:white;color:black}.wa-call article{box-shadow:none}.wa-call .question{background:white;color:black}}

/* ---- /zenith-demo/ (page variables remapped to eco tokens) ---- */
.wa-zenith{--ink:var(--eco-text);--muted:var(--eco-text-muted);--paper:var(--eco-bg);--line:var(--eco-border);--green:var(--eco-primary);--mint:var(--eco-primary-soft);--amber:var(--eco-warning);--gold:var(--eco-accent);--white:var(--eco-surface)}
.wa-zenith header{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft)}
.wa-zenith .brand span{color:var(--eco-primary)}
.wa-zenith .brand span[style]{color:var(--eco-text-muted)!important}
.wa-zenith .header-meta{color:var(--eco-on-primary-soft)}
.wa-zenith header button{background:var(--eco-surface);color:var(--eco-text);border-color:var(--eco-border-strong)}
.wa-zenith h1,.wa-zenith .detail-title h2,.wa-zenith .avatar{font-family:var(--eco-font)}
.wa-zenith .smallcaps,.wa-zenith .label{font-size:var(--eco-fs-sm)}
.wa-zenith .start-guide,.wa-zenith .help-card,.wa-zenith .purpose,.wa-zenith .opportunity,.wa-zenith .detail{background:var(--eco-surface);border-color:var(--eco-border);box-shadow:var(--eco-shadow-1)}
.wa-zenith .search input,.wa-zenith select,.wa-zenith textarea{background:var(--eco-surface);border-color:var(--eco-border-strong)}
.wa-zenith .search span{top:50%;transform:translateY(-50%)}
.wa-zenith .chip{font-size:var(--eco-fs-sm)}
.wa-zenith .company{background:var(--eco-surface);border-radius:var(--eco-r-md)}
.wa-zenith .company.selected{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft);border-color:var(--eco-primary)}
.wa-zenith .company.selected .company-meta{color:var(--eco-on-primary-soft)}
.wa-zenith .avatar,.wa-zenith .company.selected .avatar{background:var(--eco-surface-2);color:var(--eco-text)}
.wa-zenith .company-meta,.wa-zenith .source,.wa-zenith .pill,.wa-zenith .fitbox p,.wa-zenith .mini p,.wa-zenith .project p,.wa-zenith .project-tools button,.wa-zenith .metric,.wa-zenith .callout,.wa-zenith .disclosure,.wa-zenith .checklist li,.wa-zenith .checklist small,.wa-zenith .fit-subhead,.wa-zenith footer,.wa-zenith .list-hint,.wa-zenith .field-help,.wa-zenith .status-control .field-help,.wa-zenith .explain,.wa-zenith .guide-bottom p,.wa-zenith .formgrid label,.wa-zenith .score span,.wa-zenith .stat span,.wa-zenith .listhead,.wa-zenith .jump-link,.wa-zenith .opportunity summary,.wa-zenith .detail-title select{font-size:var(--eco-fs-sm)}
.wa-zenith .pill{background:var(--eco-surface-2);color:var(--eco-text);border-radius:var(--eco-r-pill)}
.wa-zenith .pill.good{background:var(--eco-success-soft);color:var(--eco-on-success-soft)}
.wa-zenith .pill.warn{background:var(--eco-warning-soft);color:var(--eco-on-warning-soft)}
.wa-zenith .pill.red{background:var(--eco-danger-soft);color:var(--eco-on-danger-soft)}
.wa-zenith .fitbox,.wa-zenith .score{background:var(--eco-primary-soft);color:var(--eco-on-primary-soft);border-color:var(--eco-primary-soft)}
.wa-zenith .fitbox p{color:var(--eco-on-primary-soft)}
.wa-zenith .metric,.wa-zenith .explain{background:var(--eco-surface-2)}
.wa-zenith .callout{background:var(--eco-accent-soft);color:var(--eco-text);border-left-color:var(--eco-accent)}
.wa-zenith .guide-grid p,.wa-zenith .help-intro,.wa-zenith .glossary dd,.wa-zenith .list-hint,.wa-zenith .field-help,.wa-zenith .checklist small{color:var(--eco-text-muted)}
.wa-zenith .tab{border-radius:0;min-width:0}
.wa-zenith .tab.active{color:var(--eco-primary);border-bottom-color:var(--eco-primary);background:transparent}
.wa-zenith .toast{background:var(--eco-text);color:var(--eco-bg)}
.wa-zenith dialog{background:var(--eco-surface);color:var(--eco-text)}
.wa-zenith dialog::backdrop{background:var(--eco-overlay)}
.eco summary{min-height:var(--eco-tap);padding-block:var(--eco-sp-2);cursor:pointer}
.wa-demos article small{font-size:var(--eco-fs-sm)}
.wa-zenith [style*="font-size:12px"],.wa-zenith [style*="font-size: 12px"]{font-size:var(--eco-fs-sm)!important}