/* modules/site: 404 page + contact form. Everything else comes from assets/ui.css. */

/* 404 */
.alj-ui.alj-site-404{min-height:60vh;display:flex;align-items:center;padding-top:clamp(96px,14vw,140px)}
.alj-ui .alj-site-404-card{text-align:center;padding:clamp(24px,5vw,48px) clamp(16px,4vw,40px)}
.alj-ui .alj-site-404-code{font-size:clamp(64px,14vw,112px);font-weight:800;line-height:1;margin-bottom:8px;background:linear-gradient(135deg,#6a3de8,#8f63f7);-webkit-background-clip:text;background-clip:text;color:transparent}
.alj-ui .alj-site-404 h1{font-size:clamp(22px,4vw,30px);margin-bottom:8px}
.alj-ui .alj-site-404-lead{color:var(--muted);font-size:16px;max-width:520px;margin:0 auto 22px}
.alj-ui .alj-site-404-search{display:flex;gap:8px;max-width:520px;margin:0 auto 18px}
.alj-ui .alj-site-404-search input{flex:1;min-width:0}
.alj-ui .alj-site-404-links{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));max-width:520px;margin:0 auto}
@media (max-width:480px){
	.alj-ui .alj-site-404-search{flex-direction:column}
	.alj-ui .alj-site-404-links{grid-template-columns:1fr}
}

/* Contact form */
.alj-ui.alj-site-contact{margin:20px 0}
.alj-ui .alj-site-cols{display:grid;gap:0 16px;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:600px){.alj-ui .alj-site-cols{grid-template-columns:1fr}}
.alj-ui .alj-site-hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:-1px}
.alj-ui .alj-site-contact-form .alj-btn{min-width:160px}

/* Admin-only review notice above the starter pages */
.alj-ui.alj-site-review{margin:0 0 18px}