/* restaurant — repris du <style> de restaurant.html.
   Genere par _tools/build-pagecss.py : ne pas modifier a la main. */
.hours{background:var(--cream);padding:var(--s5) clamp(20px,4vw,52px)}
.hours .in{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,215px),1fr));gap:0}
.hours .slot{padding:26px 28px;border-left:1px solid var(--line)}
.hours .slot:first-child{border-left:0}
.hours dt{font-family:var(--mono);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:10px}
.hours dd{font-family:var(--serif);font-size:var(--step-1);color:var(--pine);line-height:1.1;margin-bottom:6px}
.hours .n{font-size:.86rem;opacity:.72}
.carte{max-width:1240px;margin:0 auto;padding:var(--s6) clamp(20px,4vw,52px)}
.carte-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:var(--s4);
  background:var(--paper);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 22px 55px rgba(7,23,16,.07);overflow:hidden}
.carte-col{padding:clamp(30px,3.2vw,46px)}
.carte-col + .carte-col{border-left:1px solid var(--line)}
.carte-col h3{font-family:var(--serif);font-weight:400;font-size:var(--step-1);color:var(--gold);
  margin-bottom:22px;padding-bottom:14px;border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:11px}
.carte-col h3::before{content:"";width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);flex:none}
.carte-col ul{list-style:none;display:flex;flex-direction:column;gap:17px}
.carte-col li{line-height:1.5}
.carte-col li b{display:block;font-weight:400;font-family:var(--serif);font-size:1.22rem;color:var(--pine);margin-bottom:2px}
.carte-col li span{font-size:.87rem;opacity:.72;color:var(--pine)}
@media (max-width:820px){.carte-grid{grid-template-columns:1fr}
  .carte-col + .carte-col{border-left:0;border-top:1px solid var(--line)}}
.note{max-width:1240px;margin:0 auto;padding:0 clamp(20px,4vw,52px) var(--s5)}
.note-card{display:flex;gap:24px;align-items:flex-start;max-width:840px;margin:0 auto;
  background:var(--paper);border:1px solid var(--line);border-radius:12px;
  padding:clamp(22px,3vw,30px) clamp(24px,3.4vw,36px);box-shadow:0 14px 38px rgba(7,23,16,.05)}
.note-card .ic{flex:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold)}
.note-card .note-h{font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:13px}
.note-card .diet-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:13px}
.note-card .diet-tags span{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--pine);border:1px solid var(--line);border-radius:100px;padding:6px 13px;background:var(--ivory)}
.note-card p{font-size:.95rem;color:var(--pine);opacity:.85;line-height:1.6;max-width:52ch}
@media (max-width:560px){.note-card{flex-direction:column;gap:16px}}
.drinks{background:var(--cream);padding:var(--s6) clamp(20px,4vw,52px)}
.drinks .in{max-width:1160px;margin:0 auto}
.drink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(28px,3vw,46px);margin-top:var(--s5)}
.drink h3{font-family:var(--serif);font-weight:400;font-size:var(--step-1);color:var(--pine);margin-bottom:11px;padding-top:16px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}
.drink h3::before{content:"";width:7px;height:7px;border:1px solid var(--gold);transform:rotate(45deg);flex:none}
.drink p{font-size:.92rem;color:var(--pine);opacity:.82;max-width:38ch;line-height:1.6}
@media (max-width:860px){.drink-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.drink-grid{grid-template-columns:1fr}}
