/* Homepage travel notes: a quiet, dimensional setting for useful answers. */
.hbt-site #hbt-clarity { position: relative; isolation: isolate; scroll-margin-top: 105px; }
.hbt-site #hbt-clarity::before {
  content: '';
  position: absolute;
  inset: 62px -22px;
  z-index: -1;
  pointer-events: none;
  border: 1px solid #e5dbc9;
  border-radius: 30px;
  background: radial-gradient(ellipse at 0 0,#f2e3c88c,transparent 65%),linear-gradient(120deg,#fffdf8,#f6f3eb);
  box-shadow: inset 0 1px 0 #fff,0 20px 48px #594a3020;
}
.hbt-site #hbt-clarity .hbt-eyebrow { gap: 13px; color: #765a37; letter-spacing: .12em; }
.hbt-site #hbt-clarity .hbt-faq-book {
  width: 36px;
  height: 36px;
  flex: 0 0 36px;
  display: grid;
  place-items: center;
  border: 1px solid #d1b88b99;
  border-radius: 11px;
  background: linear-gradient(135deg,#fffaf0,#ecdfc6);
  box-shadow: inset 0 1px 0 #fff,0 4px 8px #7051320c;
}
.hbt-site #hbt-clarity .hbt-faq-book svg { width: 23px; height: 23px; fill: none; stroke: #8b6538; stroke-width: 1.25; stroke-linecap: round; stroke-linejoin: round; }
.hbt-site #hbt-clarity h2 { color: #273d34; }
.hbt-site #hbt-clarity h2 em { color: #996735; }
.hbt-site #hbt-clarity .hbt-text-link {
  gap: 13px;
  min-height: 54px;
  max-width: 100%;
  padding: 10px 13px 10px 17px;
  border: 1px solid #d9c7a7;
  border-radius: 13px;
  background: #ffffffc9;
  color: #314339;
  font-size: 14px;
  box-shadow: inset 0 1px 0 #fff,0 7px 15px #614a2e0c;
  transition: transform .3s,border-color .3s,box-shadow .3s;
}
.hbt-site #hbt-clarity .hbt-text-link svg {
  width: 32px;
  height: 32px;
  padding: 7px;
  flex: 0 0 32px;
  border: 1px solid #4c6b56;
  border-radius: 50%;
  background: linear-gradient(135deg,#365a45,#193d32);
  color: #f6d7a3;
}
.hbt-site #hbt-clarity .hbt-faq details {
  padding-inline: 23px;
  border: 1px solid #dfd8cb;
  border-radius: 16px;
  background: linear-gradient(125deg,#fff,#fdfbf6);
  box-shadow: inset 0 1px 0 #fff,0 6px 16px #614a2e0a;
  transition: border-color .3s,box-shadow .3s,transform .3s;
}
.hbt-site #hbt-clarity .hbt-faq summary {
  display: grid;
  grid-template-columns: 34px minmax(0,1fr) 36px;
  gap: 14px;
  align-items: center;
  min-height: 95px;
  padding: 20px 0;
  color: #263e33;
}
.hbt-site #hbt-clarity summary .hbt-faq-number {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #d5bc936b;
  border-radius: 10px;
  background: #f4ecdc;
  color: #896333;
  font: 500 12px/1 Montserrat,Arial,sans-serif;
  letter-spacing: .03em;
  transform: none;
}
.hbt-site #hbt-clarity summary .hbt-faq-question { font: 500 16px/1.6 Montserrat,Arial,sans-serif; color: inherit; transform: none; }
.hbt-site #hbt-clarity summary .hbt-faq-toggle {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border: 1px solid #d7c4a5;
  border-radius: 50%;
  background: linear-gradient(135deg,#fffaf0,#f0e5d1);
  color: #7e6037;
  font: 400 25px/1 Arial,sans-serif;
  box-shadow: inset 0 1px 0 #fff;
  transition: transform .35s,background .35s,color .35s;
}
.hbt-site #hbt-clarity .hbt-faq details[open] {
  border-color: #ba9967;
  background: linear-gradient(125deg,#fff,#fbf7ed);
  box-shadow: inset 0 1px 0 #fff,0 12px 27px #614a2e16;
}
.hbt-site #hbt-clarity details[open] summary .hbt-faq-number,
.hbt-site #hbt-clarity details[open] summary .hbt-faq-question { transform: none; }
.hbt-site #hbt-clarity details[open] summary .hbt-faq-toggle {
  transform: rotate(45deg);
  background: #244c3c;
  border-color: #59745d;
  color: #f8d8a2;
  box-shadow: inset 0 1px 0 #eff3d51a;
}
.hbt-site #hbt-clarity .hbt-faq details>p {
  padding: 17px 0 22px;
  margin: 0 0 0 48px;
  border-top: 1px solid #dfd5c3;
  color: #46564c;
  font-size: 15px;
  line-height: 1.9;
}
.hbt-site #hbt-clarity details[open]>p { animation: hbt-answer-arrive .28s ease-out both; }
@keyframes hbt-answer-arrive { from { opacity: 0; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
.hbt-site #hbt-clarity summary:focus-visible { outline: 3px solid #9e723c; outline-offset: 5px; border-radius: 9px; }
@media (hover: hover) and (pointer: fine) {
  .hbt-site #hbt-clarity .hbt-faq details:hover { transform: translateY(-2px); border-color: #c5ac83; box-shadow: 0 12px 25px #614a2e12; }
  .hbt-site #hbt-clarity .hbt-text-link:hover { transform: translateY(-2px); border-color: #b59462; box-shadow: 0 10px 20px #614a2e16; }
}
@media (max-width: 700px) {
  .hbt-site #hbt-clarity::before { inset: 38px -6px; border-radius: 24px; }
  .hbt-site #hbt-clarity .hbt-eyebrow { font-size: 9px; gap: 10px; letter-spacing: .08em; }
  .hbt-site #hbt-clarity .hbt-faq details { padding-inline: 16px; }
  .hbt-site #hbt-clarity .hbt-faq summary { grid-template-columns: 28px minmax(0,1fr) 32px; gap: 10px; padding-block: 18px; min-height: 86px; }
  .hbt-site #hbt-clarity summary .hbt-faq-number { width: 28px; height: 30px; font-size: 11px; border-radius: 8px; }
  .hbt-site #hbt-clarity summary .hbt-faq-question { font-size: 15px; line-height: 1.6; }
  .hbt-site #hbt-clarity summary .hbt-faq-toggle { width: 32px; height: 32px; font-size: 24px; }
  .hbt-site #hbt-clarity .hbt-faq details>p { margin-left: 0; font-size: 14px; line-height: 1.85; }
}
@media (prefers-reduced-motion: reduce) {
  .hbt-site #hbt-clarity .hbt-faq details,
  .hbt-site #hbt-clarity .hbt-faq details:hover,
  .hbt-site #hbt-clarity .hbt-text-link,
  .hbt-site #hbt-clarity .hbt-text-link:hover,
  .hbt-site #hbt-clarity summary .hbt-faq-toggle { transition: none; transform: none; }
  .hbt-site #hbt-clarity details[open]>p { animation: none; }
}