/* ==========================================================
   Header search: rounded box + live suggestions underneath
   ========================================================== */

/* The search icon in the header */
.h-search{display:flex;align-items:center;justify-content:center;width:38px;height:38px;margin:0;padding:0;background:none;border:0;border-radius:50%;color:var(--hdr-text,#222);cursor:pointer;transition:color .2s,background .2s}
.h-search:hover,.h-search[aria-expanded="true"]{color:var(--crimson)}
.h-search[aria-expanded="true"]{background:rgba(158,27,50,.09)}
.site-header.is-transparent:not(.scrolled) .h-search:hover{color:var(--gold)}
.site-header.is-transparent:not(.scrolled) .h-search[aria-expanded="true"]{color:var(--hdr-tcolor,#fff);background:rgba(255,255,255,.2)}
.h-search:focus-visible{outline:2px solid var(--crimson);outline-offset:2px}

/* The floating box (positioned by assets/search.js) */
.ol-search{position:fixed;top:0;left:0;z-index:9000;width:min(440px,calc(100vw - 2rem));font-family:var(--sans);
  opacity:0;visibility:hidden;transform:translateY(-8px) scale(.98);transform-origin:top right;
  transition:opacity .2s ease,transform .3s var(--ease),visibility 0s linear .3s}
.ol-search.open{opacity:1;visibility:visible;transform:none;transition-delay:0s}

.ol-search-form{display:flex;align-items:center;gap:.7rem;margin:0;padding:0 .55rem 0 1.05rem;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -14px rgba(0,0,0,.3);transition:border-color .2s,box-shadow .2s}
.ol-search-form:focus-within{border-color:var(--green);box-shadow:0 18px 40px -14px rgba(0,0,0,.3),0 0 0 3px rgba(18,80,60,.14)}
.ol-search-ico{flex:none;color:#6b6b63}
.ol-search input[type="search"]{flex:1;min-width:0;height:52px;margin:0;padding:0;background:transparent;border:0;border-radius:0;outline:0;box-shadow:none;font:400 1rem var(--sans);color:#222;-webkit-appearance:none;appearance:none}
.ol-search input[type="search"]::placeholder{color:#8a8a82;opacity:1}
.ol-search input[type="search"]::-webkit-search-cancel-button,
.ol-search input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;display:none}
.ol-search-close{flex:none;display:grid;place-items:center;width:32px;height:32px;margin:0;padding:0;background:none;border:0;border-radius:8px;color:#6b6b63;font:400 1.5rem/1 var(--sans);cursor:pointer;transition:background .15s,color .15s}
.ol-search-close:hover{background:var(--sand);color:#222}
.ol-search-close:focus-visible{outline:2px solid var(--crimson);outline-offset:1px}

/* Suggestions: a second rounded box directly under the input */
.ol-search-list{list-style:none;margin:8px 0 0;padding:6px;background:#fff;border:1.5px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -14px rgba(0,0,0,.3);max-height:min(60vh,380px);overflow-y:auto}
.ol-search-list[hidden]{display:none}
.ol-search-list li{margin:0;padding:0}
.ol-search-list a{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.65rem .8rem;border-radius:9px;color:#222;font-size:.95rem;line-height:1.35;text-decoration:none}
.ol-search-list a:hover,.ol-search-list .is-active a{background:var(--sand)}
.ol-search-list b{font-weight:700;color:var(--green)}
.ol-search-list small{flex:none;font:600 .66rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#8a8a82}
.ol-search-list .ol-empty{padding:.7rem .8rem;font-size:.9rem;color:#6b6b63}
.ol-search-list .ol-all{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}
.ol-search-list .ol-all a{justify-content:flex-start;color:var(--crimson);font-weight:600}

/* Search results page */
.search-results-page .post-item{padding:1.4rem 0;border-bottom:1px solid var(--line)}
.search-results-page .post-item h2{margin:0 0 .4rem;font-size:1.35rem}
.search-results-page .post-item h2 a{text-decoration:none;color:inherit}
.search-results-page .post-item h2 a:hover{color:var(--crimson)}
.search-results-page .post-item p{margin:0;max-width:70ch}