.tkg-panel {
  box-sizing: border-box;
  margin: 1.5rem 0;
  padding: 1.1rem 1.3rem;
  border: 1px solid #d6dfd8;
  border-left: 4px solid #547a62;
  border-radius: 8px;
  background: #f8faf7;
  color: #24342a;
  line-height: 1.55;
}
body .tkg-panel h2 { margin: 0 0 .5rem; font-size: 1.3rem; color: #24342a; }
body .tkg-panel h3 { margin: .2rem 0 .45rem; font-size: 1rem; color: #24342a; }
.tkg-panel p { margin: .45rem 0; }
.tkg-panel ul { margin: .35rem 0 .7rem; padding-left: 1.35rem; }
.tkg-panel li { margin: .35rem 0; }
body .tkg-panel a, body .tkg-panel a:visited { color: #075737; text-decoration: underline; text-underline-offset: .14em; }
body .tkg-panel a:hover, body .tkg-panel a:focus-visible { color: #003d29; }
body .tkg-panel a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
.tkg-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.tkg-muted, .tkg-note { color: #52645a; }
.tkg-note { font-size: .9rem; }
.tkg-intro { font-weight: 600; }
@media (max-width: 640px) {
  .tkg-panel { padding: .9rem 1rem; }
  .tkg-grid { grid-template-columns: 1fr; gap: .6rem; }
}