/* search.css — さがす（3-04）。カードは top.css の .ocard を使う */
.search-page{padding-bottom:48px}
.search-page h1{font-size:1.6rem;margin:12px 0 6px}
.search-page .lead{margin:0 0 16px;color:var(--c-muted);line-height:1.7}
.sform{background:var(--c-paper);border:2px solid var(--c-line);border-radius:20px;padding:20px;margin:0 0 20px}
.sform .kw{display:flex;gap:10px;margin-bottom:14px}
.sform .kw input{flex:1;min-width:0;min-height:48px;border:2px solid var(--c-line);border-radius:var(--r-pill);padding:0 18px;font-size:1rem;background:var(--c-paper);color:var(--c-ink)}
.sform .kw input:focus-visible{border-color:var(--c-green);outline:none}
.sform .row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.sform label{display:block;font-size:.85rem;font-weight:700;color:var(--c-muted);margin-bottom:4px}
.sform select{width:100%;min-height:48px;border:2px solid var(--c-line);border-radius:var(--r-m);padding:0 12px;background:var(--c-paper);color:var(--c-ink)}
.sform select:focus-visible{border-color:var(--c-green)}
.sform details.more>summary{display:none}
.sform .care{margin-top:14px;border-top:1px solid var(--c-line);padding-top:10px}
.sform .care summary{cursor:pointer;font-weight:700;min-height:40px;display:flex;align-items:center;gap:4px;color:var(--c-green-text)}
.sform .care .cnt{color:var(--c-muted);font-weight:400}
.sform .cks{display:grid;grid-template-columns:repeat(3,1fr);gap:4px 12px;padding:8px 0 4px}
.sform .ck{display:flex;align-items:center;gap:8px;min-height:36px;font-size:.92rem;cursor:pointer}
.sform .ck[hidden]{display:none}
.sform details.care[hidden]{display:none}
.sform .ck input{width:20px;height:20px;accent-color:var(--c-green);flex:none}
.sform .acts{margin-top:14px;display:flex;justify-content:center;gap:10px}
.sform .acts .btn{min-width:160px}
.result .count{font-weight:700;margin:0 0 10px}
.result .active{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.result .active:empty{display:none}
.achip{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:var(--r-pill);border:2px solid var(--c-line);background:var(--c-tint);color:var(--c-ink);font-size:.85rem;font-weight:700;cursor:pointer}
.achip:hover{border-color:var(--c-green)}
.result .none{padding:24px 20px;border:2px dashed var(--c-line);border-radius:var(--r-l);line-height:1.8}
.result .none p{margin:0 0 10px}.result .none p:last-child{margin:0;display:flex;gap:8px;flex-wrap:wrap}
@media (max-width:899px){ .sform .row{grid-template-columns:1fr 1fr} .sform .cks{grid-template-columns:1fr 1fr} }
@media (max-width:640px){
  .search-page h1{font-size:1.35rem}
  .sform{padding:14px;border-radius:16px}
  .sform .row{grid-template-columns:1fr;gap:10px}
  .sform .cks{grid-template-columns:1fr}
  .sform .kw{margin-bottom:6px}
  .sform .acts{flex-direction:column-reverse}
  .sform .acts .btn{width:100%}
  .sform details.more>summary{display:flex;align-items:center;gap:4px;min-height:44px;font-weight:700;color:var(--c-green-text);cursor:pointer;list-style:none}
  .sform details.more>summary::before{content:"▸";font-size:.8em}
  .sform details.more[open]>summary::before{content:"▾"}
  .sform details.more>summary .cnt{color:var(--c-muted);font-weight:400}
  .sform details.more[open]>summary{margin-bottom:8px}
  .sform .kw .btn{width:100%}
}