/* Aura IA D3.1 — Mobile Readability & CTA Polish Hotfix
   Scope: case-study library CTA icons + CONTENT-03 JD list scanability only. */

/* Replace platform-dependent emoji arrows with the existing vector UI icon language. */
.case-link .case-cta-arrow{
  width:1rem;
  height:1rem;
  color:var(--d2-forest,#103c32);
  transition:transform .18s ease;
}
.case-library-card:hover .case-cta-arrow,
.case-library-card:focus-visible .case-cta-arrow{transform:translate(3px,-3px)}

/* Restore explicit list hierarchy inside the reconstructed candidate-facing JD.
   The global reset removes native markers, so use compact custom bullets with a hanging indent. */
.jd-reconstruction ul{
  list-style:none;
  margin:.85rem 0 0;
  padding:0;
  display:grid;
  gap:.72rem;
  line-height:1.55;
}
.jd-reconstruction li{
  position:relative;
  padding-left:1.05rem;
  color:#4f5c55;
}
.jd-reconstruction li::before{
  content:"";
  position:absolute;
  left:0;
  top:.76em;
  width:.32rem;
  height:.32rem;
  border-radius:50%;
  background:#103c32;
  transform:translateY(-50%);
}
.jd-columns>div{min-width:0}

@media(max-width:700px){
  .jd-reconstruction{padding:1.15rem 1.05rem}
  .jd-title{font-size:1.9rem;margin-bottom:1.35rem}
  .jd-columns{gap:2rem}
  .jd-reconstruction b{margin-bottom:.65rem}
  .jd-reconstruction ul{margin-top:.55rem;gap:.78rem;line-height:1.5}
  .jd-reconstruction li{padding-left:.9rem;font-size:.94rem;line-height:1.52}
  .jd-reconstruction li::before{width:.28rem;height:.28rem;top:.73em}
  .case-link{gap:1rem}
  .case-link .case-cta-arrow{width:.92rem;height:.92rem}
}