/* AnimyJob Pixel Art — SEO V4.1 visual fix
 * Module-only styles. No header/footer/global theme changes.
 */

#ajp-app .ajp-seo-details,
#ajp-app .ajp-seo-details *,
#ajp-app .ajp-seo-collection,
#ajp-app .ajp-seo-collection *{box-sizing:border-box}

#ajp-app .ajp-seo-home-title{font-size:clamp(2.25rem,4vw,3.7rem);line-height:1.08;max-width:13ch;letter-spacing:-.045em}
#ajp-app .ajp-seo-tagline{font-style:italic;font-weight:600;font-size:1.3rem;margin:.8rem 0;color:var(--ajp-purple,#77629e)}
#ajp-app .ajp-seo-home-group{margin:2.2rem 0 3rem}
#ajp-app .ajp-seo-home-group .ajp-section-heading p{font-size:.95rem;max-width:58ch;margin:.5rem 0 0}

/* Main SEO block */
#ajp-app .ajp-seo-details,
#ajp-app .ajp-seo-collection{
  margin:2.75rem 0;
  padding:clamp(1.15rem,2.6vw,2rem);
  border:1px solid #e4d9ed;
  border-radius:24px;
  background:linear-gradient(180deg,#fffefa 0%,#fff 100%);
  box-shadow:0 14px 38px rgba(67,48,84,.06);
  overflow:hidden;
}

#ajp-app .ajp-seo-details .ajp-section-heading{margin:0 0 1rem}
#ajp-app .ajp-seo-details .ajp-kicker{display:block;margin:0 0 .55rem;font-size:.72rem;font-weight:800;letter-spacing:.16em;color:#7657a0}
#ajp-app .ajp-seo-details h2{margin:0;font-size:clamp(1.65rem,3vw,2.3rem);line-height:1.15;letter-spacing:-.03em;color:#30253f}
#ajp-app .ajp-seo-intro{max-width:82ch;line-height:1.72;margin:1.15rem 0 1.35rem;color:#4f4657}

/* Stats: fixes default DL/DD browser/site styles */
#ajp-app dl.ajp-seo-stats{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:.85rem !important;
  margin:1.35rem 0 1.7rem !important;
  padding:0 !important;
}
#ajp-app .ajp-seo-stats>div{
  min-width:0;
  margin:0 !important;
  padding:1rem 1.05rem;
  border:1px solid #e6dced;
  border-radius:17px;
  background:#f7f2fb;
}
#ajp-app .ajp-seo-stats dt{
  display:block;
  margin:0 !important;
  padding:0 !important;
  font-size:.76rem;
  line-height:1.35;
  font-weight:750;
  letter-spacing:.02em;
  color:#685c70;
}
#ajp-app .ajp-seo-stats dd{
  display:block;
  margin:.45rem 0 0 !important;
  padding:0 !important;
  font-size:clamp(1.35rem,2vw,1.7rem);
  font-weight:850;
  color:#3d2b4f;
  line-height:1.1;
}
#ajp-app .ajp-seo-stats dd small{
  display:block !important;
  margin-top:.4rem;
  font-size:.72rem;
  line-height:1.35;
  font-weight:600;
  color:#74677b;
}

#ajp-app .ajp-seo-parts{margin:1.55rem 0 1.35rem;padding:1.15rem;border:1px solid #e9e0ef;border-radius:18px;background:#fbf8fd}
#ajp-app .ajp-seo-parts h3,
#ajp-app .ajp-seo-instructions h3,
#ajp-app .ajp-seo-related-group>h3{font-size:1.08rem;line-height:1.3;margin:0 0 .7rem;color:#392b47}
#ajp-app .ajp-seo-parts>p{margin:.15rem 0 .9rem;color:#675d6c;line-height:1.6}
#ajp-app .ajp-seo-part-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem;margin:.9rem 0 0}
#ajp-app .ajp-seo-part-grid a{display:flex !important;flex-direction:column;gap:.35rem;padding:.9rem 1rem;border:1px solid #e4d9eb;background:#fff;border-radius:14px;text-decoration:none;overflow-wrap:anywhere;transition:transform .16s ease,border-color .16s ease}
#ajp-app .ajp-seo-part-grid a:hover{transform:translateY(-1px);border-color:#bda9cf}
#ajp-app .ajp-seo-part-grid span{font-size:.8rem;color:#6d6174}

/* Advice + palette */
#ajp-app .ajp-seo-instructions{
  display:grid !important;
  grid-template-columns:minmax(0,1.45fr) minmax(260px,.8fr) !important;
  gap:1rem !important;
  align-items:start;
  margin:1.35rem 0 0;
}
#ajp-app .ajp-seo-instructions>article,
#ajp-app .ajp-seo-instructions>aside{
  min-width:0;
  margin:0;
  padding:1.15rem 1.2rem;
  border:1px solid #e7deeb;
  border-radius:18px;
  background:#fff;
}
#ajp-app .ajp-seo-instructions>aside{background:#fbf7fd}
#ajp-app .ajp-seo-instructions ol{margin:0 !important;padding:0 0 0 1.35rem !important}
#ajp-app .ajp-seo-instructions li{margin:0 0 .62rem !important;padding-left:.15rem;line-height:1.62;color:#514758}
#ajp-app .ajp-seo-instructions li:last-child{margin-bottom:0 !important}
#ajp-app .ajp-seo-instructions aside>p{margin:.15rem 0 .85rem;line-height:1.55;color:#655a6d}

#ajp-app ul.ajp-seo-colors{
  display:block !important;
  list-style:none !important;
  padding:0 !important;
  margin:.65rem 0 0 !important;
}
#ajp-app .ajp-seo-colors li{
  display:grid !important;
  grid-template-columns:20px minmax(0,1fr) auto;
  align-items:center;
  gap:.65rem;
  margin:0 !important;
  padding:.62rem 0 !important;
  border-bottom:1px solid #ebe3ef;
  font-size:.84rem;
  line-height:1.25;
}
#ajp-app .ajp-seo-colors li:last-child{border-bottom:0}
#ajp-app .ajp-seo-colors i{
  display:block !important;
  width:20px !important;
  height:20px !important;
  min-width:20px;
  border:1px solid rgba(56,42,66,.18);
  border-radius:6px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);
}
#ajp-app .ajp-seo-colors span{display:block;min-width:0;font-weight:700;color:#44384d}
#ajp-app .ajp-seo-colors small{display:inline !important;font-size:.7rem;font-weight:500;color:#817488;white-space:nowrap}
#ajp-app .ajp-seo-colors strong{display:block;white-space:nowrap;font-size:.8rem;color:#4f3b61}

#ajp-app .ajp-seo-level{
  margin-top:1.1rem;
  padding:0;
  border:1px solid #e7ddec;
  border-radius:15px;
  background:#faf7fc;
  overflow:hidden;
}
#ajp-app .ajp-seo-level summary{
  cursor:pointer;
  list-style:none;
  padding:.9rem 1rem;
  font-weight:750;
  color:#4b3a5d;
}
#ajp-app .ajp-seo-level summary::-webkit-details-marker{display:none}
#ajp-app .ajp-seo-level summary:before{content:'+';display:inline-grid;place-items:center;width:1.4rem;height:1.4rem;margin-right:.55rem;border-radius:50%;background:#eee5f4;color:#60467b;font-weight:800}
#ajp-app .ajp-seo-level[open] summary:before{content:'−'}
#ajp-app .ajp-seo-level p{line-height:1.65;max-width:90ch;margin:0;padding:0 1rem 1rem;color:#5b5161}
#ajp-app .ajp-seo-level p+p{padding-top:0}

#ajp-app .ajp-seo-related-group{margin:1.75rem 0}
#ajp-app .ajp-seo-collection h2{font-size:clamp(1.3rem,2.5vw,1.8rem);line-height:1.3}
#ajp-app .ajp-seo-collection p{line-height:1.7}
#ajp-app .ajp-seo-collection .ajp-seo-stats{grid-template-columns:repeat(3,minmax(0,1fr)) !important}

@media(max-width:900px){
  #ajp-app .ajp-seo-instructions{grid-template-columns:1fr !important}
}
@media(max-width:720px){
  #ajp-app dl.ajp-seo-stats{grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:.6rem !important}
  #ajp-app .ajp-seo-details,#ajp-app .ajp-seo-collection{border-radius:18px;padding:1rem}
  #ajp-app .ajp-seo-home-title{max-width:17ch}
  #ajp-app .ajp-seo-home-group .ajp-section-heading{align-items:flex-start;flex-direction:column;gap:.6rem}
}
@media(max-width:440px){
  #ajp-app dl.ajp-seo-stats,
  #ajp-app .ajp-seo-collection .ajp-seo-stats{grid-template-columns:1fr !important}
  #ajp-app .ajp-seo-stats dd{font-size:1.35rem}
  #ajp-app .ajp-seo-colors li{grid-template-columns:20px minmax(0,1fr)}
  #ajp-app .ajp-seo-colors strong{grid-column:2;font-size:.75rem;margin-top:-.25rem}
}