/* Generated live artifacts should read as real working documents, not UI cards. */
.generated-live-artifact{
  --artifact-accent:#1264c4;
  --artifact-accent-dark:#174a82;
  --artifact-ink:#172233;
  --artifact-muted:#617085;
  --artifact-line:#d9e0e8;
  --artifact-line-strong:#b9c4d0;
  --artifact-paper:#fff;
  --artifact-wash:#f5f7f9;
  --artifact-canvas:#edf2f5;
  box-sizing:border-box;
  color:var(--artifact-ink);
  background:var(--artifact-paper);
  border:1px solid #cfd7e0;
  border-radius:3px;
  box-shadow:0 7px 20px rgba(28,42,61,.09);
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Arial,sans-serif;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
}
.call-reference>.generated-live-artifact{
  width:min(1040px,calc(100% - 34px));
  height:calc(100% - 24px);
  max-height:820px;
  padding:29px 34px 18px;
}
.generated-live-artifact.theme-product{
  --artifact-accent:#0968df;
  --artifact-accent-dark:#174f91;
  --artifact-wash:#f3f7fc;
  --artifact-canvas:#edf3f8;
}
.generated-live-artifact.theme-executive{
  --artifact-accent:#395b7c;
  --artifact-accent-dark:#203b57;
  --artifact-wash:#f7f5f1;
  --artifact-canvas:#f0eee8;
}
.generated-live-artifact.theme-command{
  --artifact-accent:#526c66;
  --artifact-accent-dark:#314b47;
  --artifact-wash:#f3f5f3;
  --artifact-canvas:#e9eeeb;
}
.generated-live-artifact.theme-operations{
  --artifact-accent:#287074;
  --artifact-accent-dark:#234e54;
  --artifact-wash:#f2f7f7;
  --artifact-canvas:#eaf1f1;
}

.generated-live-artifact>header{
  margin:0 0 15px;
  padding:0 0 16px;
  border-bottom:1px solid var(--artifact-line-strong);
}
.generated-live-artifact .artifact-heading-meta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  color:var(--artifact-muted);
  font-size:10px;
  font-weight:700;
  letter-spacing:.085em;
  line-height:1.25;
  text-transform:uppercase;
}
.generated-live-artifact .artifact-heading-meta b{
  color:var(--artifact-accent-dark);
  font:inherit;
}
.generated-live-artifact>header h1{
  max-width:32ch;
  margin:9px 0 0;
  color:var(--artifact-ink);
  font-family:inherit;
  font-size:clamp(23px,2.1vw,30px);
  font-weight:650;
  letter-spacing:-.032em;
  line-height:1.12;
  text-wrap:balance;
}
.generated-live-artifact>header>p{
  max-width:76ch;
  margin:7px 0 0;
  color:var(--artifact-muted);
  font-size:13px;
  line-height:1.48;
}
.generated-live-artifact .generated-artifact-body{
  flex:1;
  min-height:0;
  padding:1px 2px 2px;
  overflow:auto;
  scrollbar-gutter:stable;
}
.generated-live-artifact>footer{
  display:flex;
  flex:none;
  justify-content:space-between;
  gap:18px;
  margin-top:13px;
  padding-top:10px;
  border-top:1px solid var(--artifact-line);
  color:#7d8998;
  font-size:9px;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
}

/* Dashboard: a compact operating readout with ruled KPI columns. */
.generated-live-artifact .generated-grid.dashboard{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  max-width:none;
  border-top:2px solid var(--artifact-accent-dark);
  border-bottom:1px solid var(--artifact-line-strong);
}
.generated-live-artifact .generated-grid.dashboard .generated-cell{
  min-height:112px;
  padding:15px 17px 14px;
  border:0;
  border-right:1px solid var(--artifact-line);
  border-bottom:1px solid var(--artifact-line);
  border-radius:0;
  background:var(--artifact-paper);
  box-shadow:none;
}
.generated-live-artifact .generated-grid.dashboard .generated-cell:nth-child(3n){border-right:0}
.generated-live-artifact .generated-grid.dashboard .generated-cell:nth-last-child(-n+3){border-bottom:0}
.generated-live-artifact .generated-cell>span{
  display:block;
  color:var(--artifact-muted);
  font-size:9px;
  font-weight:750;
  letter-spacing:.075em;
  line-height:1.3;
  text-transform:uppercase;
}
.generated-live-artifact .generated-cell>strong{
  display:block;
  margin-top:7px;
  color:var(--artifact-accent-dark);
  font-size:20px;
  font-weight:650;
  letter-spacing:-.025em;
  line-height:1.15;
}
.generated-live-artifact .generated-cell p{
  max-width:34ch;
  margin:6px 0 0;
  color:var(--artifact-muted);
  font-size:11px;
  line-height:1.45;
}
.generated-live-artifact .generated-cell.caution,
.generated-live-artifact .generated-cell.critical,
.generated-live-artifact .generated-cell.positive{border-left:0}

/* Table: flat analytical worksheet, with the measure column held during scroll. */
.generated-live-artifact .generated-table-wrap{
  max-width:none;
  overflow:auto;
  border:1px solid var(--artifact-line-strong);
  border-radius:2px;
  background:var(--artifact-paper);
  box-shadow:none;
}
.generated-live-artifact .generated-table{
  width:100%;
  min-width:650px;
  border-collapse:collapse;
  table-layout:fixed;
}
.generated-live-artifact .generated-table th,
.generated-live-artifact .generated-table td{
  padding:10px 13px;
  border-right:1px solid var(--artifact-line);
  border-bottom:1px solid var(--artifact-line);
  text-align:left;
  vertical-align:top;
}
.generated-live-artifact .generated-table tr>*:last-child{border-right:0}
.generated-live-artifact .generated-table tbody tr:last-child>*{border-bottom:0}
.generated-live-artifact .generated-table thead th{
  background:var(--artifact-wash);
  color:#556579;
  font-size:9px;
  font-weight:750;
  letter-spacing:.075em;
  text-transform:uppercase;
}
.generated-live-artifact .generated-table tbody th{
  width:27%;
  color:var(--artifact-ink);
  background:#fbfcfd;
  font-size:11px;
  font-weight:650;
  line-height:1.4;
}
.generated-live-artifact .generated-table tbody td:nth-child(2){
  width:22%;
  color:var(--artifact-accent-dark);
  font-size:13px;
  font-weight:700;
}
.generated-live-artifact .generated-table tbody td:last-child{
  color:var(--artifact-muted);
  font-size:10px;
  line-height:1.5;
}

/* Chart: an understated comparison sheet rather than a collection of panels. */
.generated-live-artifact .generated-chart{
  display:grid;
  gap:0;
  max-width:none;
  border-top:2px solid var(--artifact-accent-dark);
}
.generated-live-artifact .chart-item{
  display:grid;
  grid-template-columns:minmax(115px,155px) minmax(160px,1fr) minmax(74px,105px);
  gap:11px;
  align-items:center;
  padding:11px 10px;
  border:0;
  border-bottom:1px solid var(--artifact-line);
  border-radius:0;
  background:var(--artifact-paper);
}
.generated-live-artifact .chart-item>span{font-size:11px;font-weight:650;line-height:1.35}
.generated-live-artifact .chart-item>div{height:7px;overflow:hidden;border-radius:1px;background:#e7ebf0}
.generated-live-artifact .chart-item i,
.generated-live-artifact .chart-item i.caution,
.generated-live-artifact .chart-item i.critical,
.generated-live-artifact .chart-item i.positive{
  display:block;
  height:100%;
  border-radius:0;
  background:var(--artifact-accent);
}
.generated-live-artifact .chart-item>b{color:var(--artifact-accent-dark);font-size:12px;text-align:right}
.generated-live-artifact .chart-item>small{grid-column:2/4;color:var(--artifact-muted);font-size:10px;line-height:1.4}

/* Timeline: a dated decision log with restrained markers. */
.generated-live-artifact .generated-timeline{
  position:relative;
  max-width:none;
  margin:0;
  padding-left:2px;
}
.generated-live-artifact .generated-timeline:before{
  left:8px;
  top:8px;
  bottom:8px;
  width:1px;
  background:var(--artifact-line-strong);
}
.generated-live-artifact .timeline-item{
  display:grid;
  grid-template-columns:18px minmax(0,1fr);
  gap:13px;
  padding:7px 0;
}
.generated-live-artifact .timeline-item>i,
.generated-live-artifact .timeline-item.caution>i,
.generated-live-artifact .timeline-item.critical>i{
  z-index:1;
  width:9px;
  height:9px;
  margin:5px 0 0 2px;
  border:2px solid var(--artifact-paper);
  border-radius:1px;
  background:var(--artifact-accent);
  box-shadow:none;
}
.generated-live-artifact .timeline-item>div{
  display:grid;
  grid-template-columns:105px minmax(0,1fr);
  column-gap:16px;
  align-items:baseline;
  padding-bottom:4px;
}
.generated-live-artifact .timeline-item span{grid-row:1/3;color:var(--artifact-muted);font-size:9px;font-weight:750;letter-spacing:.045em;text-transform:uppercase}
.generated-live-artifact .timeline-item b{grid-column:2;margin:0;color:var(--artifact-ink);font-size:12px;line-height:1.3}
.generated-live-artifact .timeline-item p{grid-column:2;margin:2px 0 0;color:var(--artifact-muted);font-size:11px;line-height:1.42}

/* Memo: recognizable briefing paper with a lead recommendation and ruled sections. */
.generated-live-artifact .generated-memo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  max-width:none;
  overflow:hidden;
  border:1px solid var(--artifact-line-strong);
  border-top:3px solid var(--artifact-accent-dark);
  border-radius:1px;
  background:var(--artifact-paper);
  box-shadow:none;
}
.generated-live-artifact .generated-memo section{
  min-height:116px;
  padding:16px 18px;
  border-right:1px solid var(--artifact-line);
  border-bottom:1px solid var(--artifact-line);
  background:var(--artifact-paper);
}
.generated-live-artifact .generated-memo section:first-child{
  grid-column:1/-1;
  min-height:0;
  padding:17px 19px;
  border-right:0;
  background:var(--artifact-wash);
}
.generated-live-artifact .generated-memo section:nth-child(2n+1){border-right:0}
.generated-live-artifact .generated-memo section:last-child{border-bottom:0}
.generated-live-artifact .generated-memo section>span{color:var(--artifact-muted);font-size:9px;font-weight:750;letter-spacing:.075em;text-transform:uppercase}
.generated-live-artifact .generated-memo h3{margin:5px 0 0;color:var(--artifact-ink);font-family:inherit;font-size:14px;font-weight:650;line-height:1.32}
.generated-live-artifact .generated-memo section:first-child h3{max-width:36ch;color:var(--artifact-accent-dark);font-size:19px;letter-spacing:-.02em}
.generated-live-artifact .generated-memo p{max-width:64ch;margin:5px 0 0;color:var(--artifact-muted);font-size:10px;line-height:1.52}

/* Map and network: one analytical canvas with a compact evidence key. */
.generated-live-artifact .generated-map,
.generated-live-artifact .generated-network{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(210px,.45fr);
  gap:13px;
  max-width:none;
}
.generated-live-artifact .map-canvas,
.generated-live-artifact .network-canvas{
  position:relative;
  min-height:330px;
  overflow:hidden;
  border:1px solid var(--artifact-line-strong);
  border-radius:2px;
  background:var(--artifact-canvas);
}
.generated-live-artifact .map-canvas svg,
.generated-live-artifact .network-canvas>svg{position:absolute;inset:0;width:100%;height:100%}
.generated-live-artifact .map-canvas svg>rect:first-of-type,
.generated-live-artifact .network-canvas svg>rect:first-of-type{fill:var(--artifact-canvas)}
.generated-live-artifact .map-land{fill:#dde6dd;stroke:#8da496;stroke-width:.45}
.generated-live-artifact .map-land-secondary{fill:#e7e5dc}
.generated-live-artifact .map-contour{fill:none;stroke:#9baab4;stroke-width:.32;stroke-dasharray:1.4 1}
.generated-live-artifact .map-link line{stroke:#687d91;stroke-width:.55;stroke-dasharray:2 1}
.generated-live-artifact .map-link.caution line,
.generated-live-artifact .map-link.critical line{stroke:#687d91}
.generated-live-artifact .map-link text{fill:#4f6174;stroke:var(--artifact-canvas);stroke-width:.8px}
.generated-live-artifact .map-node circle,
.generated-live-artifact .map-node.caution circle,
.generated-live-artifact .map-node.critical circle,
.generated-live-artifact .map-node.positive circle{fill:var(--artifact-accent);stroke:var(--artifact-paper);stroke-width:.8}
.generated-live-artifact .map-legend,
.generated-live-artifact .network-notes{display:grid;align-content:start;gap:0;border-top:2px solid var(--artifact-accent-dark)}
.generated-live-artifact .map-legend>div,
.generated-live-artifact .network-notes p{
  display:grid;
  grid-template-columns:23px minmax(0,1fr);
  gap:8px;
  margin:0;
  padding:9px 7px;
  border:0;
  border-bottom:1px solid var(--artifact-line);
  border-radius:0;
  background:var(--artifact-paper);
  color:var(--artifact-muted);
  font-size:9px;
  line-height:1.4;
}
.generated-live-artifact .map-legend i{
  display:grid;
  width:20px;
  height:20px;
  place-items:center;
  border-radius:2px;
  background:var(--artifact-accent);
  color:#fff;
  font-size:9px;
  font-style:normal;
  font-weight:750;
}
.generated-live-artifact .map-legend i.caution,
.generated-live-artifact .map-legend i.critical,
.generated-live-artifact .map-legend i.positive{background:var(--artifact-accent)}
.generated-live-artifact .map-legend b,
.generated-live-artifact .network-notes b{display:block;margin:0 0 2px;color:var(--artifact-ink);font-size:10px;font-weight:650}
.generated-live-artifact .map-legend span{color:var(--artifact-muted);font-size:9px;line-height:1.4}
.generated-live-artifact .network-canvas>span{
  position:absolute;
  z-index:2;
  max-width:145px;
  transform:translate(8px,-50%);
  padding:5px 7px;
  border:1px solid var(--artifact-line-strong);
  border-radius:2px;
  background:rgba(255,255,255,.95);
  box-shadow:0 2px 6px rgba(28,42,61,.08);
}
.generated-live-artifact .network-canvas>span b,
.generated-live-artifact .network-canvas>span small{display:block}
.generated-live-artifact .network-canvas>span b{color:var(--artifact-ink);font-size:9px}
.generated-live-artifact .network-canvas>span small{margin-top:2px;color:var(--artifact-muted);font-size:9px}
.generated-live-artifact .network-notes p{display:block;padding:9px 7px}

@media(max-width:900px){
  .call-reference>.generated-live-artifact{width:calc(100% - 18px);height:calc(100% - 16px);padding:22px 23px 16px}
  .generated-live-artifact .generated-grid.dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}
  .generated-live-artifact .generated-grid.dashboard .generated-cell:nth-child(3n){border-right:1px solid var(--artifact-line)}
  .generated-live-artifact .generated-grid.dashboard .generated-cell:nth-child(2n){border-right:0}
  .generated-live-artifact .generated-grid.dashboard .generated-cell:nth-last-child(-n+3){border-bottom:1px solid var(--artifact-line)}
  .generated-live-artifact .generated-grid.dashboard .generated-cell:nth-last-child(-n+2){border-bottom:0}
  .generated-live-artifact .generated-map,
  .generated-live-artifact .generated-network{grid-template-columns:1fr}
  .generated-live-artifact .map-canvas,
  .generated-live-artifact .network-canvas{min-height:300px}
  .generated-live-artifact .map-legend,
  .generated-live-artifact .network-notes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .generated-live-artifact .timeline-item>div{grid-template-columns:82px minmax(0,1fr)}
}
@media(max-width:620px){
  .call-reference>.generated-live-artifact{width:100%;height:100%;max-height:none;padding:19px 17px 14px;border:0;box-shadow:none}
  .generated-live-artifact>header h1{font-size:22px}
  .generated-live-artifact .generated-grid.dashboard,
  .generated-live-artifact .generated-memo{grid-template-columns:1fr}
  .generated-live-artifact .generated-grid.dashboard .generated-cell,
  .generated-live-artifact .generated-grid.dashboard .generated-cell:nth-child(3n),
  .generated-live-artifact .generated-grid.dashboard .generated-cell:nth-child(2n){border-right:0;border-bottom:1px solid var(--artifact-line)}
  .generated-live-artifact .generated-memo section,
  .generated-live-artifact .generated-memo section:nth-child(2n+1){grid-column:1;border-right:0}
  .generated-live-artifact .chart-item{grid-template-columns:105px minmax(110px,1fr) 70px;padding-inline:4px}
  .generated-live-artifact .chart-item>small{grid-column:1/-1;padding-left:116px}
  .generated-live-artifact .timeline-item>div{display:block}
  .generated-live-artifact .timeline-item span{display:block;margin-bottom:2px}
  .generated-live-artifact .map-legend,
  .generated-live-artifact .network-notes{grid-template-columns:1fr}
  .generated-live-artifact>footer{display:block}
  .generated-live-artifact>footer span{display:block;margin-top:3px}
}