.availability-summary{font-size:1.3rem;font-weight:800;color:#fff3c8}.availability-help,.availability-updated{font-size:.9rem;line-height:1.5}.availability-scroll{overflow:hidden;border-radius:20px;border:1px solid #d7b57366}.availability-canvas{position:relative;width:100%;min-width:0;container-type:inline-size}.availability-canvas img{display:block;width:100%;height:auto;border-radius:0}.availability-pin{position:absolute;transform:translate(-125%,-50%);width:clamp(9px,2.6cqw,33px);height:clamp(9px,2.6cqw,33px);border:0;border-radius:50%;font-size:clamp(5.5px,1.05cqw,13px);font-weight:800;cursor:pointer;color:white;background:#646464;box-shadow:0 2px 5px #000b;padding:0}.availability-pin[data-status=occupied]{background:#833d34}.availability-pin[data-status=available]{background:#126039}.availability-pin:focus-visible,.availability-item:focus-visible{outline:4px solid #f4cc47;outline-offset:3px;z-index:2}.availability-detail{font-weight:700;min-height:1.5em}.availability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:8px;margin:16px 0}.availability-item{min-height:44px;border:1px solid #c5bdab;border-radius:8px;padding:10px;background:#303934;color:#fff;font:inherit;cursor:pointer}.availability-item[data-status=available]{background:#126039}.availability-item[data-status=occupied]{background:#68382f}.availability-updated{opacity:.85}

.availability-amperage{display:block;margin-top:4px;font-size:.78em;line-height:1.3;color:#f4dfc5}

.availability-pin[data-spot="1"],.availability-pin[data-spot="2"],.availability-pin[data-spot="3"],.availability-pin[data-spot="4"],.availability-pin[data-spot="5"],.availability-pin[data-spot="6"],.availability-pin[data-spot="7"],.availability-pin[data-spot="8"],.availability-pin[data-spot="9"]{transform:translate(-165%,-50%)}

.availability-amperage-30{width:fit-content;margin-left:auto;margin-right:auto;padding:1px 5px;border-radius:4px;background:#ffe34d;color:#211b08;font-weight:700}


/* Revised October 22 map: centers for sites 1–16 are defined in availability.js. */
.availability-pin[data-spot="1"],.availability-pin[data-spot="2"],.availability-pin[data-spot="3"],.availability-pin[data-spot="4"],.availability-pin[data-spot="5"],.availability-pin[data-spot="6"],.availability-pin[data-spot="7"],.availability-pin[data-spot="8"],.availability-pin[data-spot="9"],.availability-pin[data-spot="10"],.availability-pin[data-spot="11"],.availability-pin[data-spot="12"],.availability-pin[data-spot="13"],.availability-pin[data-spot="14"],.availability-pin[data-spot="15"],.availability-pin[data-spot="16"]{transform:translate(-50%,-50%)}