@import url('/assets/sarge-editorial-2026.css');

.window-guide-page .article-header h1 {
  max-width: 13ch;
  font-size: clamp(40px, 6.3vw, 70px);
}

.window-guide-page .article-body h2 {
  color: #6f291f;
  font-size: clamp(28px, 4.2vw, 39px);
}

.window-card {
  margin: 42px 0 48px;
  padding: 26px 28px;
  border: 2px solid #37533b;
  border-radius: 14px 3px 14px 3px;
  background: #f3eadb;
  box-shadow: 8px 8px 0 #d7c39e;
}

.window-card p { margin: 0; }
.window-card__label {
  margin-bottom: 9px !important;
  color: #6f291f;
  font: 800 13px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.answer-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 42px 0 48px;
}

.answer-grid section {
  padding: 22px;
  border-top: 5px solid #c68a20;
  background: #f3eadb;
}

.answer-grid h3 {
  margin: 0 0 8px;
  color: #37533b;
  font: 800 18px/1.3 Arial, Helvetica, sans-serif;
}

.answer-grid p { margin: 0; font-size: 16px; line-height: 1.55; }

@media (max-width: 700px) {
  .window-card { padding: 22px 18px; box-shadow: 5px 5px 0 #d7c39e; }
  .answer-grid { grid-template-columns: 1fr; }
}