/* The journey's month page (the leap, lane month; 8 November 2026), drawn from the round 9 board
   docs/design_handoff/reform_redraw_2026-10-26/round9/this-month.html and its kit (round6.css, round8.css, round9.css).
   Colours only through var(--r-*); every tap target 44px or more; no fixed width above 375px, so the page has no
   sideways scroll at a phone's width. */

.jm-stack{display:flex;flex-direction:column;gap:10px;min-width:0}
.jm-page{display:flex;flex-direction:column;gap:24px;min-width:0}
.jm-lead{margin:0;max-width:62ch}
.jm-date{font:700 15px/1.3 var(--r-font);color:var(--r-muted)}
.jm-eyebrow{font:700 12px/1.3 var(--r-font);letter-spacing:.12em;text-transform:uppercase;color:var(--r-muted)}
.jm-muted{color:var(--r-muted)}
.jm-flush{margin:0}
.jm-problem{margin:0;padding-left:10px;border-left:4px solid var(--r-signal);font-weight:700}

/* The first waiting item, as a card. */
.jm-card{background:var(--r-surface);box-shadow:inset 0 0 0 2px var(--r-ink);border-top:4px solid var(--r-anchor);padding:22px 24px;display:flex;flex-direction:column;gap:12px;min-width:0}
.jm-card h2{margin:0;font:700 24px/1.25 var(--r-font);letter-spacing:-.01em}
.jm-card p{margin:0}

/* The rest, as a short list. */
.jm-more{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;background:var(--r-surface)}
.jm-more li+li{border-top:1px solid var(--r-rule)}
.jm-more a{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:12px 20px;color:var(--r-ink);text-decoration:none;font-size:17px}
.jm-more a:hover b{color:var(--r-anchor-hover);text-decoration:underline}
.jm-more a::after{content:"\203A";color:var(--r-anchor);font-size:24px}

.jm-link{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--r-anchor)}

/* The cash at each month end. */
.jm-line{display:flex;flex-direction:column;gap:10px;background:var(--r-surface);padding:20px 24px;border-top:3px solid var(--r-ink);min-width:0}
.jm-line h2,.jm-full h2,.jm-ask h2{margin:0;font:700 22px/1.25 var(--r-font)}
.jm-table{width:100%;border-collapse:collapse;font-size:17px}
.jm-table th,.jm-table td{text-align:left;padding:10px 6px;border-bottom:1px solid var(--r-rule);vertical-align:middle}
.jm-table thead th{font-size:14px;color:var(--r-muted);font-weight:700;border-bottom:2px solid var(--r-ink)}
.jm-table .n{text-align:right;font-variant-numeric:tabular-nums}
.jm-table .jm-under{color:var(--r-breach);font-weight:700}
.jm-table .jm-down{color:var(--r-breach);font-weight:700}
.jm-table .r-stamp,.jm-table .r-given{margin-left:6px;vertical-align:1px}
.jm-verdict{margin:0;font-weight:700}

/* The month-end question. */
.jm-ask{background:var(--r-surface);box-shadow:inset 0 0 0 2px var(--r-ink);padding:22px 24px;display:flex;flex-direction:column;gap:14px;min-width:0}
.jm-ask form{display:flex;flex-direction:column;gap:14px;margin:0}
.jm-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.jm-field label{font-weight:700}
.jm-inrow{display:flex;align-items:stretch;min-width:0}
.jm-pre{display:flex;align-items:stretch;flex:1;min-width:0;border:2px solid var(--r-ink);background:var(--r-surface)}
.jm-pre>span{display:inline-flex;align-items:center;padding:0 12px;font-weight:700;background:var(--r-tint)}
.jm-pre>input{flex:1;min-width:0;min-height:44px;padding:0 12px;font:inherit;color:var(--r-ink);background:var(--r-surface);border:0;border-radius:0}
.jm-planned{font-size:17px;color:var(--r-muted)}
.jm-sold{margin:0;display:flex;flex-direction:column;gap:2px}
.jm-sold ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.jm-sold a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;color:var(--r-anchor)}
.jm-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.jm-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font:700 17px/1 var(--r-font);color:var(--r-surface);background:var(--r-ink);border:0;border-radius:0;cursor:pointer}
.jm-btn:hover{background:var(--r-anchor)}
.jm-answered{background:var(--r-surface);box-shadow:inset 0 0 0 2px var(--r-ink);padding:22px 24px;display:flex;flex-direction:column;gap:8px;min-width:0}
.jm-answered p{margin:0}

/* The month in full. */
.jm-full{background:var(--r-surface);min-width:0}
.jm-full>summary{cursor:pointer;min-height:56px;padding:12px 20px;display:flex;align-items:center;font-size:17px}
.jm-full-body{display:flex;flex-direction:column;gap:24px;padding:4px 20px 20px;min-width:0}
.jm-due,.jm-recent{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.jm-due li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:14px 0;border-bottom:1px solid var(--r-rule);align-items:baseline;font-size:17px}
.jm-due li:first-child{border-top:3px solid var(--r-ink)}
.jm-due .amt{font-weight:700;font-variant-numeric:tabular-nums;text-align:right}
.jm-recent li{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;padding:14px 0;border-bottom:1px solid var(--r-rule);font-size:17px}
.jm-recent li span:first-child{font-weight:700;color:var(--r-muted)}

@media (max-width:767px){
  .jm-card,.jm-ask,.jm-answered{padding:18px 16px}
  .jm-card h2{font-size:22px}
  .jm-line{padding:16px}
  .jm-more a{padding:12px 16px}
  .jm-full>summary{padding:12px 16px}
  .jm-full-body{padding:4px 16px 16px}
  .jm-btn{width:100%}
  .jm-table{font-size:15px}
  .jm-table th,.jm-table td{padding:8px 3px;overflow-wrap:anywhere}
  .jm-table .r-stamp,.jm-table .r-given{display:table;margin:2px 0 0 auto}
}

/* Correcting the recorded month: a disclosure that opens the form; the first figure is kept beside the new one. */
.jm-correct{border-top:1px solid var(--r-rule);padding-top:4px}
.jm-correct summary{display:flex;align-items:center;min-height:44px;font-weight:700;color:var(--r-anchor);cursor:pointer}
.jm-correct summary:focus-visible{outline:3px solid var(--r-anchor);outline-offset:2px}
.jm-correct form{display:flex;flex-direction:column;gap:14px;margin:0;padding:8px 0 4px}
.jm-correct h3{margin:0;font:700 19px/1.3 var(--r-font)}