/* Shared presentation for the decree and publication pages. */
:root {
  --document-ink: #17212b;
  --document-green: #087443;
  --document-gold: #e2a424;
  --document-surface: #ffffff;
}

* { box-sizing: border-box; }

body {
  min-height: 100vh;
  margin: 0;
  padding: clamp(1rem, 4vw, 3.5rem) 1rem;
  color: var(--document-ink);
  font-family: Arial, sans-serif;
  line-height: 1.55;
  background:
    radial-gradient(circle at top right, rgba(226, 164, 36, 0.2), transparent 30rem),
    linear-gradient(135deg, #f1f6f2, #fbfcf9);
}

.container {
  max-width: 900px;
  margin: 0 auto 1.5rem;
  padding: clamp(1.25rem, 4vw, 2.75rem);
  background: var(--document-surface);
  border: 1px solid rgba(8, 116, 67, 0.14);
  border-radius: 1rem;
  box-shadow: 0 1rem 2.5rem rgba(23, 33, 43, 0.12);
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  margin-bottom: 1.75rem;
  padding: 0.62rem 1rem;
  color: var(--document-green);
  font-weight: 700;
  text-decoration: none;
  border: 1px solid currentColor;
  border-radius: 999px;
  transition: background-color 0.2s ease, color 0.2s ease, transform 0.2s ease;
}

.back-link:hover,
.back-link:focus-visible {
  color: #fff;
  background: var(--document-green);
  transform: translateX(-0.2rem);
}

h1, h2, h3 { color: var(--document-ink); }

h1, h2 {
  margin: 0 0 1.25rem;
  line-height: 1.2;
}

h1 { font-size: clamp(1.65rem, 4vw, 2.35rem); }
h2 { font-size: clamp(1.35rem, 3vw, 1.8rem); }
h2 u { text-decoration-color: var(--document-gold); text-underline-offset: 0.35rem; }

h3 {
  margin: 1.6rem 0 0.6rem;
  padding-left: 0.85rem;
  font-size: clamp(1rem, 2.2vw, 1.12rem);
  border-left: 4px solid var(--document-gold);
}

.download-link {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 3rem;
  padding: 0.75rem 1.15rem;
  margin-bottom: 1.1rem;
  color: #fff;
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
  background: linear-gradient(135deg, var(--document-green), #0b5f46);
  border-radius: 0.6rem;
  box-shadow: 0 0.45rem 0.9rem rgba(8, 116, 67, 0.18);
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
}

.download-link::before { content: "↓"; margin-right: 0.55rem; font-size: 1.2rem; }
.download-link:hover,
.download-link:focus-visible { color: #fff; filter: brightness(1.08); transform: translateY(-0.15rem); box-shadow: 0 0.7rem 1.25rem rgba(8, 116, 67, 0.25); }

@media (max-width: 575px) {
  body { padding: 0.75rem; }
  .container { padding: 1.25rem; border-radius: 0.75rem; }
}