.stay-range{margin:18px 0 22px;padding:18px;border:1px solid var(--line,#dfd5c8);border-radius:14px;background:var(--paper,#fffcf6);min-width:0}
.stay-range h3{font-size:1rem;margin:0}.stay-range-content>.help{margin:8px 0;color:var(--muted,#6f665d)}
.stay-range-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;max-width:540px}
.stay-range-fields input{box-sizing:border-box;width:100%;min-width:0;max-width:100%;min-height:44px;font-size:16px}
.stay-range-actions{flex-wrap:wrap;gap:8px}.stay-range-actions .button{min-height:44px;max-width:100%;white-space:normal;text-align:center}
.stay-range-result{margin:14px 0 0;font-weight:600;overflow-wrap:anywhere}.stay-range-result:empty{display:none}
.stay-range-result[data-state=clear]{color:#486044}.stay-range-result[data-state=conflict],.stay-range-result[data-state=unknown]{color:var(--terracotta,#944c34)}
@media(max-width:380px){.stay-range{padding:14px}.stay-range-fields{grid-template-columns:minmax(0,1fr)}.stay-range-actions{align-items:stretch}.stay-range-actions .button{width:100%}}

@media(min-width:1100px){
  .stay-range-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"help help" "fields actions" "nights result" ". freshness";column-gap:28px;row-gap:6px}
  .stay-range-content{margin-top:14px}
  .stay-range-content>.help{grid-area:help;margin:0 0 6px}
  .stay-range-fields{grid-area:fields;max-width:none;margin-top:0}.stay-range-fields>.field{margin-bottom:0}
  .stay-range-content>[data-stay-range-nights]{grid-area:nights;margin:0}
  .stay-range-actions{grid-area:actions;align-self:end;margin-top:0}
  .stay-range-result{grid-area:result;margin:0;font-size:15px}
  .stay-range-content>[data-stay-range-freshness]{grid-area:freshness;margin:0}
}

.stay-range{padding-block:0}
[data-stay-range-disclosure]>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;cursor:pointer;list-style:none}
[data-stay-range-disclosure]>summary::-webkit-details-marker{display:none}
[data-stay-range-disclosure]>summary::after{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-right:4px;flex:none}
[data-stay-range-disclosure][open]>summary::after{transform:rotate(225deg)}
[data-stay-range-disclosure]>summary:focus-visible{outline-offset:2px}
.stay-range-content{padding-bottom:18px}
