<!--
  calendar-today.html
  Placeholders:
    {{weekday_short}}   e.g. "Thu"
    {{date_label}}      e.g. "May 28"
    {{events_html}}     a sequence of <div>…</div> rows OR the empty-state div.
  Empty-state row:
    <div style="font-size:11px;opacity:0.45;text-align:center;margin-top:14px">No events today.</div>
  Event row (repeat):
    <div style="display:flex;justify-content:space-between;font-size:11px">
      <span style="opacity:0.75">{{time}} · {{title}}</span>
      <span style="opacity:0.4">{{duration}}</span>
    </div>
-->
<div style="padding:12px 16px;display:flex;flex-direction:column;gap:8px;height:100%;box-sizing:border-box">
  <div style="display:flex;align-items:baseline;gap:8px">
    <div style="font-size:22px;font-weight:700">{{weekday_short}}</div>
    <div style="font-size:13px;opacity:0.55">{{date_label}}</div>
  </div>
  <div style="height:1px;background:rgba(255,255,255,0.08)"></div>
  {{events_html}}
</div>
