.cocoo-blog-search{--search-ink:#252525;--search-text:#171717;--search-muted:#666;--search-border:#d8d8d8;--search-bg:#f7f7f7;color:var(--search-text);font-family:BIZ UDPGothic,sans-serif;margin:32px auto 40px;width:100%}.cocoo-blog-search,.cocoo-blog-search *,.cocoo-blog-search :after,.cocoo-blog-search :before{box-sizing:border-box}.cocoo-blog-search [hidden],[data-cocoo-blog-listing][hidden]{display:none!important}.cocoo-blog-search__form{margin:0}.cocoo-blog-search__label{display:block;font-size:16px;font-weight:700;line-height:1.6;margin-bottom:12px}.cocoo-blog-search__input-wrap{display:flex;gap:10px}.cocoo-blog-search__input{background:#fff;border:1px solid var(--search-border);border-radius:6px;color:var(--search-text);flex:1;font:inherit;font-size:16px;height:56px;line-height:1.5;min-width:0;padding:0 20px;transition:border-color .2s}.cocoo-blog-search__input::placeholder{color:#888;opacity:1}.cocoo-blog-search__input:hover{border-color:#999}.cocoo-blog-search__input:focus{border-color:var(--search-ink);outline:2px solid var(--search-ink);outline-offset:2px}.cocoo-blog-search__submit{background:var(--search-ink);border:1px solid var(--search-ink);border-radius:6px;color:#fff;cursor:pointer;flex:0 0 112px;font:inherit;font-size:16px;font-weight:700;min-height:56px;padding:0 20px;transition:background .2s,color .2s}.cocoo-blog-search__submit:hover{background:#fff;color:var(--search-ink)}.cocoo-blog-search__reset{background:transparent;border:0;color:var(--search-muted);cursor:pointer;display:inline-block;font:inherit;font-size:16px;margin-top:16px;padding:4px 0;text-decoration:underline;text-underline-offset:4px}.cocoo-blog-search__reset:hover{color:var(--search-ink)}.cocoo-blog-search__status:not(:empty){font-size:16px;font-weight:700;line-height:1.7;margin:28px 0 24px}.cocoo-blog-search__grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}.cocoo-blog-search__card{background:#fff;border:1px solid #e5e5e5;border-radius:8px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.cocoo-blog-search__card:hover{border-color:#aaa;box-shadow:0 6px 20px rgba(0,0,0,.05)}.cocoo-blog-search__card a{color:inherit;display:block;height:100%;text-decoration:none}.cocoo-blog-search__thumb{aspect-ratio:16/9;display:block;object-fit:cover;width:100%}.cocoo-blog-search__card-body{padding:20px}.cocoo-blog-search__date{color:var(--search-muted);display:block;font-size:14px;line-height:1.6;margin-bottom:10px}.cocoo-blog-search__title{color:var(--search-text);font-size:17px;font-weight:700;line-height:1.7;margin:0}.cocoo-blog-search__description{color:#555;font-size:16px;line-height:1.8;margin:12px 0 0}.cocoo-blog-search__more{border:1px solid var(--search-ink);color:var(--search-ink);display:block;font:inherit;margin:36px auto 0;min-width:220px;padding:15px 28px;transition:background .2s,color .2s}.cocoo-blog-search__more:hover{background:var(--search-ink)}.cocoo-blog-search button:focus-visible,.cocoo-blog-search__card a:focus-visible{outline:2px solid var(--search-ink);outline-offset:3px}@media (max-width:900px){.cocoo-blog-search__grid{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.cocoo-blog-search{margin:24px auto 32px}.cocoo-blog-search__input-wrap{gap:8px}.cocoo-blog-search__input{height:52px;padding:0 14px}.cocoo-blog-search__submit{flex-basis:82px;min-height:52px;padding:0 12px}.cocoo-blog-search__grid{gap:20px;grid-template-columns:1fr}.cocoo-blog-search__card-body{padding:18px}}@media (prefers-reduced-motion:reduce){.cocoo-blog-search *,.cocoo-blog-search :after,.cocoo-blog-search :before{transition:none!important}}.cocoo-blog-search__more{align-items:center;background:#fff;border:1px solid #252525;border-radius:6px;color:#252525;cursor:pointer;display:flex;font-family:BIZ UDPGothic,sans-serif;font-size:16px;font-weight:700;gap:12px;justify-content:center;line-height:1.5;margin:40px auto 0;min-width:280px;padding:16px 28px;transition:background .2s ease,color .2s ease,border-color .2s ease;width:fit-content}.cocoo-blog-search__more:before{align-items:center;content:"+";display:inline-flex;flex-shrink:0;font-family:Arial,sans-serif;font-size:24px;font-weight:400;height:22px;justify-content:center;line-height:1;width:22px}.cocoo-blog-search__more:hover{background:#252525;color:#fff}.cocoo-blog-search__more[hidden]{display:none!important}.cocoo-blog-search__more:disabled{cursor:wait;opacity:.5}@media (max-width:600px){.cocoo-blog-search__more{min-width:0;padding:15px 20px;width:100%}}