/* accommodation cards */
.stay-cards { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 10px; }
.sc { border: 1px solid var(--line); border-radius: 16px; padding: 12px 14px 10px; background: #fff; display: flex; flex-direction: column; min-width: 0; }
.sc p { margin: 0 0 5px !important; max-width: none !important; }
.sc-type { font: 600 .66rem/1.3 var(--f-mono); letter-spacing: .05em; text-transform: uppercase; color: var(--ink-2); }
.sc-name { font: 700 1.02rem/1.25 var(--f-display) !important; margin: 0 0 6px !important; color: var(--night); overflow-wrap: anywhere; }
.sc-rate { font-size: .9rem; }
.sc-rate b { font-size: 1.02rem; color: var(--night); }
.sc-rate span { color: var(--ink-2); font-size: .8rem; }
.sc-star { color: #d99a00; }
.sc-rate.is-few { font-size: .8rem; }
.sc-rate.is-few b { font-size: .88rem; }
.sc-rate em { font: 600 .62rem/1 var(--f-mono); font-style: normal; text-transform: uppercase; letter-spacing: .05em; color: #7a5200; background: #fff4d6; border-radius: 4px; padding: 2px 5px; }
.sc-rate.is-none { font-size: .8rem; color: var(--ink-2); }
.sc-badge { display: inline-block; align-self: flex-start; font: 600 .64rem/1 var(--f-mono); letter-spacing: .05em; text-transform: uppercase; color: #0f6b46; background: #e3f4ec; border-radius: 5px; padding: 4px 7px; }
.sc-tel a { font-family: var(--f-mono); font-size: .86rem; color: var(--ink); }
.sc-links { margin-top: auto !important; display: flex; flex-wrap: wrap; gap: 4px 12px; font-size: .82rem; font-weight: 600; padding-top: 4px; }
.how-rank { font-size: .78rem; color: var(--ink-2); margin: 10px 0 0 !important; }
.k1-city .stay-cards { grid-template-columns: 1fr; }
.sc-badge a { color: inherit; text-decoration: none; }
.sc-badge a:hover { text-decoration: underline; }
.sc-far { font-size: .76rem; color: #7a5200; background: #fff4d6; border-radius: 6px; padding: 3px 7px; align-self: flex-start; }