padding: 0.2rem 0.4rem;
border-radius: 4px;
font-family: monospace;
font-size: 0.95em;
color: var(--grass-dark);
}
.back-link-container {
text-align: center;
margin-bottom: 1.5rem;
}
.button {
display: inline-block;
background: var(--grass);
color: white;
padding: 0.6rem 1.5rem;
margin: 0.3rem;
border-radius: 30px;
text-decoration: none;
font-size: 1.2rem;
font-weight: 700;
transition: all 0.2s ease;
box-shadow: 0 4px 0 var(--grass-dark);
}
.button:hover {
transform: translateY(2px);
box-shadow: 0 2px 0 var(--grass-dark);
background: var(--grass-dark);
color: white;
}
.subpage-header {
.cow {
text-align: center;
margin: 1rem 0;
}
.cow img {
width: 120px;
height: auto;
image-rendering: pixelated;
}
h1 {
text-align: center;
font-size: 2rem;
font-weight: 700;
color: var(--text);
margin-bottom: 0.8rem;
}
.subtitle {
text-align: center;
font-size: 1.2rem;
color: var(--warm-brown);
margin-bottom: 1.8rem;
font-weight: 700;
}
}
.content {
max-width: 760px;
margin: 0 auto;
padding: 2rem 1.5rem 4rem;
position: relative;
}
section {
border: 3px solid var(--grass);
background: white;
border-radius: 16px;
padding: 1.5rem 1.8rem;
margin: 1.6rem 0;
box-shadow: 0 4px 12px rgba(93, 64, 55, 0.08);
z-index: 0;
}
p {
margin: 0.8rem 0;
line-height: 1.6;
}
a {
color: var(--grass);
text-decoration: underline;
}
a:hover {
color: var(--grass-dark);
}
strong {
color: var(--grass-dark);
font-weight: 700;
letter-spacing: 0.1em;
}
{% block extra_styles %}{% endblock %}
{% block content %}{% endblock %}