/*
Theme Name: Phire AI R&D
Theme URI: none
Author: Just Coach Farting Around
Author URI: https://wordpress.org
Description: Let's not make this more than it is.
Version: 1.0
*/


* { margin: 0; padding: 0; box-sizing: border-box; font-family: "Outfit", sans-serif; font-optical-sizing: auto; }
body { padding: 2em; font-weight: 400; font-style: normal; }
h1 { margin: 0.5em 0; }
.message { margin-bottom: 0.5em; }
.message:nth-of-type(even) { margin-bottom: 2em; }
.message a {
  color: #0073aa;
  text-decoration: underline;
  margin: 0.25em 0 1em;
}
ol {
  margin: 0.5em 0;
  padding-left: 1.2em;
}
#chatForm { display: flex; gap: 1%; }
#userInput { width: 74%; }
#userSubmit { width: 12%; }
#clearChatBtn { width: 12%; display: none; }
section,
main,
.chat-container { max-width: 768px; margin: 0 auto; }
.chat-box { padding: 1em; border: 1px solid lightgray; border-radius: .5em; margin: 1em 0; display: none; }

input, input[type=button], input[type=submit], input[type=reset],
button[type=submit], button[type=button] { border: 1px solid gray; border-radius: 3px; }
button[type=submit], button[type=button],
input[type='text'] { background: white; padding: 0.5em; }
button[type=submit] {
  background-color: black; color: white;
}
button[type=submit]:hover {
  background-color: white; color: black; cursor: pointer;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.3);
}
.post-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
  margin-top: 2em;
}
.post-item {
  flex: 1 1 calc(33.333% - 1em);
  border: 1px solid lightgray;
  padding: 1em;
  border-radius: 0.5em;
}
.post-item h3 {
  margin-bottom: 0.5em;
}
.post-item p {
  font-size: 0.9em;
  color: #333;
}