/* =========================================================
   D.I.G.G.E.R. FIELD TOOLS
   Shared styles for pages 80–87
   ========================================================= */

.field-tool-page {
  background: var(--paper);
}

.field-tool-page__inner {
  position: absolute;
  inset: 0;
  padding: 0.24in 0.30in 0.28in;
}

.field-tool-header {
  min-height: 0.42in;
}

.field-tool-hero {
  margin-top: 0.08in;
  text-align: center;
}

.field-tool-hero .field-tool-title {
  font-size: 39pt;
  line-height: 0.95;
  letter-spacing: -0.015em;
}

.field-tool-hero .field-tool-subtitle {
  margin-top: 0.10in;
  font-size: 12pt;
}

.field-tool-hero .ornament-rule {
  margin-top: 0.10in;
  margin-bottom: 0.10in;
}

.field-tool-intro {
  max-width: 6.65in;
  margin: 0 auto;
  text-align: left;
  font-size: 10.5pt;
  line-height: 1.25;
}

.field-tool-intro p + p {
  margin-top: 0.06in;
}

.field-tool-main {
  display: grid;
  grid-template-columns: 1.52fr 0.88fr;
  gap: 0.17in;
  align-items: start;
  margin-top: 0.14in;
}

/* ---------- Inline SVG diagram ---------- */

.context-visual {
  min-width: 0;
}

.context-diagram {
  display: block;
  width: 100%;
  height: 5.05in;
  overflow: visible;
}

.context-ring {
  stroke: #ffffff;
  stroke-width: 4;
}

.context-ring--1 { fill: #c7cbb0; }
.context-ring--2 { fill: #9db4c0; }
.context-ring--3 { fill: #c99a6a; }
.context-ring--4 { fill: #d9c5a3; }
.context-ring--5 { fill: #efe3cb; }

.context-label {
  font-family: var(--font-serif);
}

.context-label-title {
  font-size: 23px;
  font-weight: 700;
}

.context-label-copy {
  font-size: 18px;
  font-weight: 400;
}

.context-badge {
  fill: currentColor;
}

.context-badge-text {
  fill: #ffffff;
  font-family: var(--font-sans);
  font-size: 15px;
  font-weight: 700;
}

.context-label--1 { color: #2f4a1f; fill: #2f4a1f; }
.context-label--2 { color: #173c5e; fill: #173c5e; }
.context-label--3 { color: #6d3b1f; fill: #6d3b1f; }
.context-label--4 { color: #5d4b31; fill: #5d4b31; }
.context-label--5 { color: #343331; fill: #343331; }

/* ---------- Right-side guide ---------- */

.context-guide {
  display: grid;
  gap: 0.06in;
}

.context-list__item {
  padding-bottom: 0.06in;
}

.context-list__head {
  gap: 0.07in;
  margin-bottom: 0.02in;
}

.context-list__head h2 {
  font-size: 11pt;
  line-height: 1.05;
}

.context-list__number {
  width: 0.22in;
  height: 0.22in;
  font-size: 7.5pt;
}

.context-list__item p,
.context-list__item ul {
  font-size: 7.8pt;
  line-height: 1.15;
}

.context-list__item p {
  margin-left: 0.29in;
}

.context-list__item ul {
  margin-top: 0.025in;
  margin-left: 0.42in;
}

.context-list__item--1 { color: #2f4a1f; }
.context-list__item--2 { color: #173c5e; }
.context-list__item--3 { color: #6d3b1f; }
.context-list__item--4 { color: #75603c; }
.context-list__item--5 { color: #343331; }

/* ---------- Bottom panels ---------- */

.field-tool-bottom {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 0.16in;
  align-items: stretch;
  margin-top: 0.11in;
}

.field-tool-bottom .panel {
  padding: 0.12in 0.16in;
}

.field-tool-how .numbered-tool-list li {
  padding: 0.025in 0;
  font-size: 8.2pt;
  line-height: 1.12;
}

.field-tool-how .numbered-tool-list li::before {
  width: 0.18in;
  height: 0.18in;
  font-size: 7pt;
}

.field-tool-remember {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.field-tool-remember .remember-panel__head {
  margin-bottom: 0.04in;
}

.field-tool-remember p {
  font-size: 8.8pt;
  line-height: 1.2;
}

.field-tool-remember__lead {
  font-size: 9.6pt !important;
}

.field-tool-remember .ornament-rule {
  width: 1.9in;
  margin: 0.07in auto;
}

.field-tool-footer {
  left: 0.30in;
  right: 0.30in;
  bottom: 0.16in;
  font-size: 6.5pt;
}

@media print {
  .field-tool-page,
  .context-ring,
  .panel,
  .tool-ribbon {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
}