/* Crop guide articles — phone-first, opened from the Farmey app */

.crop-guide .guide-main {
  max-width: 42rem;
  padding: 1.25rem 1.15rem 3rem;
}

.crop-guide .guide-kicker {
  margin: 0 0 0.5rem;
  font-size: 0.9rem;
}

.crop-guide .guide-kicker a {
  color: var(--farmey-emerald, #086548);
}

.crop-guide h1 {
  font-size: 1.55rem;
  line-height: 1.3;
  margin: 0 0 0.75rem;
}

.crop-guide h1 .guide-topic-label {
  display: block;
  margin-top: 0.35rem;
  font-size: 1.05rem;
  font-weight: 600;
  color: var(--farmey-muted, #708078);
}

.crop-guide .guide-sci {
  margin: 0 0 1rem;
  color: var(--farmey-muted, #708078);
}

.crop-guide .guide-topics {
  display: flex;
  gap: 0.45rem;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.15rem 0 0.85rem;
  margin: 0 0 0.75rem;
}

.crop-guide .guide-topics a {
  flex: 0 0 auto;
  max-width: 16rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.8rem;
  padding: 0.4rem 0.7rem;
  border-radius: 999px;
  background: var(--farmey-sage, #e7f0df);
  color: var(--farmey-slate, #263c35);
}

.crop-guide .guide-topics a.is-current {
  background: var(--farmey-forest, #073d31);
  color: #fff;
}

.crop-guide .guide-fallback {
  background: #f5dfa3;
  color: #6e5410;
  padding: 0.75rem 0.9rem;
  border-radius: 12px;
  font-size: 0.95rem;
}

.crop-guide .guide-lang {
  display: none;
}

html[lang="en"] .crop-guide .guide-lang[data-guide-lang="en"],
html[lang="si"] .crop-guide .guide-lang[data-guide-lang="si"],
html[lang="ta"] .crop-guide .guide-lang[data-guide-lang="ta"] {
  display: block;
}

.crop-guide .guide-lang.is-shown {
  display: block !important;
}

.crop-guide .guide-lang.is-hidden {
  display: none !important;
}
  margin: 1.25rem 0;
}

.crop-guide .guide-section h2 {
  font-size: 1.15rem;
  margin: 0 0 0.5rem;
}

.crop-guide .guide-section p,
.crop-guide .guide-lang > p {
  margin: 0 0 0.75rem;
}

.crop-guide .guide-section ul {
  margin: 0 0 0.85rem;
  padding-left: 1.2rem;
}

.crop-guide .guide-table-wrap {
  overflow-x: auto;
  margin: 0.5rem 0 1rem;
  -webkit-overflow-scrolling: touch;
}

.crop-guide table {
  border-collapse: collapse;
  min-width: 100%;
  font-size: 0.9rem;
}

.crop-guide th,
.crop-guide td {
  border: 1px solid rgba(42, 59, 54, 0.15);
  padding: 0.4rem 0.55rem;
  text-align: left;
  white-space: nowrap;
}

.crop-guide th {
  background: var(--farmey-sage, #e7f0df);
}

.crop-guide .guide-source {
  margin-top: 1.5rem;
  font-size: 0.9rem;
  color: var(--farmey-muted, #708078);
}

.crop-guide .guide-crop-list,
.crop-guide .guide-topic-list {
  columns: 2;
  gap: 0.4rem 1.25rem;
  padding-left: 1.1rem;
}

@media (max-width: 640px) {
  .crop-guide .guide-crop-list,
  .crop-guide .guide-topic-list {
    columns: 1;
  }
}