/* ------------------------------------------------------------------ クラブ de βιβλία (intl.html); builds on shelf.css */
.intl h2 {
  font-family: var(--sans); font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--muted);
  font-weight: 700; margin: 0 0 10px;
}
.i-name { letter-spacing: .01em; }
.i-name [lang=ja] { font-family: "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif; font-weight: 500; }
.i-lead { font-size: 19px; color: var(--ink-soft); margin: 6px 0 0; max-width: 720px; font-style: italic; }
.i-section { margin-top: 30px; }
.i-empty { font-size: 18px; color: var(--muted); font-style: italic; list-style: none; }

/* the next meeting's time (the view and editor: meettime.css) */
.i-meet-head { display: flex; align-items: baseline; gap: 16px; }
.i-meet-head h2 { margin-bottom: 10px; }
.i-meet-head .link { font-family: var(--sans); font-size: 14px; }
.i-meet-form h3 {
  font-family: var(--sans); font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--muted);
  font-weight: 700; margin: 22px 0 10px;
}
.i-meet-form h3 .ed-sub { text-transform: none; letter-spacing: 0; font-weight: 400; }
.i-meet-foot { display: flex; align-items: center; justify-content: flex-end; gap: 18px; margin-top: 18px; padding-top: 12px; border-top: 1.5px solid var(--line); }
.i-meet-foot .link { font-family: var(--sans); font-size: 14px; }
.i-meet-foot .btn { box-shadow: 5px 5px 0 var(--shadow-tan); font-size: 16px; }

/* who reads what */
.i-readers { display: flex; flex-direction: column; }
.i-reader { display: grid; grid-template-columns: 90px 1fr; gap: 6px 14px; align-items: start; padding: 12px 0; border-bottom: 1px solid #ddd1bd; }
.i-reader > .i-who { padding-top: 4px; }
/* a member's books: each with its details on the left and its buttons on the right */
.i-books { display: flex; flex-direction: column; align-items: stretch; min-width: 0; }
.i-book { display: grid; grid-template-columns: 1fr auto; gap: 6px 14px; align-items: center; }
.i-book + .i-book { margin-top: 10px; padding-top: 10px; border-top: 1px dashed #d6c7ad; }
.i-book-info { min-width: 0; }
.i-more { align-self: flex-start; margin-top: 8px; font-family: var(--sans); font-size: 13.5px; }
.i-who { font-family: var(--sans); font-weight: 700; font-size: 15px; }
.i-book-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.i-title { font-size: 20px; }
.i-lang {
  font-family: var(--sans); font-size: 12px; color: #5a5047; background: #f4ecdd; border: 1px solid #d6c7ad;
  padding: 0 .45em; border-radius: 2px; white-space: nowrap;
}
.i-author { font-family: var(--sans); font-size: 12.5px; color: var(--muted); }
.i-progress { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 4px; font-family: var(--sans); font-size: 13.5px; color: var(--ink-soft); }
.i-bar { display: inline-block; width: 160px; height: 7px; background: #e4d9c6; border-radius: 4px; overflow: hidden; }
.i-bar i { display: block; height: 100%; background: var(--accent); }
.i-pct { font-weight: 700; color: var(--accent-dark); }
.i-upd { color: var(--muted); font-size: 12px; }
.i-none { color: var(--muted); font-style: italic; font-size: 18px; }
.i-act { display: flex; align-items: center; gap: 14px; justify-content: flex-end; flex-wrap: wrap; }
.i-act .link { font-family: var(--sans); font-size: 13.5px; }
.i-act .card-btn { font-size: 14px; padding: .45em .9em; }

/* the log */
/* the log: a heading per day, then that day's entries — time on the left, the update on the right */
.i-day + .i-day { margin-top: 22px; }
.i-day-title {
  font-family: var(--serif); font-weight: 600; font-size: 19px; color: var(--accent-dark); margin: 0;
  padding-bottom: 6px; border-bottom: 1.5px solid var(--line);
}
.i-day-list { list-style: none; margin: 0; padding: 0; }
.i-entry { display: grid; grid-template-columns: 52px 1fr; gap: 0 12px; align-items: baseline; padding: 10px 0 11px; border-bottom: 1px solid #ddd1bd; }
.i-entry-head { display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; }
.i-when { font-family: var(--sans); font-size: 12.5px; color: var(--muted); }
.i-what { font-size: 18px; }
.i-what .i-title { font-size: 18px; }
.i-pages { font-weight: 600; }
.i-delta { font-family: var(--sans); font-weight: 700; font-size: 13px; color: #5e8470; }
.i-meta { font-family: var(--sans); font-size: 12.5px; color: var(--muted); }
.i-del { margin-left: auto; font-family: var(--sans); font-size: 12.5px; color: var(--muted); border-color: transparent; }
.i-del:hover { color: #8a2b22; border-color: currentColor; }
.i-note { margin-top: 4px; font-size: 17.5px; line-height: 1.38; font-style: italic; color: #4f463e; white-space: pre-line; max-width: 760px; }
.i-links { display: flex; gap: 6px 18px; flex-wrap: wrap; margin-top: 5px; }
.i-pdf, .i-deck { font-family: var(--sans); font-size: 13.5px; color: var(--accent); }
.i-book .i-deck { display: inline-block; margin-top: 5px; }
.i-deck-choice { display: flex; flex-direction: column; gap: 2px; margin-top: 8px; }
.i-deck-choice .ed-check { font-size: 14px; }
.i-deck-note { font-family: var(--sans); font-size: 13px; color: var(--ink-soft); margin-top: 6px; }

/* the dialog */
.i-dialog .ed-field select {
  font-family: var(--serif); font-size: 18px; color: var(--ink); background: #fbf7ef; border: 1.5px solid var(--line);
  padding: .2em .4em; width: 100%;
}
.i-dialog .ed-field select:focus { border-color: var(--accent); outline: none; }

@media (max-width: 760px) {
  .i-reader, .i-book { grid-template-columns: 1fr; }
  .i-act { justify-content: flex-start; }
  .i-entry { grid-template-columns: 44px 1fr; gap: 0 8px; }
}