.studio-search {
    width: 100%;
    max-width: 720px;
    margin: 48px auto;
    padding: 0 16px;
    color: #493d32;
    font-size: 16px;
    line-height: 1.6;
}
.studio-search, .studio-search * { box-sizing: border-box; letter-spacing: 0; }
.studio-search [hidden] { display: none !important; }
.studio-search h2 { text-align: center; font-size: 20px; margin-bottom: 24px; }
.studio-search h3, .studio-search h4, .studio-search h5 { font-size: 18px; margin: 16px 0 10px; }
.studio-search button {
    font: inherit;
    color: inherit;
    border: 1px solid #d5b58c;
    background: #fff;
    padding: 10px 6px;
    border-radius: 8px;
    cursor: pointer;
    min-width: 0;
    white-space: normal;
    text-align: center;
    font-weight: 400;
}
.studio-search button:focus-visible, .studio-search a:focus-visible { outline: 3px solid #405c3c; outline-offset: 3px; }
.studio-search button[aria-pressed="true"] { background: #405c3c; color: #fff; }
.studio-search button:disabled { opacity: .45; cursor: default; }
.studio-search__regions { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; }
.studio-search__region { min-height: 76px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; }
.studio-search__region > span { font-weight: 700; }
.studio-search__region span, .studio-search__region small { display: block; }
.studio-search__region small { font-size: 12px; }
.studio-search .studio-search__count { color: #a58b66; font-weight: 400; }
.studio-search button[aria-pressed="true"] .studio-search__count { color: #f2f0e6; }
.studio-search [data-region="hokkaido"] { grid-area: 1 / 4; }
.studio-search [data-region="tohoku"] { grid-area: 2 / 4; }
.studio-search [data-region="kanto"] { grid-area: 3 / 4; }
.studio-search [data-region="chubu"] { grid-area: 3 / 3; transform: translateY(-16px); }
.studio-search [data-region="kansai"] { grid-area: 3 / 2; }
.studio-search [data-region="chugoku"] { grid-area: 3 / 1; transform: translateY(-16px); }
.studio-search [data-region="kyushu"] { grid-area: 4 / 1; }
.studio-search__results { margin-top: 28px; }
.studio-search__prefs { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.studio-search__prefs button { padding: 8px 14px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 4px; }
.studio-search__prefs .studio-search__count { font-size: 0.85em; }
.studio-search__prefs button[aria-pressed="true"], .studio-search__prefs button[aria-pressed="true"] .studio-search__count { font-weight: 700; }
.studio-search__cards { display: grid; gap: 16px; min-width: 0; }
.studio-search__card { border: 1px solid #d5b58c; border-radius: 8px; padding: 16px; background: #fff; min-width: 0; overflow-wrap: anywhere; }
.studio-search__card h5 { margin-top: 0; }
.studio-search__card p { font-size: 14px; margin-bottom: 12px; }
.studio-search__card a { color: #405c3c; display: block; margin-top: 10px; }
.studio-search__card .studio-search__reserve { background: #405c3c; color: #fff; text-align: center; padding: 12px; border-radius: 8px; text-decoration: none; }
.studio-search__status { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
@media (max-width: 480px) {
    .studio-search__regions { gap: 5px; }
    .studio-search .studio-search__region { font-size: 13px; padding: 8px 3px; }
}