/* La Gazette – Search page 1.1.6 */
.gazette-search-app{
  --g-max:1440px;
  --g-page:80%;
  --g-text:#171717;
  --g-muted:#6b6b6b;
  --g-border:#e2e2e2;
  --g-soft:#f6f6f6;
  --g-dark:#3d3d3d;
  box-sizing:border-box;
  width:min(var(--g-page),var(--g-max));
  max-width:var(--g-max);
  margin:36px auto 70px;
  color:var(--g-text);
  font-family:inherit;
}
.gazette-search-app *{box-sizing:border-box}
.gazette-search-hero{
  width:100%;
  margin:0 0 28px;
  padding:34px 38px 30px;
  background:linear-gradient(180deg,#fafafa 0%,#f4f4f4 100%);
  border:1px solid #e8e8e8;
  border-radius:12px;
  box-shadow:0 3px 14px rgba(0,0,0,.045);
}
.gazette-search-kicker{
  margin:0 0 8px;
  font-size:10px;
  font-weight:800;
  letter-spacing:1.8px;
  line-height:1.2;
  text-transform:uppercase;
  color:#303030;
}
.gazette-search-hero h1{
  margin:0 0 8px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.08;
  font-weight:500;
  letter-spacing:-.8px;
}
.gazette-search-hero>p{
  margin:0 0 22px;
  font-size:15px;
  line-height:1.5;
  color:#444;
}
.gazette-search-form{
  display:flex;
  width:100%;
  gap:9px;
  align-items:stretch;
}
.gazette-search-form input{
  min-width:0;
  flex:1 1 auto;
  height:50px;
  padding:0 16px;
  border:1px solid #d2d2d2;
  border-radius:7px;
  background:#fff;
  color:#181818;
  font-size:15px;
  box-shadow:0 1px 2px rgba(0,0,0,.035);
}
.gazette-search-form input::placeholder{color:#888}
.gazette-search-form input:focus{
  outline:none;
  border-color:#777;
  box-shadow:0 0 0 3px rgba(0,0,0,.07);
}
.gazette-search-form button{
  flex:0 0 auto;
  height:50px;
  padding:0 25px;
  border:0;
  border-radius:7px;
  background:#444;
  color:#fff;
  font-size:13px;
  font-weight:700;
  cursor:pointer;
  transition:background .16s ease,transform .16s ease;
}
.gazette-search-form button:hover,.gazette-search-form button:focus{background:#000;color:#fff}
.gazette-search-form button:active{transform:translateY(1px)}
.gazette-search-form button[disabled]{opacity:.65;cursor:wait}
.gazette-search-examples{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:11px!important;
}
.gazette-search-examples button{
  border:1px solid #d8d8d8;
  background:#fff;
  color:#444;
  border-radius:999px;
  padding:7px 12px;
  font-size:11px;
  line-height:1.2;
  cursor:pointer;
  transition:background .16s ease,color .16s ease,border-color .16s ease;
}
.gazette-search-examples button:hover{background:#333;color:#fff;border-color:#333}
.gazette-search-status,
.gazette-search-results,
.gazette-search-pagination{
  width:100%;
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.gazette-search-status{
  min-height:22px;
  margin-bottom:11px;
  font-size:13px;
  color:var(--g-muted);
}
.gazette-search-results{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
}
.gazette-search-card{
  min-width:0;
  background:#fff;
  border:1px solid #e2e2e2;
  border-radius:8px;
  overflow:hidden;
  box-shadow:0 2px 9px rgba(0,0,0,.035);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.gazette-search-card:hover{
  transform:translateY(-3px);
  border-color:#d4d4d4;
  box-shadow:0 8px 22px rgba(0,0,0,.09);
}
.gazette-search-card-image{
  display:block;
  position:relative;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#eee;
}
.gazette-search-card-image img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .3s ease;
}
.gazette-search-card:hover .gazette-search-card-image img{transform:scale(1.035)}
.gazette-search-card-body{padding:13px 14px 15px}
.gazette-search-card-date{margin-bottom:6px;font-size:10px;line-height:1.2;color:#777}
.gazette-search-card-title{margin:0 0 7px;font-size:15px;line-height:1.25;font-weight:700}
.gazette-search-card-title a{color:#151515;text-decoration:none}
.gazette-search-card-title a:hover{text-decoration:underline}
.gazette-search-card-excerpt{margin:0;font-size:12px;line-height:1.48;color:#4a4a4a}
.gazette-search-no-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#eee;color:#888;font-size:12px}
.gazette-search-pagination{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:30px;
}
.gazette-search-pagination button{
  min-width:36px;
  height:36px;
  padding:0 10px;
  border:1px solid #d8d8d8;
  border-radius:5px;
  background:#fff;
  color:#333;
  cursor:pointer;
}
.gazette-search-pagination button:hover{background:#333;color:#fff;border-color:#333}
.gazette-search-pagination button[aria-current="page"]{background:#333;color:#fff;border-color:#333;font-weight:700}
.gazette-search-pagination button:disabled{opacity:.4;cursor:default}
.gazette-search-empty{grid-column:1/-1;padding:48px 24px;text-align:center;border:1px solid #e5e5e5;border-radius:8px;background:#fafafa;color:#666}
.gazette-search-loading{grid-column:1/-1;padding:50px;text-align:center;color:#666}
@media(max-width:1200px){
  .gazette-search-results{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .gazette-search-app{width:calc(100% - 32px);margin-top:28px}
  .gazette-search-hero{padding:30px 24px 26px}
  .gazette-search-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
}
@media(max-width:600px){
  .gazette-search-app{width:calc(100% - 24px);margin-top:20px;margin-bottom:45px}
  .gazette-search-hero{padding:26px 18px 22px;border-radius:10px}
  .gazette-search-hero h1{font-size:30px}
  .gazette-search-hero>p{font-size:14px}
  .gazette-search-form{flex-direction:column}
  .gazette-search-form button{width:100%}
  .gazette-search-results{grid-template-columns:1fr;gap:15px}
}