/* 1765 Regina — Examination of Conscience tool. Scoped under .rk-tool--examination; colours from kit.css tokens
   (both themes). Motion = transform/opacity only; reduced motion honoured. */
.rk-tool--examination { max-width: 760px; margin: 0 auto; scroll-margin-top: 84px; padding-top: 28px; }
/* No layout shift on the web page: the mount point holds a screen's height from first paint until the
   home (always taller than a screen) replaces it, so the article below never jumps. Only when scripts
   run (the <noscript> card needs no reserve), and never around a load error. */
@media (scripting: enabled) {
  #rg-tool[data-tool="examination"]:not(.rk-host):not(:has([role="alert"])) { min-height: 100vh; }
}
.rk-tool--examination[data-mode="web"][data-state="loading"] { min-height: 100vh; }
.rk-tool--examination .rk-exam-firstlabel { margin-top: 18px; }
.rk-tool--examination .rk-exam-season { font-size: 16.5px; line-height: 1.55; color: var(--rk-ink-dim); margin: -6px 0 18px; padding: 0 0 0 18px; }
.rk-tool--examination .rk-exam-season__k { display: block; font: 600 10.5px/1.6 var(--rk-f-inscr); letter-spacing: .22em; text-transform: uppercase; color: var(--rk-gold); }
.rk-tool--examination .rk-exam-art { margin: 0 0 18px; }
.rk-tool--examination .rk-exam-art[hidden] { display: none; }
/* a portrait painting shown as a 4:3 window (her face, the candle and mirror, the skull), never a full-height column */
.rk-tool--examination .rk-exam-art img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: 50% 5%; border-radius: var(--rk-r2); border: 1px solid var(--rk-line-gold); background: var(--rk-surface); }
@media (min-width: 700px) { .rk-tool--examination .rk-exam-art { max-width: 600px; } }
.rk-tool--examination .rk-exam-art__credit { font-size: 13px; color: var(--rk-ink-mute); margin: 6px 0 0; }

.rk-tool--examination .rk-exam-last { font: 600 clamp(22px, 5vw, 27px)/1.2 var(--rk-f-display); margin: 0 0 8px; color: var(--rk-ink); }
.rk-tool--examination .rk-exam-nudge { margin-bottom: 10px; }
.rk-tool--examination .rk-exam-nudge[data-level="due"], .rk-tool--examination .rk-exam-nudge[data-level="long"] { color: var(--rk-ink); font-style: italic; }
.rk-tool--examination .rk-exam-meta { font-size: 14.5px; line-height: 1.5; color: var(--rk-ink-mute); margin: 0 0 12px; }
.rk-tool--examination .rk-exam-meta a { color: var(--rk-gold-bright); }
.rk-tool--examination .rk-exam-rhythm .rk-btn-row { margin: 4px 0 18px; }
.rk-tool--examination .rk-exam-strip-l { font: 600 10.5px/1.4 var(--rk-f-inscr); letter-spacing: .22em; text-transform: uppercase; color: var(--rk-ink-mute); margin: 6px 0 8px; }
.rk-tool--examination .rk-exam-months { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 4px; margin: 0 0 10px; max-width: 520px; }
.rk-tool--examination .rk-exam-month {
  position: relative; display: grid; place-items: center; height: 32px; border-radius: var(--rk-r2); border: 1px solid var(--rk-line);
  font: 600 10.5px/1 var(--rk-f-inscr); color: var(--rk-ink-mute); letter-spacing: .06em; margin: 0;
}
.rk-tool--examination .rk-exam-month.is-examined { background: var(--rk-heat-1); color: var(--rk-ink); border-color: transparent; }
.rk-tool--examination .rk-exam-month.is-kept { background: var(--rk-heat-3); color: var(--rk-heat-ink); border-color: transparent; }
.rk-tool--examination .rk-exam-month.is-now::after { content: ""; position: absolute; left: 50%; bottom: -7px; width: 4px; height: 4px; margin-left: -2px; border-radius: 50%; background: var(--rk-gold); }
.rk-tool--examination .rk-exam-key { font-size: 13.5px; color: var(--rk-ink-mute); display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0 0 12px; }
.rk-tool--examination .rk-exam-swatch { display: inline-block; width: 12px; height: 12px; border-radius: 3px; }
.rk-tool--examination .rk-exam-swatch.is-kept { background: var(--rk-heat-3); }
.rk-tool--examination .rk-exam-swatch.is-examined { background: var(--rk-heat-1); margin-left: 12px; }
.rk-tool--examination .rk-exam-marked { display: flex; align-items: center; gap: 8px; margin: 0; min-height: 44px; color: var(--rk-gold-bright); font-size: 16px; }
.rk-tool--examination .rk-exam-warn {
  display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: var(--rk-ink);
  padding: 12px 14px; border-radius: var(--rk-r2); border: 1px solid color-mix(in srgb, var(--rk-alert) 55%, transparent); margin: 0 0 14px;
}
.rk-tool--examination .rk-exam-warn .rk-icon { color: var(--rk-alert); margin-top: 2px; flex: none; }
.rk-tool--examination .rk-exam-also { font-size: 15px; color: var(--rk-ink-mute); margin: 14px 0 0; }
.rk-tool--examination .rk-exam-also a { color: var(--rk-gold-bright); }
.rk-tool--examination .rk-card__label { text-wrap: balance; }
.rk-tool--examination .rk-seg__opt { min-height: 44px; }
/* on the website, site.css's a:hover would turn a gold link-button's ink ivory (1.6:1): keep the kit's ink */
.rk-tool--examination a.rk-btn--primary:hover, .rk-layer a.rk-btn--primary:hover { color: var(--rk-btn-ink); }
.rk-tool--examination .rk-exam-ago { display: block; margin-top: 4px; font: italic 500 18px/1.3 var(--rk-f-display); color: var(--rk-ink-dim); }
.rk-tool--examination .rk-exam-history summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; justify-content: space-between; gap: 10px; color: var(--rk-gold-bright); font-size: 15.5px; list-style: none; border-top: 1px solid var(--rk-line); }
.rk-tool--examination .rk-exam-history summary::-webkit-details-marker { display: none; }
.rk-tool--examination .rk-exam-history__chev { flex: none; transition: transform 160ms var(--rk-ease); }
.rk-tool--examination .rk-exam-history[open] .rk-exam-history__chev { transform: rotate(180deg); }
.rk-tool--examination .rk-exam-history .rk-list { margin-top: 6px; }

.rk-tool--examination .rk-exam-start .rk-chips { margin: 0 0 6px; }
/* a chosen state of life shows a check, not only a fill (state never by colour alone) */
.rk-tool--examination .rk-exam-chipcheck { display: none; margin: 0 2px 0 -4px; }
.rk-tool--examination .rk-chip[aria-pressed="true"] .rk-exam-chipcheck { display: inline-block; }
/* on a wide screen the Begin button keeps a button's proportions instead of a 700px gold bar */
@media (min-width: 640px) {
  .rk-tool--examination .rk-exam-start > .rk-btn--block { display: inline-flex; width: auto; min-width: 280px; padding-left: 44px; padding-right: 44px; }
}
.rk-tool--examination .rk-chip { min-height: 44px; }
.rk-tool--examination .rk-chip .rk-icon { color: var(--rk-gold); }
.rk-tool--examination .rk-exam-scrnote { font-size: 15.5px; color: var(--rk-ink-dim); font-style: italic; margin: 0 0 12px; }
.rk-tool--examination .rk-exam-count { font: 600 11.5px/1.4 var(--rk-f-inscr); letter-spacing: .18em; text-transform: uppercase; color: var(--rk-gold); margin: 10px 0 12px; }
.rk-tool--examination .rk-exam-privacy {
  display: flex; gap: 10px; align-items: flex-start; font-size: 15px; line-height: 1.5; color: var(--rk-ink-dim);
  padding: 12px 14px; border-radius: var(--rk-r2); border: 1px solid var(--rk-line); background: var(--rk-raised); margin: 0 0 16px;
}
.rk-tool--examination .rk-exam-privacy .rk-icon { color: var(--rk-gold); margin-top: 2px; }
.rk-tool--examination .rk-exam-lib, .rk-tool--examination .rk-exam-print { margin: 0 0 18px; }
.rk-tool--examination .rk-exam-print .rk-btn-row .rk-btn { flex: 1 1 220px; }
.rk-tool--examination .rk-exam-safety .rk-btn-row .rk-btn { flex: 1 1 200px; }
.rk-tool--examination .rk-exam-rhythm .rk-btn-row .rk-btn { flex: 1 1 160px; }

/* walk */
.rk-tool--examination .rk-exam-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; }
.rk-tool--examination .rk-exam-bar__n { margin: 0; font: 600 11px/1 var(--rk-f-inscr); letter-spacing: .2em; text-transform: uppercase; color: var(--rk-gold); }
.rk-tool--examination .rk-exam-sec { margin: 22px 0 14px; }
.rk-tool--examination .rk-exam-sec .rk-h:focus { outline: none; }
.rk-tool--examination .rk-exam-cmd { font: italic 500 20px/1.4 var(--rk-f-display); color: var(--rk-gold-bright); margin: 0 0 6px; }
.rk-tool--examination .rk-exam-gloss { font-size: 16px; color: var(--rk-ink-mute); margin: 0; }
.rk-tool--examination .rk-exam-qs { list-style: none; margin: 0 0 20px; padding: 0; display: grid; gap: 10px; }
.rk-tool--examination .rk-exam-qi { border: 1px solid var(--rk-line-2); border-radius: var(--rk-r2); background: var(--rk-surface); }
.rk-tool--examination .rk-exam-q {
  display: grid; grid-template-columns: auto 1fr; column-gap: 14px; align-items: start; width: 100%; min-height: 56px;
  padding: 14px 16px 8px; background: transparent; border: 0; color: var(--rk-ink); text-align: left; cursor: pointer;
  font: 400 17.5px/1.5 var(--rk-f-body); border-radius: var(--rk-r2) var(--rk-r2) 0 0; transition: transform 90ms var(--rk-ease);
}
.rk-tool--examination .rk-exam-q__box {
  width: 26px; height: 26px; margin-top: 1px; border-radius: 50%; border: 1px solid var(--rk-line-gold-2);
  display: grid; place-items: center; color: transparent;
}
.rk-tool--examination .rk-exam-q__lane { grid-column: 2; font: 600 10px/1.6 var(--rk-f-inscr); letter-spacing: .2em; text-transform: uppercase; color: var(--rk-gold); margin-top: 4px; }
.rk-tool--examination .rk-exam-q[aria-pressed="true"] .rk-exam-q__box { background: var(--rk-btn-bg); border-color: transparent; color: var(--rk-btn-ink); }
.rk-tool--examination .rk-exam-qi:has(.rk-exam-q[aria-pressed="true"]) { border-color: var(--rk-gold); background: color-mix(in srgb, var(--rk-gold) 8%, var(--rk-surface)); }
.rk-tool--examination .rk-exam-q.is-pressed { transform: scale(.99); }
.rk-tool--examination .rk-exam-note { margin: 0 16px 8px 56px; font-size: 15px; line-height: 1.5; font-style: italic; color: var(--rk-ink-dim); }
.rk-tool--examination .rk-exam-link { background: none; border: 0; padding: 0; min-height: 0; color: var(--rk-gold-bright); font: inherit; font-style: normal; text-decoration: underline; cursor: pointer; }
.rk-tool--examination .rk-exam-cite {
  display: flex; align-items: center; gap: 8px; width: 100%; min-height: 44px; padding: 6px 16px 10px 56px; background: transparent; border: 0;
  text-align: left; color: var(--rk-ink-mute); font: 400 13.5px/1.4 var(--rk-f-body); cursor: pointer;
}
.rk-tool--examination .rk-exam-cite .rk-icon { color: var(--rk-gold); flex: none; }
.rk-tool--examination .rk-exam-cite[aria-expanded="true"] { color: var(--rk-ink-dim); }
.rk-tool--examination .rk-exam-srcbox { padding: 0 16px 14px 56px; }
.rk-tool--examination .rk-exam-srcbox[hidden] { display: none; }
.rk-tool--examination .rk-exam-quote, .rk-layer .rk-exam-quote {
  margin: 0 0 12px; padding: 0 0 0 14px; border-left: 2px solid var(--rk-gold); font: italic 500 18px/1.5 var(--rk-f-display); color: var(--rk-ink);
}
.rk-tool--examination .rk-exam-quote cite, .rk-layer .rk-exam-quote cite { display: block; margin-top: 6px; font: 600 10px/1.4 var(--rk-f-inscr); letter-spacing: .16em; text-transform: uppercase; font-style: normal; color: var(--rk-ink-mute); }
.rk-tool--examination .rk-exam-src, .rk-layer .rk-exam-src { font-size: 14px; line-height: 1.5; color: var(--rk-ink-mute); margin: 0 0 8px; }
.rk-tool--examination .rk-exam-src a, .rk-layer .rk-exam-src a { color: var(--rk-gold-bright); }
.rk-tool--examination .rk-exam-care { margin-bottom: 14px; }
.rk-tool--examination .rk-exam-care[data-kind="safety"], .rk-tool--examination .rk-exam-care[data-kind="care"] { border-color: color-mix(in srgb, var(--rk-alert) 45%, transparent); }
.rk-tool--examination .rk-exam-nav { display: flex; justify-content: space-between; gap: 10px; margin: 8px 0 24px; flex-wrap: wrap; }
.rk-tool--examination .rk-exam-nav .rk-btn--primary { flex: 1 1 200px; }
.rk-tool--examination .rk-exam-prayer, .rk-layer .rk-exam-prayer { font: italic 500 19px/1.55 var(--rk-f-display); color: var(--rk-ink); margin: 0 0 8px; }
.rk-tool--examination .rk-exam-label, .rk-layer .rk-exam-label { font: 600 10px/1.5 var(--rk-f-inscr); letter-spacing: .18em; text-transform: uppercase; color: var(--rk-ink-mute); margin: 0 0 12px; }
.rk-tool--examination .rk-exam-rulelist { margin: 0; padding-left: 20px; font-size: 16.5px; line-height: 1.55; color: var(--rk-ink-dim); }
.rk-tool--examination .rk-exam-rulelist li { margin: 0 0 10px; }
.rk-tool--examination .rk-exam-rulelist strong { color: var(--rk-ink); }

/* review */
.rk-tool--examination .rk-exam-review .rk-h:focus, .rk-tool--examination .rk-exam-guide .rk-h:focus { outline: none; }
.rk-tool--examination .rk-exam-lines .rk-item__title { font-size: 17.5px; }
.rk-tool--examination .rk-exam-add { display: grid; grid-template-columns: 1fr auto; gap: 10px; align-items: end; margin: 0 0 14px; }
.rk-tool--examination .rk-exam-add .rk-textarea { min-height: 52px; }
.rk-tool--examination .rk-exam-actions { margin: 0 0 12px; }
.rk-tool--examination .rk-exam-actions .rk-btn { flex: 1 1 220px; }

/* guide */
.rk-tool--examination .rk-exam-h3 { font: 600 11.5px/1.3 var(--rk-f-inscr); letter-spacing: .26em; text-transform: uppercase; color: var(--rk-gold); margin: 26px 0 10px; }
.rk-tool--examination .rk-exam-steps { list-style: none; counter-reset: rkx; margin: 0 0 12px; padding: 0; }
.rk-tool--examination .rk-exam-steps > li { position: relative; counter-increment: rkx; padding: 12px 0 10px 44px; border-top: 1px solid var(--rk-line); }
.rk-tool--examination .rk-exam-steps > li::before {
  content: counter(rkx, upper-roman); position: absolute; left: 0; top: 13px; width: 30px; height: 30px; border-radius: 50%;
  display: grid; place-items: center; border: 1px solid var(--rk-line-gold); color: var(--rk-gold); font: 600 11px/1 var(--rk-f-inscr);
}
.rk-tool--examination .rk-exam-steps h3 { font: 600 20px/1.25 var(--rk-f-display); margin: 2px 0 4px; }
.rk-tool--examination .rk-exam-steps p { margin: 0 0 6px; font-size: 17px; line-height: 1.6; color: var(--rk-ink-dim); }
.rk-tool--examination .rk-exam-steps p.rk-exam-src { font-size: 14px; line-height: 1.5; color: var(--rk-ink-mute); }
.rk-tool--examination .rk-exam-la { font: italic 500 21px/1.5 var(--rk-f-display); color: var(--rk-gold-bright); margin: 0 0 6px; }
.rk-tool--examination .rk-exam-gl { font-size: 17px; color: var(--rk-ink-dim); margin: 0 0 10px; }
.rk-layer .rk-exam-read h3 { font-size: 21px; }

@media (prefers-reduced-motion: reduce) { .rk-tool--examination .rk-exam-q, .rk-tool--examination .rk-exam-history__chev { transition: none; } .rk-tool--examination .rk-exam-q.is-pressed { transform: none; } }
@media (max-width: 400px) {
  .rk-tool--examination .rk-exam-q { padding: 12px 12px 6px; column-gap: 12px; font-size: 17px; }
  .rk-tool--examination .rk-exam-cite, .rk-tool--examination .rk-exam-srcbox { padding-left: 50px; }
  .rk-tool--examination .rk-exam-note { margin-left: 50px; }
}