html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}
/* Personal AI */
.brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: linear-gradient(135deg, #0d6efd, #6f42c1);
  color: #fff;
  font-weight: 700;
  margin-right: 4px;
}

.hero h1 { letter-spacing: -.5px; }

.chat-bubble {
  padding: .6rem .85rem;
  border-radius: 14px;
  font-size: .92rem;
  max-width: 92%;
}
.chat-bubble.user { background: #0d6efd; color: #fff; margin-left: auto; border-bottom-right-radius: 4px; }
.chat-bubble.ai { background: #f1f3f5; color: #212529; border-bottom-left-radius: 4px; }

.step-num {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #e7f1ff;
  color: #0d6efd;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 10px;
}

.area-card {
  border: 1px solid #e9ecef;
  border-radius: 12px;
  padding: 1rem;
  height: 100%;
  background: #fff;
}

.price { font-size: 1.8rem; font-weight: 700; margin-bottom: .5rem; }

.footer { font-size: .85rem; }

/* Chat */
.chat-card { min-height: 70vh; display: flex; flex-direction: column; }
.chat-log { flex: 1 1 auto; overflow-y: auto; max-height: 62vh; display: flex; flex-direction: column; }
.chat-log .chat-bubble { max-width: 85%; white-space: normal; }
.chat-log .chat-bubble.user { align-self: flex-end; white-space: pre-wrap; }
.chat-log .chat-bubble.ai { align-self: flex-start; }
.md p:last-child, .md ul:last-child, .md ol:last-child { margin-bottom: 0; }
.md h1 { font-size: 1.1rem; }
.md h2 { font-size: 1rem; margin-top: .75rem; }
.md h3 { font-size: .95rem; }
.chat-bubble.typing span { display: inline-block; width: 7px; height: 7px; margin: 0 2px; border-radius: 50%; background: #adb5bd; animation: blink 1.2s infinite; }
.chat-bubble.typing span:nth-child(2) { animation-delay: .2s; }
.chat-bubble.typing span:nth-child(3) { animation-delay: .4s; }
@keyframes blink { 0%, 80%, 100% { opacity: .3; } 40% { opacity: 1; } }
.memory-note { align-self: flex-start; font-size: .82rem; color: #146c43; background: #e8f5ee; border-radius: 10px; padding: .5rem .75rem; max-width: 85%; }
.conv-list { max-height: 50vh; overflow-y: auto; }
.knowledge-body { max-height: 320px; overflow-y: auto; }
.memory-ask { color: #212529; border-top: 1px dashed #b7dfc8; padding-top: .35rem; }
.knowledge-body li { margin-bottom: .15rem; }
.goal-note { align-self: flex-start; font-size: .82rem; color: #3d2a7a; background: #f0ecfb; border-radius: 10px; padding: .5rem .75rem; max-width: 85%; }
details > summary { cursor: pointer; }