.ww-frg { width: 100%; }
.ww-frg-grid { display: grid; grid-template-columns: 1fr 2fr; gap: 18px; align-items: start; }
.ww-frg-gallery { width: 100%; }
.ww-frg-big { width: 100%; aspect-ratio: 1 / 1; background: #f2f2f2; border-radius: 10px; overflow: hidden; display: grid; place-items: center; }
.ww-frg-bigimg { width: 100%; height: 100%; object-fit: cover; display: block; }
.ww-frg-noimg { padding: 22px; color: #666; font-size: 14px; }
.ww-frg-thumbs { margin-top: 10px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.ww-frg-thumb { border: 2px solid transparent; border-radius: 8px; padding: 0; background: #fff; cursor: pointer; overflow: hidden; aspect-ratio: 1 / 1; display: grid; place-items: center; }
.ww-frg-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ww-frg-thumb.is-active { border-color: #111; }
.ww-frg-thumb:focus { outline: none; box-shadow: 0 0 0 3px rgba(0,0,0,.15); }
.ww-frg-thumb-noimg { font-size: 11px; color: #666; padding: 6px; text-align: center; }

.ww-frg-content { background: #fff; border: 1px solid rgba(0,0,0,.08); border-radius: 10px; padding: 14px; }
.ww-frg-title { margin: 0 0 10px; font-size: 24px; line-height: 1.25; }
.ww-frg-titlelink { text-decoration: none; }
.ww-frg-excerpt { font-size: 18px; line-height: 1.65; color: #333; }
.ww-frg-author-date { font-weight: 700; }
.ww-frg-cta { margin-top: 12px; }
.ww-frg-readmore { display: inline-block; padding: 9px 12px; border-radius: 8px; border: 1px solid rgba(0,0,0,.18); text-decoration: none; font-size: 14px; }

/* Responsive */
@media (max-width: 900px) {
  .ww-frg-grid { grid-template-columns: 1fr; }
  .ww-frg-thumbs { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 520px) {
  .ww-frg-thumbs { grid-template-columns: repeat(3, 1fr); }
}