/* Gear & Rig: responsive featured guides sidebar. Scoped to this shortcode. */
.grtg {
  --grtg-forest: #2F4A3A;
  --grtg-terracotta: #D9622B;
  --grtg-ink: #1F2A24;
  --grtg-sand: #E4D8C3;
  font-family: inherit;
  background: #fff;
  border: 1px solid var(--grtg-sand);
  border-radius: 14px;
  padding: 22px;
  box-shadow: 0 5px 22px rgba(31, 42, 36, 0.045);
  color: var(--grtg-ink);
  max-width: 100%;
}
.grtg *, .grtg *::before, .grtg *::after { box-sizing: border-box; }
.grtg__heading { padding-bottom: 16px; }
.grtg__eyebrow { display: block; color: #9E441E; font-family: inherit; font-size: 10px; line-height: 1.3; font-weight: 750; letter-spacing: .13em; margin: 0 0 8px; }
.grtg__title { font-family: inherit; color: var(--grtg-forest); font-size: 23px; line-height: 1.18; font-weight: 800; letter-spacing: -.025em; margin: 0 0 8px; }
.grtg__accent { color: var(--grtg-terracotta); }
.grtg__intro { font-size: 13px; line-height: 1.5; margin: 0; color: #59675E; }
.grtg__articles { display: grid; gap: 0; }
.grtg__featured { background: #F7F3EC; border-radius: 10px; overflow: hidden; margin: 0 0 18px; }
.grtg__featured-image { position: relative; display: block; overflow: hidden; width: 100%; aspect-ratio: 1.83 / 1; background: #E4D8C3; text-decoration: none; }
.grtg__featured-image img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; transition: transform .25s ease; }
.grtg__featured-image:hover img { transform: scale(1.035); }
.grtg__image-fallback { display: grid; place-items: center; height: 100%; font-size: 14px; font-weight: 800; letter-spacing: .11em; color: var(--grtg-forest); }
.grtg__featured-label { position: absolute; top: 12px; left: 12px; color: #fff; background: #A94720; border-radius: 4px; font-weight: 800; font-size: 9px; letter-spacing: .075em; line-height: 1; padding: 8px 9px; }
.grtg__featured-content { padding: 15px 16px 16px; display: grid; gap: 8px; }
.grtg__category { display: block; font-size: 10px; line-height: 1.35; font-weight: 750; letter-spacing: .07em; color: #69756B; text-transform: uppercase; }
.grtg a { text-decoration: none; }
.grtg__featured-link { display: block; color: var(--grtg-forest) !important; font-weight: 800; font-size: 17px; line-height: 1.37; letter-spacing: -.013em; }
.grtg__featured-link:hover { color: #9E441E !important; }
.grtg__read { width: max-content; max-width: 100%; color: #9E441E !important; font-size: 12px; line-height: 1.5; font-weight: 750; }
.grtg__read:hover { text-decoration: underline; }
.grtg__item { display: grid; grid-template-columns: 69px minmax(0, 1fr); gap: 13px; padding: 13px 0; border-bottom: 1px solid #E9E3D9; align-items: center; }
.grtg__item:last-child { border-bottom: 0; padding-bottom: 0; }
.grtg__item:first-of-type { padding-top: 0; }
.grtg__item-image { display: block; width: 69px; height: 69px; border-radius: 7px; background: #EDF1EC; overflow: hidden; }
.grtg__item-image img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0; transition: transform .25s ease; }
.grtg__item-image:hover img { transform: scale(1.07); }
.grtg__item-fallback { display: grid; place-items: center; height: 100%; color: var(--grtg-forest); font-size: 19px; font-weight: 800; }
.grtg__item-copy { min-width: 0; display: grid; gap: 5px; }
.grtg__item-title { display: block; color: var(--grtg-ink) !important; font-size: 13.5px; font-weight: 700; line-height: 1.36; overflow-wrap: break-word; }
.grtg__item-title:hover { color: #A94720 !important; }
.grtg a:focus-visible { outline: 2px solid #A94720; outline-offset: 3px; }
@media (max-width: 999px) {
  .grtg { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
  .grtg__featured-image img, .grtg__item-image img { transition: none; }
}
