/* Links from the EA Library to the /learn EA guides (partials/ea-learn-links.php). Uses app.css tokens only. */
.eal{margin:40px 0 8px}
.eal-h{margin:0 0 6px;font-size:1.5rem;letter-spacing:-.01em;color:var(--ink)}
.eal-sub{margin:0 0 18px;color:var(--muted)}
.eal-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin:0;padding:0;list-style:none}
.eal-card{display:flex;flex-direction:column;gap:4px;height:100%;padding:16px 18px;border-radius:16px;background:var(--raised);color:var(--ink);text-decoration:none;transition:background .15s}
.eal-card:hover,.eal-card:focus-visible{background:var(--surface);outline:none}
.eal-card em{font-style:normal;font-size:.78rem;font-weight:600;color:var(--brand-strong)}
.eal-card b{font-size:1rem;line-height:1.35}
.eal-card span,.eal-row span{font-size:.86rem;line-height:1.45;color:var(--muted)}
.eal-detail{margin:18px 0 0}
.eal-h3{margin:0 0 8px;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.eal-list{margin:0;padding:0;list-style:none;border-radius:16px;background:var(--raised);overflow:hidden}
.eal-list li+li{border-top:1px solid var(--line)}
.eal-row{display:flex;flex-direction:column;gap:2px;padding:12px 16px;color:var(--ink);text-decoration:none}
.eal-row b{font-size:.95rem;color:var(--brand-strong)}
.eal-row:hover b,.eal-row:focus-visible b{text-decoration:underline}
.eal-warn b{color:var(--dn)}