/* The plan and draft are the LV page's visual focus. */
.hb-lv-plan { padding: 16px; background: #fff; border: 1px solid #d4dccd; border-radius: 4px; }
.hb-lv-plan-heading { display: flex; justify-content: space-between; gap: 12px; font-size: 11px; color: #51574c; }
.hb-lv-plan svg { display: block; width: 100%; height: auto; margin-top: 20px; }
.hb-lv-plan text { fill: #51574c; font-size: 12px; font-family: inherit; }
.hb-lv-plan .hb-lv-room { font-size: 16px; }
.hb-lv-plan .hb-lv-area { font-size: 26px; font-weight: 700; fill: var(--hb-ink); }
.hb-lv-position { display: flex; justify-content: space-between; align-items: center; gap: 16px; background: #fff; padding: 20px; margin-top: 12px; border-left: 4px solid #829270; }
.hb-lv-position div { display: grid; gap: 6px; }
.hb-lv-position span { font-size: 11px; color: #51574c; }
.hb-lv-position div > strong { font-size: 16px; font-weight: 650; }
.hb-lv-position > strong { flex: none; font-size: 28px; letter-spacing: -.03em; }
.hb-lv-position small { font-size: 14px; font-weight: 500; }
.hb-lv-facts { margin: 16px 0 0; font-size: 14px; }
.hb-lv-facts > div { display: grid; grid-template-columns: 1fr 1.65fr; gap: 16px; padding-block: 14px; border-bottom: 1px solid var(--hb-line); }
.hb-lv-facts dt { font-weight: 600; }
.hb-lv-facts dd { margin: 0; }
.hb-lv-questions .hb-doc-disclosure-body { padding: 20px; margin-bottom: 24px; background: #fffce0; border-radius: 4px; }
.hb-lv-questions ul { margin: 0; padding-left: 20px; }
.hb-lv-questions li + li { margin-top: 12px; }
.hb-lv .hb-doc-decision a { margin-top: 16px; }
.hb-lv .hb-doc-cta > div:first-child { max-width: 650px; }
@media (max-width: 540px) {
  .hb-lv-facts > div { grid-template-columns: 1fr; gap: 6px; }
  .hb-lv-position { padding: 16px 12px; gap: 12px; }
  .hb-lv-position div > strong { font-size: 14px; }
  .hb-lv-position > strong { font-size: 24px; }
  .hb-lv-plan { padding: 12px; }
}