/*
Theme Name: Aijea Directory
Description: Aijea’s editorial AI tools directory.
Version: 1.0.0
Requires PHP: 7.4
Text Domain: aijea
*/
:root{--ink:#1d1931;--muted:#59546c;--paper:#faf9f5;--line:#e5e0ef;--purple:#5835c7;--lime:#e1f790;--wash:#eeebff}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}
a{color:var(--purple);text-underline-offset:.22em} a:hover{text-decoration-thickness:2px}
a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #7954e9;outline-offset:3px}
img{max-width:100%;height:auto} p{margin:0 0 1em} h1,h2,h3{line-height:1.09;margin:0 0 .42em;letter-spacing:-.045em}
h1{font-size:clamp(2.65rem,6.8vw,5.8rem)} h2{font-size:clamp(1.85rem,4vw,3.1rem)} h3{font-size:1.32rem}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.narrow{width:min(780px,calc(100% - 48px));margin:auto}
.mast{border-bottom:1px solid var(--line);background:var(--paper)}.mast .wrap,.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1rem 0;flex-wrap:wrap}
.brand{display:inline-flex;gap:.5rem;align-items:center;color:var(--ink);font-weight:850;font-size:1.55rem;letter-spacing:-.06em;text-decoration:none}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--ink);color:var(--lime);font-size:1.3rem}
.nav{display:flex;flex-wrap:wrap;gap:.35rem 1.15rem}.nav a{font-weight:650;font-size:.92rem;text-decoration:none;color:inherit}.nav a:hover,.nav a[aria-current]{color:var(--purple);text-decoration:underline}
.skip{position:absolute;left:1rem;top:-100px;z-index:100;background:white;padding:.5rem}.skip:focus{top:1rem}
.hero{padding:clamp(3.5rem,8vw,7rem) 0;background:var(--wash);border-bottom:1px solid var(--line)}.hero .wrap{display:grid;grid-template-columns:1.28fr .92fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}
.eyebrow{color:var(--purple);text-transform:uppercase;font-size:.74rem;font-weight:850;letter-spacing:.16em}.lede{font-size:1.15rem;color:var(--muted);max-width:53ch}
.hero em{font-style:normal;color:var(--purple)}.actions{display:flex;gap:.65rem;flex-wrap:wrap;margin-top:1.65rem}
.btn,button{display:inline-block;border:1px solid var(--ink);border-radius:.7rem;background:var(--ink);color:white;padding:.67rem 1rem;font:inherit;font-weight:720;text-decoration:none;cursor:pointer}.btn:hover,button:hover{background:var(--purple);border-color:var(--purple)}.btn.alt{background:white;color:var(--ink);border-color:var(--line)}.btn.alt:hover{border-color:var(--purple)}
.atlas{position:relative;overflow:hidden;min-width:0;color:white;background:#221945;border-radius:1.6rem;aspect-ratio:1.15;display:grid;place-items:center;background-image:radial-gradient(ellipse at center,#594298 0%,transparent 70%),radial-gradient(#ab99e2 1px,transparent 1px);background-size:auto,20px 20px}.orbit{position:absolute;width:83%;height:52%;border:1px solid #af9dec;border-radius:50%;transform:rotate(-27deg)}.orbit.two{transform:rotate(27deg)}.star{z-index:1;color:var(--lime);font-size:clamp(5rem,14vw,11rem);line-height:1}.atlas small{position:absolute;left:6%;bottom:5%;font-weight:750;letter-spacing:.13em;font-size:.67rem}.atlas i{position:absolute;border-radius:50%;width:14px;height:14px;background:var(--lime);top:24%;right:17%}
.section{padding:clamp(2.75rem,6vw,5rem) 0}.section+.section{border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-top:1.5rem}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.card{display:block;background:white;color:inherit;padding:1.25rem;border:1px solid var(--line);border-radius:1rem;text-decoration:none;min-width:0}.card:hover{border-color:var(--purple);box-shadow:0 6px 20px #2b155b13}.card p{font-size:.95rem;color:var(--muted);margin-bottom:0}.badge{display:inline-block;padding:.2rem .55rem;border-radius:.35rem;background:var(--wash);font:700 .75rem/1.5 system-ui;color:#4b2ca5;margin-bottom:.75rem}.card:nth-child(3n) .badge{background:var(--lime);color:var(--ink)}.arrow{color:var(--purple);float:right}.footer{border-top:1px solid var(--line);background:#221945;color:white}.footer a{color:inherit}.footer .mark{background:var(--lime);color:var(--ink)}
.prose{overflow-wrap:break-word}.prose h1{font-size:clamp(2.4rem,6vw,4.7rem)}.prose h2{font-size:1.8rem;margin-top:1.2em}.prose :is(ul,ol){padding-left:1.4em}.prose li{margin-bottom:.45em}
.filter,.prompt{margin:1.5rem 0;display:grid;gap:.8rem;background:white;padding:1.1rem;border:1px solid var(--line);border-radius:.9rem}.filter{grid-template-columns:2fr 1fr auto;align-items:end}label{font-weight:680;display:block}input,select,textarea{display:block;width:100%;font:inherit;margin-top:.3rem;border:1px solid #8c849f;border-radius:.55rem;background:white;color:var(--ink);padding:.5rem .65rem}textarea{min-height:5rem}pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:1rem;background:var(--wash);border-radius:.6rem}.pagination{margin-top:1.5rem}
@media(max-width:820px){.grid,.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:590px){.wrap,.narrow{width:calc(100% - 32px)}.hero .wrap,.filter{grid-template-columns:1fr}.atlas{aspect-ratio:1.7}.grid,.grid.three{gap:.6rem}.card{padding:.85rem}.star{font-size:7rem}}
@media(max-width:360px){.grid,.grid.three{grid-template-columns:1fr}}