/* v6.9.487: scoped additions for the existing solution-page components. */
.sg-card-link-v487,
.detail-card .sg-card-link-v487,
.package-component-v237 .sg-card-link-v487 {
  display: block;
  width: fit-content;
  max-width: 100%;
  min-height: 44px;
  padding: 10px 0;
  margin-top: 8px;
  color: var(--acid, #f3b324);
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 4px;
  overflow-wrap: anywhere;
}
.sg-card-link-v487:focus-visible,
.sg-table-scroll-v487:focus-visible,
.sg-table-scroll-v487 a:focus-visible {
  outline: 3px solid #f3b324;
  outline-offset: 4px;
}
.sg-project-note-v487,
.sg-table-block-v487 {
  --sg-ink: #f8f5ee;
  --sg-muted: #c4c6c3;
  --sg-gold: #f3b324;
  --sg-panel: #111510;
  --sg-border: #62522c;
  margin-top: 28px;
  min-width: 0;
  color: var(--sg-ink);
}
.sg-project-note-v487 {
  border: 1px solid var(--sg-border);
  border-radius: 18px;
  background: var(--sg-panel);
  padding: clamp(20px, 3vw, 30px);
}
.sg-project-note-v487 h3 {
  font-family: inherit;
  font-style: normal;
  text-transform: none;
  font-size: 1.5rem;
  line-height: 1.3;
  letter-spacing: -.02em;
  margin: 0 0 14px;
}
.sg-project-note-v487 p { max-width: 1100px; color: var(--sg-muted); font-size: 1rem; line-height: 1.7; margin: 0; }
.sg-table-scroll-v487 { max-width: 100%; overflow-x: auto; border: 1px solid var(--sg-border); border-radius: 18px; background: var(--sg-panel); }
.sg-table-scroll-v487 table { width: 100%; min-width: 720px; border-collapse: separate; border-spacing: 0; table-layout: fixed; font-size: 1rem; line-height: 1.6; }
.sg-table-scroll-v487 caption { padding: 22px; font-size: 1.25rem; font-weight: 800; text-align: left; color: var(--sg-ink); border-bottom: 1px solid var(--sg-border); }
.sg-table-scroll-v487 th,
.sg-table-scroll-v487 td { padding: 20px 22px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--sg-border); overflow-wrap: anywhere; }
.sg-table-scroll-v487 thead th { color: var(--sg-gold); font-weight: 800; }
.sg-table-scroll-v487 th:first-child { width: 26%; }
.sg-table-scroll-v487 th:last-child { width: 28%; }
.sg-table-scroll-v487 tbody th { color: var(--sg-ink); font-weight: 800; }
.sg-table-scroll-v487 td { color: var(--sg-muted); }
.sg-table-scroll-v487 tbody tr:last-child > * { border-bottom: 0; }
.sg-table-scroll-v487 a { display: inline-block; min-height: 44px; color: var(--sg-gold); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }
.sg-table-note-v487 { font-size: .875rem; line-height: 1.6; color: var(--sg-muted); margin: 14px 0 0; }
html[data-theme="light"] .sg-card-link-v487 { color: #805400; }
html[data-theme="light"] .sg-project-note-v487,
html[data-theme="light"] .sg-table-block-v487 { --sg-ink: #20291f; --sg-muted: #475145; --sg-gold: #805400; --sg-panel: #fffcf6; --sg-border: #b5a078; }
html[data-theme="light"] .sg-card-link-v487:focus-visible,
html[data-theme="light"] .sg-table-scroll-v487:focus-visible,
html[data-theme="light"] .sg-table-scroll-v487 a:focus-visible { outline-color: #805400; }
@media (max-width: 680px) {
  .sg-table-scroll-v487 caption,
  .sg-table-scroll-v487 th,
  .sg-table-scroll-v487 td { padding: 16px; }
}
@media (forced-colors: active) {
  .sg-project-note-v487,
  .sg-table-scroll-v487,
  .sg-table-scroll-v487 th,
  .sg-table-scroll-v487 td,
  .sg-table-scroll-v487 caption { border-color: CanvasText; }
  .sg-card-link-v487,
  .sg-table-scroll-v487 a { color: LinkText; }
}