/* ------------------------------------------------------------------ a meeting's time and time zones (meettime.js):
   the meeting page and クラブ de βιβλία; builds on shelf.css */

/* view */
.m-time-big { display: flex; align-items: baseline; gap: 18px; flex-wrap: wrap; }
.m-time-big .m-day { font-size: clamp(26px, 3.2vw, 38px); }
.m-time-big .m-hm { font-size: clamp(30px, 3.8vw, 46px); font-weight: 600; color: var(--accent); }
.m-sub { font-family: var(--sans); font-size: 13.5px; color: var(--ink-soft); margin-top: 4px; }
.m-zone-table { border-collapse: collapse; margin-top: 16px; font-size: 18px; }
.m-zone-table td { padding: 6px 22px 6px 0; border-bottom: 1px solid #ddd1bd; vertical-align: baseline; }
.m-zone-table .m-zname b { font-family: var(--sans); font-size: 14px; font-weight: 700; color: #4a413a; }
.m-zone-table .m-zname small { display: block; font-family: var(--sans); font-size: 12px; color: var(--muted); }
.m-zone-table .m-zhm { font-size: 22px; font-weight: 600; }
.m-zone-table .m-zday, .m-zone-table .m-zoff { font-family: var(--sans); font-size: 13.5px; color: var(--ink-soft); }

/* editor */
.m-when { display: flex; align-items: flex-end; gap: 16px; flex-wrap: wrap; }
.m-when .ed-field { width: 190px; }
.m-when .m-clear { margin-bottom: 9px; }
.m-local, .m-hint { font-family: var(--sans); font-size: 13px; color: var(--ink-soft); }
.m-local { padding-bottom: 8px; }
.m-hint { margin: -4px 0 10px; max-width: 720px; }
.m-zones { display: flex; flex-direction: column; gap: 8px; margin-bottom: 8px; }
.m-zone-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; }
.m-zone-row select {
  font-family: var(--sans); font-size: 14.5px; color: var(--ink); background: #fbf7ef; border: 1.5px solid var(--line);
  padding: .35em .4em; max-width: min(460px, 100%);
}
.m-zone-row select:focus { border-color: var(--accent); outline: none; }
.m-zone-at { font-family: var(--sans); font-size: 13.5px; color: var(--ink-soft); min-width: 9em; }
.m-when .link, .m-zones-edit .link { font-family: var(--sans); font-size: 14px; }

@media (max-width: 760px) {
  .m-zone-table td { padding-right: 12px; }
}