/* WRA permits article — supplemental styles (extends borehole-drilling-guide.css) */

/* Hero — geophysical survey imagery */
.guide-hero--wra {
  background:
    linear-gradient(160deg, rgba(11, 19, 36, 0.92) 0%, rgba(30, 64, 175, 0.88) 48%, rgba(8, 145, 178, 0.85) 100%),
    url('/assets/img/portfolio/WRA.png.webp') center / cover no-repeat;
}

/* Kisima permit promise — hero + inline */
.guide-kisima-promise {
  display: flex;
  align-items: flex-start;
  gap: 1rem;
  margin-top: 1.75rem;
  padding: 1.15rem 1.25rem;
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.22);
  border-radius: 16px;
  backdrop-filter: blur(8px);
  max-width: 720px;
}

.guide-kisima-promise > i {
  flex-shrink: 0;
  font-size: 1.5rem;
  color: #fde68a;
  margin-top: 0.15rem;
}

.guide-kisima-promise p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.65;
  color: #e0f2fe;
}

.guide-kisima-promise strong {
  color: #fff;
}

.guide-kisima-promise--inline {
  margin: 1.5rem 0;
  background: linear-gradient(135deg, #eff6ff 0%, #f0fdf4 100%);
  border: 1px solid #93c5fd;
  border-left: 4px solid #2563eb;
  border-radius: 14px;
  padding: 1.15rem 1.25rem;
}

.guide-kisima-promise--inline > i {
  color: #2563eb;
}

.guide-kisima-promise--inline p {
  color: #1e3a8a;
  font-size: 0.98rem;
}

.guide-kisima-promise--inline strong {
  color: #1e40af;
}

.guide-journey-chip--highlight {
  background: linear-gradient(135deg, #059669 0%, #10b981 100%);
  color: #fff;
  border-color: transparent;
}

.guide-journey-chip--highlight i,
.guide-journey-chip--highlight strong,
.guide-journey-chip--highlight span {
  color: #fff;
}

.guide-journey-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin: 1.25rem 0;
}

.guide-journey-chip {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
  padding: 0.85rem 1rem;
  min-width: 140px;
  background: #f8fafc;
  border: 1px solid var(--guide-border, #e2e8f0);
  border-radius: 12px;
  font-size: 0.82rem;
}

.guide-journey-chip i {
  color: var(--guide-blue, #2563eb);
  font-size: 1rem;
  margin-bottom: 0.2rem;
}

.guide-journey-chip strong {
  font-size: 1rem;
  color: var(--guide-heading, #0f172a);
}

.guide-journey-chip span {
  color: #64748b;
  font-size: 0.78rem;
}

/* Desktop: keep sidebar visible while scrolling the full article */
@media (min-width: 1101px) {
  .guide-toc-col {
    position: relative;
    align-self: start;
  }

  .guide-toc {
    will-change: top, left, width;
  }
}

.guide-table-wrap {
  overflow-x: auto;
  margin: 1.25rem 0;
  border: 1px solid var(--guide-border, #e2e8f0);
  border-radius: 14px;
  background: #fff;
}

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

.guide-table th,
.guide-table td {
  padding: 0.85rem 1rem;
  text-align: left;
  border-bottom: 1px solid var(--guide-border, #e2e8f0);
  vertical-align: top;
}

.guide-table th {
  background: #f1f5f9;
  font-weight: 700;
  color: var(--guide-heading, #0f172a);
}

.guide-table tr:last-child td {
  border-bottom: none;
}

.guide-table__highlight td {
  background: #eff6ff;
  font-weight: 600;
}

.guide-callout--warn {
  background: #fef2f2;
  border-color: #fecaca;
  color: #7f1d1d;
}

.guide-callout--warn i {
  color: #dc2626;
  font-size: 1.25rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

.guide-callout--info {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1e3a8a;
}

.guide-callout--info i {
  color: #2563eb;
  font-size: 1.25rem;
  margin-top: 0.1rem;
  flex-shrink: 0;
}

.guide-callout--warn div,
.guide-callout--info div {
  font-size: 0.95rem;
  line-height: 1.65;
}

.guide-steps-list {
  margin: 1rem 0 1.25rem;
  padding-left: 1.35rem;
  line-height: 1.75;
}

.guide-steps-list li {
  margin-bottom: 0.65rem;
}

.guide-steps-list li strong {
  color: var(--guide-heading, #0f172a);
}

.guide-content a {
  color: var(--guide-blue, #2563eb);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.guide-content a:hover {
  color: var(--guide-blue-dark, #1e40af);
}