/* ========================================================================
   BPP MARKET PRICE INSIGHTS V1.0
   DESKTOP + TABLET + MOBILE
   Server-rendered / no JS chart library.
   ======================================================================== */

.bpp-market-v1,
.bpp-market-v1 *,
.bpp-market-v1 *::before,
.bpp-market-v1 *::after {
    box-sizing:border-box;
}

.bpp-market-v1 {
    width:100%;

    margin:
        28px
        0
        24px;

    padding:
        24px
        0;

    background:#fff;

    color:#1f2b25;

    font-family:inherit;
}

.bpp-market-v1__shell {
    width:
        min(
            1280px,
            calc(100% - 40px)
        );

    margin:
        0 auto;
}

.bpp-market-v1__header {
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:20px;

    margin-bottom:16px;
}

.bpp-market-v1__eyebrow {
    display:block;

    margin-bottom:4px;

    color:#087d49;

    font-size:12px;
    line-height:1.25;
    font-weight:850;

    letter-spacing:.055em;
    text-transform:uppercase;
}

.bpp-market-v1__header h2 {
    margin:0;

    color:#17261e;

    font-size:24px;
    line-height:1.2;
    font-weight:850;

    letter-spacing:-.025em;
}

.bpp-market-v1__header p {
    margin:
        6px
        0
        0;

    color:#718078;

    font-size:13px;
    line-height:1.45;
}

.bpp-market-v1__confidence {
    flex:0 0 auto;

    min-width:132px;

    padding:
        10px
        12px;

    border:
        1px solid #dde6e1;

    border-radius:12px;

    background:#f8faf9;

    text-align:right;
}

.bpp-market-v1__confidence small {
    display:block;

    margin-bottom:2px;

    color:#79857f;

    font-size:12px;
    font-weight:650;
}

.bpp-market-v1__confidence strong {
    display:block;

    font-size:14px;
    font-weight:850;
}

.bpp-market-v1__confidence--high strong,
.bpp-market-v1__confidence--good strong {
    color:#087d49;
}

.bpp-market-v1__confidence--limited strong,
.bpp-market-v1__confidence--insufficient strong {
    color:#a26b12;
}

/* KPI CARDS */

.bpp-market-v1__kpis {
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:10px;

    margin-bottom:12px;
}

.bpp-market-v1__kpi {
    min-width:0;

    padding:
        14px;

    border:
        1px solid #e2e8e5;

    border-radius:13px;

    background:#fff;
}

.bpp-market-v1__kpi small {
    display:block;

    margin-bottom:6px;

    color:#78847e;

    font-size:12px;
    line-height:1.3;
    font-weight:700;
}

.bpp-market-v1__kpi > strong {
    display:block;

    overflow:hidden;

    color:#1c2b23;

    font-size:18px;
    line-height:1.2;
    font-weight:850;

    text-overflow:ellipsis;
}

.bpp-market-v1__kpi span {
    display:block;

    margin-top:5px;

    color:#87918c;

    font-size:12px;
    line-height:1.3;
}

.bpp-market-v1__difference--above {
    color:#9b5c13 !important;
}

.bpp-market-v1__difference--below {
    color:#087d49 !important;
}

/* PRICE RANGE */

.bpp-market-v1__chart-card {
    margin-top:12px;

    padding:
        17px
        18px
        16px;

    border:
        1px solid #dde6e1;

    border-radius:15px;

    background:#fbfcfb;
}

.bpp-market-v1__chart-head {
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:16px;
}

.bpp-market-v1__chart-head h3 {
    margin:0;

    color:#1a2a22;

    font-size:15px;
    font-weight:850;
}

.bpp-market-v1__chart-head p {
    margin:
        4px
        0
        0;

    color:#7c8882;

    font-size:12px;
    line-height:1.4;
}

.bpp-market-v1__chart-head > span {
    flex:0 0 auto;

    padding:
        5px
        8px;

    border-radius:999px;

    background:#eef5f1;
    color:#49715e;

    font-size:12px;
    font-weight:750;
}

.bpp-market-v1__range {
    margin-top:20px;
}

.bpp-market-v1__scale-labels,
.bpp-market-v1__price-labels {
    display:grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:8px;

    color:#7c8882;

    font-size:12px;
    font-weight:700;
}

.bpp-market-v1__scale-labels span:nth-child(2),
.bpp-market-v1__price-labels span:nth-child(2) {
    text-align:center;
}

.bpp-market-v1__scale-labels span:last-child,
.bpp-market-v1__price-labels span:last-child {
    text-align:right;
}

.bpp-market-v1__track {
    position:relative;

    height:18px;

    margin:
        22px
        8px
        25px;

    border-radius:999px;

    background:
        linear-gradient(
            90deg,
            #edf1ef 0%,
            #e8eeeb 100%
        );
}

.bpp-market-v1__typical-zone {
    position:absolute;

    top:3px;
    bottom:3px;

    left:
        var(
            --bpp-market-q1,
            25%
        );

    width:
        var(
            --bpp-market-typical-width,
            50%
        );

    border-radius:999px;

    background:#cce7d8;
}

.bpp-market-v1__median-marker {
    position:absolute;

    z-index:2;

    top:-4px;

    bottom:-4px;

    left:
        var(
            --bpp-market-median,
            50%
        );

    width:2px;

    transform:
        translateX(-50%);

    background:#335e49;
}

.bpp-market-v1__current-marker {
    position:absolute;

    z-index:5;

    top:50%;

    left:
        var(
            --bpp-market-current,
            50%
        );

    transform:
        translate(
            -50%,
            -50%
        );

    display:flex;
    flex-direction:column;
    align-items:center;
}

.bpp-market-v1__current-marker i {
    width:18px;
    height:18px;

    display:block;

    border:
        4px solid #fff;

    border-radius:50%;

    background:#079653;

    box-shadow:
        0
        2px
        9px
        rgba(0,0,0,.22);
}

.bpp-market-v1__current-marker b {
    position:absolute;

    top:-26px;

    padding:
        3px
        6px;

    border-radius:6px;

    background:#16271e;
    color:#fff;

    font-size:11px;
    line-height:1.2;
    font-style:normal;
    font-weight:800;

    white-space:nowrap;
}

.bpp-market-v1__price-labels {
    color:#45564d;

    font-weight:800;
}

.bpp-market-v1__legend {
    display:flex;

    flex-wrap:wrap;

    gap:
        8px
        18px;

    margin-top:13px;
    padding-top:12px;

    border-top:
        1px solid #e4e9e6;

    color:#718078;

    font-size:12px;
    font-weight:650;
}

.bpp-market-v1__legend span {
    display:flex;
    align-items:center;
    gap:6px;
}

.bpp-market-v1__legend i {
    flex:0 0 auto;

    display:block;
}

.bpp-market-v1__legend-current {
    width:9px;
    height:9px;

    border-radius:50%;

    background:#079653;
}

.bpp-market-v1__legend-typical {
    width:18px;
    height:7px;

    border-radius:999px;

    background:#cce7d8;
}

.bpp-market-v1__legend-median {
    width:2px;
    height:11px;

    background:#335e49;
}

/* PRICE PER AREA */

.bpp-market-v1__sqm {
    display:grid;

    grid-template-columns:
        repeat(
            2,
            minmax(0,1fr)
        );

    gap:10px;

    margin-top:10px;
}

.bpp-market-v1__sqm > div {
    padding:
        11px
        13px;

    border:
        1px solid #e1e7e4;

    border-radius:11px;

    background:#fff;
}

.bpp-market-v1__sqm small {
    display:block;

    margin-bottom:4px;

    color:#7c8882;

    font-size:12px;
    font-weight:700;
}

.bpp-market-v1__sqm strong {
    color:#233129;

    font-size:14px;
    font-weight:850;
}

/* LIMITED SAMPLE */

.bpp-market-v1__limited {
    margin-top:12px;

    padding:
        17px;

    border:
        1px solid #eadcbb;

    border-radius:13px;

    background:#fffaf0;
}

.bpp-market-v1__limited strong {
    display:block;

    color:#795117;

    font-size:15px;
    font-weight:850;
}

.bpp-market-v1__limited p {
    margin:
        5px
        0
        3px;

    color:#5f5444;

    font-size:13px;
    font-weight:750;
}

.bpp-market-v1__limited span {
    color:#897862;

    font-size:12px;
    line-height:1.45;
}

/* MATCH SCOPE */

.bpp-market-v1__scope {
    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-top:13px;

    padding:
        11px
        0;
}

.bpp-market-v1__scope > strong {
    flex:0 0 auto;

    padding-top:6px;

    color:#425149;

    font-size:12px;
    font-weight:800;
}

.bpp-market-v1__chips {
    min-width:0;

    display:flex;
    flex-wrap:wrap;

    gap:6px;
}

.bpp-market-v1__chips span {
    display:inline-flex;
    align-items:center;

    min-height:29px;

    padding:
        0
        9px;

    border:
        1px solid #dce6e1;

    border-radius:999px;

    background:#f8faf9;
    color:#526259;

    font-size:12px;
    font-weight:700;

    white-space:nowrap;
}

/* COMPARABLE LISTINGS */

.bpp-market-v1__comparables-head {
    display:flex;

    align-items:flex-end;
    justify-content:space-between;

    gap:16px;

    margin-top:7px;
    margin-bottom:10px;
}

.bpp-market-v1__comparables-head h3 {
    margin:0;

    color:#1b2a22;

    font-size:16px;
    font-weight:850;
}

.bpp-market-v1__comparables-head p {
    margin:
        3px
        0
        0;

    color:#7b8881;

    font-size:12px;
}

.bpp-market-v1__comparables-head a {
    flex:0 0 auto;

    color:#087d49;

    font-size:12px;
    font-weight:800;

    text-decoration:none;
}

.bpp-market-v1__comparables {
    display:grid;

    grid-template-columns:
        repeat(
            4,
            minmax(0,1fr)
        );

    gap:10px;
}

.bpp-market-v1__comparable {
    min-width:0;

    overflow:hidden;

    border:
        1px solid #e1e7e4;

    border-radius:12px;

    background:#fff;

    color:inherit;
    text-decoration:none;

    transition:
        transform .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
}

.bpp-market-v1__comparable:hover {
    transform:
        translateY(-2px);

    border-color:#ccdcd3;

    box-shadow:
        0
        10px
        25px
        rgba(25,60,42,.08);

    color:inherit;
}

.bpp-market-v1__comparable-media {
    display:block;

    height:130px;

    overflow:hidden;

    background:#edf2ef;
}

.bpp-market-v1__comparable-media img {
    width:100%;
    height:100%;

    display:block;

    object-fit:cover;
}

.bpp-market-v1__comparable-body {
    min-height:112px;

    display:flex;
    flex-direction:column;

    padding:
        10px;
}

.bpp-market-v1__comparable-body > strong {
    color:#087d49;

    font-size:13px;
    line-height:1.25;
    font-weight:850;
}

.bpp-market-v1__comparable-body > b {
    display:-webkit-box;

    overflow:hidden;

    margin-top:4px;

    color:#24322b;

    font-size:12px;
    line-height:1.4;
    font-weight:800;

    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}

.bpp-market-v1__comparable-body > small {
    display:flex;
    align-items:center;
    gap:4px;

    margin-top:5px;

    color:#839088;

    font-size:12px;
}

.bpp-market-v1__comparable-body > em {
    margin-top:auto;
    padding-top:8px;

    color:#5e6d65;

    font-size:12px;
    font-style:normal;
    font-weight:750;
}

/* DISCLAIMER */

.bpp-market-v1__note {
    margin-top:14px;

    padding:
        11px
        13px;

    border-radius:10px;

    background:#f7f9f8;
}

.bpp-market-v1__note strong {
    display:block;

    margin-bottom:2px;

    color:#536159;

    font-size:12px;
    font-weight:800;
}

.bpp-market-v1__note p {
    margin:0;

    color:#7b8781;

    font-size:12px;
    line-height:1.45;
}

/* ========================================================================
   TABLET
   ======================================================================== */

@media
(max-width:1100px)
and
(min-width:768px) {

    .bpp-market-v1__shell {
        width:
            calc(100% - 32px);
    }

    .bpp-market-v1__kpis {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .bpp-market-v1__comparables {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .bpp-market-v1__comparable-media {
        height:155px;
    }
}

/* ========================================================================
   MOBILE
   ======================================================================== */

@media (max-width:767px) {

    .bpp-market-v1 {
        margin:
            18px
            0
            14px;

        padding:
            17px
            0;
    }

    .bpp-market-v1__shell {
        width:
            calc(100% - 24px);
    }

    .bpp-market-v1__header {
        display:grid;

        grid-template-columns:
            minmax(0,1fr)
            auto;

        align-items:start;

        gap:
            10px
            8px;

        margin-bottom:12px;
    }

    .bpp-market-v1__eyebrow {
        font-size:11px;
    }

    .bpp-market-v1__header h2 {
        font-size:19px;
        line-height:1.22;
    }

    .bpp-market-v1__header p {
        grid-column:
            1 / -1;

        font-size:12px;
    }

    .bpp-market-v1__confidence {
        min-width:94px;

        padding:
            8px
            9px;
    }

    .bpp-market-v1__confidence small {
        font-size:11px;
    }

    .bpp-market-v1__confidence strong {
        font-size:12px;
    }

    /* 2 × 2 KPI grid on phones */
    .bpp-market-v1__kpis {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:7px;
    }

    .bpp-market-v1__kpi {
        min-height:103px;

        padding:
            10px;
    }

    .bpp-market-v1__kpi small {
        min-height:30px;

        margin-bottom:4px;

        font-size:11px;
        line-height:1.3;
    }

    .bpp-market-v1__kpi > strong {
        font-size:15px;
    }

    .bpp-market-v1__kpi span {
        font-size:11px;
    }

    /* Chart stays inside viewport */
    .bpp-market-v1__chart-card {
        overflow:hidden;

        padding:
            13px
            11px
            12px;
    }

    .bpp-market-v1__chart-head {
        display:block;
    }

    .bpp-market-v1__chart-head h3 {
        font-size:14px;
    }

    .bpp-market-v1__chart-head p {
        font-size:11px;
    }

    .bpp-market-v1__chart-head > span {
        display:inline-flex;

        margin-top:7px;

        font-size:11px;
    }

    .bpp-market-v1__range {
        margin-top:16px;
    }

    .bpp-market-v1__scale-labels,
    .bpp-market-v1__price-labels {
        font-size:10px;
    }

    .bpp-market-v1__track {
        margin:
            23px
            6px
            25px;
    }

    .bpp-market-v1__current-marker b {
        top:-25px;

        font-size:10px;
    }

    .bpp-market-v1__legend {
        gap:
            7px
            12px;

        font-size:10px;
    }

    .bpp-market-v1__sqm {
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );

        gap:7px;
    }

    .bpp-market-v1__sqm > div {
        padding:
            9px;
    }

    .bpp-market-v1__sqm small {
        min-height:30px;

        font-size:10px;
    }

    .bpp-market-v1__sqm strong {
        font-size:12px;
    }

    /* Horizontally scrolling filter chips */
    .bpp-market-v1__scope {
        display:block;

        overflow:hidden;

        padding-bottom:5px;
    }

    .bpp-market-v1__scope > strong {
        display:block;

        padding:
            0
            0
            7px;

        font-size:11px;
    }

    .bpp-market-v1__chips {
        flex-wrap:nowrap;

        overflow-x:auto;

        margin-right:-12px;

        padding-right:12px;
        padding-bottom:3px;

        scroll-snap-type:
            x proximity;

        scrollbar-width:none;
    }

    .bpp-market-v1__chips::-webkit-scrollbar {
        display:none;
    }

    .bpp-market-v1__chips span {
        flex:0 0 auto;

        min-height:27px;

        font-size:11px;

        scroll-snap-align:start;
    }

    .bpp-market-v1__comparables-head {
        align-items:center;
    }

    .bpp-market-v1__comparables-head h3 {
        font-size:14px;
    }

    .bpp-market-v1__comparables-head p {
        font-size:11px;
    }

    .bpp-market-v1__comparables-head a {
        font-size:11px;
    }

    /* Swipeable comparable cards */
    .bpp-market-v1__comparables {
        display:flex;

        overflow-x:auto;

        gap:8px;

        margin-right:-12px;

        padding-right:12px;
        padding-bottom:4px;

        scroll-snap-type:
            x proximity;

        scrollbar-width:none;
    }

    .bpp-market-v1__comparables::-webkit-scrollbar {
        display:none;
    }

    .bpp-market-v1__comparable {
        flex:
            0
            0
            min(
                72vw,
                245px
            );

        scroll-snap-align:start;
    }

    .bpp-market-v1__comparable-media {
        height:122px;
    }

    .bpp-market-v1__comparable-body {
        min-height:105px;

        padding:9px;
    }

    .bpp-market-v1__comparable-body > strong {
        font-size:12px;
    }

    .bpp-market-v1__comparable-body > b {
        font-size:11px;
    }

    .bpp-market-v1__comparable-body > small,
    .bpp-market-v1__comparable-body > em {
        font-size:10px;
    }

    .bpp-market-v1__limited {
        padding:13px;
    }

    .bpp-market-v1__limited strong {
        font-size:14px;
    }

    .bpp-market-v1__limited p {
        font-size:12px;
    }

    .bpp-market-v1__limited span {
        font-size:11px;
    }

    .bpp-market-v1__note {
        padding:
            10px;
    }

    .bpp-market-v1__note strong,
    .bpp-market-v1__note p {
        font-size:11px;
    }
}

/* Very small phones */

@media (max-width:375px) {

    .bpp-market-v1__header {
        grid-template-columns:1fr;
    }

    .bpp-market-v1__confidence {
        width:max-content;

        text-align:left;
    }

    .bpp-market-v1__kpi {
        min-height:108px;
    }

    .bpp-market-v1__kpi > strong {
        font-size:14px;
    }
}

/* ========================================================================
   BPP_MARKET_PREMIUM_GRAPH_V1_0_3
   Premium server-rendered SVG market distribution
   ======================================================================== */

.bpp-market-v103__graph-card {
    position: relative;
    margin-top: 16px;
    overflow: hidden;
    padding: 22px 24px 19px;
    border: 1px solid #dde6e1;
    border-radius: 20px;
    background: linear-gradient(180deg, #ffffff 0%, #fafcfb 100%);
    box-shadow: 0 16px 42px rgba(22,57,39,.08);
}

.bpp-market-v103__graph-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(
        90deg,
        #087f4b 0%,
        #28a86b 35%,
        #a7dcc0 72%,
        #e8f3ed 100%
    );
}

.bpp-market-v103__graph-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 14px;
}

.bpp-market-v103__graph-head > div:first-child > span {
    display: block;
    margin-bottom: 4px;
    color: #087d49;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: .055em;
    text-transform: uppercase;
}

.bpp-market-v103__graph-head h3 {
    margin: 0;
    color: #17261e;
    font-size: 21px;
    line-height: 1.2;
    font-weight: 850;
    letter-spacing: -.02em;
}

.bpp-market-v103__graph-head p {
    margin: 5px 0 0;
    color: #748079;
    font-size: 12px;
    line-height: 1.45;
}

.bpp-market-v103__sample {
    flex: 0 0 auto;
    min-width: 120px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    gap: 5px;
    padding: 10px 12px;
    border: 1px solid #dce7e1;
    border-radius: 12px;
    background: #f3f8f5;
    color: #506158;
}

.bpp-market-v103__sample strong {
    color: #153b29;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
}

.bpp-market-v103__sample span {
    font-size: 11px;
    font-weight: 750;
}

.bpp-market-v103__visual {
    position: relative;
    margin-top: 6px;
    padding: 15px 16px 13px;
    overflow: hidden;
    border: 1px solid #e1e9e5;
    border-radius: 17px;
    background:
        radial-gradient(
            circle at 50% 0%,
            rgba(7,150,83,.065),
            transparent 43%
        ),
        linear-gradient(
            180deg,
            #ffffff,
            #fcfdfc
        );
}

.bpp-market-v103__axis-caption {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    padding: 0 6px;
    color: #85918a;
    font-size: 11px;
    line-height: 1.2;
    font-weight: 750;
}

.bpp-market-v103__axis-caption span:nth-child(2) {
    text-align: center;
    color: #466c58;
}

.bpp-market-v103__axis-caption span:last-child {
    text-align: right;
}

.bpp-market-v103__svg {
    width: 100%;
    height: 250px;
    display: block;
    overflow: visible;
}

.bpp-market-v103__svg text {
    font-family: Inter, Arial, sans-serif;
}

.bpp-market-v103__svg-you {
    fill: #afbeb6;
    font-size: 10px;
    font-weight: 850;
    letter-spacing: 1.2px;
}

.bpp-market-v103__svg-price {
    fill: #fff;
    font-size: 16px;
    font-weight: 900;
}

.bpp-market-v103__svg-median {
    fill: #415e50;
    font-size: 11px;
    font-weight: 850;
    letter-spacing: .7px;
}

.bpp-market-v103__values {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
    margin-top: -2px;
    padding: 0 5px;
}

.bpp-market-v103__values > span {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.bpp-market-v103__values > span:nth-child(2) {
    text-align: center;
}

.bpp-market-v103__values > span:last-child {
    text-align: right;
}

.bpp-market-v103__values small {
    color: #89958e;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .04em;
    text-transform: uppercase;
}

.bpp-market-v103__values strong {
    color: #34483d;
    font-size: 12px;
    line-height: 1.3;
    font-weight: 850;
}

.bpp-market-v103__interpretation {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 11px;
    align-items: flex-start;
    margin-top: 13px;
    padding: 13px 14px;
    border: 1px solid #d9e8df;
    border-radius: 13px;
    background: linear-gradient(135deg, #f4faf7, #f9fcfa);
}

.bpp-market-v103__interpretation-icon {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    background: #def1e7;
    color: #087d49;
    font-size: 19px;
    line-height: 1;
    font-weight: 900;
}

.bpp-market-v103__interpretation strong {
    display: block;
    color: #20352a;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 850;
}

.bpp-market-v103__interpretation p {
    margin: 4px 0 0;
    color: #6f7f76;
    font-size: 12px;
    line-height: 1.5;
}

.bpp-market-v103__legend {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px 18px;
    margin-top: 12px;
    color: #6d7b73;
    font-size: 11px;
    font-weight: 700;
}

.bpp-market-v103__legend > span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.bpp-market-v103__legend i {
    flex: 0 0 auto;
    display: block;
}

.bpp-market-v103__legend-property {
    width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border: 2px solid #fff;
    background: #079653;
    box-shadow: 0 1px 5px rgba(0,0,0,.17);
}

.bpp-market-v103__legend-dot {
    width: 10px;
    height: 10px;
    border: 2px solid #60796c;
    border-radius: 50%;
    background: #fff;
}

.bpp-market-v103__legend-zone {
    width: 21px;
    height: 8px;
    border-radius: 999px;
    background: #bfe5d0;
}

.bpp-market-v103__legend-median {
    width: 2px;
    height: 13px;
    border-left: 2px dashed #334d40;
}

/* TABLET */

@media (max-width:1100px) and (min-width:768px) {
    .bpp-market-v103__graph-card {
        padding: 19px;
    }

    .bpp-market-v103__svg {
        height: 225px;
    }
}

/* MOBILE */

@media (max-width:767px) {
    .bpp-market-v103__graph-card {
        margin-top: 11px;
        padding: 14px 10px 12px;
        border-radius: 15px;
        box-shadow: 0 10px 26px rgba(22,57,39,.07);
    }

    .bpp-market-v103__graph-card::before {
        height: 3px;
    }

    .bpp-market-v103__graph-head {
        display: grid;
        grid-template-columns: minmax(0,1fr) auto;
        gap: 8px 7px;
        margin-bottom: 9px;
    }

    .bpp-market-v103__graph-head > div:first-child > span {
        font-size: 10px;
    }

    .bpp-market-v103__graph-head h3 {
        font-size: 17px;
    }

    .bpp-market-v103__graph-head p {
        max-width: 235px;
        font-size: 11px;
    }

    .bpp-market-v103__sample {
        min-width: auto;
        display: block;
        padding: 7px 8px;
        text-align: center;
    }

    .bpp-market-v103__sample strong {
        display: block;
        font-size: 16px;
    }

    .bpp-market-v103__sample span {
        display: block;
        margin-top: 2px;
        font-size: 9px;
    }

    .bpp-market-v103__visual {
        padding: 10px 5px 9px;
        border-radius: 13px;
    }

    .bpp-market-v103__axis-caption {
        padding: 0 2px;
        font-size: 9px;
    }

    .bpp-market-v103__svg {
        width: 100%;
        min-width: 0;
        height: 195px;
        display: block;
    }

    .bpp-market-v103__svg-you {
        font-size: 9px;
    }

    .bpp-market-v103__svg-price {
        font-size: 13px;
    }

    .bpp-market-v103__svg-median {
        font-size: 9px;
    }

    .bpp-market-v103__values {
        gap: 4px;
        padding: 0 2px;
    }

    .bpp-market-v103__values small {
        font-size: 8px;
    }

    .bpp-market-v103__values strong {
        font-size: 10px;
    }

    .bpp-market-v103__interpretation {
        grid-template-columns: 34px minmax(0,1fr);
        gap: 8px;
        margin-top: 10px;
        padding: 10px;
    }

    .bpp-market-v103__interpretation-icon {
        width: 34px;
        height: 34px;
        border-radius: 9px;
        font-size: 16px;
    }

    .bpp-market-v103__interpretation strong {
        font-size: 11px;
    }

    .bpp-market-v103__interpretation p {
        font-size: 10px;
    }

    .bpp-market-v103__legend {
        gap: 7px 11px;
        font-size: 9px;
    }
}

/* VERY SMALL PHONES */

@media (max-width:375px) {
    .bpp-market-v103__graph-head {
        grid-template-columns: 1fr;
    }

    .bpp-market-v103__sample {
        width: max-content;
        display: flex;
        align-items: baseline;
        gap: 4px;
        text-align: left;
    }

    .bpp-market-v103__sample strong,
    .bpp-market-v103__sample span {
        display: inline;
        margin: 0;
    }

    .bpp-market-v103__svg {
        height: 180px;
    }
}

/* BPP_MARKET_COMPACT_PREMIUM_GRAPH_V1_0_4_START */
/* ========================================================================
   BPP MARKET PRICE INSIGHTS V1.0.4
   Compact premium graph redesign
   CSS-only refinement, backend/markup engine preserved
   ======================================================================== */

.bpp-market-v103,
.bpp-market-v103 * {
    box-sizing: border-box;
}

.bpp-market-v103 {
    --bpp-market-v104-text: #163228;
    --bpp-market-v104-muted: #6f8178;
    --bpp-market-v104-line: #dce7e1;
    --bpp-market-v104-soft: #f6faf7;
    --bpp-market-v104-soft-2: #eef6f1;
    --bpp-market-v104-card: #ffffff;
    --bpp-market-v104-accent: #12924f;
    --bpp-market-v104-accent-dark: #0f6b3d;
    --bpp-market-v104-shadow: 0 18px 44px rgba(9, 34, 22, 0.07);
    --bpp-market-v104-radius: 18px;
}

.bpp-market-v103 {
    margin-top: 24px !important;
}

.bpp-market-v103 .bpp-market-v103__section-title,
.bpp-market-v103 h2,
.bpp-market-v103 h3 {
    color: var(--bpp-market-v104-text) !important;
    letter-spacing: -0.02em !important;
}

.bpp-market-v103 .bpp-market-v103__section-subtitle,
.bpp-market-v103 p,
.bpp-market-v103 small {
    color: var(--bpp-market-v104-muted) !important;
}

/* KPI row refinement */
.bpp-market-v103 .bpp-market-v103__kpis,
.bpp-market-v103 .bpp-market-v103__stats,
.bpp-market-v103 .bpp-market-v103__summary-grid {
    gap: 14px !important;
}

.bpp-market-v103 .bpp-market-v103__kpi,
.bpp-market-v103 .bpp-market-v103__stat,
.bpp-market-v103 .bpp-market-v103__summary-card {
    background: linear-gradient(180deg, #ffffff 0%, #f9fcfa 100%) !important;
    border: 1px solid #e4eee8 !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(11, 33, 23, 0.04) !important;
    padding: 16px 16px 14px !important;
}

.bpp-market-v103 .bpp-market-v103__kpi-value,
.bpp-market-v103 .bpp-market-v103__stat-value,
.bpp-market-v103 .bpp-market-v103__summary-value {
    font-size: 24px !important;
    line-height: 1.08 !important;
    font-weight: 800 !important;
    color: var(--bpp-market-v104-text) !important;
}

.bpp-market-v103 .bpp-market-v103__kpi-label,
.bpp-market-v103 .bpp-market-v103__stat-label,
.bpp-market-v103 .bpp-market-v103__summary-label {
    font-size: 12px !important;
    line-height: 1.25 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: var(--bpp-market-v104-muted) !important;
}

/* graph shell / card */
.bpp-market-v103 .bpp-market-v103__distribution-card,
.bpp-market-v103 .bpp-market-v103__graph-card,
.bpp-market-v103 .bpp-market-v103__chart-card,
.bpp-market-v103 .bpp-market-v103__distribution-shell,
.bpp-market-v103 .bpp-market-v103__graph-shell,
.bpp-market-v103 .bpp-market-v103__panel--distribution,
.bpp-market-v103 .bpp-market-v103__distribution-panel {
    background: linear-gradient(180deg, #ffffff 0%, #f8fbf9 100%) !important;
    border: 1px solid #dfe9e3 !important;
    border-radius: 20px !important;
    box-shadow: var(--bpp-market-v104-shadow) !important;
    padding: 16px 18px 14px !important;
    min-height: 0 !important;
}

.bpp-market-v103 .bpp-market-v103__distribution-head,
.bpp-market-v103 .bpp-market-v103__graph-head,
.bpp-market-v103 .bpp-market-v103__chart-head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 16px !important;
    margin-bottom: 10px !important;
}

.bpp-market-v103 .bpp-market-v103__distribution-title,
.bpp-market-v103 .bpp-market-v103__graph-title,
.bpp-market-v103 .bpp-market-v103__chart-title {
    font-size: 14px !important;
    line-height: 1.2 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    font-weight: 800 !important;
    color: var(--bpp-market-v104-accent-dark) !important;
}

.bpp-market-v103 .bpp-market-v103__distribution-copy,
.bpp-market-v103 .bpp-market-v103__graph-copy,
.bpp-market-v103 .bpp-market-v103__chart-copy {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: var(--bpp-market-v104-muted) !important;
    margin-top: 4px !important;
}

.bpp-market-v103 .bpp-market-v103__comparables-pill,
.bpp-market-v103 .bpp-market-v103__count-pill,
.bpp-market-v103 .bpp-market-v103__confidence-pill,
.bpp-market-v103 .bpp-market-v103__meta-pill {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    min-height: 40px !important;
    padding: 0 14px !important;
    border-radius: 999px !important;
    background: var(--bpp-market-v104-soft) !important;
    border: 1px solid #dce8e1 !important;
    color: var(--bpp-market-v104-text) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

/* Compact graph stage */
.bpp-market-v103 .bpp-market-v103__graph-wrap,
.bpp-market-v103 .bpp-market-v103__distribution-plot,
.bpp-market-v103 .bpp-market-v103__chart-wrap,
.bpp-market-v103 .bpp-market-v103__svg-wrap {
    background: linear-gradient(180deg, #fbfdfc 0%, #f4f9f6 100%) !important;
    border: 1px solid #e2ece6 !important;
    border-radius: 18px !important;
    padding: 12px 14px !important;
    overflow: hidden !important;
    min-height: 0 !important;
}

.bpp-market-v103 .bpp-market-v103__svg {
    display: block !important;
    width: 100% !important;
    height: 170px !important;
    max-height: 170px !important;
    min-height: 170px !important;
    overflow: visible !important;
}

.bpp-market-v103 .bpp-market-v103__svg text {
    fill: #385448 !important;
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 12px !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
}

.bpp-market-v103 .bpp-market-v103__svg-price {
    fill: #173128 !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

.bpp-market-v103 .bpp-market-v103__svg-you {
    fill: #173128 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.bpp-market-v103 .bpp-market-v103__svg-median {
    fill: #5f766d !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.bpp-market-v103 .bpp-market-v103__svg line,
.bpp-market-v103 .bpp-market-v103__svg path,
.bpp-market-v103 .bpp-market-v103__svg polyline {
    vector-effect: non-scaling-stroke;
}

.bpp-market-v103 .bpp-market-v103__svg circle {
    fill: #ffffff !important;
    stroke: #5d7a6c !important;
    stroke-width: 2.5 !important;
}

.bpp-market-v103 .bpp-market-v103__svg rect,
.bpp-market-v103 .bpp-market-v103__svg .range-band,
.bpp-market-v103 .bpp-market-v103__svg .typical-range {
    fill: #cde8d8 !important;
    stroke: none !important;
    opacity: 1 !important;
    rx: 999px !important;
}

.bpp-market-v103 .bpp-market-v103__svg polygon,
.bpp-market-v103 .bpp-market-v103__svg .you-marker {
    fill: var(--bpp-market-v104-accent) !important;
    stroke: #ffffff !important;
    stroke-width: 3 !important;
    filter: drop-shadow(0 6px 12px rgba(18, 146, 79, 0.22));
}

.bpp-market-v103 .bpp-market-v103__svg .median-line,
.bpp-market-v103 .bpp-market-v103__svg .median-stem {
    stroke: #6f857b !important;
    stroke-width: 2 !important;
    stroke-dasharray: 2 5 !important;
}

.bpp-market-v103 .bpp-market-v103__svg .axis-line,
.bpp-market-v103 .bpp-market-v103__svg .price-axis {
    stroke: #dbe7e1 !important;
    stroke-width: 8 !important;
    stroke-linecap: round !important;
}

.bpp-market-v103 .bpp-market-v103__svg .band-line {
    stroke: #b8ddc7 !important;
    stroke-width: 18 !important;
    stroke-linecap: round !important;
}

/* make callout feel premium and lighter */
.bpp-market-v103 .bpp-market-v103__insight,
.bpp-market-v103 .bpp-market-v103__summary-note,
.bpp-market-v103 .bpp-market-v103__interpretation,
.bpp-market-v103 .bpp-market-v103__callout {
    display: flex !important;
    align-items: flex-start !important;
    gap: 14px !important;
    margin-top: 14px !important;
    padding: 14px 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(180deg, #f7fbf8 0%, #f2f8f4 100%) !important;
    border: 1px solid #e0ebe4 !important;
}

.bpp-market-v103 .bpp-market-v103__insight strong,
.bpp-market-v103 .bpp-market-v103__summary-note strong,
.bpp-market-v103 .bpp-market-v103__interpretation strong,
.bpp-market-v103 .bpp-market-v103__callout strong {
    display: block !important;
    color: var(--bpp-market-v104-text) !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
    font-weight: 800 !important;
    margin-bottom: 3px !important;
}

.bpp-market-v103 .bpp-market-v103__insight p,
.bpp-market-v103 .bpp-market-v103__summary-note p,
.bpp-market-v103 .bpp-market-v103__interpretation p,
.bpp-market-v103 .bpp-market-v103__callout p {
    margin: 0 !important;
    color: var(--bpp-market-v104-muted) !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
}

.bpp-market-v103 .bpp-market-v103__legend,
.bpp-market-v103 .bpp-market-v103__distribution-legend {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    align-items: center !important;
    margin-top: 12px !important;
    padding-top: 0 !important;
    border-top: 0 !important;
}

.bpp-market-v103 .bpp-market-v103__legend-item,
.bpp-market-v103 .bpp-market-v103__distribution-legend-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: var(--bpp-market-v104-text) !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.bpp-market-v103 .bpp-market-v103__legend-swatch,
.bpp-market-v103 .bpp-market-v103__legend-dot,
.bpp-market-v103 .bpp-market-v103__legend-line {
    border-radius: 999px !important;
}

/* comparable cards */
.bpp-market-v103 .bpp-market-v103__comparables-grid,
.bpp-market-v103 .bpp-market-v103__comparable-grid {
    gap: 14px !important;
}

.bpp-market-v103 .bpp-market-v103__comparable-card,
.bpp-market-v103 .bpp-market-v103__compare-card {
    border-radius: 16px !important;
    border: 1px solid #e3ece6 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 28px rgba(11, 33, 23, 0.04) !important;
    overflow: hidden !important;
}

.bpp-market-v103 .bpp-market-v103__comparable-card img,
.bpp-market-v103 .bpp-market-v103__compare-card img {
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
}

/* mobile + tablet */
@media (max-width: 991px) {
    .bpp-market-v103 .bpp-market-v103__distribution-head,
    .bpp-market-v103 .bpp-market-v103__graph-head,
    .bpp-market-v103 .bpp-market-v103__chart-head {
        flex-direction: column !important;
        align-items: flex-start !important;
    }

    .bpp-market-v103 .bpp-market-v103__comparables-pill,
    .bpp-market-v103 .bpp-market-v103__count-pill,
    .bpp-market-v103 .bpp-market-v103__confidence-pill,
    .bpp-market-v103 .bpp-market-v103__meta-pill {
        min-height: 36px !important;
        padding: 0 12px !important;
        font-size: 13px !important;
    }

    .bpp-market-v103 .bpp-market-v103__svg {
        height: 156px !important;
        max-height: 156px !important;
        min-height: 156px !important;
    }
}

@media (max-width: 767px) {
    .bpp-market-v103 .bpp-market-v103__distribution-card,
    .bpp-market-v103 .bpp-market-v103__graph-card,
    .bpp-market-v103 .bpp-market-v103__chart-card,
    .bpp-market-v103 .bpp-market-v103__distribution-shell,
    .bpp-market-v103 .bpp-market-v103__graph-shell,
    .bpp-market-v103 .bpp-market-v103__panel--distribution,
    .bpp-market-v103 .bpp-market-v103__distribution-panel {
        padding: 14px 14px 12px !important;
        border-radius: 18px !important;
    }

    .bpp-market-v103 .bpp-market-v103__graph-wrap,
    .bpp-market-v103 .bpp-market-v103__distribution-plot,
    .bpp-market-v103 .bpp-market-v103__chart-wrap,
    .bpp-market-v103 .bpp-market-v103__svg-wrap {
        padding: 10px 10px 8px !important;
        border-radius: 16px !important;
    }

    .bpp-market-v103 .bpp-market-v103__svg {
        height: 144px !important;
        max-height: 144px !important;
        min-height: 144px !important;
    }

    .bpp-market-v103 .bpp-market-v103__svg text {
        font-size: 10.5px !important;
    }

    .bpp-market-v103 .bpp-market-v103__svg-price {
        font-size: 15px !important;
    }

    .bpp-market-v103 .bpp-market-v103__insight,
    .bpp-market-v103 .bpp-market-v103__summary-note,
    .bpp-market-v103 .bpp-market-v103__interpretation,
    .bpp-market-v103 .bpp-market-v103__callout {
        padding: 12px 13px !important;
    }

    .bpp-market-v103 .bpp-market-v103__legend,
    .bpp-market-v103 .bpp-market-v103__distribution-legend {
        gap: 10px !important;
    }
}

@media (max-width: 375px) {
    .bpp-market-v103 .bpp-market-v103__svg {
        height: 136px !important;
        max-height: 136px !important;
        min-height: 136px !important;
    }

    .bpp-market-v103 .bpp-market-v103__svg text {
        font-size: 9.5px !important;
    }

    .bpp-market-v103 .bpp-market-v103__svg-price {
        font-size: 14px !important;
    }
}
/* BPP_MARKET_COMPACT_PREMIUM_GRAPH_V1_0_4_END */


/* BPP_MARKET_RANGE_GRAPH_V1_0_5_START */

/* ========================================================================
   BPP MARKET RANGE GRAPH V1.0.5
   Compact premium distribution/box-range visual
   ======================================================================== */

.bpp-market-v105 {
    margin-top:14px;

    padding:18px;

    overflow:hidden;

    border:1px solid #dde8e2;

    border-radius:18px;

    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfdfc 100%
        );

    box-shadow:
        0 14px 36px
        rgba(20,50,34,.065);
}

.bpp-market-v105__head {
    display:flex;

    align-items:flex-start;
    justify-content:space-between;

    gap:20px;

    margin-bottom:13px;
}

.bpp-market-v105__head > div:first-child > span {
    display:block;

    margin-bottom:4px;

    color:#087e49;

    font-size:11px;
    line-height:1.2;
    font-weight:850;

    letter-spacing:.065em;
    text-transform:uppercase;
}

.bpp-market-v105__head h3 {
    margin:0;

    color:#193027;

    font-size:19px;
    line-height:1.2;
    font-weight:850;

    letter-spacing:-.025em;
}

.bpp-market-v105__head p {
    margin:5px 0 0;

    color:#77867e;

    font-size:12px;
    line-height:1.45;
}

.bpp-market-v105__meta {
    flex:0 0 auto;

    display:flex;
    align-items:center;

    gap:7px;
}

.bpp-market-v105__meta > span {
    min-height:34px;

    display:inline-flex;
    align-items:center;

    gap:5px;

    padding:0 11px;

    border:1px solid #dfe9e3;

    border-radius:999px;

    background:#f7faf8;

    color:#5d6e65;

    font-size:11px;
    font-weight:750;
}

.bpp-market-v105__meta strong {
    color:#183b2a;

    font-size:14px;
    font-weight:900;
}

.bpp-market-v105__confidence--high,
.bpp-market-v105__confidence--good {
    color:#087d49 !important;
}

.bpp-market-v105__confidence--limited,
.bpp-market-v105__confidence--insufficient {
    color:#98671c !important;

    background:#fffaf0 !important;

    border-color:#eee0bf !important;
}


/* GRAPH */

.bpp-market-v105__chart {
    overflow:hidden;

    padding:
        10px
        13px
        12px;

    border:1px solid #e5ece8;

    border-radius:15px;

    background:#fff;
}

.bpp-market-v105__svg {
    width:100%;
    height:160px;

    display:block;

    overflow:visible;
}

.bpp-market-v105__svg text {
    font-family:
        Inter,
        Arial,
        sans-serif;
}

.bpp-market-v105__baseline {
    stroke:#e7eeea;

    stroke-width:8;

    stroke-linecap:round;
}

.bpp-market-v105__range {
    fill:#d5ecdf;
}

.bpp-market-v105__quartile {
    stroke:#abcdbb;

    stroke-width:2;
}

.bpp-market-v105__median-line {
    stroke:#38594a;

    stroke-width:2;

    stroke-dasharray:4 5;
}

.bpp-market-v105__median-label {
    fill:#63776d;

    font-size:9px;

    font-weight:850;

    letter-spacing:1px;
}

.bpp-market-v105__current {
    fill:#089754;

    stroke:#fff;

    stroke-width:4;

    filter:
        drop-shadow(
            0 4px 5px
            rgba(8,151,84,.25)
        );
}

.bpp-market-v105__current-label {
    fill:#5c7066;

    font-size:9px;

    font-weight:850;

    letter-spacing:1px;
}

.bpp-market-v105__current-price {
    fill:#1a3026;

    font-size:14px;

    font-weight:900;
}

.bpp-market-v105__dot {
    fill:#fff;

    stroke:#60786c;

    stroke-width:2;
}


/* SCALE */

.bpp-market-v105__scale {
    display:grid;

    grid-template-columns:
        repeat(
            3,
            1fr
        );

    gap:8px;

    margin-top:-7px;

    padding:
        0
        5px;
}

.bpp-market-v105__scale > span {
    display:flex;

    flex-direction:column;

    gap:2px;
}

.bpp-market-v105__scale > span:nth-child(2) {
    text-align:center;
}

.bpp-market-v105__scale > span:last-child {
    text-align:right;
}

.bpp-market-v105__scale small {
    color:#8a9790;

    font-size:9px;
    font-weight:750;

    letter-spacing:.04em;

    text-transform:uppercase;
}

.bpp-market-v105__scale strong {
    color:#384c42;

    font-size:11px;
    font-weight:850;
}


/* TYPICAL RANGE */

.bpp-market-v105__typical {
    display:flex;

    align-items:center;
    justify-content:space-between;

    gap:14px;

    margin-top:10px;

    padding:
        10px
        12px;

    border-radius:11px;

    background:#f5f9f7;
}

.bpp-market-v105__typical span {
    color:#687a70;

    font-size:11px;
    font-weight:750;
}

.bpp-market-v105__typical strong {
    color:#22382d;

    font-size:12px;
    font-weight:850;
}

.bpp-market-v105__typical i {
    margin:
        0
        5px;

    color:#9aaba2;

    font-style:normal;
}


/* INTERPRETATION */

.bpp-market-v105__insight {
    display:grid;

    grid-template-columns:
        34px
        minmax(0,1fr);

    gap:9px;

    align-items:center;

    margin-top:9px;

    padding:
        11px
        12px;

    border:
        1px solid #dfeae4;

    border-radius:12px;

    background:#fbfdfc;
}

.bpp-market-v105__insight-icon {
    width:34px;
    height:34px;

    display:flex;
    align-items:center;
    justify-content:center;

    border-radius:9px;

    background:#e5f4eb;

    color:#087d49;

    font-size:16px;
    font-weight:900;
}

.bpp-market-v105__insight strong {
    display:block;

    color:#21362b;

    font-size:12px;
    line-height:1.3;
    font-weight:850;
}

.bpp-market-v105__insight p {
    margin:2px 0 0;

    color:#78867f;

    font-size:11px;
    line-height:1.4;
}


/* LEGEND */

.bpp-market-v105__legend {
    display:flex;

    align-items:center;
    flex-wrap:wrap;

    gap:
        8px
        15px;

    margin-top:10px;

    color:#6d7c74;

    font-size:10px;
    font-weight:700;
}

.bpp-market-v105__legend span {
    display:inline-flex;

    align-items:center;

    gap:6px;
}

.bpp-market-v105__legend i {
    display:block;

    flex:0 0 auto;
}

.bpp-market-v105__legend-current {
    width:9px;
    height:9px;

    transform:rotate(45deg);

    background:#089754;
}

.bpp-market-v105__legend-dot {
    width:8px;
    height:8px;

    border:
        2px solid #60786c;

    border-radius:50%;

    background:#fff;
}

.bpp-market-v105__legend-range {
    width:19px;
    height:7px;

    border-radius:999px;

    background:#d5ecdf;
}

.bpp-market-v105__legend-median {
    width:2px;
    height:11px;

    border-left:
        2px dashed #38594a;
}


/* TABLET */

@media
(max-width:1100px)
and
(min-width:768px) {

    .bpp-market-v105 {
        padding:16px;
    }

    .bpp-market-v105__svg {
        height:150px;
    }
}


/* MOBILE */

@media (max-width:767px) {

    .bpp-market-v105 {
        margin-top:10px;

        padding:
            13px
            10px
            11px;

        border-radius:15px;

        box-shadow:
            0
            9px
            22px
            rgba(20,50,34,.06);
    }

    .bpp-market-v105__head {
        display:block;

        margin-bottom:10px;
    }

    .bpp-market-v105__head h3 {
        font-size:16px;
    }

    .bpp-market-v105__head p {
        font-size:10px;
    }

    .bpp-market-v105__meta {
        margin-top:8px;

        overflow-x:auto;

        scrollbar-width:none;
    }

    .bpp-market-v105__meta::-webkit-scrollbar {
        display:none;
    }

    .bpp-market-v105__meta > span {
        min-height:30px;

        flex:0 0 auto;

        padding:
            0
            9px;

        font-size:10px;
    }

    .bpp-market-v105__meta strong {
        font-size:12px;
    }

    .bpp-market-v105__chart {
        padding:
            6px
            5px
            9px;
    }

    .bpp-market-v105__svg {
        width:100%;
        height:132px;

        min-width:0;
    }

    .bpp-market-v105__current-label {
        font-size:8px;
    }

    .bpp-market-v105__current-price {
        font-size:12px;
    }

    .bpp-market-v105__median-label {
        font-size:8px;
    }

    .bpp-market-v105__scale {
        gap:4px;

        margin-top:-3px;
    }

    .bpp-market-v105__scale small {
        font-size:8px;
    }

    .bpp-market-v105__scale strong {
        font-size:9px;
    }

    .bpp-market-v105__typical {
        display:block;

        padding:
            9px
            10px;
    }

    .bpp-market-v105__typical span {
        display:block;

        margin-bottom:3px;

        font-size:10px;
    }

    .bpp-market-v105__typical strong {
        display:block;

        font-size:11px;
    }

    .bpp-market-v105__insight {
        grid-template-columns:
            30px
            minmax(0,1fr);

        padding:
            9px
            10px;
    }

    .bpp-market-v105__insight-icon {
        width:30px;
        height:30px;

        font-size:14px;
    }

    .bpp-market-v105__insight strong {
        font-size:10px;
    }

    .bpp-market-v105__insight p {
        font-size:9px;
    }

    .bpp-market-v105__legend {
        gap:
            7px
            10px;

        font-size:9px;
    }
}


/* VERY SMALL PHONES */

@media (max-width:375px) {

    .bpp-market-v105__svg {
        height:122px;
    }

    .bpp-market-v105__legend {
        font-size:8px;
    }
}

/* BPP_MARKET_RANGE_GRAPH_V1_0_5_END */