/* blocks/month-box.css
   Block: Month box (the cassette J-card).
   Rewind Club - loaded in order by functions.php. */

.rc-jcard{
  display:grid; grid-template-columns:150px 1fr; background:var(--card);
  border:2px solid var(--ink); border-radius:20px; overflow:hidden; box-shadow:8px 8px 0 var(--line);
}

.rc-jspine{background:var(--mulberry); color:var(--mulberry-ink); padding:26px 18px;
  display:flex; flex-direction:column; justify-content:space-between; gap:20px}

.rc-jspine__side{font-family:var(--font-display); font-weight:800; font-size:46px; line-height:.9}

.rc-jspine__vert{writing-mode:vertical-rl; transform:rotate(180deg);
  font-family:var(--font-mono); font-size:11px; letter-spacing:.28em; text-transform:uppercase}

.rc-jbody{padding:30px 32px}

.rc-tracks{list-style:none; padding:0; margin:22px 0 0; display:flex; flex-direction:column}

.rc-tracks li{display:grid; grid-template-columns:34px 1fr auto; gap:14px; padding:13px 0;
  border-top:1.5px dashed var(--line); align-items:baseline}

.rc-tracks li:last-child{border-bottom:1.5px dashed var(--line)}

.rc-tracks .no{font-family:var(--font-mono); font-size:12px; color:var(--ink-3)}

.rc-tracks .nm{font-weight:700}

/* Name and description are separate elements so each can be edited on its own
   from the front end; they used to be one span with a nested one. */
.rc-tracks .nm .t{display:block; font-weight:700}

.rc-tracks .nm .d{display:block; font-weight:400; font-size:14.5px; color:var(--ink-2)}



.rc-tracks .rt{font-family:var(--font-mono); font-size:13px; color:var(--ink-2); font-variant-numeric:tabular-nums}

.rc-jfoot{display:flex; flex-wrap:wrap; gap:14px 28px; align-items:center; margin-top:22px}

.rc-saving{font-family:var(--font-mono); font-size:13px; color:var(--sage); margin:0}

.rc-saving s{color:var(--ink-3)}

/* Track fields keep a visible box even when empty, so they stay editable
   from the front-end editor. */
.rc-tracks .rt:empty::before,
.rc-tracks .nm .d:empty::before {
	content: "—";
	color: var(--ink-3, #a99e8f);
}
.rc-tracks .nm .d:empty::before { font-size: 14.5px; }