/*
 * Homepage & Atlas alignment — review-only fidelity iteration.
 * All identity, typography and card styles originate in the existing .auDO
 * design system. This file refines the Atlas preview composition only.
 */
.wp1-atlas-spotlight {
  margin: 1rem 0;
  padding: clamp(1rem, 2.5vw, 1.45rem);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--panel);
}
.wp1-atlas-spotlight-heading h3 {
  color: var(--text);
  font-size: clamp(1rem, 1.65vw, 1.3rem);
  line-height: 1.4;
  margin: .22rem 0 1rem;
}
.wp1-atlas-spotlight-visual {
  display: grid;
  gap: 1rem;
  padding: clamp(1rem, 2.3vw, 1.5rem);
  border: 1px solid var(--border);
  border-radius: var(--radius-md);
  background: var(--surface-2);
}
.wp1-atlas-relationship {
  display: flex;
  gap: .65rem;
  align-items: center;
}
.wp1-atlas-entity { flex: 1 1 0; min-width: 0; }
.wp1-atlas-entity strong {
  display: block;
  font-size: clamp(1rem, 2.1vw, 1.55rem);
  line-height: 1.25;
  color: var(--text);
  overflow-wrap: anywhere;
}
.wp1-atlas-entity span {
  display: block;
  margin-top: .25rem;
  font-size: .75rem;
  line-height: 1.4;
  color: var(--muted);
}
.wp1-atlas-entity-cohort { text-align: right; }
.wp1-atlas-connection {
  position: relative;
  flex: 1 1 28%;
  min-width: 32px;
  max-width: 210px;
  border-top: 2px solid var(--teal);
  opacity: .85;
}
.wp1-atlas-connection::before,
.wp1-atlas-connection::after,
.wp1-atlas-connection-dot {
  content: "";
  position: absolute;
  top: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
}
.wp1-atlas-connection::before { left: 0; }
.wp1-atlas-connection::after { right: 0; }
.wp1-atlas-connection-dot {
  width: 10px;
  height: 10px;
  top: -6px;
  left: calc(50% - 5px);
  border: 2px solid var(--surface-2);
}
.wp1-atlas-spotlight-result {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .45rem 1.1rem;
  border-top: 1px solid var(--border);
  padding-top: .75rem;
}
.wp1-atlas-large-count {
  display: flex;
  align-items: baseline;
  gap: .55rem;
}
.wp1-atlas-large-count strong {
  color: var(--accent);
  font-size: clamp(2rem, 4vw, 3.1rem);
  line-height: 1;
  font-weight: 750;
}
.wp1-atlas-large-count span {
  color: var(--text-soft);
  font-size: .9rem;
}
.wp1-atlas-coverage-bar {
  flex: 1 1 130px;
  width: 100%;
  height: 9px;
  max-width: 310px;
  overflow: hidden;
  border: 0;
  border-radius: 100px;
  appearance: none;
  background: var(--border-strong);
}
.wp1-atlas-coverage-bar::-webkit-progress-bar {
  background: var(--border-strong);
  border-radius: inherit;
}
.wp1-atlas-coverage-bar::-webkit-progress-value {
  background: var(--accent);
  border-radius: inherit;
}
.wp1-atlas-coverage-bar::-moz-progress-bar {
  background: var(--accent);
  border-radius: inherit;
}
.wp1-atlas-spotlight-date {
  flex-basis: 100%;
  margin: .25rem 0 0;
  color: var(--muted);
  font-size: .79rem;
  line-height: 1.5;
}
.wp1-atlas-spotlight-limits {
  margin: .7rem 0;
  max-width: 82ch;
  color: var(--muted);
  font-size: .77rem;
  line-height: 1.55;
}
.wp1-atlas-spotlight > .report-link { margin-top: .35rem; }
.wp1-atlas-introduction {
  max-width: 85ch;
  margin: 1rem 0 1.2rem;
  color: var(--text-soft);
  font-size: .91rem;
  line-height: 1.65;
}
.wp1-atlas-introduction p { margin: 0; }
.wp1-atlas-introduction strong { color: var(--text); font-weight: 600; }
.wp1-atlas-future-link {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3rem .65rem;
  margin-top: .55rem !important;
  font-size: .82rem;
}
.wp1-atlas-link-label { color: var(--accent); font-weight: 600; }
.wp1-atlas-link-status { color: var(--muted); font-size: .74rem; }
.wp1-atlas-link-status code { color: var(--text-soft); }
.wp1-atlas-choice-label { margin: 1rem 0 .25rem; }
.wp1-atlas .home-journey { margin-top: .7rem; }
.wp1-atlas-note { margin-top: 1.1rem; font-size: .76rem; line-height: 1.6; }
.wp1-journey-detail {
  margin-top: .6rem;
  font-size: .79rem;
  line-height: 1.5;
  color: var(--muted);
}
@media (max-width: 760px) {
  .wp1-atlas-relationship { gap: .4rem; }
  .wp1-atlas-entity strong { font-size: clamp(.84rem, 4vw, 1.1rem); }
  .wp1-atlas-spotlight-visual { padding: .9rem; }
  .wp1-atlas-spotlight-result { align-items: flex-start; }
  .wp1-atlas-coverage-bar { max-width: none; }
}

/* Homepage Atlas: one clear invitation and two compact sourced relationships. */
.wp1-atlas .panel-inner { display:grid; gap:1.1rem; }
.wp1-atlas-lead { display:grid; gap:.55rem; max-width:850px; justify-items:start; }
.wp1-atlas-lead .section-eyebrow, .wp1-atlas-lead h2 { margin:0; }
.wp1-atlas-introduction { max-width:70ch; margin:.2rem 0 .35rem; color:var(--text-soft); font:400 var(--text-sm)/1.65 var(--font-sans); }
.wp1-atlas .wp1-atlas-cta { display:inline-flex; align-items:center; gap:.5rem; width:fit-content; min-height:40px; padding:.3rem 0; border:0; border-bottom:1px solid var(--accent); border-radius:0; background:transparent; color:var(--accent); font:600 .94rem/1.4 var(--font-sans); text-decoration:none; }
.wp1-atlas .wp1-atlas-cta:hover, .wp1-atlas .wp1-atlas-cta:focus-visible { color:var(--text); border-color:var(--accent); background:transparent; }
.wp1-atlas-spotlight { display:grid; grid-template-columns:1fr; gap:.7rem; padding:.9rem 1rem; border:1px solid var(--border); border-radius:var(--radius-md); margin:0; background:var(--surface-2); }
.wp1-atlas-spotlight-heading { display:flex; align-items:baseline; justify-content:space-between; flex-wrap:wrap; gap:.3rem 1rem; }
.wp1-atlas-spotlight-heading .section-eyebrow { font-size:.71rem; margin:0; }
.wp1-atlas-spotlight-heading > p:last-child { font-size:.73rem; color:var(--muted); margin:0; }
.wp1-atlas-spotlight-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.75rem; }
.wp1-atlas-example { min-width:0; padding:.8rem .9rem; border:1px solid var(--border); border-radius:var(--radius-sm); background:var(--panel); display:grid; gap:.6rem; }
.wp1-atlas-example .wp1-atlas-relationship { display:flex; align-items:center; justify-content:space-between; gap:.5rem; min-height:30px; color:var(--text); }
.wp1-atlas-example .wp1-atlas-relationship strong { min-width:0; font-size:clamp(.84rem,1.35vw,.98rem); font-weight:600; overflow-wrap:normal; }
.wp1-atlas-example .wp1-atlas-relationship strong:last-child { text-align:right; }
.wp1-atlas-example .wp1-atlas-connection { position:static; flex:0 0 auto; min-width:auto; max-width:none; width:auto; height:auto; color:var(--accent); font-size:1.12rem; }
.wp1-atlas-example .wp1-atlas-connection::before,.wp1-atlas-example .wp1-atlas-connection::after { content:none; }
.wp1-atlas-example .wp1-atlas-spotlight-result { display:flex; align-items:baseline; gap:.45rem; margin:0; padding:0; }
.wp1-atlas-example .wp1-atlas-spotlight-result strong { color:var(--accent); font-size:1.5rem; line-height:1; font-weight:700; }
.wp1-atlas-example .wp1-atlas-spotlight-result span { color:var(--text-soft); font-size:.76rem; }
.wp1-atlas-example .wp1-atlas-coverage-bar { width:100%; max-width:none; height:5px; flex:none; }
.wp1-atlas-example-foot { display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:.35rem 1rem; font-size:.73rem; color:var(--muted); }
.wp1-atlas-example-foot a { color:var(--accent); font-size:inherit; font-weight:600; }
.wp1-atlas-spotlight-limits, .wp1-atlas-no-example { margin:0; font-size:.74rem; line-height:1.5; color:var(--muted); }
@media(max-width:660px) {
 .wp1-atlas-spotlight-grid { grid-template-columns:1fr; }
 .wp1-atlas-example { padding:.85rem; }
 .wp1-atlas-example .wp1-atlas-relationship strong { font-size:.9rem; }
}

/* The relationship arrow is text, not the old decorative connector rule. */
.wp1-atlas-example .wp1-atlas-connection { background:none; height:auto; border:0; padding:0; line-height:1; }