:root{color-scheme:light;--green:#235f35;--dark:#1f3124;--cream:#faf9f0;--line:#d6e2d2;--muted:#5a6c5b}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--dark);font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:#15592f}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9b6c25;outline-offset:2px}
header{background:#fff;border-bottom:1px solid var(--line)}header .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.1rem;padding-bottom:1.1rem}
.brand{font-size:1.35rem;font-weight:800;text-decoration:none;color:var(--green)}.wrap{max-width:1080px;margin:auto;padding:1.5rem}.intro{padding:2.8rem 0 1.6rem}
h1{font-family:Georgia,serif;line-height:1.16;font-size:clamp(2rem,4vw,3.1rem);margin:.2rem 0 1rem}h2{font-family:Georgia,serif;font-size:1.3rem;line-height:1.3;margin:.25rem 0 .4rem}
.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--green);margin:0}.intro>p:not(.eyebrow){max-width:690px;color:var(--muted)}
.search,.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem;box-shadow:0 4px 20px #254a2410}.search{display:flex;align-items:end;gap:.8rem;flex-wrap:wrap}
label{display:block;font-weight:650;margin:.8rem 0 .35rem}.search label{margin:0}input:not([type="checkbox"]):not([type="file"]),select,textarea{padding:.7rem;border-radius:8px;border:1px solid #a9bda9;background:#fff;font:inherit;color:inherit;max-width:100%}input[type="file"]{display:block;margin-bottom:1rem}
textarea{width:100%;resize:vertical}.search input{flex:2 1 210px}.search select{flex:1 1 200px}.search button{flex:0 0 auto}
button{background:var(--green);border:0;border-radius:8px;color:#fff;padding:.75rem 1.1rem;font:inherit;font-weight:700;cursor:pointer}.quiet{background:transparent;color:var(--green);border:1px solid var(--green)}
.count,.lead{font-size:1.15rem}.count{margin:1.5rem 0}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:1rem}.result{background:#fff;border:1px solid var(--line);padding:1.25rem;border-radius:12px}.result p:last-child{margin-bottom:0}
.pagination{display:flex;justify-content:space-between;padding:2rem 0;gap:1rem}.pagination a{background:#fff;padding:.55rem 1rem;border-radius:8px;border:1px solid var(--line)}.crumb{font-size:.92rem;padding:1.2rem 0;color:var(--muted)}
.profile{max-width:850px;padding-bottom:3rem}.profile .card{margin:1.5rem 0}.profile figure{margin:1.5rem 0}.profile img{max-width:min(100%,700px);height:auto;border-radius:12px}.profile figcaption,.muted,.source{font-size:.91rem;color:var(--muted)}.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.6rem}.facts div{padding:.85rem;border:1px solid var(--line);border-radius:8px;background:#fff}.facts dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.facts dd{margin:.2rem 0 0}
.captcha{display:block;max-width:100%;margin:1rem 0}.narrow{max-width:480px;margin:3rem auto}.card form>input:not([type="checkbox"]),.card form select{display:block;width:100%}.card button{margin-top:1rem}.check{display:flex;gap:.5rem;align-items:center}.private{border-color:#b69b82;background:#fff8ee}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.success{background:#e4f1e1;padding:.7rem;border-radius:8px}
.review-photo{display:block;max-width:min(100%,520px);max-height:380px;object-fit:contain;margin:1rem 0}.card form[action*="photo-review"]{display:inline-block;margin-right:.7rem}
footer{border-top:1px solid var(--line);font-size:.9rem;color:var(--muted);margin-top:4rem}
@media(max-width:550px){header .wrap{align-items:start;flex-direction:column}.search{display:block}.search input,.search select,.search button{display:block;width:100%;margin-bottom:.7rem}.wrap{padding:1rem}}


/* =========================================================
   FLORIDA SEED BANK PUBLIC PLANT DIRECTORY
   CANONICAL SITE STYLE — 2026-09-17
   ========================================================= */

:root {
  --fsb-green-dark: #225f32;
  --fsb-green-footer: #2f6537;
  --fsb-green: #39784a;
  --fsb-green-button: #5b8f61;
  --fsb-green-soft: #bfe2ad;
  --fsb-green-pale: #edf7e8;
  --fsb-green-page: #f6faf3;
  --fsb-text: #263128;
  --fsb-muted: #617067;
  --fsb-border: #dce8d7;
  --fsb-white: #ffffff;
}


/* -------------------------
   Base
   ------------------------- */

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--fsb-text);
  background:
    linear-gradient(
      180deg,
      #ffffff 0,
      #ffffff 145px,
      var(--fsb-green-page) 100%
    );
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.55;
}

* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
}

a {
  color: var(--fsb-green);
}

a:hover {
  color: var(--fsb-green-dark);
}


/* =========================================================
   CANONICAL FLORIDA SEED BANK HEADER
   ========================================================= */

body > header,
.site-header {
  position: relative;
  z-index: 100;

  width: 100%;

  background:
    linear-gradient(
      to bottom,
      #cceabb 0%,
      #f4faee 100%
    );

  border-top: 4px solid #263126;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);

  box-shadow:
    0 3px 10px rgba(32, 75, 42, 0.05);
}


body > header > .wrap,
.site-header .header-inner {
  width: min(1240px, 92%);
  height: 112px;
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;

  gap: 24px;

  overflow: visible;
}


/* Existing /plants/ .brand becomes the real FSB logo */

body > header .brand {
  position: relative;

  display: block;

  width: 345px;
  height: 108px;

  flex: 0 0 345px;

  overflow: visible;

  background:
    url("/images/logo-icon.png")
    left center / 340px auto
    no-repeat;

  font-size: 0 !important;
  line-height: 0 !important;

  color: transparent !important;
  text-indent: -9999px;

  z-index: 1;
}


/* soft glow behind logo, matching main site */

body > header .brand::before {
  content: "";

  position: absolute;
  z-index: -1;

  left: 43%;
  top: 50%;

  width: 320px;
  height: 86px;

  transform: translate(-50%, -50%);

  border-radius: 50%;

  background:
    radial-gradient(
      ellipse at center,
      rgba(255, 255, 255, 0.88) 0%,
      rgba(255, 255, 255, 0.62) 44%,
      rgba(255, 255, 255, 0.26) 68%,
      rgba(255, 255, 255, 0) 100%
    );

  filter: blur(9px);

  pointer-events: none;
}


/* Header navigation */

body > header nav,
.site-header .main-nav {
  position: relative;
  z-index: 20;

  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;

  gap: 10px 18px;

  margin-left: auto;

  font-size: 13px;
  line-height: 1;
  font-weight: 700;

  text-transform: uppercase;
}


body > header nav a,
.site-header .main-nav a {
  display: inline-block;

  padding: 10px 0;

  color: #243328;

  text-decoration: none;

  transition:
    color 0.2s ease,
    background-color 0.2s ease;
}


body > header nav a:hover,
body > header nav a:focus,
.site-header .main-nav a:hover {
  color: #36743d;
}


/* Make a plant-directory navigation link feel like part of site */

body > header nav a[href="/plants/"],
body > header nav a[href="/plants"],
body > header nav a[href*="seed-collection"] {
  color: var(--fsb-green-dark);
}


/* =========================================================
   MAIN PLANT DIRECTORY CONTENT
   ========================================================= */

main {
  min-height: 62vh;
}


main > .wrap,
main .wrap {
  width: min(1120px, 92%);
  margin-left: auto;
  margin-right: auto;
}


/* Generic top heading treatment */

main h1 {
  margin-top: 0;

  color: var(--fsb-green-dark);

  font-size: clamp(34px, 4.5vw, 54px);
  line-height: 1.07;
  letter-spacing: -1.3px;
}


main h2 {
  color: var(--fsb-green-dark);

  line-height: 1.15;
}


main h3 {
  color: #2e673d;
}


/* Main page panel */

main > .wrap {
  margin-top: 42px;
  margin-bottom: 56px;
  padding: 34px 38px;

  border: 1px solid var(--fsb-border);
  border-radius: 16px;

  background:
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fbfdf9 100%
    );

  box-shadow:
    0 12px 32px rgba(30, 77, 40, 0.08);
}


/* Plant/article cards */

main article,
.card,
.plant-card,
.profile,
.plant-profile {
  border-color: var(--fsb-border);

  background: #fff;

  border-radius: 14px;

  box-shadow:
    0 8px 24px rgba(30, 77, 40, 0.07);
}


/* Scientific names */

.scientific-name,
.latin-name,
.taxonomy em,
h1 em,
h2 em {
  color: #315c3a;
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 500;
}


/* Labels, badges, tags */

.badge,
.tag,
.status,
.label,
.pill {
  display: inline-block;

  padding: 6px 10px;

  border-radius: 999px;

  background: #d8edcc;

  color: #245f33;

  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;

  letter-spacing: 0.45px;
}


/* Plant images */

main figure,
main .image,
main .plant-image,
main .photo {
  overflow: hidden;

  border-radius: 12px;

  background: #eef6e9;

  box-shadow:
    0 8px 24px rgba(30, 77, 40, 0.10);
}


main figure img,
main .plant-image img,
main .photo img {
  width: 100%;

  object-fit: cover;

  border-radius: 12px;
}


figcaption,
.photo-credit,
.image-credit,
.source,
.sources {
  color: var(--fsb-muted);

  font-size: 12px;
  line-height: 1.5;
}


/* =========================================================
   TABLES / SPECIES DATA
   ========================================================= */

table {
  width: 100%;

  margin: 24px 0;

  border-collapse: separate;
  border-spacing: 0;

  overflow: hidden;

  border: 1px solid var(--fsb-border);
  border-radius: 10px;

  background: #fff;
}


th,
td {
  padding: 12px 15px;

  border-bottom: 1px solid #e3ece0;

  text-align: left;
  vertical-align: top;
}


th {
  width: 30%;

  background: #edf7e8;

  color: #285f36;

  font-weight: 700;
}


tr:last-child th,
tr:last-child td {
  border-bottom: 0;
}


/* =========================================================
   FORMS / SEARCH
   ========================================================= */

input,
select,
textarea {
  max-width: 100%;

  padding: 11px 13px;

  border: 1px solid #cbdac7;
  border-radius: 6px;

  background: #fff;

  color: #263128;

  font: inherit;
}


input:focus,
select:focus,
textarea:focus {
  outline: 2px solid rgba(57, 120, 74, 0.16);
  outline-offset: 1px;

  border-color: var(--fsb-green);
}


button,
.button,
.btn,
input[type="submit"] {
  display: inline-block;

  padding: 12px 18px;

  border: 0;
  border-radius: 6px;

  background: var(--fsb-green);
  color: #fff;

  font-weight: 700;

  cursor: pointer;

  text-decoration: none;
}


button:hover,
.button:hover,
.btn:hover,
input[type="submit"]:hover {
  background: #2c633b;
  color: #fff;
}


/* =========================================================
   LINKS / PAGINATION
   ========================================================= */

.pagination,
.pager {
  display: flex;
  align-items: center;
  flex-wrap: wrap;

  gap: 7px;

  margin: 30px 0;
}


.pagination a,
.pager a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-width: 38px;
  min-height: 38px;

  padding: 7px 11px;

  border: 1px solid #cfddca;
  border-radius: 6px;

  background: #fff;

  color: #326c40;

  font-weight: 700;

  text-decoration: none;
}


.pagination a:hover,
.pager a:hover {
  background: #edf7e8;
}


/* =========================================================
   CANONICAL FSB FOOTER
   ========================================================= */

body > footer,
.site-footer {
  width: 100%;

  margin-top: 60px;
  padding: 18px 0;

  background: #2f6537;

  color: #fff;
}


body > footer > .wrap,
body > footer .wrap,
.site-footer .footer-inner {
  width: min(1280px, 92%);
  margin: 0 auto;

  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;

  gap: 18px 28px;
}


body > footer,
body > footer a,
.site-footer,
.site-footer a {
  color: #fff;
}


body > footer a,
.site-footer a {
  font-weight: 700;

  text-decoration: none;
}


body > footer a:hover,
.site-footer a:hover {
  color: #fff;

  text-decoration: underline;
  text-underline-offset: 3px;
}


body > footer nav,
.site-footer .footer-links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;

  gap: 9px 15px;

  font-size: 11px;
  font-weight: 700;

  text-transform: uppercase;
}


body > footer p,
body > footer small,
.site-footer .footer-copy {
  margin: 0;

  color: rgba(255, 255, 255, 0.92);

  font-size: 11px;
  line-height: 1.55;
}


/* Existing simple /plants/ footer text */

body > footer > .wrap::before {
  content: "FLORIDA SEED BANK";

  display: block;

  color: #fff;

  font-size: 18px;
  line-height: 1.05;
  font-weight: 700;

  text-transform: uppercase;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1080px) {

  body > header > .wrap,
  .site-header .header-inner {
    height: 96px;
  }

  body > header .brand {
    width: 245px;
    height: 92px;

    flex-basis: 245px;

    background-size: 245px auto;
  }

  body > header .brand::before {
    width: 230px;
    height: 72px;
  }

  body > header nav {
    gap: 8px 13px;

    font-size: 12px;
  }
}


@media (max-width: 760px) {

  body > header > .wrap,
  .site-header .header-inner {
    min-height: 90px;
    height: auto;

    padding: 4px 0 12px;

    flex-direction: column;
    align-items: center;

    gap: 2px;
  }

  body > header .brand {
    width: 220px;
    height: 80px;

    flex: 0 0 80px;

    background-position: center;
    background-size: 220px auto;
  }

  body > header nav {
    width: 100%;

    justify-content: center;

    padding: 8px 0 4px;

    border-top: 1px solid rgba(31, 78, 43, 0.10);
  }

  main > .wrap {
    width: 94%;

    margin-top: 26px;
    margin-bottom: 38px;

    padding: 25px 20px;

    border-radius: 13px;
  }

  main h1 {
    font-size: 36px;
  }

  table,
  tbody,
  tr,
  th,
  td {
    display: block;

    width: 100%;
  }

  th {
    padding-bottom: 7px;

    border-bottom: 0;
  }

  td {
    padding-top: 5px;
  }

  body > footer > .wrap,
  body > footer .wrap,
  .site-footer .footer-inner {
    flex-direction: column;

    text-align: center;

    gap: 12px;
  }
}


@media (max-width: 520px) {

  body > header .brand {
    width: 190px;

    background-size: 190px auto;
  }

  main > .wrap {
    width: 92%;

    padding: 22px 17px;
  }

  main h1 {
    font-size: 31px;
    letter-spacing: -0.7px;
  }

  main h2 {
    font-size: 24px;
  }
}


/* =========================================================
   END FSB PUBLIC PLANT DIRECTORY STYLE
   ========================================================= */



/* =========================================================
   FSB EXACT MAIN-SITE HEADER + FOOTER
   2026-09-17
   ========================================================= */

.site-header {
  position: relative !important;
  z-index: 100 !important;
  width: 100% !important;
  background: linear-gradient(
    to bottom,
    #cceabb 0%,
    #f4faee 100%
  ) !important;
  border-top: 4px solid #263126 !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

.site-header .container {
  width: min(1240px, 92%) !important;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
}

.site-header .header-inner {
  height: 112px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  overflow: visible !important;
}

.site-header .logo {
  position: relative !important;
  width: 345px !important;
  height: 108px !important;
  flex: 0 0 345px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  text-indent: 0 !important;
}

.site-header .logo::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  left: 45% !important;
  top: 50% !important;
  width: 320px !important;
  height: 88px !important;
  transform: translate(-50%, -50%) !important;
  border-radius: 50% !important;
  background: radial-gradient(
    ellipse at center,
    rgba(255,255,255,.88) 0%,
    rgba(255,255,255,.64) 44%,
    rgba(255,255,255,.28) 68%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter: blur(9px) !important;
  pointer-events: none !important;
}

.site-header .logo img {
  position: relative !important;
  z-index: 1 !important;
  display: block !important;
  width: 340px !important;
  height: 170px !important;
  max-width: none !important;
  object-fit: contain !important;
  object-position: left center !important;
  transform: scale(1.48) !important;
  transform-origin: left center !important;
  pointer-events: none !important;
}

.site-header .main-nav {
  position: relative !important;
  z-index: 50 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  flex-wrap: nowrap !important;
  gap: 18px !important;
  margin-left: auto !important;
  padding: 0 !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.site-header .main-nav > a,
.site-header .nav-dropdown > a {
  display: inline-flex !important;
  align-items: center !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #111 !important;
  background: transparent !important;
  border: 0 !important;
  text-decoration: none !important;
}

.site-header .main-nav > a:hover,
.site-header .nav-dropdown > a:hover {
  color: #36743d !important;
}

.site-header .nav-dropdown {
  position: relative !important;
}

.site-header .nav-dropdown > a {
  gap: 6px !important;
}

.site-header .nav-dropdown > a::after {
  content: "▾" !important;
  font-size: 11px !important;
  transform: translateY(-1px) !important;
}

.site-header .dropdown-menu {
  display: none !important;
  position: absolute !important;
  z-index: 200 !important;
  top: calc(100% + 16px) !important;
  left: 0 !important;
  width: 285px !important;
  padding: 8px 0 !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 8px !important;
  background: #fff !important;
  box-shadow: 0 12px 28px rgba(23,69,35,.16) !important;
  text-transform: none !important;
  white-space: normal !important;
}

.site-header .nav-dropdown:hover .dropdown-menu,
.site-header .nav-dropdown:focus-within .dropdown-menu {
  display: block !important;
}

.site-header .dropdown-menu a {
  display: block !important;
  padding: 13px 18px !important;
  color: #233128 !important;
  background: #fff !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.site-header .dropdown-menu a:hover {
  background: #edf7e8 !important;
  color: #276735 !important;
}

.site-header .nav-button {
  padding: 15px 22px !important;
  border-radius: 5px !important;
  background: #5b8f61 !important;
  color: #fff !important;
}

.site-header .nav-button:hover {
  background: #3f7147 !important;
  color: #fff !important;
}


/* FOOTER */

.site-footer {
  width: 100% !important;
  margin-top: 60px !important;
  padding: 18px 0 !important;
  background: #2f6537 !important;
  color: #fff !important;
  border: 0 !important;
}

.site-footer .footer-inner {
  width: min(1280px, 92%) !important;
  margin: 0 auto !important;
  display: grid !important;
  grid-template-columns: 170px minmax(0,1fr) 330px !important;
  align-items: center !important;
  gap: 28px !important;
}

.site-footer .footer-brand {
  text-align: left !important;
}

.site-footer .footer-brand strong {
  display: block !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
}

.site-footer .footer-brand span {
  display: block !important;
  margin-top: 8px !important;
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.site-footer .footer-links {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 11px 17px !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.site-footer .footer-links a {
  display: inline-block !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #fff !important;
  background: transparent !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.site-footer .footer-links a:hover {
  color: #fff !important;
  text-decoration: underline !important;
  text-underline-offset: 3px !important;
}

.site-footer .footer-image-note {
  max-width: 620px !important;
  margin: 24px auto 0 !important;
  color: rgba(255,255,255,.65) !important;
  font-size: 9px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.site-footer .footer-copy {
  color: #fff !important;
  font-size: 11px !important;
  line-height: 1.55 !important;
  text-align: right !important;
}


/* RESPONSIVE */

@media (max-width: 1240px) and (min-width:1081px) {

  .site-header .header-inner {
    height: 104px !important;
  }

  .site-header .logo {
    width: 285px !important;
    height: 100px !important;
    flex-basis: 285px !important;
  }

  .site-header .logo img {
    width: 285px !important;
    height: 150px !important;
    transform: scale(1.4) !important;
  }

  .site-header .main-nav {
    gap: 13px !important;
    font-size: 13px !important;
  }

  .site-header .nav-button {
    padding: 14px 16px !important;
  }
}

@media (max-width:1080px) {

  .site-header .header-inner {
    height: auto !important;
    min-height: 96px !important;
    flex-wrap: wrap !important;
    padding: 8px 0 !important;
  }

  .site-header .logo {
    width: 245px !important;
    height: 92px !important;
    flex-basis: 245px !important;
  }

  .site-header .logo img {
    width: 245px !important;
    height: 136px !important;
    transform: scale(1.35) !important;
  }

  .site-header .main-nav {
    width: 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 10px 15px !important;
    padding: 8px 0 12px !important;
  }

  .site-footer .footer-inner {
    grid-template-columns: 1fr !important;
    gap: 15px !important;
    text-align: center !important;
  }

  .site-footer .footer-brand,
  .site-footer .footer-copy {
    text-align: center !important;
  }
}

@media (max-width:600px) {

  .site-header .header-inner {
    justify-content: center !important;
  }

  .site-header .logo {
    width: 210px !important;
    height: 82px !important;
    flex-basis: 210px !important;
  }

  .site-header .logo img {
    width: 210px !important;
    height: 118px !important;
    transform: scale(1.28) !important;
  }

  .site-header .main-nav {
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
}


/* =========================================================
   FSB PLANT DIRECTORY — CURRENT INDEX HEADER POSITIONING
   2026-09-17
========================================================= */

@media (min-width: 1081px) {

  .site-header .header-inner {
    width: 99.2% !important;
    max-width: none !important;
  }

  .site-header .logo {
    width: 310px !important;
    flex-basis: 310px !important;
    margin-left: -34px !important;
  }

  .site-header .logo img {
    width: 340px !important;
    max-width: none !important;
  }

  .site-header .main-nav {
    gap: 14px !important;
    margin-left: 18px !important;
    margin-right: auto !important;
  }

  .site-header .nav-button {
    padding-left: 17px !important;
    padding-right: 17px !important;
    margin-left: 4px !important;
  }

}



/* =========================================================
   FSB PLANTS HEADER FINAL MATCH TO INDEX.HTML
   2026-09-17
========================================================= */

/* Hamburger is hidden on desktop exactly like index.html */
.site-header .menu-toggle {
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  color: #1f4e2b !important;
  font-size: 31px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 50 !important;
}


/* Founding Circle must remain a real green button */
.site-header .main-nav > a.nav-button,
.site-header .main-nav > a.nav-button:link,
.site-header .main-nav > a.nav-button:visited {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 15px 22px !important;
  margin-left: 4px !important;

  border-radius: 5px !important;
  border: 0 !important;

  background: #5b8f61 !important;
  color: #fff !important;

  text-decoration: none !important;
  white-space: nowrap !important;

  line-height: 1 !important;
}

.site-header .main-nav > a.nav-button:hover,
.site-header .main-nav > a.nav-button:focus {
  background: #3f7147 !important;
  color: #fff !important;
}


/* Desktop */
@media (min-width: 1081px) {

  .site-header .menu-toggle {
    display: none !important;
  }

  .site-header .main-nav > a.nav-button {
    padding: 15px 22px !important;
    margin-left: 4px !important;
  }

}


/* Mobile/tablet: hamburger becomes visible */
@media (max-width: 1080px) {

  .site-header .menu-toggle {
    display: block !important;
  }

  .site-header .main-nav > a.nav-button {
    margin-top: 4px !important;
    margin-left: 0 !important;
  }

}



/* =========================================================
   FSB PLANTS — INDEX.HTML MOBILE NAVIGATION
   2026-09-17
========================================================= */

@media (max-width: 1080px) {

  .site-header .header-inner {
    height: 96px !important;
    min-height: 96px !important;
    flex-wrap: nowrap !important;
    padding: 0 !important;
    position: relative !important;
  }

  .site-header .logo {
    width: 245px !important;
    height: 92px !important;
    flex-basis: 245px !important;
    margin-left: 0 !important;
  }

  .site-header .logo img {
    width: 245px !important;
    height: 136px !important;
    max-width: none !important;
    transform: scale(1.35) !important;
    pointer-events: none !important;
  }

  .site-header .menu-toggle {
    display: block !important;

    margin-left: auto !important;
    margin-right: 16px !important;

    padding: 8px 10px !important;

    border: 0 !important;
    border-radius: 4px !important;

    background: transparent !important;
    color: #1f4e2b !important;

    font-size: 31px !important;
    line-height: 1 !important;

    cursor: pointer !important;

    position: relative !important;
    z-index: 110 !important;
  }

  .site-header .main-nav {
    display: none !important;

    position: absolute !important;
    z-index: 100 !important;

    top: 96px !important;
    left: 0 !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;

    flex-direction: column !important;
    align-items: stretch !important;

    gap: 4px !important;

    font-size: 15px !important;

    background: #f3faef !important;

    box-shadow:
      0 8px 15px rgba(0, 0, 0, 0.12) !important;
  }

  .site-header .main-nav.open {
    display: flex !important;
  }

  .site-header .main-nav > a,
  .site-header .nav-dropdown > a {
    width: 100% !important;

    padding: 12px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    text-align: center !important;
  }

  .site-header .nav-dropdown {
    width: 100% !important;
  }

  /*
   * Our Work is collapsed until tapped.
   */
  .site-header .dropdown-menu {
    display: none !important;

    position: static !important;

    width: 100% !important;
    min-width: 0 !important;

    padding: 4px 0 8px !important;

    transform: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }

  .site-header
  .nav-dropdown.mobile-open
  .dropdown-menu {
    display: block !important;
  }

  .site-header .dropdown-menu::before {
    display: none !important;
  }

  .site-header .dropdown-menu a {
    display: block !important;

    width: 100% !important;

    padding: 10px 18px !important;

    background: transparent !important;
    color: #31543a !important;

    text-align: center !important;
    font-size: 14px !important;
  }

  .site-header .dropdown-menu a:hover,
  .site-header .dropdown-menu a.active {
    background: #e4f2dd !important;
    color: #276735 !important;
  }

  /*
   * Keep the Founding Circle treatment from desktop.
   */
  .site-header .main-nav > a.nav-button,
  .site-header .main-nav > a.nav-button:link,
  .site-header .main-nav > a.nav-button:visited {
    width: 100% !important;

    margin: 4px 0 0 !important;
    padding: 15px 22px !important;

    border-radius: 5px !important;

    background: #5b8f61 !important;
    color: #fff !important;

    text-align: center !important;
  }

  .site-header .main-nav > a.nav-button:hover,
  .site-header .main-nav > a.nav-button:focus {
    background: #3f7147 !important;
    color: #fff !important;
  }

}


/* Desktop stays exactly desktop */
@media (min-width: 1081px) {

  .site-header .menu-toggle {
    display: none !important;
  }

  .site-header .main-nav {
    display: flex !important;
  }

}



/* ==========================================================
   FSB /PLANTS/
   EXACT INDEX.HTML MOBILE HEADER RESET
   2026-09-17
========================================================== */

@media (max-width: 1080px) {

  /* HEADER */
  body .site-header {
    width: 100% !important;
    height: 96px !important;
    min-height: 96px !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;
    overflow: visible !important;

    background: linear-gradient(
      90deg,
      #cceabb 0%,
      #f4faee 100%
    ) !important;

    border-top: 1px solid #263126 !important;
  }


  /* SAME SINGLE ROW AS INDEX */
  body .site-header .header-inner {
    width: 92% !important;
    max-width: 1280px !important;

    height: 96px !important;
    min-height: 96px !important;

    margin: 0 auto !important;
    padding: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;

    position: relative !important;
    overflow: visible !important;
  }


  /* LOGO — EXACT INDEX MOBILE SIZE */
  body .site-header .logo {
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;

    height: 92px !important;

    flex: 0 0 245px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;
    align-items: center !important;

    position: relative !important;

    overflow: visible !important;

    z-index: 1 !important;
  }


  body .site-header .logo img {
    width: 245px !important;
    min-width: 245px !important;
    max-width: none !important;

    height: 136px !important;

    margin: 0 !important;
    padding: 0 !important;

    display: block !important;

    object-fit: contain !important;

    transform: scale(1.35) !important;
    transform-origin: center center !important;

    pointer-events: none !important;
  }


  /* HAMBURGER MUST STAY INSIDE HEADER */
  body .site-header
  .header-inner > button.menu-toggle {

    display: block !important;

    width: auto !important;
    height: auto !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    margin-left: auto !important;

    padding: 8px 4px !important;

    position: static !important;
    inset: auto !important;

    transform: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    color: #1f4e2b !important;

    font-family: Arial, Helvetica, sans-serif !important;

    font-size: 31px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    cursor: pointer !important;

    z-index: 110 !important;
  }


  /* MAIN MOBILE MENU */
  body .site-header .main-nav {

    display: none !important;

    position: absolute !important;

    top: 96px !important;
    right: auto !important;
    bottom: auto !important;
    left: 0 !important;

    width: 100% !important;
    max-width: none !important;

    height: auto !important;

    margin: 0 !important;
    padding: 18px !important;

    flex-direction: column !important;
    flex-wrap: nowrap !important;

    align-items: stretch !important;
    justify-content: flex-start !important;

    gap: 4px !important;

    background: #f3faef !important;

    box-shadow:
      0 8px 15px rgba(0, 0, 0, 0.12) !important;

    font-size: 15px !important;

    transform: none !important;

    z-index: 100 !important;
  }


  body .site-header .main-nav.open {
    display: flex !important;
  }


  body .site-header .main-nav > a,
  body .site-header .nav-dropdown > a {

    width: 100% !important;

    margin: 0 !important;
    padding: 12px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    color: #111 !important;

    text-align: center !important;
    text-decoration: none !important;
  }


  /* OUR WORK */
  body .site-header .nav-dropdown {

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    position: static !important;
  }


  body .site-header .dropdown-menu {

    display: none !important;

    position: static !important;

    top: auto !important;
    left: auto !important;
    right: auto !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 4px 0 8px !important;

    transform: none !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;

    box-shadow: none !important;
  }


  body .site-header
  .nav-dropdown.mobile-open
  .dropdown-menu {

    display: block !important;
  }


  body .site-header .dropdown-menu::before {
    display: none !important;
  }


  body .site-header .dropdown-menu a {

    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 10px 18px !important;

    background: transparent !important;

    color: #31543a !important;

    text-align: center !important;
    font-size: 14px !important;
  }


  body .site-header .dropdown-menu a:hover,
  body .site-header .dropdown-menu a.active {

    background: #e4f2dd !important;
    color: #276735 !important;
  }


  /* FOUNDING CIRCLE */
  body .site-header
  .main-nav > a.nav-button {

    width: 100% !important;

    margin: 4px 0 0 !important;
    padding: 15px 22px !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    border-radius: 5px !important;

    background: #5b8f61 !important;

    color: #fff !important;

    text-align: center !important;

    white-space: normal !important;
  }

}


/* DESKTOP — NEVER SHOW HAMBURGER */
@media (min-width: 1081px) {

  body .site-header .menu-toggle {
    display: none !important;
  }

  body .site-header .main-nav {
    display: flex !important;
  }

}



/* =========================================================
   FSB /PLANTS/ MOBILE HEADER POSITION
   MATCH STATIC HTML PAGES — 2026-09-17
========================================================= */

@media (max-width: 1080px) {

  .site-header .header-inner {
    width: 92% !important;
    max-width: 1280px !important;

    height: 96px !important;
    min-height: 96px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;

    align-items: center !important;
    justify-content: space-between !important;
  }

  .site-header .logo {
    width: 245px !important;
    min-width: 245px !important;
    max-width: 245px !important;

    height: 92px !important;

    flex: 0 0 245px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding: 0 !important;
  }

  .site-header .logo img {
    width: 245px !important;
    min-width: 245px !important;
    max-width: none !important;

    height: 136px !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding: 0 !important;

    transform: scale(1.35) !important;
    transform-origin: center center !important;
  }

  .site-header .menu-toggle {
    margin-left: auto !important;
    margin-right: 0 !important;
  }

}


/* =========================================================
   PUBLIC PLANT RECORD PHOTO
   2026-09-17
   ========================================================= */

.profile .plant-record-photo {
  width: min(100%, 760px);
  margin: 28px 0 32px;
  padding: 0;
}

.profile .plant-record-photo img {
  display: block;
  width: 100%;
  max-width: 760px;
  max-height: 620px;
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #edf7e8;
  border: 1px solid #dce8d7;
  border-radius: 14px;
  box-shadow: 0 8px 24px rgba(30, 77, 40, 0.10);
}

.profile .plant-record-photo figcaption {
  margin-top: 9px;
  padding: 0 2px;
  color: #617067;
  font-size: 12px;
  line-height: 1.5;
}

.profile .plant-record-photo figcaption a {
  font-weight: 600;
}

@media (max-width: 600px) {
  .profile .plant-record-photo {
    margin: 22px 0 26px;
  }

  .profile .plant-record-photo img {
    max-height: 480px;
  }
}


/* =========================================================
   PLANT RECORD PHOTO — UNIFORM DISPLAY FRAME
   2026-09-17
   ========================================================= */

.profile .plant-record-photo {
  width: min(100%, 680px);
  margin: 28px 0 32px;
  padding: 12px;
  box-sizing: border-box;
  background: #edf7e8;
  border: 1px solid #dce8d7;
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(30, 77, 40, 0.10);
}

.profile .plant-record-photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: contain;
  object-position: center;
  background: #ffffff;
  border: 0;
  border-radius: 10px;
  box-shadow: none;
}

.profile .plant-record-photo figcaption {
  margin: 10px 2px 0;
  padding: 0;
  color: #617067;
  font-size: 12px;
  line-height: 1.5;
}

.profile .plant-record-photo figcaption a {
  font-weight: 600;
}

@media (max-width: 600px) {
  .profile .plant-record-photo {
    width: 100%;
    margin: 22px 0 26px;
    padding: 8px;
  }
}


/* Keep footer social media icons white on plant lookup pages */
.site-footer .footer-social a img {
    filter: brightness(0) invert(1) !important;
    opacity: 1 !important;
}

/* Match social icon spacing on the main Florida Seed Bank footer */
.site-footer .footer-brand .footer-social {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 22px !important;
    margin-top: 12px !important;
}

.site-footer .footer-brand .footer-social a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 34px !important;
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.site-footer .footer-brand .footer-social a img {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
    filter: brightness(0) invert(1) !important;
}

/* Center footer social icons on mobile only */
@media (max-width: 600px) {
    .site-footer .footer-brand .footer-social {
        justify-content: center !important;
        width: 100% !important;
        gap: 22px !important;
        margin-top: 12px !important;
    }
}

/* =========================================================
   FSB NATIVE PLANT DIRECTORY — AUTHORITY / EDITORIAL EVOLUTION
   2026-10-14
   ========================================================= */

.intro {
  position: relative;
  padding: 18px 0 30px;
}

.intro::after {
  content: "";
  display: block;
  width: 72px;
  height: 3px;
  margin-top: 22px;
  border-radius: 999px;
  background: linear-gradient(90deg, #2f6537, #9bc789);
}

.intro h1 {
  max-width: 900px;
  margin-bottom: 14px;
  letter-spacing: -0.025em;
}

.intro > p:not(.eyebrow) {
  max-width: 820px;
  margin-bottom: 0;
  font-size: 17px;
  line-height: 1.75;
}

.directory-browse {
  margin: 4px 0 34px;
  padding: 28px;
  border: 1px solid #d8e5d4;
  border-radius: 18px;
  background:
    radial-gradient(circle at 92% 0%, rgba(191,226,173,.32), transparent 34%),
    linear-gradient(145deg, #ffffff 0%, #f7fbf4 100%);
  box-shadow: 0 12px 30px rgba(32,75,42,.07);
}

.directory-browse-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 24px;
}

.directory-browse-head h2 {
  margin: 4px 0 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.55rem, 2.7vw, 2.15rem);
  color: #244d2e;
}

.directory-browse-head p:not(.eyebrow) {
  max-width: 720px;
  margin: 0;
  color: var(--fsb-muted);
}

.browse-all-link,
.directory-back-link {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10px 14px;
  border: 1px solid #c9dcc3;
  border-radius: 999px;
  background: #fff;
  color: #286238;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
}

.browse-all-link:hover,
.directory-back-link:hover {
  background: #edf7e8;
  border-color: #a9caa2;
}

.browse-label {
  margin: 24px 0 12px;
  color: #51665a;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.browse-label-families {
  margin-top: 26px;
}

.region-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
}

.region-card {
  position: relative;
  min-height: 190px;
  display: flex;
  flex-direction: column;
  padding: 20px;
  overflow: hidden;
  border: 1px solid #cfdfcb;
  border-radius: 14px;
  background: #fff;
  color: #263128;
  text-decoration: none;
  box-shadow: 0 7px 18px rgba(32,75,42,.05);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.region-card::after {
  content: "";
  position: absolute;
  right: -24px;
  bottom: -32px;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(132,177,110,.23), rgba(132,177,110,0) 68%);
  pointer-events: none;
}

.region-card:hover {
  transform: translateY(-3px);
  border-color: #9fc498;
  box-shadow: 0 13px 28px rgba(32,75,42,.12);
  color: #263128;
}

.region-card-kicker {
  margin-bottom: 11px;
  color: #39784a;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.region-card strong {
  margin-bottom: 9px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  color: #225f32;
}

.region-card > span:not(.region-card-kicker) {
  color: #617067;
  font-size: 12.5px;
  line-height: 1.55;
}

.region-card b {
  margin-top: auto;
  padding-top: 15px;
  color: #2d6d3b;
  font-size: 12px;
}

.family-chip-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.family-chip {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "name count"
    "sub count";
  gap: 1px 9px;
  align-items: center;
  padding: 13px 14px;
  border: 1px solid #d7e4d3;
  border-radius: 10px;
  background: rgba(255,255,255,.88);
  color: #2b4732;
  text-decoration: none;
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.family-chip:hover {
  transform: translateY(-2px);
  border-color: #a8c9a0;
  background: #fff;
}

.family-chip span {
  grid-area: name;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #245f33;
  font-size: 12px;
  font-weight: 800;
  white-space: nowrap;
}

.family-chip strong {
  grid-area: count;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 22px;
  color: #315c3a;
}

.family-chip small {
  grid-area: sub;
  color: #758078;
  font-size: 10px;
}

.search#plant-search {
  position: relative;
  margin: 0 0 26px;
  padding: 20px;
  border: 1px solid #cbdcc7;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(30,77,40,.06);
}

.search#plant-search::before {
  content: "Search the native flora";
  flex-basis: 100%;
  margin-bottom: 3px;
  color: #315f3b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  font-weight: 700;
}

.search#plant-search input,
.search#plant-search select {
  min-height: 46px;
}

.search#plant-search button {
  min-height: 46px;
  padding-inline: 20px;
  box-shadow: 0 6px 14px rgba(35,95,53,.16);
}

.directory-results-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  margin: 22px 0 15px;
  padding-bottom: 13px;
  border-bottom: 1px solid #dce8d7;
}

.directory-results-head .count {
  margin: 2px 0 0;
  color: #2a4531;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 23px;
  font-weight: 700;
}

.plant-results-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.plant-result-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #d7e4d3;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(30,77,40,.065);
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}

.plant-result-card:hover {
  transform: translateY(-3px);
  border-color: #accba5;
  box-shadow: 0 15px 32px rgba(30,77,40,.12);
}

.plant-result-media {
  display: block;
  height: 205px;
  overflow: hidden;
  background:
    radial-gradient(circle at 50% 40%, #eef7e9 0, #dfedd8 55%, #d4e4cf 100%);
}

.plant-result-media img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: transform .32s ease;
}

.plant-result-card:hover .plant-result-media img {
  transform: scale(1.025);
}

.plant-result-placeholder {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #477451;
  background:
    linear-gradient(135deg, rgba(255,255,255,.35), transparent 50%),
    radial-gradient(circle at 50% 34%, rgba(255,255,255,.75), transparent 36%);
}

.plant-result-placeholder span {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 28px;
  font-weight: 700;
  letter-spacing: .08em;
}

.plant-result-placeholder small {
  margin-top: 4px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.plant-result-content {
  padding: 17px 18px 18px;
}

.plant-result-badges {
  min-height: 26px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 10px;
}

.plant-badge {
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  padding: 5px 8px;
  border-radius: 999px;
  font-size: 9.5px;
  line-height: 1.1;
  font-weight: 850;
  letter-spacing: .045em;
  text-decoration: none;
  text-transform: uppercase;
}

.plant-badge-family {
  overflow: hidden;
  border: 1px solid #c5ddbc;
  background: #edf7e8;
  color: #2a6338;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.plant-badge-range {
  border: 1px solid #e2ddc5;
  background: #fbf8e9;
  color: #69603b;
}

.plant-result-card h2 {
  margin: 0 0 7px;
  font-size: 20px;
  line-height: 1.24;
}

.plant-result-card h2 a {
  color: #274f31;
  text-decoration: none;
}

.plant-result-card h2 a:hover {
  color: #39784a;
}

.plant-common-name {
  min-height: 44px;
  margin: 0 0 14px;
  color: #5d6d62;
  font-size: 13px;
  line-height: 1.55;
}

.plant-record-link {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #2d6c3c;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
}

.plant-record-link:hover {
  text-decoration: underline;
}

.profile > h1 {
  max-width: 900px;
  letter-spacing: -0.02em;
}

.profile > .lead {
  max-width: 760px;
  color: #52645a;
  font-size: 18px;
}

.profile .card {
  border-left: 4px solid #b8d6ad;
}

.facts div {
  transition: border-color .2s ease, box-shadow .2s ease;
}

.facts div:hover {
  border-color: #bdd3b7;
  box-shadow: 0 5px 14px rgba(30,77,40,.05);
}

@media (max-width: 980px) {
  .region-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .region-card:last-child {
    grid-column: span 2;
    min-height: 150px;
  }

  .family-chip-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .plant-results-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 650px) {
  main > .wrap {
    width: 94%;
    margin-top: 22px;
    padding: 22px 16px;
    border-radius: 14px;
  }

  .directory-browse {
    padding: 20px 14px;
  }

  .directory-browse-head,
  .directory-results-head {
    display: block;
  }

  .browse-all-link,
  .directory-back-link {
    margin-top: 14px;
  }

  .region-grid,
  .family-chip-grid,
  .plant-results-grid {
    grid-template-columns: 1fr;
  }

  .region-card:last-child {
    grid-column: auto;
  }

  .region-card {
    min-height: 160px;
  }

  .plant-result-card {
    display: grid;
    grid-template-columns: 118px minmax(0, 1fr);
  }

  .plant-result-media {
    height: 100%;
    min-height: 180px;
  }

  .plant-result-content {
    padding: 15px 14px;
  }

  .plant-result-card h2 {
    font-size: 17px;
  }

  .plant-common-name {
    min-height: 0;
  }

  .plant-badge {
    font-size: 8.5px;
  }
}

@media (max-width: 430px) {
  .plant-result-card {
    grid-template-columns: 96px minmax(0, 1fr);
  }

  .plant-result-media {
    min-height: 165px;
  }

  .plant-result-content {
    padding: 13px 12px;
  }
}

/* =========================================================
   FSB PLANT RESULT CARD — FINAL CONSISTENCY OVERRIDE
   2026-10-14
   Keeps search, family, genus, and region cards identical.
   ========================================================= */
.results.plant-results-grid > .plant-result-card,
.plant-results-grid > .plant-result-card {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 1px solid #d7e4d2 !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 8px 22px rgba(30, 77, 40, 0.07) !important;
}

.results.plant-results-grid > .plant-result-card .plant-result-media,
.plant-results-grid > .plant-result-card .plant-result-media {
  display: block !important;
  width: 100% !important;
  aspect-ratio: 4 / 3 !important;
  overflow: hidden !important;
  background: #edf5e9 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.results.plant-results-grid > .plant-result-card .plant-result-media img,
.plant-results-grid > .plant-result-card .plant-result-media img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover !important;
  object-position: center !important;
  border: 0 !important;
  border-radius: 0 !important;
}

.results.plant-results-grid > .plant-result-card .plant-result-content,
.plant-results-grid > .plant-result-card .plant-result-content {
  display: flex !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  padding: 18px 18px 19px !important;
}

.results.plant-results-grid > .plant-result-card .plant-result-badges,
.plant-results-grid > .plant-result-card .plant-result-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin: 0 0 11px !important;
}

.results.plant-results-grid > .plant-result-card .plant-badge,
.plant-results-grid > .plant-result-card .plant-badge {
  display: inline-flex !important;
  align-items: center !important;
  width: auto !important;
  max-width: 100% !important;
  padding: 5px 9px !important;
  border-radius: 999px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  letter-spacing: .07em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  white-space: normal !important;
}

.results.plant-results-grid > .plant-result-card .plant-badge-family,
.plant-results-grid > .plant-result-card .plant-badge-family {
  color: #2b6840 !important;
  background: #eef7e9 !important;
  border: 1px solid #cfe2c7 !important;
}

.results.plant-results-grid > .plant-result-card .plant-badge-range,
.plant-results-grid > .plant-result-card .plant-badge-range {
  color: #6a5a2f !important;
  background: #fbf7e9 !important;
  border: 1px solid #e4d8af !important;
}

.results.plant-results-grid > .plant-result-card h2,
.plant-results-grid > .plant-result-card h2 {
  margin: 0 0 8px !important;
  font-size: 1.35rem !important;
  line-height: 1.18 !important;
}

.results.plant-results-grid > .plant-result-card h2 a,
.plant-results-grid > .plant-result-card h2 a {
  color: #2c633b !important;
  text-decoration: none !important;
}

.results.plant-results-grid > .plant-result-card .plant-common-name,
.plant-results-grid > .plant-result-card .plant-common-name {
  margin: 0 0 18px !important;
  color: #58685d !important;
  font-size: .92rem !important;
  line-height: 1.45 !important;
}

.results.plant-results-grid > .plant-result-card .plant-record-link,
.plant-results-grid > .plant-result-card .plant-record-link {
  margin-top: auto !important;
  color: #2b6840 !important;
  font-size: .84rem !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

@media (max-width: 600px) {
  .results.plant-results-grid > .plant-result-card .plant-result-content,
  .plant-results-grid > .plant-result-card .plant-result-content {
    padding: 16px !important;
  }
}
/*
 * =========================================================
   FSB DIRECTORY AUTHORITY + ACCESSIBILITY PASS — 2026-10-14
   ======================================================== */
.skip-link{position:fixed;left:14px;top:10px;z-index:99999;padding:10px 14px;border-radius:7px;background:#173f24;color:#fff!important;font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform .15s ease}.skip-link:focus{transform:translateY(0)}
.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;color:#657268}.crumb a{font-weight:700;text-decoration:none}.crumb a:hover{text-decoration:underline;text-underline-offset:3px}
.plant-autocomplete{position:relative;flex:2 1 260px}.plant-autocomplete label{display:block}.plant-autocomplete input{width:100%}
.plant-suggestions{position:absolute;z-index:90;left:0;right:0;top:calc(100% + 6px);max-height:390px;overflow:auto;border:1px solid #cdddc8;border-radius:12px;background:#fff;box-shadow:0 16px 36px rgba(23,63,36,.16)}
.plant-suggestions a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:11px 13px;border-bottom:1px solid #edf2ea;color:#253128;text-decoration:none}.plant-suggestions a:last-child{border-bottom:0}.plant-suggestions a:hover,.plant-suggestions a.active{background:#edf7e8}.plant-suggestions strong{font-family:Georgia,"Times New Roman",serif;color:#285f36}.plant-suggestions span{grid-column:1;color:#58685d;font-size:.88rem}.plant-suggestions small{grid-column:2;grid-row:1 / span 2;align-self:center;color:#477052;font-size:.69rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.group-discovery{margin:0 0 28px;padding:22px;border:1px solid #d9e7d4;border-radius:14px;background:linear-gradient(135deg,#f7fbf4,#fff)}.group-discovery>.eyebrow{margin-bottom:12px}.group-chip-grid{display:flex;flex-wrap:wrap;gap:9px}.group-chip{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:9px 12px;border:1px solid #cfe0c9;border-radius:999px;background:#fff;color:#285f36;text-decoration:none;font-weight:700;box-shadow:0 3px 10px rgba(30,77,40,.04)}.group-chip strong{display:inline-grid;place-items:center;min-width:28px;height:28px;padding:0 7px;border-radius:999px;background:#e7f3e1;font-size:.78rem}.group-chip:hover{border-color:#9fc295;background:#f5faf2;transform:translateY(-1px)}
.no-results{margin:24px 0 34px;padding:28px;border:1px solid #d6e3d1;border-radius:16px;background:linear-gradient(135deg,#fff,#f4f9f1);box-shadow:0 10px 26px rgba(30,77,40,.06)}.no-results h2{margin:.35rem 0 .6rem}.no-results p:not(.eyebrow){max-width:700px;color:#5c6a60}.no-results-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.no-results-actions a{display:inline-flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid #bcd3b5;border-radius:8px;background:#fff;color:#2f6b3e;font-weight:800;text-decoration:none}.no-results-actions a:first-child{background:#39784a;color:#fff;border-color:#39784a}
.methodology-intro{max-width:820px}.methodology-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.methodology-card{margin:0!important}.methodology-card h2{margin-top:0}.methodology-source{margin-top:18px}
.search button,.directory-back-link,.browse-all-link,.plant-record-link,.pagination a{min-height:44px}
@media(max-width:760px){.methodology-grid{grid-template-columns:1fr}.plant-autocomplete{width:100%;flex-basis:100%}.plant-suggestions{position:absolute}.group-discovery{padding:18px}.group-chip-grid{gap:7px}.group-chip{font-size:.88rem}.no-results{padding:21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
.did-you-mean{margin-top:18px;padding:14px 16px;border:1px solid #d9e7d4;border-radius:10px;background:#fff}.did-you-mean>strong{display:block;margin-bottom:8px;color:#274f31}.did-you-mean>div{display:flex;flex-wrap:wrap;gap:8px}.did-you-mean a{display:inline-flex;align-items:center;min-height:38px;padding:7px 10px;border:1px solid #d5e3d0;border-radius:999px;background:#f7fbf5;color:#2f6b3e;text-decoration:none;font-weight:700}.did-you-mean a:hover{background:#edf7e8;border-color:#a9c79f}
@media(max-width:650px){html,body{max-width:100%;overflow-x:clip}main> .wrap{max-width:94vw!important;min-width:0!important}.intro,.directory-browse,.directory-browse-head,.directory-results-head{min-width:0!important;max-width:100%!important}.intro h1{font-size:clamp(2rem,10.5vw,2.65rem)!important;line-height:1.08!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;max-width:100%!important}.directory-browse-head h2{font-size:clamp(1.7rem,8.5vw,2.15rem)!important;line-height:1.12!important;white-space:normal!important;overflow-wrap:break-word!important;max-width:100%!important}.intro>p:not(.eyebrow),.directory-browse-head p:not(.eyebrow){font-size:16px!important;line-height:1.65!important;max-width:100%!important}.region-card,.family-chip,.plant-result-card{min-width:0!important;max-width:100%!important}}
.site-footer .footer-image-note{opacity:.92!important;color:rgba(255,255,255,.95)!important}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Skip link: visually hidden unless keyboard-focused */
.skip-link {
  position: fixed !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
  border: 0 !important;
  transform: none !important;
}
.skip-link:focus,
.skip-link:focus-visible {
  width: auto !important;
  height: auto !important;
  left: 14px !important;
  top: 10px !important;
  padding: 10px 14px !important;
  margin: 0 !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: normal !important;
  background: #173f24 !important;
  color: #fff !important;
  border-radius: 7px !important;
  z-index: 99999 !important;
}


/* FSB DESKTOP NAV HOVER — 2026-10-14 */
@media (min-width:1081px){
  .site-header .main-nav{gap:4px!important}
  .site-header .main-nav>a:not(.nav-button),
  .site-header .nav-dropdown>a{
    display:inline-flex!important;align-items:center!important;min-height:38px!important;
    padding:0 9px!important;border:1px solid rgba(47,101,55,.14)!important;border-radius:7px!important;
    background-color:transparent!important;background-image:linear-gradient(to right,#2f6537 0 0)!important;
    background-repeat:no-repeat!important;background-position:left center!important;background-size:0% 100%!important;
    color:#18271c!important;text-decoration:none!important;
    transition:background-size .32s cubic-bezier(.2,.7,.2,1),color .22s ease,border-color .22s ease,box-shadow .22s ease,transform .22s ease!important
  }
  .site-header .main-nav>a:not(.nav-button):hover,
  .site-header .main-nav>a:not(.nav-button):focus-visible,
  .site-header .nav-dropdown>a:hover,
  .site-header .nav-dropdown>a:focus-visible{
    background-size:100% 100%!important;border-color:#2f6537!important;color:#fff!important;
    box-shadow:0 5px 14px rgba(47,101,55,.15)!important;transform:translateY(-1px)
  }
  .site-header .main-nav>a:not(.nav-button).active,
  .site-header .main-nav>a:not(.nav-button)[aria-current="page"]{
    border-color:rgba(47,101,55,.34)!important;color:#225f32!important;box-shadow:inset 0 -2px 0 #39784a!important
  }
  .site-header .main-nav>a:not(.nav-button).active:hover,
  .site-header .main-nav>a:not(.nav-button)[aria-current="page"]:hover,
  .site-header .main-nav>a:not(.nav-button).active:focus-visible,
  .site-header .main-nav>a:not(.nav-button)[aria-current="page"]:focus-visible{color:#fff!important}
  .site-header .nav-button{margin-left:8px!important}
}


/* Native Plant Lookup visual refresh — 2026-10-19.
   Presentation only; no directory/search behavior changes. */
:root{--fsb-forest:#143b2a;--fsb-cream:#f6f4eb;--fsb-leaf:#317648}
body{background:var(--fsb-cream)!important;color:#233d2e!important;font-family:Arial,Helvetica,sans-serif!important}
body>.site-header{background:#fff!important;border-top:0!important;border-bottom:1px solid #e5e8dd!important;box-shadow:0 4px 22px rgba(13,45,27,.07)!important}
.site-header .header-inner{height:auto!important;min-height:104px!important;width:min(1360px,94%)!important;padding:8px 0!important}
.site-header .logo{display:flex!important;align-items:center!important;gap:11px!important;text-decoration:none!important;color:#163d29!important}
.site-header .logo img{width:96px!important;height:89px!important;max-width:none!important;object-fit:contain!important}
.site-header .fsb-directory-brand{display:block;font:normal 25px/1.05 Georgia,serif!important;letter-spacing:-.035em!important;white-space:nowrap!important;color:#163d29!important}
.site-header .main-nav>a:not(.nav-button),.site-header .nav-dropdown>a{font-family:Arial,Helvetica,sans-serif!important;font-size:11px!important;font-weight:800!important;letter-spacing:.045em!important;text-transform:uppercase!important}
main.wrap#main-content{width:min(1260px,calc(100% - 60px))!important;max-width:none!important;margin:0 auto!important;padding:0 0 90px!important}
main.wrap>.intro{position:relative!important;isolation:isolate!important;margin:0 calc((min(1260px,100vw - 60px) - 100vw)/2) 57px!important;padding:112px max(30px,calc((100vw - 1260px)/2)) 108px!important;min-height:380px!important;color:#fff!important;background:#173924 url('/images/fsb-florida-everglades-florida-everglades-national-park-pine-forest.jpg') center 47%/cover no-repeat!important}
main.wrap>.intro:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(10,39,27,.91),rgba(12,47,28,.74) 52%,rgba(12,47,28,.25))!important}
main.wrap>.intro .eyebrow{color:#dbe8ae!important;font-weight:900!important;letter-spacing:.16em!important}
main.wrap>.intro h1{max-width:850px!important;margin:18px 0 19px!important;font:normal clamp(45px,6vw,78px)/1.06 Georgia,serif!important;letter-spacing:-.04em!important;color:#fff!important}
main.wrap>.intro>p:not(.eyebrow){max-width:790px!important;margin:0!important;color:#edf5e9!important;font-size:18px!important;line-height:1.7!important}
main.wrap h2{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.025em!important;color:var(--fsb-forest)}
.directory-browse{margin-bottom:34px!important}
.directory-browse-head h2{font-size:clamp(31px,4vw,52px)!important;line-height:1.1!important}
.directory-browse-head p:not(.eyebrow){color:#55695a!important;line-height:1.65!important}
.directory-browse .eyebrow,.directory-results-head .eyebrow{color:#357247!important}
.region-grid{gap:17px!important}
.region-grid .region-card{position:relative!important;isolation:isolate!important;overflow:hidden!important;min-height:265px!important;border-radius:5px!important;padding:25px!important;color:#fff!important;border:0!important;box-shadow:0 14px 29px rgba(12,48,26,.13)!important;background:#183d29!important}
.region-grid .region-card:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(9,36,24,.92),rgba(12,43,28,.28))!important}
.region-grid .region-card:nth-child(1){background:url('/images/florida-panhandle-longleaf-pine-savanna-optimized.webp') center/cover!important}
.region-grid .region-card:nth-child(2){background:url('/images/fsb-florida-cypress-sunlight-and-trees-at-big-cypress-national-preserve.jpg') center/cover!important}
.region-grid .region-card:nth-child(3){background:url('/images/florida-sandhills.jpg') center/cover!important}
.region-grid .region-card:nth-child(4){background:url('/images/fsb-florida-everglades-florida-everglades-national-park-marshes.jpg') center/cover!important}
.region-grid .region-card:nth-child(5){background:url('/images/fsb-florida-everglades-florida-everyglades-national-park-florida-bay.jpg') center/cover!important}
.region-grid .region-card>*{color:#fff!important;text-shadow:0 1px 10px rgba(0,0,0,.36)!important}
.region-grid .region-card strong{font-family:Georgia,serif!important;font-size:clamp(24px,2.5vw,32px)!important;line-height:1.14!important}
.region-grid .region-card:hover{transform:translateY(-4px)!important;box-shadow:0 19px 37px rgba(12,48,26,.19)!important}
.family-chip,.group-chip{background:#fffdf8!important;border-color:#dfe3d5!important;border-radius:5px!important}
.search#plant-search{background:#fffdf8!important;border:1px solid #dfe4d7!important;border-radius:6px!important;padding:28px!important;box-shadow:0 12px 30px rgba(15,53,28,.07)!important}
.search#plant-search button{background:#173e2a!important;border-radius:4px!important;font-weight:800!important}
.search#plant-search input,.search#plant-search select{background:#fff!important;border-radius:4px!important;min-height:46px!important}
.plant-results-grid>.plant-result-card{border-radius:5px!important;border:1px solid #e1e6db!important;box-shadow:0 8px 25px rgba(14,51,27,.06)!important;background:#fffdf8!important}
.plant-results-grid>.plant-result-card .plant-result-content{background:#fffdf8!important}
.plant-results-grid>.plant-result-card h2{font-family:Georgia,serif!important}
.card,.no-results,.group-discovery,.methodology-card{border-radius:6px!important;background:#fffdf8!important;border-color:#e0e6d9!important}
.pagination a,.directory-back-link,.browse-all-link{border-radius:4px!important}
body>.site-footer{margin-top:0!important;background:#102c20!important;color:#e8eee8!important}
body>.site-footer .footer-inner{width:min(1260px,calc(100% - 60px))!important;max-width:none!important}
body>.site-footer .footer-brand strong{font-family:Georgia,serif!important}
body>.site-footer a{color:#e3efe0!important}
body>.site-footer a:hover{color:#c9e7ad!important}
@media(max-width:1080px){.site-header .fsb-directory-brand{font-size:20px!important}.site-header .logo img{width:75px!important;height:70px!important}}
@media(max-width:700px){main.wrap#main-content{width:calc(100% - 32px)!important;padding-bottom:55px!important}main.wrap>.intro{max-width:none!important;margin:0 -16px 35px!important;padding:88px 24px 80px!important;min-height:330px!important}main.wrap>.intro h1{font-size:clamp(39px,10vw,57px)!important}main.wrap>.intro>p:not(.eyebrow){font-size:16px!important}.region-grid .region-card{min-height:238px!important}.search#plant-search{padding:18px!important}.site-header .fsb-directory-brand{font-size:19px!important}.site-header .logo img{width:68px!important;height:65px!important}body>.site-footer .footer-inner{width:calc(100% - 32px)!important}}


main.wrap#main-content>.crumb{padding:30px 0 24px!important;font-size:13px!important;color:#69816d!important}
main.wrap#main-content>.crumb a{color:#286f42!important;text-decoration:none!important}
main.wrap#main-content>.profile{width:100%!important;max-width:1120px!important;margin:0 auto!important;padding:0 0 95px!important}
.profile>.eyebrow{display:inline-block!important;padding:10px 13px!important;background:#e1ebd6!important;color:#286b3b!important;border-radius:3px!important;font-size:12px!important;letter-spacing:.135em!important}
.profile>h1{margin:18px 0 18px!important;max-width:1100px!important;font:normal clamp(45px,6vw,79px)/1.07 Georgia,'Times New Roman',serif!important;letter-spacing:-.045em!important;color:#143b2a!important}
.profile>.lead{max-width:920px!important;font-size:clamp(19px,2.3vw,25px)!important;line-height:1.45!important;color:#526652!important;margin:0 0 16px!important}
.profile>.plant-akas{max-width:990px!important;font-size:15px!important;line-height:1.7!important;color:#667466!important;margin:12px 0 28px!important}
.profile .plant-record-photo{width:min(100%,950px)!important;max-width:none!important;margin:34px 0 48px!important;padding:15px!important;border-radius:5px!important;border:1px solid #e0e8d9!important;background:#fdfdf8!important;box-shadow:0 16px 45px rgba(20,56,36,.09)!important}
.profile .plant-record-photo img{width:100%!important;max-width:none!important;max-height:700px!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;border-radius:3px!important;background:#f2f1e9!important}
.profile .plant-record-photo figcaption{padding:9px 3px 2px!important;color:#647367!important;font-size:12px!important;line-height:1.6!important}
.profile>.card{max-width:1050px!important;border:1px solid #e0e7d9!important;border-left:4px solid #91b18a!important;border-radius:4px!important;background:#fffdf8!important;padding:30px 35px!important;margin:22px 0!important;box-shadow:0 7px 25px rgba(17,54,30,.055)!important}
.profile>.card h2{font:normal clamp(25px,3vw,34px)/1.18 Georgia,serif!important;color:#153d2a!important;margin:0 0 16px!important}
.profile>.card p,.profile>.card li{font-size:16px!important;line-height:1.75!important;color:#4e6052!important}
.profile>.card ul{padding-left:22px!important}
.profile>.facts{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;max-width:1050px!important;margin:28px 0 33px!important}
.profile>.facts>div{padding:23px 24px!important;border:1px solid #e0e6d9!important;border-radius:4px!important;background:#fffdf8!important;box-shadow:0 5px 16px rgba(22,57,33,.045)!important}
.profile>.facts dt{margin-bottom:9px!important;font-size:11px!important;letter-spacing:.13em!important;color:#538160!important;font-weight:800!important}
.profile>.facts dd{margin:0!important;color:#253d2b!important;font-size:16px!important;line-height:1.55!important;overflow-wrap:anywhere!important}
.profile>.facts dd i{font-family:Georgia,serif!important}
@media(max-width:900px){.profile>.facts{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:600px){main.wrap#main-content>.crumb{padding:20px 0!important}.profile>h1{font-size:clamp(39px,11vw,59px)!important}.profile>.plant-record-photo{margin:25px 0 35px!important;padding:8px!important}.profile>.card{padding:23px 20px!important}.profile>.facts{grid-template-columns:1fr!important;gap:10px!important}.profile>.facts>div{padding:19px!important}}

/* Match homepage navigation: prevent inherited directory nav wrapping. */
@media(min-width:851px){body.fsb-refreshed .fsb-modern-header .fsb-modern-nav{flex-wrap:nowrap!important;position:static!important}body.fsb-refreshed .fsb-modern-header .fsb-modern-nav a:not(.fsb-modern-cta){padding:0!important}}

body.fsb-refreshed .fsb-modern-header{border:0!important}

/* FSB PLANT MOBILE COMPACT HEADER — avoid duplicate miniature wordmark and menu collision. */
@media(max-width:570px){
  body.fsb-refreshed .fsb-modern-header .fsb-shell{min-height:74px!important;gap:8px!important}
  body.fsb-refreshed .fsb-modern-header .fsb-modern-brand{gap:9px!important;min-width:0!important;flex:1 1 auto!important}
  body.fsb-refreshed .fsb-modern-header .fsb-modern-mark{flex:0 0 36px!important;width:36px!important;height:64px!important;overflow:hidden!important}
  body.fsb-refreshed .fsb-modern-header .fsb-modern-mark img{left:0!important;top:50%!important;width:150px!important;height:136px!important;max-width:none!important;transform:translateY(-50%)!important;object-fit:contain!important}
  body.fsb-refreshed .fsb-modern-header .fsb-modern-name{font-size:19px!important;line-height:.96!important;letter-spacing:-.035em!important;white-space:nowrap!important}
  body.fsb-refreshed .fsb-modern-header .fsb-modern-name small{font-size:7px!important;line-height:1.3!important;letter-spacing:.08em!important;margin-top:5px!important}
  body.fsb-refreshed .fsb-modern-header .fsb-modern-toggle{flex:0 0 auto!important;padding:7px 11px!important;margin-left:auto!important}
  body.fsb-refreshed .fsb-modern-header .fsb-modern-nav.is-open{max-height:calc(100dvh - 74px)!important;overflow-y:auto!important}
}