/* Corn yield estimator controls. Loaded after tool-page.css.
   Hidden ad slots stay collapsed. Inputs stay inside the column. */

.tool-layout,
.tool-content,
.tool-workspace,
.tool-result,
.tool-section,
.method-panel,
.measure {
  min-width: 0;
  max-width: 100%;
}

h3 {
  margin: 16px 0 8px;
  font-size: 1.05rem;
  line-height: 1.35;
  overflow-wrap: anywhere;
}

.method-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 16px;
}

.method-tabs button {
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  min-height: 48px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 2px solid var(--ink);
  background: var(--paper);
  color: var(--ink);
  font: inherit;
  font-weight: 700;
  text-align: left;
  white-space: normal;
  overflow-wrap: anywhere;
  cursor: pointer;
}

.method-tabs button[aria-selected="true"] {
  background: var(--ink);
  color: var(--canvas);
}

.method-panel[hidden] { display: none !important; }

.field-help {
  margin: 0 0 12px;
  color: var(--soft);
  font-size: 0.92rem;
}

.measure {
  display: block;
  margin: 0 0 4px;
}

.measure-label,
.measure-unit {
  display: inline;
  overflow-wrap: anywhere;
}

.measure-label { font-weight: 700; }

.measure-unit {
  color: var(--soft);
  font-weight: 400;
}

.measure input {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 48px;
  margin: 4px 0 0;
  padding: 8px 10px;
  border: 2px solid var(--ink);
  border-radius: 12px;
  background: var(--paper);
  color: var(--ink);
  font: inherit;
}

.result-date,
.result-note,
.result-math { margin: 0 0 14px; }

.result-label {
  display: block;
  font-weight: 700;
}

.result-date strong,
.result-math {
  display: block;
  margin-top: 2px;
  font-size: 1.35rem;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.result-math {
  font-size: 1rem;
  font-weight: 400;
  white-space: pre-wrap;
}

.tool-result ol,
.tool-result ul { margin: 8px 0 0; padding-left: 1.2rem; }

.tool-print {
  display: inline-block;
  max-width: 100%;
  min-height: 48px;
  margin-top: 12px;
  padding: 12px 16px;
  border-radius: 12px;
  border: 2px solid var(--ink);
  background: var(--paper);
  color: var(--ink);
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}