.auth-page {
  padding: 140px 15px 100px;
}

.auth-card {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 86, 95, 0.12);
  padding: 36px 32px;
}

.auth-title {
  color: #00565F;
  font-size: 28px;
  margin-bottom: 6px;
}

.auth-subtitle {
  color: #8B8B8B;
  margin-bottom: 24px;
}

.auth-card label {
  color: #131313;
  font-weight: 500;
  margin-bottom: 6px;
}

.auth-card .form-control {
  border-radius: 10px;
  padding: 12px 14px;
}

.auth-card .form-control:focus {
  border-color: #00565F;
  box-shadow: 0 0 0 3px rgba(0, 86, 95, 0.15);
}

.auth-btn {
  background: #00565F;
  border-radius: 10px;
  color: #fff;
  font-weight: 600;
  margin-top: 8px;
  padding: 12px;
}

.auth-btn:hover,
.auth-btn:focus {
  background: #00434a;
  color: #fff;
}

.auth-switch {
  margin-top: 18px;
  text-align: center;
}

.auth-switch a {
  color: #00565F;
  font-weight: 600;
}

.auth-limit {
  background: #FFF4E5;
  border: 1px solid #FFA03A;
  border-radius: 10px;
  color: #7a4a00;
}

.nav-logout-form {
  display: inline;
}

.nav-logout-form button,
.nav-logout-form input[type="submit"] {
  background: none;
  border: 0;
  color: inherit;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.main_menu .nav-logout-form {
  display: block;
}

.main_menu .nav-logout-form button,
.main_menu .nav-logout-form input[type="submit"] {
  color: #525252;
  display: block;
  font-size: 15px;
  padding: 15px 0 0 8px;
  text-align: left;
  width: 100%;
}

.main_menu ul li ul li:hover .nav-logout-form button,
.main_menu ul li ul li:hover .nav-logout-form input[type="submit"] {
  color: #00565F;
}

.main_menu .nav-account ul {
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
  padding: 4px 0 14px;
  width: 180px;
}

.quota-hint {
  color: #8B8B8B;
  font-size: 14px;
  margin-top: 12px;
}

.quota-hint a {
  color: #00565F;
  font-weight: 600;
}

.history-page {
  padding: 140px 15px 100px;
  max-width: 860px;
}

.history-header {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.history-header .auth-btn {
  margin-top: 0;
  padding: 10px 18px;
}

.history-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.history-list li {
  margin-bottom: 12px;
}

.history-item {
  background: #fff;
  border: 1px solid #e6eeee;
  border-radius: 12px;
  color: #131313;
  display: block;
  padding: 16px 18px;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.history-item:hover {
  border-color: #00565F;
  box-shadow: 0 6px 20px rgba(0, 86, 95, 0.1);
  color: #131313;
}

.history-meta {
  color: #8B8B8B;
  display: block;
  font-size: 13px;
  margin-bottom: 4px;
}

.history-meta i {
  color: #00565F;
  margin-right: 6px;
}

.history-pending {
  background: #FFF4E5;
  border-radius: 6px;
  color: #7a4a00;
  margin-left: 8px;
  padding: 1px 8px;
}

.history-question {
  display: block;
  font-weight: 500;
}

.history-pager {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.history-pager a,
.conversation-parent a,
.conversation-followups a {
  color: #00565F;
  font-weight: 600;
}

.conversation-parent {
  background: #f1f7f7;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 10px 14px;
}

.conversation-box {
  background: #f7fafa;
  border: 1px solid #e6eeee;
  border-radius: 14px;
  margin: 30px 0 10px;
  padding: 20px;
}

.conversation-followups h4 {
  font-size: 16px;
  margin-bottom: 8px;
}

.conversation-followups ul {
  margin-bottom: 18px;
  padding-left: 18px;
}

.conversation-form label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
}

.conversation-form textarea {
  border: 1px solid #cfdcdc;
  border-radius: 10px;
  padding: 12px 14px;
  resize: vertical;
  width: 100%;
}

.conversation-form textarea:focus {
  border-color: #00565F;
  box-shadow: 0 0 0 3px rgba(0, 86, 95, 0.15);
  outline: none;
}

.conversation-form .auth-btn {
  padding: 10px 22px;
}

.conversation-link {
  align-items: center;
  border-top: 1px solid #e6eeee;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  padding-top: 14px;
}

.conversation-copy {
  background: #fff;
  border: 1px solid #00565F;
  border-radius: 10px;
  color: #00565F;
  font-weight: 600;
  padding: 8px 14px;
}

.conversation-copy:hover {
  background: #00565F;
  color: #fff;
}

.conversation-note {
  color: #8B8B8B;
  font-size: 13px;
}

.subject-page {
  max-width: 980px;
  padding: 140px 15px 80px;
}

.subject-hero {
  margin-bottom: 50px;
  text-align: center;
}

.subject-hero h1 {
  color: #00565F;
  font-size: 40px;
  margin-bottom: 16px;
}

.subject-intro {
  color: #444;
  font-size: 18px;
  line-height: 1.6;
  margin: 0 auto 26px;
  max-width: 720px;
}

.subject-cta {
  font-size: 17px;
  padding: 14px 30px;
}

.subject-steps {
  display: grid;
  gap: 18px;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  margin-bottom: 50px;
}

.subject-step {
  background: #fff;
  border: 1px solid #e6eeee;
  border-radius: 14px;
  padding: 22px;
}

.subject-step span {
  background: #00565F;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-weight: 700;
  height: 32px;
  line-height: 32px;
  margin-bottom: 10px;
  text-align: center;
  width: 32px;
}

.subject-step h3 {
  font-size: 20px;
  margin-bottom: 6px;
}

.subject-columns {
  display: grid;
  gap: 30px;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  margin-bottom: 50px;
}

.subject-page h2 {
  color: #00565F;
  font-size: 24px;
  margin-bottom: 14px;
}

.subject-page ul {
  padding-left: 20px;
}

.subject-page li {
  line-height: 1.8;
}

.subject-examples li {
  font-style: italic;
}

.subject-faq {
  margin-bottom: 40px;
}

.subject-faq h3 {
  font-size: 18px;
  margin: 18px 0 6px;
}

.subject-more a {
  color: #00565F;
  display: inline-block;
  font-weight: 600;
  margin-right: 18px;
}

.footer-solvers a {
  color: inherit;
  margin: 0 8px;
}

.auth-forgot {
  font-size: 14px;
  margin: 6px 0 0;
  text-align: right;
}

.auth-forgot a {
  color: #00565F;
}

.history-search {
  align-items: center;
  display: flex;
  gap: 10px;
  margin-bottom: 20px;
}

.history-search input {
  border: 1px solid #cfdcdc;
  border-radius: 10px;
  flex: 1;
  padding: 10px 14px;
}

.history-search .auth-btn {
  margin-top: 0;
  padding: 10px 18px;
}

.history-search a {
  color: #00565F;
}

.history-row {
  position: relative;
}

.history-row .history-item {
  padding-right: 56px;
}

.history-delete-form {
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.history-delete {
  background: none;
  border: 0;
  color: #b9c4c4;
  padding: 8px;
}

.history-delete:hover {
  color: #c0392b;
}

.history-rated {
  color: #00565F;
  margin-left: 8px;
}

.conversation-rating {
  align-items: center;
  border-bottom: 1px solid #e6eeee;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
  padding-bottom: 14px;
}

.conversation-rating > span:first-child {
  font-weight: 600;
}

.conversation-rating-form {
  margin: 0;
}

.conversation-rate {
  background: #fff;
  border: 1px solid #cfdcdc;
  border-radius: 20px;
  color: #444;
  padding: 6px 14px;
}

.conversation-rate:hover,
.conversation-rate.is-selected {
  background: #00565F;
  border-color: #00565F;
  color: #fff;
}

.conversation-rating-thanks {
  color: #00565F;
  font-size: 14px;
}

.answer-page {
  max-width: 900px;
}

.answer-card {
  background: #fff;
  border: 1px solid #e3ecec;
  border-radius: 16px;
  box-shadow: 0 4px 18px rgba(0, 86, 95, 0.06);
  margin-bottom: 20px;
  padding: 22px 24px;
}

.answer-card__head {
  align-items: center;
  border-bottom: 1px solid #eef3f3;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-between;
  margin-bottom: 16px;
  padding-bottom: 12px;
}

.answer-card__title {
  color: #00565F;
  font-size: 18px;
  font-weight: 700;
  margin: 0;
}

.answer-card__title i {
  margin-right: 6px;
}

.answer-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.answer-action {
  align-items: center;
  background: #f1f7f7;
  border: 1px solid transparent;
  border-radius: 20px;
  color: #00565F;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  padding: 6px 14px;
  transition: background 0.15s, border-color 0.15s;
}

.answer-action:hover {
  background: #fff;
  border-color: #00565F;
}

.answer-card--question {
  background: #f7fbfb;
}

.answer-card__question {
  align-items: flex-start;
  display: flex;
  gap: 16px;
}

.answer-card__photo {
  border: 1px solid #e3ecec;
  border-radius: 10px;
  display: block;
  flex: 0 0 120px;
  overflow: hidden;
}

.answer-card__photo img {
  display: block;
  height: 120px;
  object-fit: cover;
  width: 120px;
}

.answer-card__question-text {
  color: #222;
  flex: 1;
  font-size: 16px;
  line-height: 1.6;
  min-width: 0;
}

.answer-card__question-text textarea {
  border: 1px solid #cfdcdc;
  border-radius: 10px;
  padding: 12px;
}

.answer-content {
  color: #222;
  font-size: 16px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.answer-content h1 {
  color: #131313;
  font-size: 24px;
  margin: 4px 0 14px;
}

.answer-content h2 {
  color: #00565F;
  font-size: 20px;
  margin: 22px 0 10px;
}

.answer-content h3,
.answer-content h4 {
  color: #131313;
  font-size: 17px;
  font-weight: 700;
  margin: 16px 0 6px;
}

.answer-content p,
.answer-content li {
  font-size: 16px;
  line-height: 1.7;
}

.answer-content p {
  margin-bottom: 10px;
}

.answer-content ul,
.answer-content ol {
  margin: 0 0 14px;
  padding-left: 24px;
}

.answer-content ul {
  list-style: disc;
}

.answer-content ol {
  list-style: decimal;
}

.answer-content li {
  margin-bottom: 6px;
}

.answer-content li > h3,
.answer-content li > h4 {
  display: inline;
  margin: 0;
}

.answer-content strong {
  color: #00565F;
}

.answer-content code,
.answer-content pre {
  background: #f4f6f6;
  border-radius: 6px;
  font-size: 14px;
}

.answer-content code {
  padding: 1px 6px;
}

.answer-content pre {
  overflow-x: auto;
  padding: 12px 14px;
}

.answer-content table {
  border-collapse: collapse;
  display: block;
  margin: 10px 0 16px;
  overflow-x: auto;
}

.answer-content th,
.answer-content td {
  border: 1px solid #dfe8e8;
  padding: 8px 12px;
}

.answer-content th {
  background: #f1f7f7;
}

.answer-pending {
  color: #8B8B8B;
}

.answer-page .conversation-box {
  border-radius: 16px;
  margin: 0 0 20px;
}

.answer-card--share .answer-card__title {
  margin-bottom: 12px;
}


.answer-footer {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: space-between;
  margin-top: 30px;
}

@media (max-width: 575px) {
  .answer-card {
    padding: 16px;
  }

  .answer-card__question {
    flex-direction: column;
  }

  .answer-card__photo,
  .answer-card__photo img {
    height: auto;
    width: 100%;
  }

  .answer-card__photo img {
    max-height: 260px;
  }

  .answer-action span {
    display: none;
  }
}

@media print {
  header, footer, .footer_area, .answer-card__actions, .conversation-box,
  .answer-card--share, .answer-footer, .conversation-parent {
    display: none !important;
  }

  .answer-card {
    border: 0;
    box-shadow: none;
  }
}

.community-page {
  max-width: 980px;
  padding: 130px 15px 90px;
}

.community-hero {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  justify-content: space-between;
  margin-bottom: 22px;
}

.community-hero h1 {
  color: #00565F;
  font-size: 34px;
  margin-bottom: 6px;
}

.community-hero p {
  color: #555;
  margin: 0;
  max-width: 620px;
}

.community-share-btn {
  margin-top: 0;
  padding: 12px 22px;
}

.community-tabs {
  border-bottom: 1px solid #e3ecec;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-bottom: 16px;
}

.community-tabs a {
  border-bottom: 3px solid transparent;
  color: #555;
  font-weight: 600;
  padding: 10px 14px;
}

.community-tabs a.is-active,
.community-tabs a:hover {
  border-bottom-color: #00565F;
  color: #00565F;
}

.community-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.community-filters input,
.community-filters select {
  border: 1px solid #cfdcdc;
  border-radius: 10px;
  padding: 10px 12px;
}

.community-filters input {
  flex: 1 1 220px;
}

.community-filters .auth-btn {
  margin-top: 0;
  padding: 10px 18px;
}

.community-active-tag a {
  color: #00565F;
}

.community-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.community-item {
  display: flex;
  gap: 16px;
  margin-bottom: 14px;
  padding: 18px 20px;
  transition: border-color 0.15s, box-shadow 0.15s;
}

.community-item:hover {
  border-color: #b9d3d3;
  box-shadow: 0 8px 24px rgba(0, 86, 95, 0.1);
}

.community-score {
  align-items: center;
  color: #00565F;
  display: flex;
  flex: 0 0 44px;
  flex-direction: column;
  font-weight: 700;
}

.community-item__main {
  flex: 1;
  min-width: 0;
}

.community-meta {
  align-items: center;
  color: #8B8B8B;
  display: flex;
  flex-wrap: wrap;
  font-size: 13px;
  gap: 8px;
  margin-bottom: 6px;
}

.community-kind {
  background: #e8f3f3;
  border-radius: 20px;
  color: #00565F;
  font-weight: 600;
  padding: 2px 10px;
}

.community-kind--exam {
  background: #fff1e0;
  color: #9a5b00;
}

.community-kind--interview {
  background: #eef0ff;
  color: #3a44a8;
}

.community-subject {
  border: 1px solid #dfe8e8;
  border-radius: 20px;
  color: #444;
  padding: 1px 10px;
}

.community-item__title {
  font-size: 19px;
  line-height: 1.35;
  margin: 0 0 6px;
}

.community-item__title a {
  color: #131313;
}

.community-item__title a:hover {
  color: #00565F;
}

.community-item__excerpt {
  color: #555;
  font-size: 15px;
  margin-bottom: 8px;
}

.community-item__footer {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 8px;
}

.community-tag {
  color: #00565F;
  font-size: 13px;
  font-weight: 600;
}

.community-stats {
  color: #8B8B8B;
  display: flex;
  font-size: 13px;
  gap: 14px;
  margin-left: auto;
}

.community-has-answer {
  color: #1e8a4c;
}

.community-thumb {
  border-radius: 10px;
  flex: 0 0 96px;
  overflow: hidden;
}

.community-thumb img {
  display: block;
  height: 96px;
  object-fit: cover;
  width: 96px;
}

.community-empty {
  text-align: center;
}

.community-breadcrumb {
  color: #8B8B8B;
  font-size: 14px;
  margin-bottom: 14px;
}

.community-breadcrumb a {
  color: #00565F;
}

.community-post__layout {
  display: flex;
  gap: 18px;
}

.community-vote {
  align-items: center;
  display: flex;
  flex: 0 0 48px;
  flex-direction: column;
  gap: 4px;
}

.community-vote-form {
  margin: 0;
}

.community-vote-btn {
  background: #f1f7f7;
  border: 1px solid transparent;
  border-radius: 50%;
  color: #00565F;
  height: 40px;
  width: 40px;
}

.community-vote-btn:hover {
  border-color: #00565F;
}

.community-vote-btn.is-selected {
  background: #00565F;
  color: #fff;
}

.community-vote-score {
  color: #131313;
  font-size: 18px;
  font-weight: 700;
}

.community-post__main {
  flex: 1;
  min-width: 0;
}

.community-post__title {
  font-size: 28px;
  line-height: 1.3;
  margin: 4px 0 14px;
}

.community-post__body {
  font-size: 16px;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.community-post__image img {
  border: 1px solid #e3ecec;
  border-radius: 12px;
  display: block;
  margin: 10px 0;
  max-height: 520px;
  max-width: 100%;
}

.community-inline-form {
  display: inline;
  margin: 0;
}

.community-section-title {
  margin-bottom: 14px;
}

.community-comment {
  border-top: 1px solid #eef3f3;
  padding: 12px 0;
}

.community-comment__meta {
  color: #8B8B8B;
  font-size: 13px;
  margin-bottom: 4px;
}

.community-comment__meta strong {
  color: #131313;
}

.community-op {
  background: #e8f3f3;
  border-radius: 10px;
  color: #00565F;
  font-size: 11px;
  margin-left: 4px;
  padding: 1px 6px;
}

.community-comment__body {
  overflow-wrap: anywhere;
}

.community-comment__body p {
  margin-bottom: 6px;
}

.community-comment-form {
  border-top: 1px solid #eef3f3;
  padding-top: 14px;
}

.community-link-btn {
  background: none;
  border: 0;
  color: #8B8B8B;
  font-size: 13px;
  padding: 0 4px;
}

.community-link-btn:hover {
  color: #c0392b;
}

.community-login-hint a {
  color: #00565F;
  font-weight: 600;
}

.community-actions {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}

.community-danger {
  font-size: 14px;
}

.community-report summary {
  color: #8B8B8B;
  cursor: pointer;
}

.community-report form {
  display: flex;
  gap: 8px;
  margin-top: 8px;
}

.community-report select {
  border: 1px solid #cfdcdc;
  border-radius: 10px;
  padding: 6px 10px;
}

.community-form-title {
  color: #00565F;
  font-size: 28px;
  margin-bottom: 6px;
}

.community-source {
  background: #e8f3f3;
  border-radius: 10px;
  color: #00565F;
  margin-bottom: 16px;
  padding: 10px 14px;
}

.community-kind-picker {
  border: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 18px;
  padding: 0;
}

.community-kind-picker legend {
  font-size: 15px;
  font-weight: 600;
  margin-bottom: 8px;
}

.community-kind-option input {
  position: absolute;
  opacity: 0;
}

.community-kind-option span {
  border: 1px solid #cfdcdc;
  border-radius: 12px;
  cursor: pointer;
  display: inline-block;
  font-weight: 600;
  padding: 10px 18px;
}

.community-kind-option input:checked + span {
  background: #00565F;
  border-color: #00565F;
  color: #fff;
}

.community-kind-option input:focus-visible + span {
  box-shadow: 0 0 0 3px rgba(0, 86, 95, 0.25);
}

.community-form-row {
  display: grid;
  gap: 0 16px;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.community-form label {
  font-weight: 600;
  margin-bottom: 6px;
}

.community-rules {
  color: #8B8B8B;
  font-size: 13px;
}

.conversation-share {
  margin-left: auto;
}

@media (max-width: 575px) {
  .community-item {
    flex-wrap: wrap;
  }

  .community-score {
    flex-direction: row;
    gap: 6px;
  }

  .community-thumb {
    display: none;
  }

  .community-post__layout {
    flex-direction: column-reverse;
  }

  .community-vote {
    flex-direction: row;
  }

  .community-stats {
    margin-left: 0;
  }
}

/* Question library */
.library-cta p { margin: 8px 0 14px; color: #555; }
.library-cta .btn { margin-right: 14px; }
.library-cta__link { font-weight: 600; }
.library-related { margin: 10px 0 0; padding-left: 18px; }
.library-related li { margin-bottom: 8px; }
.library-owner-note { margin: 16px 0 0; font-size: 14px; color: #666; }
.library-owner-note .community-inline-form { display: inline; }

/* Keep the 7-item desktop menu on one line */
@media (min-width: 992px) {
  .main_menu > nav > ul { display: flex; flex-wrap: nowrap; justify-content: flex-end; }
  .main_menu > nav > ul > li { margin-right: 12px; flex: none; }
  .main_menu > nav > ul > li > a { padding-left: 8px; padding-right: 8px; font-size: 15px; white-space: nowrap; }
}

/* Tutors & Experts */
.tutor-banner { display: flex; align-items: center; gap: 14px; margin-bottom: 18px; padding: 14px 18px; color: #00565F; text-decoration: none; }
.tutor-banner:hover { color: #00565F; border-color: #00565F; }
.tutor-banner > i:first-child { font-size: 22px; }
.tutor-banner span { flex: 1; color: #444; }
.tutor-banner strong { color: #00565F; margin-right: 6px; }
.tutor-filters { flex-wrap: wrap; }
.tutor-filters input[type="number"] { max-width: 160px; }
.tutor-filters input[name="language"] { max-width: 140px; }
.tutor-filter-check { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; white-space: nowrap; }
.tutor-item { align-items: flex-start; }
.tutor-avatar { flex: none; width: 64px; height: 64px; border-radius: 50%; overflow: hidden; background: #E3EEFE; display: flex; align-items: center; justify-content: center; text-decoration: none; }
.tutor-avatar img { width: 100%; height: 100%; object-fit: cover; }
.tutor-avatar span { font-size: 26px; font-weight: 600; color: #00565F; }
.tutor-avatar--large { width: 110px; height: 110px; }
.tutor-avatar--large span { font-size: 44px; }
.tutor-rate { flex: none; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; min-width: 120px; text-align: right; }
.tutor-rate strong { font-size: 18px; color: #131313; }
.tutor-rate small { color: #777; }
.tutor-rate--large strong { font-size: 24px; }
.tutor-badge { display: inline-block; padding: 2px 10px; border-radius: 20px; background: #e6f4ea; color: #1e7b3a; font-size: 12px; font-weight: 600; }
.tutor-profile__head { display: flex; gap: 20px; align-items: center; margin-bottom: 18px; }
.tutor-profile__head > div:nth-child(2) { flex: 1; }
.tutor-headline { margin: 4px 0 0; color: #555; font-size: 16px; }
.tutor-facts { display: grid; grid-template-columns: max-content 1fr; gap: 8px 18px; margin: 0 0 18px; }
.tutor-facts dt { font-weight: 600; color: #333; }
.tutor-facts dd { margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.tutor-contact { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-top: 18px; padding-top: 18px; border-top: 1px solid #eee; }
.tutor-contact small { color: #777; }
.tutor-safety { margin-top: 18px; }
.tutor-legend { font-size: 15px; font-weight: 500; margin-bottom: 8px; }
.tutor-checks { display: flex; flex-wrap: wrap; gap: 8px 18px; }
.tutor-check { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; }
.tutor-adult { align-items: flex-start; display: flex; }
.tutor-adult input { margin-top: 4px; }
.tutor-form-row { grid-template-columns: 1fr 1fr 2fr; }
.tutor-answer-link { text-align: center; margin-top: 14px; color: #555; }
@media (max-width: 767px) {
  .tutor-item { flex-wrap: wrap; }
  .tutor-rate { align-items: flex-start; text-align: left; }
  .tutor-profile__head { flex-wrap: wrap; }
  .tutor-form-row { grid-template-columns: 1fr; }
}
.community-form input[type="file"] { display: block; }

.engine-picker {
  border: 0;
  margin: 0;
  padding: 0;
}

.engine-picker legend {
  color: #131313;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}

.auth-card .engine-option {
  align-items: flex-start;
  border: 1px solid #d8e3e4;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  font-weight: 400;
  gap: 10px;
  margin-bottom: 8px;
  padding: 12px 14px;
}

.engine-option:has(input:checked) {
  background: #f0f7f7;
  border-color: #00565F;
}

.engine-option input {
  margin-top: 4px;
}

.engine-option__body {
  display: flex;
  flex-direction: column;
}

.engine-option__body strong {
  color: #00565F;
}

.engine-option__body span {
  color: #6b6b6b;
  font-size: 14px;
}

.engine-picker__hint {
  color: #8B8B8B;
}

.answer-engine-note {
  color: #6b6b6b;
  font-size: 14px;
  margin: 12px 0 0;
}

.answer-engine-note strong {
  color: #00565F;
}

@media print {
  .answer-engine-note { display: none; }
}

/* ---- Live Assistant ---- */
.main_menu .nav-live i {
  color: #e0383e;
  font-size: 9px;
  margin-right: 4px;
  vertical-align: middle;
}

.live-page {
  padding: 140px 15px 100px;
}

.live-header {
  margin-bottom: 20px;
  max-width: 760px;
}

.live-controls {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-bottom: 10px;
}

.live-toggle {
  background: #00565F;
  border: 0;
  border-radius: 999px;
  box-shadow: 0 8px 24px rgba(0, 86, 95, 0.25);
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  align-items: center;
  display: inline-flex;
  gap: 10px;
  line-height: 1.2;
  padding: 16px 30px;
}

.live-toggle i {
  color: inherit;
  font-size: 18px;
  line-height: 1;
  margin: 0;
}

.live-toggle:hover {
  background: #00434a;
}

.live-toggle--on {
  background: #c62f35;
  box-shadow: 0 8px 24px rgba(198, 47, 53, 0.3);
}

.live-toggle--on:hover {
  background: #a8262b;
}

.live-toggle:disabled {
  opacity: 0.6;
}

.live-status {
  align-items: center;
  color: #555;
  display: flex;
  gap: 8px;
}

.live-dot {
  background: #bbb;
  border-radius: 50%;
  display: inline-block;
  height: 12px;
  width: 12px;
}

.live-dot--on {
  background: #2e9b57;
}

.live-dot--warn {
  background: #e0a106;
}

.live-dot--speaking {
  animation: live-pulse 0.8s ease-in-out infinite;
  background: #e0383e;
}

@keyframes live-pulse {
  50% { box-shadow: 0 0 0 6px rgba(224, 56, 62, 0.2); }
}

.live-timer {
  color: #8B8B8B;
  font-variant-numeric: tabular-nums;
}

.live-consent,
.live-saved {
  color: #6b6b6b;
  font-size: 14px;
  margin-bottom: 16px;
}

.live-saved {
  color: #2e7d4f;
}

.live-saved a {
  color: #00565F;
  font-weight: 600;
}

.live-grid {
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
}

.live-col {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 40px rgba(0, 86, 95, 0.1);
  display: flex;
  flex-direction: column;
  padding: 20px;
}

.live-col h2 {
  color: #00565F;
  font-size: 18px;
  margin-bottom: 12px;
}

.live-feed {
  height: 55vh;
  min-height: 280px;
  overflow-y: auto;
}

.live-empty {
  color: #9a9a9a;
}

.live-line {
  margin-bottom: 10px;
}

.live-line--partial {
  color: #8B8B8B;
}

.live-answer {
  background: #f0f7f7;
  border-left: 3px solid #00565F;
  border-radius: 8px;
  margin-bottom: 12px;
  padding: 10px 12px;
}

.live-answer__quote {
  color: #7a7a7a;
  font-size: 13px;
  font-style: italic;
  margin-bottom: 4px;
}

.live-answer__body {
  color: #131313;
  margin: 0;
}

.live-answer--pending .live-answer__body {
  color: #8B8B8B;
}

.live-answer--error {
  border-left-color: #e0a106;
}

.live-signup {
  max-width: 560px;
}

.live-transcript-meta {
  color: #8B8B8B;
  font-size: 14px;
}

.live-transcript-row {
  border-top: 1px solid #eef2f2;
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr 1fr;
  padding: 12px 0;
}

.live-transcript-said {
  margin: 0;
}

.live-transcript-answer {
  color: #00565F;
  margin: 0;
}

@media (max-width: 767px) {
  .live-page { padding-top: 110px; }
  .live-grid { grid-template-columns: 1fr; }
  .live-feed { height: 30vh; min-height: 180px; }
  .live-transcript-row { gap: 6px; grid-template-columns: 1fr; }
  .live-toggle { width: 100%; }
}

.live-promo {
  align-items: center;
  background: #eef7f7;
  border: 1px solid #cfe6e7;
  border-radius: 12px;
  color: #1f2d2e;
  display: flex;
  flex-wrap: wrap;
  font-size: 15px;
  gap: 10px 14px;
  margin-top: 18px;
  padding: 12px 16px;
  text-align: left;
}

.live-promo:hover {
  border-color: #00565F;
  color: #1f2d2e;
}

.live-promo__badge {
  background: #c62f35;
  border-radius: 999px;
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  padding: 3px 10px;
  text-transform: uppercase;
}

.live-promo__text {
  flex: 1 1 260px;
}

.live-promo__cta {
  color: #00565F;
  font-weight: 700;
  white-space: nowrap;
}

.live-promo__cta i {
  font-size: 13px;
  margin-left: 4px;
}