#gwj-blog{width: 100%;}
.gwj-hero{
    display: flex;
    align-items: center;
    margin: 2rem 0;
    justify-content: space-between;
}
.gwj-hero h1{font-size: 42px;
    font-weight: 900;
    line-height: 46.2px;
}
@media (max-width:1200px){
    #gwj-blog{padding: 0 16px;}
}
@media (max-width:600px){
    #gwj-blog{width: 100%;padding: 0}
    .gwj-hero{
        flex-direction: column-reverse;
        padding: 16px;
        text-align: center;
        margin: 0;
    }
    .gwj-hero h1{
        font-size: 35px;
        line-height: 40px;
        margin-bottom: 16px;
    }
}
.gwj-hero .eyebrow{color: #4caf50;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px;}
.gwj-hero .lede{opacity:.9;max-width:60ch}

.gwj-hero img{
    max-height: 250px;
    width: auto;
}

.gwj-search{background:#e7f6ea;border-radius:12px;padding:1rem;margin:1.5rem 0;}
@media (max-width:600px){.gwj-search{
    margin:.5rem 0;
    border-radius: 0;
}}
.gwj-search__form{display:flex;align-items:flex-start;gap:1.25rem;flex-wrap:nowrap;align-items: center;}
.gwj-search__form img{max-width:120px;flex:0 0 auto;}
.gwj-search__form .input-wrapper{flex:1;display:flex;flex-direction:column;gap:.75rem;}
.gwj-search__title{font-size:1.1rem;font-weight:700;color:#0a5c2f;margin:0;}
.gwj-search__controls{display:flex;align-items:center;gap:.75rem;}
.gwj-search__controls input{flex:1;padding:.8rem 1rem;border-radius:10px;border:1px solid #cfe7d4;background:#fff}
.gwj-search__controls button{border:1px solid #0a5c2f;border-radius:10px;padding:.8rem 1.4rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;background:#0a5c2f;color:#fff;font-weight:600;transition:background .2s ease,transform .2s ease;}
.gwj-search__controls button:hover{background:#0a5c2f;transform:translateY(-1px);}
.gwj-search__controls button:disabled{opacity:.7;cursor:wait;transform:none;}
.gwj-search__controls button.is-loading{justify-content:center}
.gwj-search__controls button.is-loading .gwj-spinner{width:18px;height:18px;border-width:2px;border-color:rgba(255,255,255,.4);border-top-color:#fff;}

.gwj-spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(10,92,47,.25);border-top-color:#0a5c2f;animation:gwj-spin 1s linear infinite;}

.gwj-loader{display:none;align-items:center;justify-content:center;gap:.6rem;margin:1.5rem 0;color:#0a5c2f;font-weight:600;}
.gwj-loader.is-active{display:flex;}
.gwj-loader .gwj-spinner{width:22px;height:22px;border-width:3px;}

.gwj-empty{text-align:center;color:#0a5c2f;font-weight:600;}

.gwj-grid{margin-bottom: 52px;}
@media (max-width:600px){.gwj-grid{padding: 0 16px;}}
.gwj-grid__head{display:flex;gap:1rem;flex-direction: column;justify-content:space-between;margin:2rem 0;}
.gwj-grid__head h2{ margin-bottom: 8px;font-weight: 800;}
.gwj-grid__description{margin:0 0 1rem;}
.gwj-grid__filters{display:flex;gap:.5rem;flex-wrap:wrap}
.chip{padding:.45rem .9rem;border-radius:999px;border:1px solid #cfd8d3;background:#fff;cursor:pointer;color: #0a5c2f;font-size: .9rem !important;font-weight: 800;}
.chip.is-active{background:#0a5c2f;color:#fff;border-color:#0a5c2f}
.chip:hover{background-color: #0a5c2f !important; }

.gwj-cards{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:30px}
@media (max-width:900px){.gwj-cards{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.gwj-cards{grid-template-columns:1fr; gap: 40px;}}

.card{display:flex;flex-direction:column;gap:16px}
.card__thumb{display:block;}
.card__thumb img,.card .ph{width:100%;transition: transform .17s;aspect-ratio:16/9;object-fit:cover;display:block;border-radius:16px;background:linear-gradient(135deg,#f1f5ff,#fff0f7);}
.card__thumb img:hover{transform:scale(1.02);  }
.card__body{display:flex;flex-direction:column;gap:.85rem;}
.card__meta{display:flex;align-items:center;gap:.75rem;}
.card__avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;box-shadow:0 6px 18px rgba(15,23,42,.18);}
.card__meta-info{display:flex;align-items:center;gap:.4rem;color:#5a6473;font-size:.92rem;font-weight:500;}
.card__author{color:#121722;font-weight:600;}
.card__dot{color:#c2c7d4;font-size:1.1rem;line-height:1;}
.card__title{margin:0;font-size:1.25rem;line-height:1.25;font-weight:800;color:#111827;}
.card__title a{color:inherit;text-decoration:none;}
.card__title a:hover{text-decoration:underline;}
.card__excerpt{margin:0;color:#4b5567;line-height:1.65;font-size:1rem;}
.card .ph{border-radius:24px;}

#gwj-sentinel{height:1px}

@keyframes gwj-spin{to{transform:rotate(360deg)}}

@media (max-width:700px){
  .gwj-search__form{flex-wrap:wrap;gap:.75rem;}
  .gwj-search__form img{max-width:90px;}
  .gwj-search__form .input-wrapper{width:100%;}
  .gwj-search__form button{flex:0 0 auto;padding: .8rem;}
  .gwj-search__title{font-size: .9rem};
}