/* 1765 Regina — Prayer Journal (scoped to .rk-tool--prayer-journal; sheets use .pj-* inside .rk-layer).
   Builds on kit.css tokens; motion is transform/opacity only. */

.rk-tool--prayer-journal { position: relative; max-width: 720px; margin: 0 auto; container-type: inline-size; }
/* the web page reserves a screen for the tool until it mounts, so the text below never jumps (CLS) */
#rg-tool[data-tool="prayer-journal"]:not(.rk-host) { min-height: 100vh; }

/* a white season bar on parchment would vanish: give it a hairline edge */
:root[data-theme="light"] .rk-tool--prayer-journal .rk-day[style*="lit-white"]::before { box-shadow: inset 0 0 0 1px rgba(31, 26, 18, 0.32); }
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) .rk-tool--prayer-journal .rk-day[style*="lit-white"]::before { box-shadow: inset 0 0 0 1px rgba(31, 26, 18, 0.32); }
}
.rk-tool--prayer-journal .pj-tabs { margin: 0 0 22px; }
.rk-tool--prayer-journal .pj-panel > :last-child { margin-bottom: 0; }

/* not saving */
.rk-tool--prayer-journal .pj-banner {
  display: flex; gap: 10px; align-items: flex-start; margin: 0 0 16px; padding: 12px 14px; border-radius: var(--rk-r2);
  border: 1px solid color-mix(in srgb, var(--rk-alert) 55%, transparent); background: color-mix(in srgb, var(--rk-alert) 9%, transparent);
  font-size: 16px; line-height: 1.45; color: var(--rk-ink);
}
.rk-tool--prayer-journal .pj-banner .rk-icon { color: var(--rk-alert); margin-top: 2px; }

/* section heads inside a panel */
.rk-tool--prayer-journal .pj-head { margin: 0 0 14px; }
.rk-tool--prayer-journal .pj-head .rk-text { margin: 0; }
.rk-tool--prayer-journal .pj-sub-eyebrow { margin-top: 26px; }
.rk-tool--prayer-journal .pj-top-acts { margin: 0 0 18px; }
.pj-note { font-size: 15px; line-height: 1.5; color: var(--rk-ink-mute); margin: 10px 0 14px; }

/* pray for today */
.rk-tool--prayer-journal .pj-prayfor .rk-empty { margin: 4px 0 0; border: 0; padding: 12px 6px 6px; }
.pj-pray-list { list-style: none; margin: 0 0 4px; padding: 0; }
.pj-pray { display: flex; align-items: flex-start; gap: 6px; padding: 6px 0; }
.pj-pray + .pj-pray { border-top: 1px solid var(--rk-line); }
.pj-pray__btn {
  flex: none; width: 48px; height: 48px; display: grid; place-items: center; border: 0; padding: 0;
  background: transparent; cursor: pointer; border-radius: 50%;
}
.pj-check {
  width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  border: 1.5px solid var(--rk-line-gold-2); color: transparent; transition: transform 120ms var(--rk-ease), background-color 160ms var(--rk-ease);
}
.pj-pray__btn.is-on .pj-check { background: var(--rk-btn-bg); border-color: transparent; color: var(--rk-btn-ink); }
.pj-pray__btn.is-pressed .pj-check { transform: scale(0.88); }
.pj-pray__main {
  flex: 1; min-width: 0; min-height: 48px; display: flex; flex-direction: column; justify-content: center; gap: 2px;
  padding: 6px 4px; border: 0; background: transparent; color: var(--rk-ink); text-align: left; font: inherit; cursor: pointer; border-radius: var(--rk-r2);
}
.pj-pray__main.is-pressed { background: var(--rk-raised-2); }
.pj-pray__who { font: 600 21px/1.2 var(--rk-f-display); }
.pj-pray__what { font-size: 16.5px; line-height: 1.4; color: var(--rk-ink-dim); overflow-wrap: anywhere; }
.pj-pray__why { font: italic 500 17px/1.35 var(--rk-f-display); color: var(--rk-gold-bright); }
.pj-pray__since { font-size: 14px; color: var(--rk-ink-mute); }
.pj-pray__btn.is-on + .pj-pray__main .pj-pray__who { color: var(--rk-gold-bright); }

/* streak */
.rk-tool--prayer-journal .pj-streak { margin: 0 0 16px; }
.rk-tool--prayer-journal .pj-streak .rk-streak { margin: 0; }
.rk-tool--prayer-journal .pj-streak-acts { flex: 1 1 100%; }
.pj-next { margin: 8px 2px 0; font-size: 15px; color: var(--rk-ink-dim); }
.pj-counted { margin: -4px 2px 18px; font-size: 15.5px; line-height: 1.5; color: var(--rk-ink-dim); }
.pj-counted__k { font: 600 10.5px/1 var(--rk-f-inscr); letter-spacing: 0.2em; text-transform: uppercase; color: var(--rk-gold); margin-right: 4px; }
.rk-tool--prayer-journal .pj-links { margin: 0 0 22px; }

/* a mark reached */
.rk-tool--prayer-journal .pj-celebrate {
  border-color: var(--rk-line-gold-2);
  background: radial-gradient(520px 220px at 50% 0%, color-mix(in srgb, var(--rk-gold) 16%, transparent), transparent 72%), linear-gradient(180deg, var(--rk-raised), var(--rk-surface));
}
.pj-celebrate__title { font: 600 clamp(24px, 5vw, 28px)/1.2 var(--rk-f-display); margin: 0 0 12px; }
.pj-cel-when { margin: -6px 0 14px; font-size: 15.5px; line-height: 1.45; color: var(--rk-ink-dim); }
.pj-verse { margin: 0 0 12px; padding: 0 0 0 16px; border-left: 2px solid var(--rk-gold); }
.pj-verse p { margin: 0; font: italic 500 clamp(21px, 4.6vw, 24px)/1.45 var(--rk-f-display); color: var(--rk-ink); }
.pj-verse cite { display: block; margin-top: 8px; font: 600 10.5px/1.4 var(--rk-f-inscr); letter-spacing: 0.18em; text-transform: uppercase; font-style: normal; color: var(--rk-ink-mute); }

/* library */
.rk-tool--prayer-journal .pj-lib { margin: 26px 0 0; }
.pj-reading blockquote p { margin: 0; }
.pj-sources { font-size: 15.5px; color: var(--rk-ink-mute); }
.pj-sources a { color: var(--rk-gold-bright); text-underline-offset: 3px; }

/* intentions */
.rk-tool--prayer-journal .pj-ints .rk-item__sub { overflow-wrap: anywhere; }
.rk-tool--prayer-journal .pj-print-row { margin: 22px 0 6px; padding-top: 16px; border-top: 1px solid var(--rk-line); }
.pj-facts { margin: 0 0 6px; display: grid; grid-template-columns: max-content 1fr; gap: 10px 16px; font-size: 17px; line-height: 1.45; }
.pj-facts dt { font: 600 10.5px/1.9 var(--rk-f-inscr); letter-spacing: 0.2em; text-transform: uppercase; color: var(--rk-ink-mute); }
.pj-facts dd { margin: 0; color: var(--rk-ink); overflow-wrap: anywhere; white-space: pre-line; }
.pj-facts .pj-private { font-style: italic; color: var(--rk-ink-dim); }
.pj-form .rk-seg { margin-top: 2px; }
.pj-who-chips { margin: -6px 0 18px; row-gap: 10px; }
/* the kit's chip reaches 42px (its inset starts inside the 1px border); these reach the full 44 */
.pj-who-chips .rk-chip::after { inset: -5px -2px; }
.pj-ta { min-height: 88px; }
.pj-err { color: var(--rk-alert); font-size: 15.5px; margin: 0; min-height: 1px; }

/* days */
.pj-month { position: relative; }
.pj-month__nav { position: absolute; top: 12px; right: 12px; display: flex; gap: 4px; z-index: 1; }
.pj-month__nav .rk-cal__nav { width: 44px; height: 44px; }
.pj-month .rk-calendar { margin: 0; }
.pj-month .rk-calendar__head { min-height: 44px; align-items: center; justify-content: flex-start; gap: 12px; padding-right: 100px; margin-top: -4px; }
/* every day is a 44px target: the grid gives the cells the width (gap 4px), and a month that ends
   before the sixth week does not keep an empty row */
.rk-tool--prayer-journal .pj-month .rk-calendar__dow, .rk-tool--prayer-journal .pj-month .rk-calendar__grid { gap: 4px; }
.rk-tool--prayer-journal .pj-month .rk-calendar__d { min-height: 44px; }
.rk-tool--prayer-journal .pj-month .rk-calendar__d.is-out:nth-last-child(-n+7) { display: none; }
@container (max-width: 420px) {
  .rk-tool--prayer-journal .pj-month .rk-calendar { padding: 14px 0 12px; border-width: 1px 0; border-radius: 0; background: transparent; }
  .rk-tool--prayer-journal .pj-month .rk-calendar__dow, .rk-tool--prayer-journal .pj-month .rk-calendar__grid { gap: 3px; }
  .rk-tool--prayer-journal .pj-month__nav { right: 0; }
}
/* a wide screen: the month on the left, the run and the year beside it */
@container (min-width: 640px) {
  .rk-tool--prayer-journal .pj-cal-row {
    display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); grid-template-areas: "m s" "m y"; grid-template-rows: auto 1fr;
    column-gap: 20px; align-items: start; margin: 0 0 18px;
  }
  .rk-tool--prayer-journal .pj-cal-row > .pj-streak { grid-area: s; margin: 0 0 16px; }
  .rk-tool--prayer-journal .pj-cal-row > .pj-cal-month { grid-area: m; }
  .rk-tool--prayer-journal .pj-cal-row > .pj-year { grid-area: y; margin: 0; }
  .rk-tool--prayer-journal .pj-cal-row .pj-cal-month > .pj-note { margin-bottom: 0; }
  .rk-tool--prayer-journal .pj-cal-row .pj-year__m { font-size: 13px; }
  .rk-tool--prayer-journal .pj-cal-row .pj-year__head { display: block; }
  .rk-tool--prayer-journal .pj-cal-row .pj-year__n { margin: 0 0 12px; }
}
.pj-year { margin: 22px 0 18px; padding: 16px; border: 1px solid var(--rk-line); border-radius: var(--rk-r2); background: var(--rk-surface); }
.pj-year__head { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.pj-year__head .rk-card__label { margin: 0 0 10px; }
.pj-year__n { margin: 0; font: 600 18px/1 var(--rk-f-display); color: var(--rk-gold-bright); white-space: nowrap; }
.pj-year__svg { display: block; width: 100%; max-width: 560px; height: auto; }
.pj-year__m { font: 600 12px var(--rk-f-inscr); letter-spacing: 0.06em; text-transform: uppercase; fill: var(--rk-ink-mute); }
.pj-cell { fill: var(--rk-line-2); shape-rendering: crispEdges; }
.pj-cell.is-on { fill: var(--rk-gold-bright); }
.rk-tool--prayer-journal .pj-marks { margin: 0 0 8px; }
.pj-mark { display: flex; gap: 14px; align-items: flex-start; padding: 14px 16px; }
.pj-mark__n {
  flex: none; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center;
  border: 1px solid var(--rk-line-2); font: 600 16px/1 var(--rk-f-inscr); color: var(--rk-ink-mute); font-variant-numeric: lining-nums;
}
.pj-mark.is-reached .pj-mark__n { border-color: var(--rk-gold); color: var(--rk-gold-bright); background: color-mix(in srgb, var(--rk-gold) 10%, transparent); }
.pj-mark__main { flex: 1; min-width: 0; }
.pj-mark__name { margin: 2px 0 4px; font: 600 19px/1.25 var(--rk-f-display); }
.pj-mark__verse { margin: 0 0 6px; font-size: 16px; line-height: 1.5; font-style: italic; color: var(--rk-ink-dim); }
.pj-mark__cite { font: normal 600 10px/1 var(--rk-f-inscr); letter-spacing: 0.16em; text-transform: uppercase; color: var(--rk-ink-mute); white-space: nowrap; }
.pj-mark .rk-btn { margin-left: -10px; }
.rk-tool--prayer-journal .pj-how { margin: 18px 0 0; padding: 12px 16px; border: 1px solid var(--rk-line); border-radius: var(--rk-r2); }
.pj-how summary { min-height: 44px; display: flex; align-items: center; gap: 12px; cursor: pointer; list-style: none; font: 600 11px/1.2 var(--rk-f-inscr); letter-spacing: 0.2em; text-transform: uppercase; color: var(--rk-gold); }
.pj-how summary::-webkit-details-marker { display: none; }
/* the disclosure reads as one: a small chevron that turns when it opens */
.pj-how summary::after {
  content: ""; flex: none; width: 8px; height: 8px; margin: -4px 4px 0 auto; border: solid currentColor; border-width: 0 1.5px 1.5px 0;
  transform: rotate(45deg); transition: transform 160ms var(--rk-ease);
}
.pj-how[open] summary::after { transform: translateY(4px) rotate(-135deg); }
.pj-how p { font-size: 16px; line-height: 1.55; color: var(--rk-ink-dim); margin: 6px 0 10px; }
.pj-day__list { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: 8px; }
.pj-day__list li { display: flex; gap: 10px; align-items: flex-start; font-size: 17px; line-height: 1.4; }
.pj-day__list .rk-icon { color: var(--rk-gold); margin-top: 2px; }

/* share card */
.pj-card { text-align: center; }
.pj-card-img { display: block; width: 100%; max-width: 420px; height: auto; aspect-ratio: 1; margin: 0 auto 10px; border-radius: var(--rk-r2); background: #06070C; border: 1px solid var(--rk-line-gold); }

@media (min-width: 720px) {
  .rk-tool--prayer-journal .pj-tabs { max-width: 440px; }
}
@media (prefers-reduced-motion: reduce) {
  .pj-check, .pj-how summary::after { transition: none; }
  .pj-pray__btn.is-pressed .pj-check { transform: none; }
}
@media print {
  .rk-tool--prayer-journal .pj-tabs, .rk-tool--prayer-journal .pj-month__nav { display: none !important; }
}