/* Huismax product illustrations: scoped, decorative and fictional. */
.hm-icon { display: block; width: 22px; height: 22px; flex: 0 0 22px; }
.hm-ui { --hm-coral: #ff8b91; --hm-stage: #ef737c; --hm-navy: #0a2144; --hm-soft: #fff0ee; --hm-muted: #75818e; --hm-line: #e8eaed; position: relative; width: 100%; min-width: 0; overflow: hidden; container-type: inline-size; border: 1px solid #e3dfe0; border-radius: 10px; background: #fff; color: var(--hm-navy); font-size: 11px; line-height: 1.4; text-align: left; }
.hm-ui * { min-width: 0; box-sizing: border-box; }
.hm-ui strong, .hm-ui b { font-weight: 650; }
.hm-ui p, .hm-ui strong { letter-spacing: 0; }
.hm-ui i { font-style: normal; }
.hm-ui .hm-icon { width: 16px; height: 16px; flex-basis: 16px; }
.hm-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 15px 18px; min-height: 63px; border-bottom: 1px solid var(--hm-line); }
.hm-toolbar > div:first-child { display: grid; gap: 4px; }
.hm-toolbar > div > strong { font-size: 13px; letter-spacing: -.025em; }
.hm-toolbar > div > span { font-size: 8px; color: var(--hm-muted); }
.hm-office { display: flex; align-items: center; gap: 8px; }
.hm-office-mark, .hm-admin-mark { display: grid; place-items: center; width: 28px; height: 31px; border-radius: 6px 6px 6px 0; background: var(--hm-navy); color: var(--hm-coral); flex: 0 0 28px; }
.hm-office-mark .hm-icon { width: 18px; height: 18px; flex-basis: 18px; }
.hm-office > strong { font-size: 12px; letter-spacing: -.03em; line-height: 1.2; }
.hm-office strong > span { display: block; font-size: 7px; letter-spacing: .01em; margin-top: 3px; color: var(--hm-muted); font-weight: 400; }
.hm-huismax-brand { font-size: 19px; font-weight: 750; letter-spacing: -.07em; color: #d8606b; text-align: right; }
.hm-huismax-brand > span { display: block; margin-top: 2px; font-size: 6px; letter-spacing: .025em; color: var(--hm-muted); font-weight: 400; }
.hm-overline { display: block; color: #a8555e; font-size: 7px; font-weight: 650; letter-spacing: .07em; text-transform: uppercase; }
.hm-tag { display: inline-flex; align-items: center; gap: 5px; padding: 5px 8px; border-radius: 4px; color: #a8555e; background: var(--hm-soft); font-size: 7px; white-space: nowrap; }
.hm-tag .hm-icon { width: 11px; height: 11px; flex-basis: 11px; }
.hm-footnote { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 9px 15px; border-top: 1px solid var(--hm-line); color: var(--hm-muted); font-size: 6px; line-height: 1.5; }
.hm-footnote > span:first-child { display: inline-flex; align-items: center; gap: 5px; }
.hm-footnote > span:last-child { text-align: right; }
.hm-footnote i { display: block; width: 4px; height: 4px; flex: 0 0 4px; border-radius: 50%; background: var(--hm-stage); }
.hm-home-art { display: block; width: 100%; height: 100%; }
.hm-overview-route { display: flex; align-items: center; gap: 11px; padding: 11px 19px; background: #fff8f7; border-bottom: 1px solid #f3e6e5; }
.hm-overview-route > span { display: flex; align-items: center; gap: 6px; font-size: 8px; font-weight: 600; }
.hm-overview-route .hm-icon { width: 12px; height: 12px; flex-basis: 12px; color: #c26a73; }
.hm-overview-route > i { position: relative; flex: 1; height: 1px; background: #e7b5b8; }
.hm-overview-route > i::after { content: ''; position: absolute; right: 0; top: -2px; border: solid #e7b5b8; border-width: 0 1px 1px 0; padding: 2px; transform: rotate(-45deg); }
.hm-overview-grid { display: grid; grid-template-columns: 1.06fr 1fr; }
.hm-overview-report { padding: 15px; border-right: 1px solid var(--hm-line); }
.hm-preview-home { position: relative; overflow: hidden; height: 105px; border-radius: 6px; background: #e8eef0; }
.hm-preview-home > span { position: absolute; bottom: 7px; left: 7px; display: flex; gap: 4px; align-items: center; max-width: calc(100% - 14px); background: rgb(255 255 255 / 94%); border-radius: 4px; padding: 4px 6px; font-size: 6px; }
.hm-preview-home > span .hm-icon { width: 9px; height: 9px; flex-basis: 9px; color: #b85762; }
.hm-value { padding-top: 15px; }
.hm-value > span { display: block; font-size: 9px; color: var(--hm-muted); }
.hm-value > strong { display: block; font-size: 35px; letter-spacing: -.055em; line-height: 1.15; margin-top: 5px; }
.hm-range { display: flex; justify-content: space-between; font-size: 8px; color: #73818e; margin-top: 15px; }
.hm-ruler { position: relative; height: 7px; border-radius: 4px; background: linear-gradient(90deg, #ffe4e1, #f6a1a5 48%, #ffe4e1); margin-top: 7px; }
.hm-ruler::before { content: ''; position: absolute; inset: 0; background: repeating-linear-gradient(90deg, transparent 0, transparent calc(10% - 1px), rgb(255 255 255 / 85%) calc(10% - 1px), rgb(255 255 255 / 85%) 10%); }
.hm-ruler > i { position: absolute; left: 50%; top: -4px; width: 3px; height: 15px; border-radius: 2px; background: var(--hm-navy); transform: translateX(-50%); }
.hm-value > small { display: block; color: var(--hm-muted); font-size: 6px; margin-top: 10px; line-height: 1.5; }
.hm-value--compact > span { font-size: 7px; }
.hm-value--compact > strong { font-size: 28px; margin-top: 4px; }
.hm-value--compact .hm-range { margin-top: 9px; font-size: 7px; }
.hm-value--compact > small { font-size: 5px; margin-top: 8px; }
.hm-report-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; padding-top: 15px; margin-top: 14px; border-top: 1px solid var(--hm-line); }
.hm-report-facts > span { font-size: 6px; color: var(--hm-muted); }
.hm-report-facts b { display: block; color: var(--hm-navy); font-size: 11px; margin-bottom: 4px; }
.hm-overview-lead { display: flex; flex-direction: column; align-items: flex-start; padding: 19px 16px 16px; }
.hm-overview-lead > .hm-overline { font-size: 6px; letter-spacing: .045em; }
.hm-lead-person { display: flex; align-items: center; gap: 9px; width: 100%; margin-top: 17px; }
.hm-avatar { display: grid; place-items: center; width: 37px; height: 37px; border-radius: 50%; background: #ffe4e1; color: #ad545f; font-size: 10px; font-weight: 650; flex: 0 0 37px; }
.hm-lead-person > div { display: grid; gap: 4px; }
.hm-lead-person strong { font-size: 12px; letter-spacing: -.025em; }
.hm-lead-person div > span { font-size: 6px; color: var(--hm-muted); }
.hm-status { display: inline-flex; align-items: center; gap: 5px; padding: 5px 7px; border-radius: 4px; background: #eaf6f0; color: #428370; font-size: 6px; margin-top: 13px; }
.hm-status .hm-icon { width: 10px; height: 10px; flex-basis: 10px; }
.hm-mini-detail { width: 100%; margin-top: 13px; }
.hm-mini-detail > span { display: block; font-size: 6px; color: var(--hm-muted); margin-bottom: 4px; }
.hm-mini-detail > strong { display: flex; align-items: center; justify-content: space-between; gap: 5px; font-size: 8px; }
.hm-mini-detail i { color: #8c98a3; font-size: 12px; }
.hm-note { display: flex; align-items: flex-start; gap: 8px; padding: 12px; border-radius: 6px; background: #fff4f1; }
.hm-note > .hm-icon { color: #c26a73; width: 13px; height: 13px; flex-basis: 13px; margin-top: 1px; }
.hm-note strong { display: block; font-size: 8px; }
.hm-note p { font-size: 8px; color: #8a767a; line-height: 1.7; margin-top: 5px; }
.hm-note small { display: block; font-size: 6px; color: #a4878b; margin-top: 8px; }
.hm-note--small { width: 100%; padding: 9px; margin-block: 15px; gap: 6px; }
.hm-note--small strong { font-size: 7px; }
.hm-note--small p { font-size: 6px; margin-top: 3px; line-height: 1.5; }
.hm-note--small > .hm-icon { width: 11px; height: 11px; flex-basis: 11px; }
.hm-visual-action { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; padding: 10px 11px; border-radius: 4px; background: var(--hm-navy); color: #fff; font-size: 8px; font-weight: 600; }
.hm-visual-action .hm-icon { width: 12px; height: 12px; flex-basis: 12px; }
.hm-overview-lead > .hm-visual-action { margin-top: auto; padding: 9px; font-size: 7px; }
.hm-site-nav { display: flex; align-items: center; gap: 18px; font-size: 7px; color: var(--hm-muted); }
.hm-site-nav > b { color: var(--hm-navy); }
.hm-widget-scene { position: relative; min-height: 338px; overflow: hidden; background: #dce6e6; }
.hm-widget-scene > .hm-home-art { position: absolute; inset: 0; width: 100%; height: 100%; }
.hm-widget-scene::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgb(10 33 68 / 38%), transparent 65%); pointer-events: none; }
.hm-widget-intro { position: absolute; z-index: 1; top: 29px; left: 24px; color: #fff; }
.hm-widget-intro > span { display: block; font-size: 7px; margin-bottom: 8px; }
.hm-widget-intro > strong { font-size: 27px; letter-spacing: -.045em; line-height: 1.05; text-shadow: 0 1px 12px rgb(10 33 68 / 15%); }
.hm-widget-card { position: relative; z-index: 2; width: 242px; margin: 30px 22px 29px auto; padding: 20px; border: 1px solid #ffe4e0; border-radius: 8px; background: #fff; box-shadow: 0 10px 40px rgb(10 33 68 / 10%); }
.hm-widget-card > strong { display: block; font-size: 26px; letter-spacing: -.045em; line-height: 1.05; margin-top: 10px; }
.hm-widget-card > p { font-size: 8px; color: var(--hm-muted); margin-top: 13px; }
.hm-fake-field { display: flex; align-items: center; gap: 6px; border: 1px solid #dfe3e7; border-radius: 4px; padding: 10px 8px; font-size: 7px; color: #6a7787; margin-top: 16px; }
.hm-fake-field > .hm-icon { width: 12px; height: 12px; flex-basis: 12px; color: #bb626c; }
.hm-fake-field > span { line-height: 1.4; }
.hm-widget-card > .hm-visual-action { margin-top: 8px; padding: 10px 8px; font-size: 7px; }
.hm-widget-card > small { display: block; font-size: 6px; line-height: 1.5; color: var(--hm-muted); margin-top: 12px; }
.hm-step-indicator { display: flex; align-items: center; gap: 6px; }
.hm-step-indicator > b { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: #f0f2f4; color: #9ca7af; font-size: 7px; }
.hm-step-indicator > b.is-current { background: var(--hm-soft); color: #bb626c; outline: 1px solid #f7b2b5; }
.hm-step-indicator > i { width: 13px; height: 1px; background: #e1e5e8; }
.hm-property-grid { display: grid; grid-template-columns: .98fr 1.02fr; }
.hm-property-portrait { position: relative; min-height: 338px; overflow: hidden; background: #e8eef0; }
.hm-property-portrait > .hm-home-art { height: 260px; position: absolute; inset: 36px auto auto; width: 100%; }
.hm-found { position: absolute; display: flex; align-items: center; gap: 5px; top: 16px; left: 16px; border: 1px solid #d6e9dc; padding: 6px 8px; font-size: 7px; border-radius: 4px; background: #f2faf5; color: #4b7f66; }
.hm-found > .hm-icon { width: 10px; height: 10px; flex-basis: 10px; }
.hm-property-address { position: absolute; bottom: 17px; left: 17px; right: 17px; border-radius: 5px; padding: 13px; background: rgb(255 255 255 / 95%); box-shadow: 0 4px 15px rgb(10 33 68 / 5%); }
.hm-property-address > strong { display: block; font-size: 18px; letter-spacing: -.04em; }
.hm-property-address > span { display: block; color: var(--hm-muted); font-size: 7px; margin-top: 4px; }
.hm-property-fields { padding: 21px 22px; }
.hm-property-fields > strong { display: block; font-size: 24px; line-height: 1.08; letter-spacing: -.045em; margin-top: 9px; }
.hm-property-fields > p { font-size: 8px; line-height: 1.7; color: var(--hm-muted); margin-block: 13px 17px; }
.hm-data-field { display: flex; align-items: center; justify-content: space-between; gap: 13px; border-top: 1px solid var(--hm-line); padding-block: 10px; }
.hm-data-field > span { display: flex; align-items: center; gap: 6px; font-size: 7px; color: var(--hm-muted); }
.hm-data-field > span > .hm-icon { width: 12px; height: 12px; flex-basis: 12px; color: #b6666f; }
.hm-data-field > strong { font-size: 9px; text-align: right; }
.hm-data-field > strong > small { display: block; color: var(--hm-muted); font-size: 5px; font-weight: 400; margin-top: 3px; }
.hm-property-fields > .hm-visual-action { margin-top: 15px; font-size: 7px; }
.hm-report-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 23px 18px; }
.hm-report-heading > div { display: grid; gap: 6px; }
.hm-report-heading strong { font-size: 23px; letter-spacing: -.04em; line-height: 1.1; }
.hm-report-heading div > span:last-child { font-size: 7px; color: var(--hm-muted); }
.hm-report-badge { display: grid; place-items: center; width: 40px; height: 44px; border-radius: 8px 8px 8px 0; background: var(--hm-soft); color: #b6666f; }
.hm-report-badge .hm-icon { width: 25px; height: 25px; flex-basis: 25px; }
.hm-report-grid { display: grid; grid-template-columns: 1fr 1.02fr; padding: 0 23px 20px; gap: 24px; }
.hm-report-value { padding: 17px; background: #fffbfa; border: 1px solid #f3e3e1; border-radius: 6px; }
.hm-report-value .hm-value { padding-top: 0; }
.hm-report-value .hm-value > strong { font-size: 32px; }
.hm-energy-note { display: block; font-size: 5px; color: var(--hm-muted); margin-top: 10px; }
.hm-chart-caption { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 4px; margin-bottom: 12px; }
.hm-chart-caption > strong { font-size: 8px; }
.hm-chart-caption > span { font-size: 5px; color: var(--hm-muted); }
.hm-chart > svg { display: block; width: 100%; height: 75px; }
.hm-chart-years { display: flex; justify-content: space-between; font-size: 5px; color: #9ca4ad; margin-top: 6px; }
.hm-reference { display: flex; align-items: center; gap: 8px; padding-top: 13px; border-top: 1px solid var(--hm-line); margin-top: 14px; }
.hm-reference > span { width: 26px; height: 26px; display: grid; place-items: center; background: #f2f4f6; color: #8c99a6; border-radius: 5px; flex: 0 0 26px; }
.hm-reference > span > .hm-icon { width: 14px; height: 14px; flex-basis: 14px; }
.hm-reference > div { display: grid; gap: 4px; }
.hm-reference strong { font-size: 7px; }
.hm-reference small { font-size: 5px; color: var(--hm-muted); }
.hm-reference > .hm-icon { width: 10px; height: 10px; flex-basis: 10px; color: #b6666f; margin-left: auto; }
.hm-report-closing { display: flex; align-items: center; gap: 9px; margin: 0 23px 17px; padding: 11px 13px; border-radius: 5px; background: #f3f5f7; }
.hm-report-closing > .hm-icon { color: #718092; width: 16px; height: 16px; flex-basis: 16px; }
.hm-report-closing > div { display: grid; gap: 4px; }
.hm-report-closing strong { font-size: 8px; }
.hm-report-closing span { font-size: 6px; color: var(--hm-muted); }
.hm-dashboard { display: grid; grid-template-columns: 48px minmax(0, 1fr); }
.hm-dashboard-sidebar { position: relative; display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 17px 8px 58px; background: #fff8f7; border-right: 1px solid #f3e6e5; }
.hm-admin-mark { margin-bottom: 15px; }
.hm-admin-item { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 5px; color: #a39598; }
.hm-admin-item.is-current { background: #ffe1df; color: #bc5d68; }
.hm-admin-item .hm-icon { width: 15px; height: 15px; flex-basis: 15px; }
.hm-admin-avatar { position: absolute; bottom: 17px; display: grid; place-items: center; width: 25px; height: 25px; border-radius: 50%; background: #f7d8d7; color: #b26670; font-size: 7px; }
.hm-dashboard-heading { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 21px 22px 17px; }
.hm-dashboard-heading > div { display: grid; gap: 5px; }
.hm-dashboard-heading strong { font-size: 23px; letter-spacing: -.04em; line-height: 1.1; }
.hm-dashboard-heading div > span:last-child { font-size: 7px; color: var(--hm-muted); }
.hm-dashboard-grid { display: grid; grid-template-columns: 1.16fr 1fr; gap: 21px; padding: 0 22px 21px; }
.hm-lead-details > .hm-data-field { padding-block: 10px; }
.hm-lead-details .hm-data-field > strong { font-size: 8px; }
.hm-lead-details .hm-data-field > span { font-size: 6px; }
.hm-lead-details .hm-status-value { display: flex; align-items: center; justify-content: space-between; gap: 20px; border-radius: 4px; padding: 5px 7px; background: var(--hm-soft); color: #ab5661; }
.hm-status-value i { font-size: 11px; }
.hm-lead-details > .hm-note { margin-top: 7px; }
.hm-dashboard-report { padding: 13px; background: #fffbfa; border: 1px solid #f3e3e1; border-radius: 6px; }
.hm-report-ready { display: flex; align-items: center; gap: 4px; color: #6e877a; font-size: 6px; margin-bottom: 11px; }
.hm-report-ready .hm-icon { width: 10px; height: 10px; flex-basis: 10px; }
.hm-dashboard-report .hm-preview-home { height: 77px; }
.hm-dashboard-report > strong { display: block; font-size: 11px; letter-spacing: -.025em; margin-top: 10px; }
.hm-dashboard-report > span:not(.hm-report-ready):not(.hm-visual-action) { display: block; font-size: 6px; color: var(--hm-muted); margin-top: 3px; }
.hm-dashboard-report .hm-value { padding-top: 10px; }
.hm-dashboard-report .hm-value--compact > strong { font-size: 23px; }
.hm-dashboard-report > .hm-visual-action { margin-top: 12px; font-size: 6px; padding: 8px; }
@container (max-width: 490px) {
  .hm-toolbar { gap: 8px; padding-inline: 14px; }
  .hm-office > strong { font-size: 11px; }
  .hm-huismax-brand { font-size: 17px; }
  .hm-huismax-brand > span { font-size: 5px; }
  .hm-overview-route { gap: 7px; padding-inline: 14px; }
  .hm-overview-route > span { font-size: 7px; gap: 4px; }
  .hm-overview-route .hm-icon { width: 11px; height: 11px; flex-basis: 11px; }
  .hm-overview-report { padding: 12px; }
  .hm-overview-lead { padding: 16px 12px 12px; }
  .hm-overview-lead > .hm-overline { font-size: 5px; }
  .hm-lead-person { gap: 6px; }
  .hm-lead-person > .hm-avatar { width: 30px; height: 30px; flex-basis: 30px; font-size: 8px; }
  .hm-lead-person strong { font-size: 10px; }
  .hm-lead-person div > span { font-size: 5px; }
  .hm-value--compact > strong { font-size: 25px; }
  .hm-footnote { padding-inline: 12px; font-size: 5px; gap: 8px; }
  .hm-site-nav { gap: 13px; }
  .hm-site-nav > span { display: none; }
  .hm-widget-card { width: 222px; margin-right: 17px; padding: 18px; }
  .hm-widget-intro { left: 17px; top: 19px; }
  .hm-widget-intro > strong { font-size: 21px; }
  .hm-widget-intro > span { font-size: 6px; }
  .hm-property-fields { padding: 19px 16px; }
  .hm-property-fields > strong { font-size: 21px; }
  .hm-property-fields > p { font-size: 7px; }
  .hm-data-field > span { font-size: 6px; gap: 4px; }
  .hm-data-field > strong { font-size: 8px; }
  .hm-report-heading { padding-inline: 16px; }
  .hm-report-grid { padding-inline: 16px; gap: 16px; }
  .hm-report-value { padding: 13px; }
  .hm-report-value .hm-value > strong { font-size: 27px; }
  .hm-report-value .hm-value > span { font-size: 7px; }
  .hm-report-facts { gap: 6px; }
  .hm-report-facts > span { font-size: 5px; }
  .hm-report-closing { margin-inline: 16px; }
  .hm-dashboard { grid-template-columns: 40px minmax(0, 1fr); }
  .hm-dashboard-sidebar { padding-inline: 4px; }
  .hm-dashboard-heading { padding-inline: 16px; }
  .hm-dashboard-heading strong { font-size: 21px; }
  .hm-dashboard-grid { gap: 14px; padding-inline: 16px; }
  .hm-dashboard-report { padding: 10px; }
  .hm-lead-details .hm-data-field { gap: 7px; }
  .hm-lead-details .hm-data-field > strong { font-size: 7px; }
  .hm-note p { font-size: 7px; }
}
@container (max-width: 370px) {
  .hm-toolbar { padding: 12px; min-height: 58px; }
  .hm-office { gap: 6px; }
  .hm-office-mark { width: 25px; height: 28px; flex-basis: 25px; }
  .hm-office > strong { font-size: 10px; }
  .hm-office strong > span { font-size: 6px; }
  .hm-huismax-brand { font-size: 16px; }
  .hm-huismax-brand > span { display: none; }
  .hm-overview-grid { grid-template-columns: 1fr; }
  .hm-overview-report { border-right: 0; display: grid; grid-template-columns: 42% 1fr; gap: 12px; padding: 12px; }
  .hm-overview-report .hm-preview-home { height: 108px; }
  .hm-overview-report .hm-preview-home > span { font-size: 5px; bottom: 6px; left: 5px; padding: 3px; flex-wrap: wrap; gap: 2px; max-width: calc(100% - 10px); }
  .hm-overview-report .hm-preview-home > span .hm-icon { display: none; }
  .hm-overview-report .hm-value { padding-top: 2px; }
  .hm-overview-report .hm-value > strong { font-size: 24px; }
  .hm-overview-report .hm-report-facts { grid-column: 1 / -1; margin-top: 0; padding-top: 9px; gap: 10px; }
  .hm-overview-report .hm-report-facts > span { font-size: 6px; }
  .hm-overview-report .hm-report-facts b { display: inline; margin-right: 4px; font-size: 10px; }
  .hm-overview-lead { border-top: 1px solid var(--hm-line); display: grid; grid-template-columns: 1fr 1fr; column-gap: 13px; padding: 14px 12px; }
  .hm-overview-lead > .hm-overline { grid-column: 1 / -1; font-size: 6px; }
  .hm-overview-lead > .hm-lead-person { grid-column: 1 / -1; margin-top: 11px; }
  .hm-overview-lead .hm-lead-person strong { font-size: 11px; }
  .hm-overview-lead .hm-lead-person div > span { font-size: 6px; }
  .hm-overview-lead > .hm-status { grid-column: 1 / -1; width: fit-content; margin-top: 10px; font-size: 6px; }
  .hm-overview-lead > .hm-mini-detail { margin-top: 10px; }
  .hm-overview-lead > .hm-note { grid-column: 1 / -1; margin-block: 12px; }
  .hm-overview-lead > .hm-visual-action { grid-column: 1 / -1; font-size: 7px; padding: 9px; }
  .hm-widget-scene { padding-top: 54px; min-height: 375px; }
  .hm-widget-intro { top: 17px; left: 17px; }
  .hm-widget-intro > strong { font-size: 16px; }
  .hm-widget-intro > strong > br { display: none; }
  .hm-widget-intro > span { font-size: 6px; margin-bottom: 4px; }
  .hm-widget-card { width: calc(100% - 34px); max-width: 270px; margin: 30px auto 20px; padding: 19px; }
  .hm-widget-card > strong { font-size: 27px; }
  .hm-widget-card > .hm-overline { font-size: 7px; }
  .hm-widget-card > p { font-size: 9px; }
  .hm-fake-field { font-size: 8px; }
  .hm-widget-card > .hm-visual-action { font-size: 8px; }
  .hm-widget-card > small { font-size: 7px; }
  .hm-property-grid { grid-template-columns: 1fr; }
  .hm-property-portrait { min-height: 195px; }
  .hm-property-portrait > .hm-home-art { inset: 0; height: 195px; }
  .hm-found { font-size: 6px; top: 12px; left: 12px; padding: 5px 6px; }
  .hm-property-address { left: 12px; bottom: 12px; right: auto; padding: 9px 11px; }
  .hm-property-address > strong { font-size: 16px; }
  .hm-property-address > span { font-size: 6px; }
  .hm-property-fields { padding: 20px 16px; }
  .hm-property-fields > strong { font-size: 23px; }
  .hm-property-fields > p { font-size: 8px; margin-bottom: 14px; }
  .hm-property-fields .hm-data-field > span { font-size: 8px; }
  .hm-property-fields .hm-data-field > strong { font-size: 10px; }
  .hm-property-fields .hm-data-field > strong > small { font-size: 6px; }
  .hm-property-fields > .hm-visual-action { font-size: 8px; }
  .hm-report-heading { padding-block: 18px; }
  .hm-report-heading strong { font-size: 22px; }
  .hm-report-grid { grid-template-columns: 1fr; gap: 20px; }
  .hm-report-value { padding: 16px; }
  .hm-report-value .hm-value > strong { font-size: 33px; }
  .hm-report-value .hm-value > span { font-size: 8px; }
  .hm-report-value .hm-value > small { font-size: 6px; }
  .hm-report-value .hm-range { font-size: 8px; }
  .hm-report-facts > span { font-size: 6px; }
  .hm-report-facts b { font-size: 11px; }
  .hm-energy-note { font-size: 6px; }
  .hm-chart-caption > strong { font-size: 9px; }
  .hm-chart-caption > span { font-size: 6px; }
  .hm-chart > svg { height: 84px; }
  .hm-chart-years { font-size: 6px; }
  .hm-reference strong { font-size: 8px; }
  .hm-reference small { font-size: 6px; }
  .hm-report-closing strong { font-size: 7px; }
  .hm-dashboard { grid-template-columns: 35px minmax(0, 1fr); }
  .hm-dashboard-sidebar { gap: 10px; }
  .hm-admin-mark { width: 25px; height: 28px; flex-basis: 25px; }
  .hm-admin-item { width: 26px; height: 26px; }
  .hm-dashboard-main .hm-toolbar > .hm-tag { display: none; }
  .hm-dashboard-main .hm-toolbar strong { font-size: 11px; }
  .hm-dashboard-main .hm-toolbar > div > span { font-size: 7px; }
  .hm-dashboard-heading { padding: 18px 13px; gap: 10px; }
  .hm-dashboard-heading strong { font-size: 21px; }
  .hm-dashboard-heading .hm-avatar { width: 30px; height: 30px; flex-basis: 30px; font-size: 8px; }
  .hm-dashboard-grid { grid-template-columns: 1fr; padding: 0 13px 16px; gap: 16px; }
  .hm-lead-details .hm-data-field > span { font-size: 7px; }
  .hm-lead-details .hm-data-field > strong { font-size: 8px; }
  .hm-note strong { font-size: 8px; }
  .hm-note p { font-size: 8px; }
  .hm-note small { font-size: 6px; }
  .hm-dashboard-report { padding: 13px; display: grid; grid-template-columns: 85px 1fr; gap: 10px 12px; }
  .hm-dashboard-report > .hm-report-ready { grid-column: 1 / -1; font-size: 7px; margin-bottom: 0; }
  .hm-dashboard-report > .hm-preview-home { grid-row: 2 / 5; height: 90px; }
  .hm-dashboard-report > strong { margin-top: 0; font-size: 11px; }
  .hm-dashboard-report > span:not(.hm-report-ready):not(.hm-visual-action) { margin-top: -5px; font-size: 6px; }
  .hm-dashboard-report > .hm-value { grid-column: 2; padding-top: 0; }
  .hm-dashboard-report .hm-value--compact > strong { font-size: 22px; }
  .hm-dashboard-report .hm-value > span { font-size: 6px; }
  .hm-dashboard-report .hm-value > small { font-size: 5px; }
  .hm-dashboard-report > .hm-visual-action { grid-column: 1 / -1; margin-top: 0; font-size: 7px; }
  .hm-dashboard-main .hm-footnote { flex-direction: column; align-items: flex-start; gap: 4px; }
  .hm-dashboard-main .hm-footnote > span:last-child { text-align: left; }
}
@container (max-width: 300px) {
  .hm-dashboard-report { display: block; }
  .hm-dashboard-report > .hm-report-ready { margin-bottom: 10px; }
  .hm-dashboard-report > .hm-preview-home { height: 100px; }
  .hm-dashboard-report > strong { margin-top: 10px; }
  .hm-dashboard-report > span:not(.hm-report-ready):not(.hm-visual-action) { margin-top: 3px; }
  .hm-dashboard-report > .hm-value { padding-top: 12px; }
  .hm-dashboard-report > .hm-visual-action { margin-top: 12px; }
}