/*
Eval Labs Canon — Publish + Obsidian polish
Same design family as Lucia Canon.
*/

body,
.eval-labs-note,
.published-container {
  --eval-yellow: #FFD100;
  --eval-gold: #FFBC17;
  --eval-amber: #FEA91A;
  --eval-orange: #FF8800;
  --eval-deep-orange: #FF7D0E;
  --eval-ink: #0A0A0A;
  --eval-white: #FFFFFF;

  --eval-link: #7a4d00;
  --eval-link-hover: #0A0A0A;
  --eval-border: rgba(10,10,10,.10);
  --eval-callout-fill: #FEF8D9;
  --eval-callout-stroke: #FAD889;
  --eval-radius: 7px;
}

.markdown-preview-view.eval-labs-note,
.markdown-rendered.eval-labs-note,
.published-container .markdown-rendered {
  color: var(--eval-ink);
}

.eval-labs-note h1,
.published-container h1 {
  letter-spacing: -0.03em;
  line-height: 1.07;
}

.eval-labs-note h2,
.published-container h2 {
  letter-spacing: -0.018em;
  margin-top: 2.1em;
}

.eval-labs-note p,
.eval-labs-note li,
.published-container p,
.published-container li {
  line-height: 1.62;
}

.eval-labs-note a,
.published-container a {
  color: var(--eval-link);
  text-underline-offset: .18em;
}

.eval-labs-note a:hover,
.published-container a:hover {
  color: var(--eval-link-hover);
}

.eval-labs-note hr,
.published-container hr {
  border: 0;
  border-top: 1px solid rgba(10,10,10,.10);
  margin: 1.85rem 0;
}

.eval-labs-note .callout,
.published-container .callout {
  background: var(--eval-callout-fill) !important;
  border: 1px solid var(--eval-callout-stroke) !important;
  border-radius: var(--eval-radius) !important;
  box-shadow: none !important;
}

.eval-labs-note .callout-title,
.published-container .callout-title,
.callout-icon,
.callout-icon svg,
.callout-icon svg path,
.callout-icon svg line,
.callout-icon svg polyline,
.callout-icon svg circle {
  color: var(--eval-ink) !important;
  stroke: var(--eval-ink) !important;
}

.eval-labs-note .callout-title {
  font-weight: 750;
}

.eval-labs-note pre,
.published-container pre {
  border-radius: var(--eval-radius);
  border: 1px solid rgba(10,10,10,.08);
  background: #f7f7f5;
}

.eval-labs-note :not(pre) > code,
.published-container :not(pre) > code {
  background: rgba(255,209,0,.12);
  color: #2f2300;
  padding: .12em .35em;
  border-radius: 5px;
}

.site-body-left-column-site-name,
.site-body-left-column-site-name a {
  color: var(--eval-ink) !important;
  font-weight: 760 !important;
  letter-spacing: -0.02em;
}

.eval-home-hero {
  margin: .15rem 0 1.65rem;
  padding: 0 0 1.25rem;
  border-bottom: 1px solid rgba(10,10,10,.10);
}

.eval-home-kicker {
  display: block;
  margin: 0 0 .55rem;
  color: #7a4d00;
  font-size: .72rem;
  font-weight: 800;
  letter-spacing: .095em;
  text-transform: uppercase;
}

.eval-home-title {
  margin: 0 0 .7rem;
  max-width: 820px;
  font-size: clamp(2rem, 4vw, 3.25rem);
  line-height: 1.04;
  letter-spacing: -0.05em;
  color: var(--eval-ink);
}

.eval-home-subtitle {
  max-width: 740px;
  margin: 0;
  color: rgba(10,10,10,.70);
  font-size: 1rem;
  line-height: 1.55;
}

.eval-status-list {
  display: grid;
  gap: .32rem;
  padding: 0;
  margin: .8rem 0 1.2rem;
  list-style: none;
}

.eval-status-list li {
  padding: .4rem .55rem;
  border: 1px solid rgba(10,10,10,.08);
  border-radius: var(--eval-radius);
  background: rgba(255,255,255,.72);
}

.eval-status-list li::before {
  content: "●";
  color: var(--eval-yellow);
  margin-right: .42rem;
  font-size: .7rem;
}