/* Svarka / Hot Metal palette. Styles scoped to plugin shortcodes only. */
.grtg,
.grtg-promo {
  --grtg-charcoal: #1C1F23;
  --grtg-slate: #2F3640;
  --grtg-orange: #E8590C;
  --grtg-orange-dark: #C94A08;
  --grtg-orange-text: #A43B06;
  --grtg-ink: #14171A;
  --grtg-muted: #68737E;
  --grtg-border: #D9DEE3;
  --grtg-surface: #F4F5F6;
  box-sizing: border-box;
  font-family: inherit;
  max-width: 100%;
}
.grtg *, .grtg *::before, .grtg *::after,
.grtg-promo *, .grtg-promo *::before, .grtg-promo *::after { box-sizing: border-box; }

/* Sidebar editorial selections */
.grtg {
  background: #FFFFFF;
  border: 1px solid var(--grtg-border);
  border-radius: 12px;
  padding: 17px;
  color: var(--grtg-ink);
  box-shadow: 0 5px 18px rgba(20, 23, 26, .035);
}
.grtg__heading { padding: 0 0 15px; }
.grtg__eyebrow {
  display: block;
  color: var(--grtg-orange-text);
  font-size: 10px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: .12em;
  margin: 0 0 8px;
}
.grtg .grtg__title {
  font-family: inherit;
  color: var(--grtg-ink) !important;
  font-size: 21px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -.02em;
  margin: 0 0 9px;
}
.grtg__accent { color: var(--grtg-orange); }
.grtg__intro {
  color: var(--grtg-muted);
  font-size: 12px;
  line-height: 1.5;
  margin: 0;
}
.grtg__articles { display: grid; gap: 0; }
.grtg__featured {
  background: var(--grtg-surface);
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 14px;
}
.grtg a { text-decoration: none !important; }
.grtg__featured-image {
  position: relative;
  display: block;
  overflow: hidden;
  width: 100%;
  aspect-ratio: 1.83 / 1;
  background: #E1E6EA;
}
.grtg__featured-image img,
.grtg__item-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;
  padding: 10px;
  height: 100%;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .07em;
  text-align: center;
  color: var(--grtg-slate);
}
.grtg__featured-label {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #FFFFFF;
  background: var(--grtg-orange-dark);
  border-radius: 3px;
  font-weight: 800;
  font-size: 9px;
  letter-spacing: .055em;
  line-height: 1;
  padding: 7px 8px;
}
.grtg__featured-content {
  padding: 13px 12px 14px;
  display: grid;
  gap: 7px;
}
.grtg__category {
  display: block;
  font-size: 9px;
  line-height: 1.4;
  font-weight: 750;
  letter-spacing: .045em;
  color: var(--grtg-muted);
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.grtg .grtg__featured-link {
  display: block;
  color: var(--grtg-ink) !important;
  font-weight: 800;
  font-size: 15px;
  line-height: 1.37;
  letter-spacing: -.012em;
  overflow-wrap: anywhere;
}
.grtg .grtg__featured-link:hover,
.grtg .grtg__item-title:hover { color: var(--grtg-orange-text) !important; }
.grtg .grtg__read {
  width: max-content;
  max-width: 100%;
  color: var(--grtg-orange-text) !important;
  font-size: 12px;
  line-height: 1.5;
  font-weight: 750;
}
.grtg .grtg__read:hover { text-decoration: underline !important; }
.grtg__item {
  display: grid;
  grid-template-columns: 62px minmax(0, 1fr);
  gap: 11px;
  padding: 12px 0;
  border-bottom: 1px solid var(--grtg-border);
  align-items: center;
  min-width: 0;
}
.grtg__item:last-child { border-bottom: 0; padding-bottom: 0; }
.grtg__item-image {
  display: block;
  width: 62px;
  height: 62px;
  border-radius: 5px;
  background: #E1E6EA;
  overflow: hidden;
}
.grtg__item-image:hover img { transform: scale(1.07); }
.grtg__item-fallback {
  display: grid;
  place-items: center;
  height: 100%;
  color: var(--grtg-slate);
  font-size: 18px;
  font-weight: 800;
}
.grtg__item-copy { min-width: 0; display: grid; gap: 4px; }
.grtg .grtg__item-title {
  display: block;
  color: var(--grtg-ink) !important;
  font-size: 12px;
  font-weight: 750;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.grtg a:focus-visible { outline: 2px solid var(--grtg-orange-dark); outline-offset: 3px; }

/* Optional replacement for the old Gear & Rig quote block */
.grtg-promo {
  display: block;
  background: var(--grtg-charcoal);
  color: #FFFFFF;
  border-radius: 8px;
  padding: 23px 19px;
  overflow: hidden;
}
.grtg-promo__rule {
  display: block;
  width: 34px;
  height: 3px;
  background: var(--grtg-orange);
  margin: 0 0 18px;
}
.grtg-promo__eyebrow {
  display: block;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .12em;
  line-height: 1.4;
  color: #FF9A59;
  margin: 0 0 12px;
}
.grtg-promo .grtg-promo__title {
  font-family: inherit;
  color: #FFFFFF !important;
  font-size: 21px;
  line-height: 1.3;
  letter-spacing: -.02em;
  font-weight: 800;
  margin: 0 0 13px;
}
.grtg-promo .grtg-promo__copy {
  color: #CDD3D9 !important;
  font-size: 12px;
  line-height: 1.58;
  margin: 0 0 19px;
}
.grtg-promo__signature {
  color: #FF9A59;
  font-weight: 800;
  letter-spacing: .12em;
  font-size: 10px;
}
@media (max-width: 999px) {
  .grtg { padding: 15px; }
  .grtg-promo { padding: 20px 17px; }
}
@media (max-width: 420px) {
  .grtg__item { grid-template-columns: 60px minmax(0, 1fr); gap: 10px; }
  .grtg__item-image { width: 60px; height: 60px; }
}
@media (prefers-reduced-motion: reduce) {
  .grtg__featured-image img, .grtg__item-image img { transition: none; }
}