.taneli-lounas {
--tl-green: #a2bba6;
--tl-line: #d0ddd2;
--tl-text: #222;
--tl-muted: #657068;
max-width: 900px;
margin: 0 auto;
color: var(--tl-text);
font-family: inherit
}
.taneli-lounas__hero {
text-align: center;
padding: 8px 0 28px
}
.taneli-lounas__eyebrow {
font-size: 11px;
letter-spacing: .22em;
color: #758278;
font-weight: 700;
margin-bottom: 7px
} .taneli-lounas__hero h2 {
margin: 0 0 5px;
font-family: "Adlam Display", sans-serif !important;
font-size: clamp(36px, 5.5vw, 52px); font-weight: 600;
line-height: 1.12
}
.taneli-lounas__hours {
font-size: 15px;
color: var(--tl-muted)
}
.taneli-lounas__days {
display: grid;
grid-template-columns: 1fr;
gap: 0
}
.taneli-lounas__day {
padding: 18px 0;
border-top: 1px dashed var(--tl-line)
}
.taneli-lounas__day:last-child {
border-bottom: 1px dashed var(--tl-line)
} .taneli-lounas__day h3 {
margin: 0 0 9px;
font-family: "Adlam Display", sans-serif !important;
font-size: clamp(24px, 3.8vw, 32px); font-weight: 600;
line-height: 1.2
}
.taneli-lounas__food {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 18px;
padding: 5px 0;
font-size: 16px;
line-height: 1.45
}
.taneli-lounas__food-main {
min-width: 0
}
.taneli-lounas__name {
font-weight: 400
}
.taneli-lounas__tags {
font-size: .86em;
font-weight: 700;
margin-left: 5px;
white-space: nowrap
}
.taneli-lounas__price {
flex: 0 0 auto;
color: var(--tl-green);
font-weight: 700;
white-space: nowrap
}
.taneli-lounas__footer {
margin-top: 23px;
padding: 17px 0 0;
border-top: 1px solid var(--tl-line);
font-size: 14px;
line-height: 1.55;
color: var(--tl-muted)
}
.taneli-lounas__footer p {
margin: 0 0 7px
}
.taneli-lounas__footer p:last-child {
margin-bottom: 0
}
.taneli-lounas__legend {
font-weight: 700;
color: