.bss-selection { color: #172822; }
.bss-selection a { color: #087d6b; text-decoration: underline; text-underline-offset: 4px; }
.bss-table-wrap { max-width: 100%; overflow-x: auto; border: 1px solid #d8e0db; }
.bss-table-wrap:focus-visible { outline: 3px solid #087d6b; outline-offset: 4px; }
.bss-selection table { width: 100%; min-width: 680px; border-collapse: collapse; text-align: left; font-size: 15px; line-height: 1.85; }
.bss-selection caption { padding: 16px 20px; text-align: left; font-weight: 700; background: #f2f6f3; }
.bss-selection th, .bss-selection td { padding: 18px 20px; vertical-align: top; border-bottom: 1px solid #d8e0db; }
.bss-selection thead th { font-size: 14px; background: #f2f6f3; }
.bss-selection tbody th { width: 115px; white-space: nowrap; }
.bss-selection td:last-child { width: 220px; }
.bss-selection tr:last-child > * { border-bottom: 0; }
.bss-source-note { color: #58675f; font-size: 14px; line-height: 1.85; margin: 18px 0; }
.bss-region-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin-top: 24px; line-height: 1.8; font-weight: 700; }
.bss-scroll-hint { display: none; color: #58675f; font-size: 13px; }
.bss-visit-quote { margin-top: 36px; padding-top: 28px; border-top: 1px solid #d8e0db; font-size: 16px; line-height: 1.85; }
.bss-visit-quote h3 { margin: 24px 0 14px; font-size: 23px; line-height: 1.5; }
.bss-example-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.bss-example-grid article { border-top: 2px solid #087d6b; padding-top: 16px; }
.bss-example-grid h4 { margin: 0 0 10px; font-size: 17px; }
.bss-example-grid p { margin: 0; font-size: 15px; }
@media (max-width: 760px) {
  .bss-scroll-hint { display: block; }
  .bss-selection th, .bss-selection td { padding: 14px 16px; }
  .bss-region-links { flex-direction: column; gap: 12px; }
  .bss-example-grid { grid-template-columns: 1fr; }
}