.matoi-search{--matoi-ink:#303d38;--matoi-green:#536b5e;--matoi-paper:#f8f7f2;--matoi-line:#d8ded5;box-sizing:border-box;padding:clamp(20px,4vw,44px);margin:24px 0;color:var(--matoi-ink);background:var(--matoi-paper);border:1px solid var(--matoi-line);border-radius:8px;font-family:inherit;line-height:1.8;text-align:left}
.matoi-search *{box-sizing:border-box}.matoi-search [hidden]{display:none!important}.matoi-search p{margin:0 0 1em}.matoi-search .matoi-kicker{margin:0 0 12px;font-size:.75em;letter-spacing:.14em;color:var(--matoi-green)}
.matoi-search h2{padding:0!important;margin:0 0 18px!important;border:0!important;background:none!important;box-shadow:none!important;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(1.25rem,3vw,1.8rem)!important;color:var(--matoi-ink);line-height:1.7}.matoi-search h2:before,.matoi-search h2:after,.matoi-search h3:before,.matoi-search h3:after,.matoi-search h4:before,.matoi-search h4:after{display:none!important}
.matoi-search label{display:block}.matoi-search .matoi-input-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:24px 0 8px}.matoi-search .matoi-input-heading>label{min-width:0;font-size:.9em;font-weight:600;margin:0;overflow-wrap:anywhere}.matoi-search textarea{display:block;resize:vertical;width:100%;min-height:100px;max-width:100%;padding:14px;border:1px solid #a4b2a6;border-radius:4px;background:#fff;color:#263c30;font:inherit;font-size:16px;line-height:1.7;box-shadow:none}.matoi-search textarea:focus{outline:2px solid var(--matoi-green);outline-offset:3px}
.matoi-search button{font:inherit;cursor:pointer;white-space:normal}.matoi-search .matoi-examples{display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;margin:12px 0}.matoi-examples>span{font-size:.75em;color:#61695e}.matoi-search .matoi-examples button{padding:4px 10px;color:#405847;background:#fff;border:1px solid var(--matoi-line);border-radius:20px;font-size:.78em;line-height:1.6;box-shadow:none}
.matoi-search .matoi-privacy,.matoi-search .matoi-ai-note,.matoi-search .matoi-context-note,.matoi-search .matoi-help{font-size:.78em;color:#5f695e;line-height:1.8}.matoi-search .matoi-submit{width:min(100%,var(--matoi-button-width,224px));display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:11px 24px;border:1px solid var(--matoi-button-background,#4070ff);border-radius:var(--matoi-button-radius,7px);background:var(--matoi-button-background,#4070ff);color:var(--matoi-button-color,#fffaf0);font-size:.95em;box-shadow:none;font-weight:500}.matoi-search .matoi-submit:hover{background:var(--matoi-button-hover,#2d5de0);border-color:var(--matoi-button-hover,#2d5de0)}.matoi-search button:focus-visible,.matoi-search a:focus-visible{outline:2px solid #8b5c31;outline-offset:4px}.matoi-search button:disabled{opacity:.55;cursor:wait}
.matoi-search .matoi-loading{font-size:.9em;padding-top:18px}.matoi-search .matoi-results{margin-top:28px;outline:none}.matoi-search .matoi-results:empty{margin:0}.matoi-search .matoi-result-heading{font-size:1.15em!important;padding:20px 0 0!important;margin:0 0 18px!important;border:0!important;border-top:1px solid var(--matoi-line)!important;background:transparent!important;color:var(--matoi-ink)}
.matoi-search .matoi-conditions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 24px}.matoi-search .matoi-chip{display:inline-block;border:1px solid #bac9b9;border-radius:3px;padding:3px 10px;font-size:.8em;color:#3f5642;background:#edf0e7}.matoi-search .matoi-comment{font-size:.9em}.matoi-search .matoi-season-heading{font-size:1em!important;border:0!important;padding:0 0 9px!important;border-bottom:1px solid var(--matoi-line)!important;background:transparent!important;margin:28px 0 16px!important;color:var(--matoi-ink)}
.matoi-search .matoi-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px;margin:0 0 28px}.matoi-search .matoi-card{display:block;text-decoration:none!important;border:1px solid #e1e5dc;background:#fff;color:var(--matoi-ink);border-radius:4px;overflow:hidden;box-shadow:none}.matoi-search .matoi-card:hover{border-color:#879783}.matoi-search .matoi-card img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f1f0e9;margin:0}.matoi-search .matoi-card-title{display:block;padding:12px;font-size:.82em;line-height:1.8;overflow-wrap:anywhere}.matoi-search .matoi-context-note{border-top:1px solid var(--matoi-line);padding-top:16px}
.matoi-search fieldset{padding:0;margin:0;border:0;min-width:0}.matoi-search legend{font-size:1em;font-weight:600;padding:0;margin:0 0 16px;max-width:100%;white-space:normal}.matoi-search .matoi-options{display:grid;grid-template-columns:1fr;gap:8px;margin:0 0 18px}.matoi-search .matoi-options-many{grid-template-columns:repeat(2,minmax(0,1fr))}.matoi-search .matoi-option{display:flex;align-items:flex-start;gap:10px;padding:11px 12px;background:#fff;border:1px solid var(--matoi-line);border-radius:4px;font-size:.9em;line-height:1.7;cursor:pointer}.matoi-search .matoi-option input{flex:0 0 auto;width:17px;height:17px;margin:5px 0 0;accent-color:var(--matoi-green)}.matoi-search .matoi-option:has(input:checked){border-color:var(--matoi-green);background:#edf0e7}.matoi-search .matoi-answer-label{margin:16px 0;font-size:.9em}.matoi-search .matoi-answer-label textarea{margin-top:8px}.matoi-search .matoi-error{color:#9a3030;font-size:.9em}.matoi-search .matoi-empty{background:#eeeee5;padding:16px;font-size:.9em}
@media(max-width:600px){.matoi-search{padding:22px 16px;margin:16px 0}.matoi-search .matoi-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 10px}.matoi-search .matoi-card-title{padding:9px;font-size:.8em}.matoi-search .matoi-options-many{grid-template-columns:1fr}.matoi-search h2{font-size:1.3rem!important}.matoi-search .matoi-option{font-size:.87em}}

/* Page copy is edited in standard blocks; the shortcode retains the form. */
.matoi-search-panel{--matoi-ink:#303d38;--matoi-green:#536b5e;--matoi-paper:#f8f7f2;--matoi-line:#d8ded5;box-sizing:border-box;padding:clamp(20px,4vw,44px);margin:24px 0;color:var(--matoi-ink);background:var(--matoi-paper);border:1px solid var(--matoi-line);border-radius:8px;font-family:inherit;line-height:1.8}
.matoi-search-panel .matoi-kicker{margin:0 0 12px;font-size:.75em;letter-spacing:.14em;color:var(--matoi-green)}
.matoi-search-panel h2{padding:0;margin:0 0 18px;border:0;background:none;box-shadow:none;font-family:"Noto Serif JP","Yu Mincho",serif;font-size:clamp(1.25rem,3vw,1.8rem);color:var(--matoi-ink);line-height:1.7}.matoi-search-panel h2:before,.matoi-search-panel h2:after{display:none!important}
.matoi-search-panel>p,.matoi-search-panel>.wp-block-group__inner-container>p{margin:0 0 1em}
.matoi-search-panel .matoi-search--form{padding:0;margin:0;border:0;border-radius:0;background:transparent}
@media(max-width:600px){.matoi-search-panel{padding:22px 16px;margin:16px 0}.matoi-search-panel h2{font-size:1.3rem}}

.matoi-search .matoi-context-note,.matoi-search .matoi-empty,.matoi-search .matoi-same-outfit{white-space:pre-line}

/* Reveal only the newly rendered group. Content stays visible without animation support. */
@keyframes matoi-fade-up{
  from{opacity:0;transform:translateY(var(--matoi-reveal-distance,10px))}
  to{opacity:1;transform:translateY(0)}
}
@media(prefers-reduced-motion:no-preference){
  .matoi-search .matoi-reveal{animation:matoi-fade-up var(--matoi-reveal-duration,400ms) cubic-bezier(.22,1,.36,1) backwards}
  .matoi-search .matoi-reveal--question{--matoi-reveal-distance:8px;--matoi-reveal-duration:var(--matoi-question-duration,600ms)}
  .matoi-search .matoi-reveal--results{--matoi-reveal-distance:10px;--matoi-reveal-duration:var(--matoi-results-duration,800ms)}
}
@media(prefers-reduced-motion:reduce){
  .matoi-search .matoi-reveal{animation:none}
}

/* Search usage notice and optional feedback. */
.matoi-search .matoi-question-context{font-weight:600;color:var(--matoi-ink);line-height:1.8;overflow-wrap:anywhere;margin:0 0 12px}
.matoi-search .matoi-event-summary{padding:12px 16px;margin:0 0 20px;border:1px solid var(--matoi-line);border-radius:4px;background:rgba(255,255,255,.45);font-size:.9em;line-height:1.8;overflow-wrap:anywhere}
.matoi-search .matoi-event-summary-title{font-weight:600;margin:0 0 4px}.matoi-search .matoi-event-summary ul{margin:0;padding-left:1.25em}.matoi-search .matoi-event-summary li{margin:0}
.matoi-search .matoi-group-heading{font-size:1.05em;line-height:1.8;overflow-wrap:anywhere}
.matoi-search .matoi-usage-notice{font-size:.85em;margin:1em 0;color:inherit}.matoi-search .matoi-usage-notice summary{cursor:pointer}.matoi-search .matoi-usage-notice p{margin:.6em 0}.matoi-search .matoi-feedback{border-top:1px solid #b09b62;margin-top:1.5em;padding-top:1em}.matoi-search .matoi-feedback button{font:inherit;color:inherit;background:transparent;border:1px solid #b09b62;border-radius:4px;margin:0 .7em .5em 0;padding:.45em .8em;cursor:pointer}.matoi-search .matoi-feedback button[aria-pressed="true"]{background:#713e4a;color:#fffaf0}.matoi-search .matoi-feedback span{display:block;font-size:.9em}
.matoi-search .matoi-reviewed-comment{margin:1.25em 0 1.75em;min-width:0;font-size:.9em;}
.matoi-search .matoi-reviewed-comment .c-balloon{margin:0;}
.matoi-search .matoi-reviewed-comment .c-balloon__body{min-width:0;}
.matoi-search .matoi-balloon-body{display:block;white-space:pre-line;overflow-wrap:anywhere;}
.matoi-search .matoi-reviewed-comment .c-balloon__text{font-size:inherit;}

/* Optional voice input remains secondary to the search action. */
.matoi-search .matoi-voice-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:40px;width:auto;max-width:100%;margin-left:auto;padding:6px 12px;border:1px solid #a4b2a6;border-radius:6px;background:#fff;color:#405847;font-size:.8em;line-height:1.5;font-weight:500;box-shadow:none}
.matoi-search .matoi-voice-button svg{flex:0 0 auto}
.matoi-search .matoi-voice-button:hover{background:#edf0e7}
.matoi-search .matoi-voice-button[aria-pressed="true"]{background:#edf0e7;border-color:#536b5e}
.matoi-search .matoi-voice-button:disabled{cursor:default}
.matoi-search .matoi-voice-help{margin:7px 0 0;font-size:.72em;line-height:1.7;color:#5f695e;overflow-wrap:anywhere}
.matoi-search .matoi-voice-status{margin:7px 0 0;font-size:.8em;line-height:1.7;color:#405847;overflow-wrap:anywhere}
.matoi-search .matoi-voice-status:empty{margin:0}