/* search only. */
/* --- LSG Search Styles (scoped) --- */
:root{ --lsg-ink:#1f2937; --lsg-muted:#6b7280; --lsg-link:#0063A5; --lsg-br:black; --lsg-bg:#ffffff; }
.lsg-wrap a{color:var(--lsg-link); text-decoration:none}
.lsg-wrap a:hover{text-decoration:underline}

.lsg-h1{font-size:1.9rem; line-height:1.2; color:#2e3f61; margin:18px 0 2px}
.lsg-h1-sub{color:var(--lsg-muted); font-size:1rem; margin:0 0 6px}

.lsg-header{border-bottom:1px solid var(--lsg-br); padding:12px 16px; display:flex; align-items:center; gap:8px; flex-wrap:wrap; background:var(--lsg-bg)}
.lsg-brand{font-weight:800; font-size:20px; letter-spacing:.3px}
.lsg-searchbar{flex:1; min-width:300px}
.lsg-searchbar form{display:flex; align-items:center; gap:8px; flex-wrap:wrap;}
.lsg-left-controls{display:flex; gap:8px; flex-wrap:wrap;}
.lsg-select {
  width: 220px;
  flex: 0 0 220px;
  border: 1px solid var(--lsg-br);
  border-radius: 6px; /* small radius, no pill look */
  padding: 10px 36px 10px 12px; /* room for arrow */
  font-size: 16px;
  background: #99E6CC 
    url("data:image/svg+xml;utf8,<svg fill='black' height='32' viewBox='0 0 24 24' width='32' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") 
    no-repeat right 12px center;
  background-size: 36px 36px; /* bigger triangle */
  appearance: none;
  -webkit-appearance: none; /* Safari */
  -moz-appearance: none;    /* Firefox */
}

.lsg-right-controls{display:flex; gap:8px; align-items:center; flex:1 1 420px; min-width:320px;}
.lsg-text{flex:1 1 auto; width:auto; max-width:100%; border:1px solid var(--lsg-br); border-radius:999px; padding:10px 14px; font-size:16px; background: #99E6CC; color:black; font-weight:600;}
.lsg-btn {
  border: 1px solid var(--lsg-br);
  border-radius: 0;   /* fully square */
  padding: 10px 14px;
  font-size: 16px;
  background: #E06628;
  color:#F2F2F2;
  white-space: nowrap;
  cursor: pointer;
  font-weight:600;
}

.lsg-main{max-width:1040px; margin:0 auto; padding:18px 16px;}
.lsg-meta{color:black; font-size:1.4rem; font-weight:600;}
.lsg-result{max-width:740px}
.lsg-r-item{padding:14px 0; margin-top:1rem; margin-bottom:1rem;}
.lsg-r-url a {color:#202124; font-size:1rem; margin-bottom:6px; font-style: italic;}
.lsg-r-title{font-size:2rem; line-height:1.25; margin:0 0 2px; font-weight:500; font-family: 'Oswald', 'Arial Narrow', 'Roboto Condensed', sans-serif; }
.lsg-r-desc{color:black; font-size:1.2rem; line-height:1.6; margin-top:4px; font-family: 'Roboto', sans-serif;}
.lsg-r-desc p, .lsg-r-desc li {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 400 !important;
  font-size: 1.2rem !important;
  line-height: 1.6 !important;
  color: #000 !important;
  margin: 0 !important;
  padding: 0 !important;
}
.lsg-r-desc ul, .lsg-r-desc ol { margin: 0 !important; padding-left: 1.6em !important; }
.lsg-r-empty{color:#4b5563; font-size:14px}
.lsg-r-meta{margin-top:10px; display:flex; gap:8px; flex-wrap:wrap; align-items:center}

.lsg-btn-pill{ display:inline-flex; align-items:center; min-height:44px; border:1px solid var(--lsg-br); background:#fff; border-radius:999px; padding:6px 12px; font-size:1rem;; line-height:1.2; font-weight:500; color:#2A7A5C !important;}
.lsg-btn-pill:hover{background:#f9fafb; text-decoration:none; color:black !important;}

.lsg-pagination{display:flex; gap:6px; align-items:center; flex-wrap:wrap; padding:8px 0}
.lsg-page-link{border:1px solid var(--lsg-br); padding:6px 10px; border-radius:8px; font-size:14px;}
.lsg-page-link.lsg-current{background:#1f2937; color:#fff}