/* v2 — properly-aligned, brand-themed cards for AI works/skip */

.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:36px 28px;margin-top:48px}

.profile{
  position:relative;
  background:#FBF6EC;
  border-radius:6px;
  padding:48px 28px 28px;
  box-shadow:0 8px 24px -12px rgba(15,24,40,.14),0 3px 8px -3px rgba(15,24,40,.06);
  transition:transform .25s ease,box-shadow .25s ease;
  border:1px solid rgba(15,24,40,.06);
}
.profile.right{transform:rotate(-.5deg)}
.profile.wrong{transform:rotate(.6deg)}
.profile:hover{transform:rotate(0) translateY(-3px);box-shadow:0 18px 40px -14px rgba(15,24,40,.22)}

/* The 'tape' at top — clean, not a bar code */
.profile::before{
  content:'';
  position:absolute;
  top:-10px;left:50%;transform:translateX(-50%) rotate(-3deg);
  width:64px;height:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.15));
  border:1px solid rgba(15,24,40,.10);
  border-radius:1px;
  box-shadow:0 2px 4px rgba(15,24,40,.10);
}
.profile.right::before{background:linear-gradient(180deg,rgba(45,212,191,.45),rgba(45,212,191,.20));border-color:rgba(14,159,143,.30)}
.profile.wrong::before{background:linear-gradient(180deg,rgba(226,118,108,.45),rgba(226,118,108,.20));border-color:rgba(201,90,80,.30)}

/* Tag pill positioned in top-right, properly aligned, badge style */
.profile::after{
  position:absolute;
  top:18px;right:18px;
  padding:5px 10px;border-radius:99px;
  font-family:'JetBrains Mono','Outfit',ui-monospace,monospace;
  font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  line-height:1;display:inline-flex;align-items:center;
}
.profile.right::after{
  content:'\2713  works';  /* ✓ + space + label */
  background:rgba(45,212,191,.18);
  color:#0E7569;
  border:1px solid rgba(45,212,191,.50);
}
.profile.wrong::after{
  content:'\2715  skip';  /* ✕ + space + label */
  background:rgba(226,118,108,.16);
  color:#A4453B;
  border:1px solid rgba(226,118,108,.50);
}

.profile h3{
  font-family:'Fraunces',Georgia,serif;
  font-weight:500;font-size:21.5px;line-height:1.25;
  color:#0F1828;
  margin:0 0 14px 0;
  padding-right:80px;  /* keep title clear of the badge */
  padding-bottom:14px;
  border-bottom:1px solid rgba(15,24,40,.10);
  letter-spacing:-.005em;
}
.profile p{
  font-family:'Outfit',system-ui,sans-serif;
  font-size:15px;line-height:1.6;color:#34404a;
  margin:0;
}

/* AI makes-sense list — softer style, properly aligned */
.ai-makes-sense{list-style:none;padding:0;margin:36px auto 0;max-width:920px;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 14px}
.ai-makes-sense li{
  position:relative;padding:16px 18px 16px 50px;
  background:#FBF6EC !important;
  border:1px solid rgba(15,24,40,.10) !important;
  border-radius:6px !important;  /* changed from 99px to square-ish to feel like a postcard */
  font-family:'Fraunces',Georgia,serif !important;
  font-style:italic;font-weight:500 !important;
  font-size:15.5px !important;
  color:#0F1828 !important;
  box-shadow:0 4px 12px -6px rgba(15,24,40,.10);
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
  letter-spacing:.005em;
}
.ai-makes-sense li:hover{
  transform:translateY(-2px) rotate(-.5deg);
  border-color:rgba(45,212,191,.55) !important;
  box-shadow:0 10px 22px -10px rgba(15,24,40,.18);
}
.ai-makes-sense li::before{
  content:'\2713' !important;
  position:absolute !important;
  top:50% !important;left:14px !important;transform:translateY(-50%) !important;
  width:24px !important;height:24px !important;
  background:rgba(45,212,191,.18) !important;
  color:#0E7569 !important;
  border:1px solid rgba(45,212,191,.50) !important;
  border-radius:50% !important;
  display:flex !important;align-items:center !important;justify-content:center !important;
  font-size:13px !important;font-weight:700 !important;
  font-family:'JetBrains Mono','Outfit',ui-monospace,monospace !important;
  font-style:normal !important;
}
.ai-makes-sense .ams-name{font-weight:500}