.demo-note{padding:8px 24px;background:#12303A;color:white;text-align:center;font:13px/1.5 system-ui}
[role=alert]{color:#8A5330;margin-top:12px}
.lst,.gate,.panel,.q,.firm,.box{min-width:0}
.lst-top,.firm-top{flex-wrap:wrap}
.web,.lst h3,.lst-desc,.lst-where,.firm-name{overflow-wrap:anywhere}
.contact{flex-wrap:wrap}
.contact-note{flex-basis:100%;font-size:.85rem;line-height:1.5;overflow-wrap:anywhere;color:var(--ink-2)}
@media(max-width:480px){.pip{white-space:normal;min-width:0}.pip span{min-width:0;overflow-wrap:anywhere}.worth{flex-direction:column;align-items:stretch}.worth p{min-width:0}.worth .btn,.btn-worth{max-width:100%;white-space:normal;overflow-wrap:anywhere}}
.ph{display:inline-block;font:10px/1.5 ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;background:#8A5330;color:white;padding:3px 6px;border-radius:4px;margin-left:8px}
.tag-retainer{color:#8A5330;background:#F7EFE9}
.pending{color:#8A5330;border:1px dashed #8A5330;border-radius:7px;padding:7px 11px;font:12px/1.5 ui-monospace,monospace}
[data-page=home] .contact{display:flex;flex-wrap:wrap;gap:12px;margin-top:auto;padding-top:12px;border-top:1px dashed #CDD9D7}
.btn:disabled{opacity:.6;cursor:wait}
@media(max-width:480px){.wrap{padding-left:16px;padding-right:16px}.gate,.panel,.sign{padding:20px}.mast-in{gap:8px}.brand{min-width:0;flex:0 1 auto}.brand-name{font-size:.78rem}.mast-right{flex:0 0 auto;max-width:none}.mast-tel{flex:none}.unlocked,.back{font-size:.58rem}.range-slot{letter-spacing:0;font-size:1.1rem}.btn-worth{white-space:normal}.btn{padding:14px 16px}.tel{font-size:1rem}.steps-in{padding-left:16px}}