/* Shared Field Guide page chrome — Appily-onehundredthirteen */
main#main { padding-bottom: var(--a113-space-4); }

.pg-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35em;
  align-items: center;
  margin-bottom: var(--a113-space-2);
  font-size: var(--a113-type-xs);
  font-weight: 600;
  color: var(--fg-mute);
}
.pg-breadcrumb a {
  color: var(--fg-herb-deep);
  text-decoration: none;
}
.pg-breadcrumb a:hover { text-decoration: underline; }
.pg-breadcrumb [aria-current="page"] { color: var(--fg-bark); }

.pg-mast {
  padding: clamp(1.25rem, 3vw, 2rem) 0 clamp(0.85rem, 2vw, 1.25rem);
}
.pg-mast h1 {
  margin: 0.15em 0 0.35em;
  font-family: var(--fg-font-tab);
  font-size: var(--a113-type-display);
  font-weight: 700;
  line-height: 1.02;
  letter-spacing: -0.01em;
  text-transform: uppercase;
  color: var(--fg-bark);
}
.pg-mast-lede {
  margin: 0;
  max-width: 52ch;
  color: var(--fg-mute);
  font-size: var(--a113-type-md);
}

.pg-divider {
  height: 12px;
  margin: var(--a113-space-3) 0;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 12'%3E%3Cpath d='M0 6c10-4 20 4 30 0s20-4 30 0 20 4 30 0 20-4 30 0' fill='none' stroke='%234A6741' stroke-width='1.2' opacity='.35'/%3E%3C/svg%3E") repeat-x center;
  background-size: 120px 12px;
}

.pg-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0.2em 0.65em;
  border-radius: var(--a113-radius-pill);
  font-family: var(--fg-font-tab);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.pg-status--ok { background: var(--a113-cyan-wash); color: var(--fg-herb-deep); }
.pg-status--wait { background: #FFF3D6; color: #7A5A10; }
.pg-status--live { background: #EDE4F7; color: var(--fg-lavender-deep); }
.pg-status--cancel { background: #FCE8E4; color: var(--a113-err); }

.pg-empty {
  text-align: center;
  padding: var(--a113-space-5) var(--a113-space-3);
  border-radius: var(--a113-radius-lg);
  background: rgba(255, 255, 255, 0.65);
  border: 2px dashed var(--a113-border);
}
.pg-empty h2 {
  margin: 0 0 0.35em;
  font-family: var(--fg-font-logo);
  font-size: var(--a113-type-lg);
  font-weight: 400;
  color: var(--fg-bark);
}
.pg-empty p { margin: 0 0 var(--a113-space-2); color: var(--fg-mute); }

/* Labels & kickers — relative document flow only (never sticky/fixed) */
body.a113-body main label:not(.visually-hidden),
body.a113-body main [class*="-label"],
body.a113-body main [class*="-kicker"],
body.a113-body main .a113-kicker,
body.a113-body .rf-root [class*="-label"],
body.a113-body .rf-root [class*="-kicker"] {
  position: relative;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
}

/* Label rails & side nav — scroll with page, not pinned */
body.a113-body main .aisle-sidebar,
body.a113-body main .aisle-trellis-sticky,
body.a113-body main .idx-spine,
body.a113-body main .idx-sort-rail,
body.a113-body main .fp-toc,
body.a113-body main .spc-buybox,
body.a113-body main .ml-aside {
  position: relative;
  top: auto;
  bottom: auto;
}
