/* Compact DNA outcomes. Text and vectors stay sharp at every screen size. */
.dnk-takeaways.dnk-takeaways-compact {
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.6fr);
  align-items: center;
  gap: clamp(32px, 4vw, 64px);
  padding: clamp(36px, 3.6vw, 56px) clamp(32px, 4vw, 64px);
  background: var(--panel-solid);
  color: var(--txt);
  border-top: 1px solid var(--stroke);
}
.dnk-plan-copy { min-width: 0; }
.dnk-takeaways-compact .dnk-takeaways-heading .eyebrow {
  margin-bottom: 17px;
  color: var(--muted);
  font-size: 10px;
  letter-spacing: .08em;
}
.dnk-takeaways-compact .dnk-takeaways-heading h3 {
  font-size: clamp(30px, 2.7vw, 42px);
  line-height: 1.1;
  letter-spacing: -.04em;
  text-wrap: initial;
}
.dnk-takeaways-compact .dnk-takeaways-heading h3 span { color: var(--accent); }
.dnk-plan-lead {
  max-width: 35ch;
  margin-top: 18px;
  color: var(--muted);
  font-size: 15px;
  line-height: 1.5;
}
.dnk-plan-points {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.dnk-plan-points li { min-width: 0; }
.dnk-plan-marker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 21px;
  margin-bottom: 21px;
  border-bottom: 1px solid var(--stroke);
}
.dnk-plan-marker svg {
  display: block;
  width: 42px;
  height: 42px;
  color: var(--accent);
  stroke: currentColor;
  stroke-width: 1.5;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.dnk-plan-marker span { color: var(--muted); font-size: 11px; }
.dnk-plan-points h4 {
  margin: 0 0 10px;
  font-size: clamp(17px, 1.4vw, 21px);
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -.025em;
}
.dnk-plan-points p { margin: 0; font-size: 14px; line-height: 1.5; color: var(--muted); }
@media (max-width: 1100px) {
  .dnk-takeaways.dnk-takeaways-compact { grid-template-columns: minmax(0, .8fr) minmax(0, 1.4fr); padding: 36px 30px; gap: 32px; }
  .dnk-plan-points { gap: 18px; }
}
@media (max-width: 900px) {
  .dnk-takeaways.dnk-takeaways-compact { grid-template-columns: 1fr; gap: 30px; }
  .dnk-plan-copy { display: grid; grid-template-columns: 1fr 1fr; align-items: end; gap: 32px; }
  .dnk-plan-lead { margin: 0; }
  .dnk-plan-marker { margin-bottom: 16px; padding-bottom: 16px; }
  .dnk-plan-points h4 { font-size: 20px; }
}
@media (max-width: 600px) {
  .dnk-takeaways.dnk-takeaways-compact { padding: 30px 22px; gap: 26px; }
  .dnk-plan-copy { display: block; }
  .dnk-takeaways-compact .dnk-takeaways-heading h3 { font-size: clamp(28px, 7.5vw, 36px); }
  .dnk-plan-lead { margin-top: 16px; }
  .dnk-plan-points { grid-template-columns: 1fr; gap: 0; }
  .dnk-plan-points li { display: grid; grid-template-columns: 38px minmax(0, 1fr); gap: 18px; padding: 18px 0; border-top: 1px solid var(--stroke); }
  .dnk-plan-points li:last-child { padding-bottom: 0; }
  .dnk-plan-marker { flex-direction: column; justify-content: flex-start; gap: 7px; border: 0; margin: 0; padding: 0; }
  .dnk-plan-marker svg { width: 34px; height: 34px; }
  .dnk-plan-marker span { font-size: 9px; }
  .dnk-plan-points h4 { font-size: 19px; margin-bottom: 6px; }
}

/* Compact visual chapter conclusions. Existing buttons and lead attributes remain. */
.dnk-path .dnk-path-panel{align-items:center;}
.dnk-path-result.dnk-result-visual{
  --result-ink:#24202d;position:relative;isolation:isolate;display:grid;grid-template-columns:94px minmax(0,1fr);
  gap:20px;align-items:center;padding:25px;border:0;border-radius:20px;background:var(--result-ink);color:#fbf9ef;
  overflow:hidden;
}
.dnk-result-art{align-self:center;position:relative;display:grid;place-items:center;aspect-ratio:.8;color:var(--path-tone);min-width:0;}
.dnk-result-art svg{display:block;width:100%;height:auto;overflow:visible;}
.dnk-result-copy{min-width:0;}
.dnk-path-result.dnk-result-visual .dnk-result-kicker{display:block;font-size:9px;letter-spacing:.08em;color:#b9b0c8;margin-bottom:10px;}
.dnk-path-result.dnk-result-visual .dnk-result-copy p{font-size:clamp(21px,2.05vw,31px);line-height:1.15;letter-spacing:-.03em;margin:0 0 20px;text-wrap:pretty;max-width:none;}
.dnk-path-result.dnk-result-visual .button{min-height:46px;padding:12px 17px;font-size:12px;gap:20px;background:var(--path-tone);color:var(--result-ink);}
.dnk-path-result.dnk-result-visual .button:hover{background:#fff;}
.dnk-path-result.dnk-result-visual .button .arrow{font-size:20px;}
@media(max-width:1100px){
  .dnk-path-result.dnk-result-visual{grid-template-columns:72px minmax(0,1fr);gap:17px;padding:23px;}
  .dnk-path-result.dnk-result-visual .button{gap:14px;font-size:12px;padding-inline:15px;}
}
@media(max-width:900px){
  .dnk-path-result.dnk-result-visual{grid-template-columns:110px minmax(0,1fr);gap:28px;padding:28px;}
  .dnk-path-result.dnk-result-visual .dnk-result-copy p{font-size:29px;}
  .dnk-path-result.dnk-result-visual .button{font-size:14px;}
}
@media(max-width:600px){
  .dnk-path-result.dnk-result-visual{grid-template-columns:68px minmax(0,1fr);gap:17px;padding:23px 18px;border-radius:16px;}
  .dnk-path-result.dnk-result-visual .dnk-result-copy p{font-size:24px;margin-bottom:17px;}
  .dnk-path-result.dnk-result-visual .button{font-size:12px;padding:12px 14px;gap:12px;min-height:45px;}
}
@media(max-width:360px){
  .dnk-path-result.dnk-result-visual{grid-template-columns:1fr;gap:14px;}
  .dnk-result-art{width:72px;aspect-ratio:1.3;justify-self:start;}
  .dnk-result-art svg{max-height:65px;}
  .dnk-path-result.dnk-result-visual .dnk-result-copy p{font-size:25px;}
}