:root {
  --gsb-blue: #173A52;
  --gsb-green: #7C983F;
  --gsb-yellow: #F4C84A;
  --gsb-coral: #E8785C;
  --gsb-cream: #F7F5EE;
  --gsb-text: #252A2D;
  --gsb-white: #FFFFFF;
  --gsb-radius-card: 18px;
  --gsb-shadow-soft: 0 12px 32px rgba(37, 42, 45, .08);
}

.gsb-button{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.1rem;border-radius:999px;background:var(--gsb-green);color:#fff;text-decoration:none;font-weight:700}
.gsb-button:hover,.gsb-button:focus{filter:brightness(.94);transform:translateY(-1px)}

.gsb-notice{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1rem 1.15rem;border:1px solid rgba(124,152,63,.35);background:#fbfcf5;border-radius:16px;color:var(--gsb-text)}
.gsb-notice__content{display:flex;gap:.55rem;align-items:baseline;flex-wrap:wrap}.gsb-notice__label{color:var(--gsb-green)}.gsb-notice__link{white-space:nowrap;color:var(--gsb-text);font-weight:700;text-decoration:none}.gsb-notice__link:hover{text-decoration:underline}

.gsb-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.gsb-blog-card{background:#fff;border-radius:var(--gsb-radius-card);overflow:hidden;box-shadow:var(--gsb-shadow-soft);border:1px solid rgba(37,42,45,.08)}.gsb-blog-card__link{display:block;height:100%;text-decoration:none;color:inherit}.gsb-blog-card__media{aspect-ratio:16/9;overflow:hidden;background:var(--gsb-cream)}.gsb-blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.gsb-blog-card__body{padding:18px}.gsb-blog-card__date{font-size:.82rem;color:#6b7072}.gsb-blog-card__title{font-size:1.18rem;line-height:1.2;margin:.45rem 0;color:var(--gsb-text)}.gsb-blog-card__body p{margin:.35rem 0 .8rem}.gsb-blog-card__cta{font-weight:700;color:var(--gsb-green)}.gsb-blog-card:hover .gsb-blog-card__media img{transform:scale(1.035)}.gsb-blog-card:hover{transform:translateY(-2px)}

@media (max-width: 1024px){.gsb-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width: 767px){.gsb-blog-grid{grid-template-columns:1fr;gap:16px}.gsb-notice{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion: reduce){.gsb-blog-card,.gsb-blog-card__media img,.gsb-button{transition:none!important;transform:none!important}}