* { box-sizing: border-box; }
html { background: #f4f7f5; }
body { max-width: 960px; margin: 48px auto; padding: 0 28px; font: 14px/1.65 system-ui, sans-serif; color: #243b33; }
header { padding: 0 0 26px; margin-bottom: 30px; border-bottom: 1px solid #dbe5df; }
header::before { content: ''; display: block; width: 36px; height: 4px; background: #267052; border-radius: 2px; margin-bottom: 18px; }
h1 { margin: 0; font-size: 30px; font-weight: 650; letter-spacing: -.9px; }
header p { margin: 8px 0 0; color: #61746a; }
h2 { margin: 30px 0 14px; font-size: 17px; font-weight: 650; letter-spacing: -.2px; }
a { color: #216a4d; text-underline-offset: 3px; }
a:hover { color: #104b33; }
a:focus-visible { outline: 2px solid #267052; outline-offset: 4px; border-radius: 3px; }
table { border-collapse: collapse; width: 100%; }
th, td { padding: 13px 18px; border-bottom: 1px solid #e3ebe6; text-align: left; }
th { background: #edf3ee; color: #52695c; font-size: 12px; font-weight: 600; }
.link-table td:first-child { font-weight: 600; }
.link-table tbody tr:last-child td { border-bottom: 0; }
.link-table tbody tr:hover { background: #f8fbf8; }
.link-table td a { display: inline-block; padding: 3px 11px; border: 1px solid #d8e5dc; border-radius: 5px; background: #f6faf7; text-decoration: none; font-size: 13px; }
.link-table td a:hover { background: #eaf3ec; border-color: #a8c4b2; }
code { font: 12px ui-monospace, Consolas, monospace; }
.table-wrapper { overflow-x: auto; background: white; border: 1px solid #dbe5df; border-radius: 8px; }
.note { color: #61746a; font-size: 12px; }
.services { padding: 15px 18px; border: 1px solid #dbe5df; border-left: 3px solid #6f9b7e; border-radius: 6px; background: #edf3ee; font-size: 13px; }
.guide-list { list-style: none; padding: 0; background: white; border: 1px solid #dbe5df; border-radius: 8px; }
.guide-list li { padding: 10px 18px; border-bottom: 1px solid #e7eee9; font-size: 13px; }
.guide-list li:last-child { border-bottom: 0; }
.guide-list li a { display: inline-block; min-width: 174px; font-weight: 600; }
@media (max-width: 600px) {
  body { margin: 26px auto; padding: 0 16px; }
  h1 { font-size: 26px; }
  th, td { padding: 11px 10px; }
  .link-table td a { padding: 3px 7px; white-space: nowrap; }
  .guide-list li { padding: 11px 14px; }
  .guide-list li a { min-width: 0; }
}
nav { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px; margin-bottom: 24px; font-size: 13px; }
code { overflow-wrap: anywhere; }
#layers-status { padding: 16px 18px; background: white; border: 1px solid #dbe5df; border-radius: 8px; overflow-wrap: anywhere; }
[hidden] { display: none !important; }