, 2vw, 1.1rem);
margin-bottom: clamp(8px, 1.5vw, 12px);
padding-left: 25px;
position: relative;
}
/* Custom bullet point */
ul li::before {
content: "🌾";
position: absolute;
left: 0;
top: 2px;
}
/* ==============================
RESPONSIVE BREAKPOINTS
============================== */
@media (max-width: 576px) {
.container {
border-radius: 12px;
padding: clamp(20px, 3vw, 25px);
}
h2::before {
content: "📍";
}
p {
text-align: left;
}
}
/* ==============================
PRINT STYLES (BONUS)
============================== */
@media print {
body {
background: white;
color: black;
}
.container {
box-shadow: none;
padding: 0;
}
img {
border: 1px solid #333;
}
}