:root{--green:#28734f;--green-dark:#174a33;--line:#7cae93;--bg:#fbfdfb;--text:#202722;}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
a{color:var(--green-dark)}a:hover{text-decoration-thickness:2px}.site-header{background:#fff;border-bottom:1px solid #d9e6de;padding:.7rem 1rem;position:sticky;top:0;z-index:10}.site-header-inner{max-width:1100px;margin:auto;display:flex;gap:1rem;align-items:center;justify-content:space-between}.site-title{font-weight:700;color:var(--green-dark);text-decoration:none}.home-link{white-space:nowrap}.page{max-width:1100px;margin:0 auto;padding:1.25rem 1rem 3rem;background:#fff;min-height:100vh}h1,h2,h3,h4{color:var(--green-dark);line-height:1.2}h2{border-bottom:3px solid var(--green);padding-bottom:.25rem;text-align:center;font-size:clamp(1.8rem,4vw,2.5rem)}h3{border-top:2px solid var(--line);padding-top:.55rem;margin-top:2rem}img{max-width:100%;height:auto}table{max-width:100%;border-collapse:collapse}td,th{vertical-align:top;padding:.35rem}.page>div,.page>p{max-width:100%}.page [align="left"]{margin:0 1rem .75rem 0}.page [align="right"]{margin:0 0 .75rem 1rem}@media(max-width:700px){.site-header{position:static}.page{padding:.8rem}.page img[align]{float:none!important;display:block;margin:.75rem auto!important}table{display:block;overflow-x:auto}td,th{min-width:0}.site-header-inner{align-items:flex-start}.home-link{font-size:.9rem}}

/* Index page refinements */
.index-page {
  color: #1f3b2a;
}
.index-page a:link {
  color: #0000ee;
}
.index-page a:visited {
  color: #551a8b;
}
.index-page .index-main-table {
  width: min(100%, 860px) !important;
  margin-left: auto;
  margin-right: auto;
  table-layout: fixed;
}
.index-page .index-main-table td:nth-child(1),
.index-page .index-main-table th:nth-child(1) { width: 38% !important; }
.index-page .index-main-table td:nth-child(2),
.index-page .index-main-table th:nth-child(2) { width: 16% !important; }
.index-page .index-main-table td:nth-child(3),
.index-page .index-main-table th:nth-child(3) { width: 2% !important; }
.index-page .index-main-table td:nth-child(4),
.index-page .index-main-table th:nth-child(4) { width: 44% !important; }
.index-page .family-row td:first-child a {
  font-size: 1.18rem;
  line-height: 1.35;
}
.index-page .family-row td {
  padding-top: .28rem;
  padding-bottom: .28rem;
}


/* Separate the introductory text/maps from the plant-family listing. */
.index-page .index-main-table {
  margin-bottom: 2rem;
}

.index-page .family-table {
  width: min(860px, 100%);
  margin: 0 auto;
  border-collapse: collapse;
  table-layout: auto;
}

.index-page .family-table th,
.index-page .family-table td {
  padding: 4px 8px;
  vertical-align: top;
}

.index-page .family-table .family-row td:first-child {
  font-size: 1.18em;
}