:root{
  --wedu-ai-icon-size: 28px;
  --wedu-ai-base-bg: #111827;
  --wedu-ai-base-fg: #ffffff;
  --wedu-ai-hover-fg: #f15f22; /* brand orange */
}
.wedu-ai-sum{margin:2rem 0;padding:1.25rem;border:1px solid var(--wp--preset--color--contrast-3, #e5e7eb);border-radius:14px;background:transparent}
.wedu-ai-sum__heading{margin:0 0 .25rem 0;font-size:1.125rem;line-height:1.4;color:#FFF;}
.wedu-ai-sum__desc{display:none;}
.wedu-ai-sum__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
@media (max-width:720px){.wedu-ai-sum__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Tile + icon theming */
.wedu-ai-sum__service{
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;
  border:1px solid #e5e7eb;border-radius:12px;padding:.75rem;background:transparent;
  text-decoration:none;transition:transform .08s ease,box-shadow .12s ease,color .12s ease;
  color:var(--wedu-ai-base-fg);
}
.wedu-ai-sum__service:focus,.wedu-ai-sum__service:hover{
  outline:3px solid #11182733;box-shadow:0 4px 16px rgba(0,0,0,.06);transform:translateY(-1px);
  color:var(--wedu-ai-hover-fg);
}
.wedu-ai-sum__label{display: none;}
.wedu-ai-sum__icon{display:inline-flex;align-items:center;justify-content:center;width:var(--wedu-ai-icon-size);height:var(--wedu-ai-icon-size)}
.wedu-ai-sum__icon svg{width:100%;height:100%;display:block}
.wedu-ai-sum__icon svg *{fill:#FFF;stroke:#FFF}

/* A11y live region + dialog */
.wedu-ai-sum__sr-live{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}
.wedu-ai-sum__dialog{max-width:640px;border:1px solid #e5e7eb;border-radius:12px;padding:1rem;background:#fff;color:#111827}
.wedu-ai-sum__dialog-title{margin:0 0 .5rem 0}
.wedu-ai-sum__dialog-text{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:8px;background:#fff}
.wedu-ai-sum__dialog-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.75rem}
.wedu-ai-sum__btn{background:transparent;}
.wedu-ai-sum__btn:focus{outline:3px solid #f15f22}

/* Light/dark scheme tweaks */
@media (prefers-color-scheme: light){
  :root{ --wedu-ai-base-bg:#f8fafc; --wedu-ai-base-fg:#111827 }
  .wedu-ai-sum__service{ border-color:#e5e7eb }
}
@media (prefers-color-scheme: dark){
  :root{ --wedu-ai-base-bg:#0f172a; --wedu-ai-base-fg:#ffffff }
}
/* Default icon color */
.wedu-ai-sum__icon svg {
    fill: currentColor;
}

/* Hover state: turn icons #F15F22 */
.wedu-ai-sum__service:hover .wedu-ai-sum__icon svg,
.wedu-ai-sum__service:focus .wedu-ai-sum__icon svg {
    fill: #F15F22 !important;
}

/* Smooth transition (optional) */
.wedu-ai-sum__icon svg {
    transition: fill 0.2s ease-in-out;
}