/* Art of NOMA: site search (masthead toggle, form, results page). Mobile first, no dependencies. */

/* Toggle + dropdown panel */
.noma-search{position:relative;display:inline-block;text-align:left;line-height:1;vertical-align:baseline}
body .noma-search .noma-search-toggle{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:var(--noma-muted,#6f665d);cursor:pointer;line-height:1}
body .noma-search .noma-search-toggle:hover,body .noma-search .noma-search-toggle[aria-expanded="true"]{color:var(--noma-fg,#211c18);background:transparent}
body .noma-search .noma-search-toggle:focus-visible{outline:2px solid var(--noma-accent,#8a1c1c);outline-offset:2px}
.noma-search-icon{display:block}
.noma-search-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:min(420px,calc(100vw - 32px));padding:10px;background:var(--noma-bg,#fcfbf9);border:1px solid var(--noma-fg,#211c18);box-shadow:0 12px 30px rgba(33,28,24,.14)}
.noma-search-panel[hidden]{display:none}

/* The form (panel and results page) */
.noma-searchform{display:flex;gap:8px;align-items:stretch;margin:0;width:100%}
body .noma-searchform .noma-search-input{flex:1 1 auto;min-width:0;margin:0;padding:10px 12px;border:1px solid var(--noma-line-strong,#d9cfc0);border-radius:0;background:#fff;color:var(--noma-fg,#211c18);font:inherit;font-family:var(--noma-sans,sans-serif);font-size:16px;line-height:1.3;box-shadow:none;-webkit-appearance:none;appearance:none}
body .noma-searchform .noma-search-input:focus{outline:2px solid var(--noma-accent,#8a1c1c);outline-offset:1px;border-color:var(--noma-fg,#211c18)}
body .noma-searchform .noma-search-submit{flex:0 0 auto;margin:0;padding:10px 16px;border:0;border-radius:0;background:var(--noma-fg,#211c18);color:var(--noma-bg,#fcfbf9);font:inherit;font-family:var(--noma-sans,sans-serif);font-size:13.5px;font-weight:500;line-height:1.3;cursor:pointer;box-shadow:none}
body .noma-searchform .noma-search-submit:hover{background:var(--noma-accent,#8a1c1c);color:#fff}
.noma-searchform .noma-search-input::-webkit-search-cancel-button{-webkit-appearance:none}

/* Results page */
.noma-search-count{color:var(--noma-muted);font-size:14px;margin-top:8px}
.noma-search-page-form{margin-top:18px;max-width:560px}
.noma-search-results .noma-archive-head{padding-bottom:22px}
.noma-search-results .noma-sec{padding-block:28px}
.noma .noma-sec h2.noma-h2 .noma-count{display:inline-block;margin-left:6px;font-family:var(--noma-sans);font-size:13px;font-weight:500;letter-spacing:.04em;color:var(--noma-muted);vertical-align:middle}
.noma-results{list-style:none;margin:0;padding:0}
.noma-result{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:start;padding-block:14px;border-top:1px solid var(--noma-line)}
.noma-result:first-child{border-top:0;padding-top:0}
.noma-result.no-thumb{grid-template-columns:1fr}
.noma-result-thumb{display:block;width:92px;height:92px;overflow:hidden;background:var(--noma-panel)}
.noma-result-thumb img{width:100%;height:100%;object-fit:cover}
.noma-result-body{min-width:0}
.noma .noma-result h3{font-size:20px;line-height:1.2;margin-top:3px}
.noma .noma-result h3 a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.noma-result-excerpt{margin-top:6px;color:var(--noma-muted);font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.noma-result-meta{margin-top:6px;font-size:12.5px;color:var(--noma-muted);letter-spacing:.02em}
@media(min-width:900px){.noma .noma-result h3{font-size:22px}}
.noma-search-none .noma-btns{margin-top:10px}

/* Pagination (the_posts_pagination) */
.noma .navigation.pagination,.noma-search-results .navigation.pagination{border-top:1px solid var(--noma-line);padding-top:18px;margin-top:8px;margin-bottom:40px;font-size:14px}
.noma-search-results .navigation .nav-links{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center}
.noma-search-results .navigation .page-numbers{color:var(--noma-fg);padding:4px 2px;border-bottom:1px solid transparent}
.noma-search-results .navigation a.page-numbers:hover{border-bottom-color:var(--noma-fg)}
.noma-search-results .navigation .page-numbers.current{font-weight:600;border-bottom-color:var(--noma-fg)}
.noma-search-results .navigation .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}