/* A Daily Reprieve · styles only today/ uses, loaded after /shared/deep-dive.css: the calendar page
   (today/) and the day pages (today/<month>-<day>/). Built October 2026 (a pilot behind ?preview, public from October 22).
   A day page isn't a deep dive (no section list, no narration, no shared script); today/today.js runs
   the filters, the Chairing view, the read ticks and the calendar. Everything is prefixed rp-. */

:root{--rp-ask:#7A3B22;--rp-ask-bg:#F7EFDD;--rp-lit:#E7C47A}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--rp-ask:#E3A36E;--rp-ask-bg:#231A12;--rp-lit:#8A6424}}
:root[data-theme="dark"]{--rp-ask:#E3A36E;--rp-ask-bg:#231A12;--rp-lit:#8A6424}

/* header: the calendar link sits where the deep dives keep Contents */
.rp-cal-link{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);font:500 calc(14px*var(--ts,1)) var(--sans);text-decoration:none;flex-shrink:0}
.rp-cal-link:hover{border-color:var(--accent);color:var(--accent)}
.rp-cal-link .cl-text{display:none}
@media (min-width:600px){.rp-cal-link{padding:0 16px}.rp-cal-link .cl-text{display:inline}}
.rp-page .home-link{display:none}
@media (min-width:1100px){.rp-page .home-link{display:flex}}

/* ---------- a day ---------- */
.rp-day{display:flex;flex-direction:column;gap:24px;padding-block:24px 32px}
@media (min-width:900px){.rp-day{padding-block:36px 40px;gap:28px}}

/* the reading: where it is, never what it says */
.rp-reading{display:grid;gap:12px;padding:18px 20px;border:1px solid var(--line-2);border-radius:12px;background:var(--card)}
.rp-reading p{margin:0;font-size:calc(17px*var(--ts,1));line-height:1.5}
.rp-reading .rp-src{font:400 calc(15px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-reading .btn{margin-top:4px}
.rp-reading .btn svg{flex-shrink:0}
@media (min-width:900px){.rp-reading{grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:32px;padding:22px 28px}.rp-reading .btn{grid-column:2;grid-row:1 / span 3;margin:0}}

/* the filter buttons */
.rp-views{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rp-views .label{width:100%;margin-bottom:2px}
.rp-views button{min-height:44px;padding:0 12px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);font:500 calc(14.5px*var(--ts,1)) var(--sans);cursor:pointer}
@media (min-width:600px){.rp-views button{padding:0 16px;font-size:calc(15px*var(--ts,1))}}
.rp-views button:hover{border-color:var(--accent);color:var(--accent)}
.rp-views button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.rp-awake{margin:0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-awake[hidden]{display:none}
/* Print, at the end of the row (today.js, October 27, 2026): an action, not a filter, so it's never
   pressed and is drawn quieter, with the deep dives' printer. It prints what's showing. */
.rp-views .rp-print,.rp-views .rp-share{display:inline-flex;align-items:center;gap:7px;background:transparent;color:var(--ink-2)}
.rp-views .rp-print svg,.rp-views .rp-share svg{flex-shrink:0}
/* Share, after Print (today.js, November 2026), drawn the same way; its words become "Link copied"
   for a moment where it copies the link */

/* Put it on your home screen (today.js, November 2026): on phones and tablets only, before Previous
   and next, its steps opening in place */
.rp-app{margin:8px 0 28px;border:1px solid var(--line-2);border-radius:12px;background:var(--card)}
.rp-app summary{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 16px;font:500 calc(15px*var(--ts,1))/1.35 var(--sans);color:var(--ink);cursor:pointer;list-style:none}
.rp-app summary::-webkit-details-marker{display:none}
.rp-app summary::after{content:"";flex-shrink:0;width:9px;height:9px;margin-left:auto;border:solid var(--ink-2);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-3px);transition:transform .2s}
.rp-app[open] summary::after{transform:rotate(-135deg) translateY(-2px)}
.rp-app ol{margin:0 16px 10px;padding-left:20px;font:400 calc(15px*var(--ts,1))/1.55 var(--sans);color:var(--ink)}
.rp-app li+li{margin-top:4px}
.rp-app p{margin:0 16px 14px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-app b{font-weight:600;color:var(--ink)}
.rp-app .rp-add{display:none}
/* One tap (November 2026): where the browser offers to install the site, the line carries an Add
   pill in place of its arrow, and tapping it opens the browser's own Install box (today.js) */
.rp-app.can-add summary::after{display:none}
.rp-app.can-add .rp-add{display:inline-flex;align-items:center;flex-shrink:0;margin-left:auto;min-height:32px;padding:0 14px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 calc(14px*var(--ts,1)) var(--sans)}
@media (prefers-reduced-motion:reduce){.rp-app summary::after{transition:none}}
/* In print only, in place of the line that says to read it at aa.org and come back: the address
   (today.js writes it from the "Read it at aa.org" button) */
.rp-reading .rp-src-print{display:none;font:400 calc(15px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-src-print .addr{overflow-wrap:anywhere;color:var(--ink)}

/* the parts of a day, in the order All shows them; Chairing moves Try this to the top */
.rp-body{display:flex;flex-direction:column;gap:40px;padding-bottom:16px}
.rp-body>*{width:100%}
@media (min-width:900px){.rp-body{gap:56px}}
.rp-asks{order:1}.rp-behind{order:2}.rp-threads{order:3}.rp-tryw{order:4}.rp-dd{order:5}
html[data-view="asks"] .rp-behind,html[data-view="asks"] .rp-threads,html[data-view="asks"] .rp-dd{display:none}
html[data-view="behind"] .rp-asks,html[data-view="behind"] .rp-threads,html[data-view="behind"] .rp-tryw{display:none}
html[data-view="chair"] .rp-behind,html[data-view="chair"] .rp-threads,html[data-view="chair"] .rp-dd,
html[data-view="chair"] figure.hero,html[data-view="chair"] .room-head .dek,html[data-view="chair"] .rp-more{display:none}
html[data-view="chair"] .rp-tryw{order:0}
.rp-try .v-chair{display:none}
html[data-view="chair"] .rp-try .v-all{display:none}
html[data-view="chair"] .rp-try .v-chair{display:inline}

/* themes and asks */
.rp-asks>.label{margin-bottom:-12px}
.rp-themes{display:grid;gap:28px;margin:0;padding:0;list-style:none}
@media (min-width:900px){.rp-themes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;row-gap:40px}}
.rp-theme{display:flex;flex-direction:column;gap:10px;padding-top:18px;border-top:3px solid var(--gold)}
.rp-theme h3{margin:0;font:400 calc(clamp(26px,3vw,34px)*(1 + (var(--ts,1) - 1)*0.7))/1.1 var(--display)}
.rp-theme .gist{margin:0;font-size:calc(clamp(18px,1.6vw,20px)*var(--ts,1));line-height:1.5}
.rp-ask{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
/* side by side, each theme's asks sit at the foot of its cell, so the boxes' bottoms line up across the row (as on
   From Dust to Glory, November 1, 2026). Phones and Chairing, one column, are unchanged */
@media (min-width:900px){.rp-theme>.rp-ask{margin-top:auto;padding-top:4px}}
.rp-ask li{position:relative;padding:12px 16px 12px 44px;border-radius:10px;background:var(--rp-ask-bg);border:1px solid var(--line);font-size:calc(19px*var(--ts,1));line-height:1.45;font-style:italic}
.rp-ask li::before{content:"Ask";position:absolute;left:12px;top:14px;font:700 calc(10px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rp-ask);font-style:normal;writing-mode:vertical-rl;transform:rotate(180deg)}
html[data-view="chair"] .rp-themes{grid-template-columns:minmax(0,1fr)}
html[data-view="chair"] .rp-theme h3{font-size:calc(clamp(30px,4vw,44px)*(1 + (var(--ts,1) - 1)*0.5))}
html[data-view="chair"] .rp-theme .gist{font-size:calc(clamp(20px,2vw,24px)*var(--ts,1))}
html[data-view="chair"] .rp-ask li{font-size:calc(clamp(23px,2.6vw,30px)*(1 + (var(--ts,1) - 1)*0.8));padding-block:16px}
html[data-view="chair"] .room-head h1{font-size:calc(clamp(40px,6vw,64px)*(1 + (var(--ts,1) - 1)*0))}

/* Behind the words, on the band */
.rp-behind{padding-block:36px;background:var(--band);border-block:1px solid var(--line)}
.rp-behind .bw{display:grid;gap:18px}
.rp-behind h2{margin:0;font:400 calc(clamp(30px,4vw,46px)*(1 + (var(--ts,1) - 1)*0.5))/1.08 var(--display)}
.rp-behind .bw-text{display:flex;flex-direction:column;gap:14px;max-width:66ch}
.rp-behind .bw-text p{margin:0;font-size:calc(clamp(18px,1.6vw,20px)*var(--ts,1));line-height:1.55}
.rp-behind .rp-more{font:400 calc(15px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-behind .rp-more a{font-weight:600}
@media (min-width:900px){
  .rp-behind{padding-block:56px}
  .rp-behind .bw{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:64px;align-items:start}
  .rp-behind .bw-head{grid-column:1 / -1}
}
/* October 21: how the words got here, as four stops */
.rp-path{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.rp-path li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);gap:4px 14px;padding-bottom:20px}
.rp-path li::before{content:"";position:absolute;left:31px;top:30px;bottom:-2px;width:2px;background:var(--line-2)}
.rp-path li:last-child{padding-bottom:0}
.rp-path li:last-child::before{display:none}
.rp-path .yr{grid-row:1 / span 2;align-self:start;display:flex;align-items:center;justify-content:center;width:64px;height:30px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(14px*var(--ts,1))/1 var(--mono);position:relative;z-index:1}
.rp-path .t{font:600 calc(17px*var(--ts,1))/1.35 var(--sans)}
.rp-path .t i{font-weight:600}
.rp-path .x{font-size:calc(16px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
/* October 22: where the passage sits in its essay, in order, today's passage marked */
.rp-seq-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-seq{margin:0;padding:0;list-style:none}
.rp-seq li{position:relative;display:flex;flex-direction:column;gap:2px;padding:0 0 16px 30px}
.rp-seq li::before{content:"";position:absolute;left:5px;top:6px;width:11px;height:11px;border-radius:50%;background:var(--line-2)}
.rp-seq li::after{content:"";position:absolute;left:10px;top:20px;bottom:2px;width:1px;background:var(--line-2)}
.rp-seq li:last-child{padding-bottom:0}
.rp-seq li:last-child::after{display:none}
.rp-seq .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-seq .x{font-size:calc(16px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-seq li.here{margin:2px 0 18px;padding:12px 14px 12px 30px;border:1px solid var(--gold);border-radius:10px;background:var(--card)}
.rp-seq li.here::before{left:9px;top:17px;background:var(--gold)}
.rp-seq li.here::after{display:none}
.rp-seq li.here .t{color:var(--accent)}
/* October 23: what the visitor didn't bring, struck through, and the one idea he did */
.rp-sold-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-sold{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.rp-sold li{position:relative;display:flex;flex-direction:column;gap:2px;padding-left:30px}
.rp-sold li::before{content:"\00D7";position:absolute;left:4px;top:-3px;font:700 calc(22px*(1 + (var(--ts,1) - 1)*0.9))/1 var(--sans);color:var(--accent)}
.rp-sold .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans);color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--accent)}
.rp-sold .x{font-size:calc(16px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-sold-one{margin-top:20px;padding:14px 16px;border:1px solid var(--gold);border-radius:10px;background:var(--card);display:flex;flex-direction:column;gap:6px}
.rp-sold-one .t{margin:0;font:400 calc(clamp(28px,3vw,34px)*(1 + (var(--ts,1) - 1)*0.6))/1.1 var(--display);color:var(--accent)}
.rp-sold-one .x{margin:0;font-size:calc(17px*var(--ts,1));line-height:1.5}
/* October 25: one story told three times, in order, with today's essay marked */
.rp-tell-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-tell{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-tell li{display:flex;flex-direction:column;gap:6px;padding:14px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-tell li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-tell .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-tell .yr{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:26px;padding:0 8px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(13px*var(--ts,1))/1 var(--mono)}
.rp-tell .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-tell .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-tell .q{margin:0;font:400 calc(clamp(21px,2.2vw,24px)*var(--ts,1))/1.3 var(--display)}
.rp-tell .x{margin:0;font-size:calc(16px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
/* October 26: whom the group conscience spoke for, one widening bar per step (the widths show the
   widening, not a measure of anything) */
.rp-wide-note{margin:-4px 0 14px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-wide{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:18px}
.rp-wide li{display:flex;flex-direction:column;gap:3px}
.rp-wide .bar{display:flex;align-items:center;height:30px;margin-bottom:5px;padding:0 12px;border-radius:999px;background:var(--rp-lit);border:1px solid var(--gold)}
.rp-wide .w1 .bar{width:30%}.rp-wide .w2 .bar{width:53%}.rp-wide .w3 .bar{width:76%}.rp-wide .w4 .bar{width:100%}
.rp-wide .yr{font:700 calc(14px*var(--ts,1))/1 var(--mono);color:var(--ink)}
.rp-wide .t{font:600 calc(17px*var(--ts,1))/1.35 var(--sans)}
.rp-wide .x{font-size:calc(16px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
/* October 27: who said AA couldn't be for them, and who got through, then the phrase they shared */
.rp-diff-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-diff{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-diff li{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-diff .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-diff .s,.rp-diff .r{position:relative;padding-left:96px;font-size:calc(16px*var(--ts,1));line-height:1.5}
.rp-diff .s{color:var(--ink-2)}
.rp-diff .s::before,.rp-diff .r::before{position:absolute;left:0;top:4px;font:700 calc(10px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.rp-diff .s::before{content:"They said";color:var(--ink-2)}
.rp-diff .r::before{content:"Reached by";color:var(--rp-ask)}
.rp-diff-one{margin-top:20px;padding:14px 16px;border:1px solid var(--gold);border-radius:10px;background:var(--card);display:flex;flex-direction:column;gap:6px}
.rp-diff-one .t{margin:0;font:400 calc(clamp(26px,3vw,32px)*(1 + (var(--ts,1) - 1)*0.7))/1.15 var(--display);color:var(--accent)}
.rp-diff-one .x{margin:0;font-size:calc(17px*var(--ts,1));line-height:1.5}
/* October 28: where the Tradition held, as one line down the times AA's name came close to a side;
   the first stretch, a century before AA, is broken (dashed and stopping short) */
.rp-held-note{margin:-4px 0 14px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-held{margin:0;padding:0;list-style:none}
.rp-held li{position:relative;display:flex;flex-direction:column;gap:3px;padding:0 0 22px 36px}
.rp-held li::before{content:"";position:absolute;left:6px;top:3px;width:14px;height:14px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px var(--band)}
.rp-held li::after{content:"";position:absolute;left:11.5px;top:20px;bottom:-3px;width:3px;background:var(--gold)}
.rp-held li:last-child{padding-bottom:4px}
.rp-held li.broke::before{background:var(--band);border:2px solid var(--ink-2);box-sizing:border-box}
.rp-held li.broke::after{bottom:14px;background:repeating-linear-gradient(to bottom,var(--ink-2) 0 6px,transparent 6px 12px);opacity:.7}
.rp-held .yr{font:700 calc(13px*var(--ts,1))/1.2 var(--mono);color:var(--accent)}
.rp-held .t{font:600 calc(17px*var(--ts,1))/1.35 var(--sans)}
.rp-held .x{font-size:calc(16px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-held .o{position:relative;margin-top:4px;padding-left:92px;font-size:calc(16px*var(--ts,1));line-height:1.5}
.rp-held .o::before{content:"Kept out";position:absolute;left:0;top:4px;font:700 calc(10px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rp-ask)}
.rp-held li.broke .o::before{content:"Took sides";color:var(--ink-2)}
.rp-held-one{margin-top:16px;padding:14px 16px;border:1px solid var(--gold);border-radius:10px;background:var(--card);display:flex;flex-direction:column;gap:6px}
.rp-held-one .t{margin:0;font:400 calc(clamp(24px,2.8vw,30px)*(1 + (var(--ts,1) - 1)*0.8))/1.18 var(--display);color:var(--accent)}
.rp-held-one .x{margin:0;font-size:calc(16px*var(--ts,1));line-height:1.5}

/* October 29: how early AA kept score, first by heads and then in shares, and the ones who came back. The
   dots show the 1955 foreword's shares, not a count of people; backgrounds print so the dots keep their fills */
.rp-score-note{margin:-4px 0 14px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-heads{margin:0 0 16px;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-heads li{display:grid;grid-template-columns:44px 68px minmax(0,1fr);align-items:baseline;column-gap:10px}
.rp-heads .yr,.rp-score .yr{font:700 calc(13px*var(--ts,1))/1.2 var(--mono);color:var(--accent)}
.rp-heads .n{font:400 calc(30px*(1 + (var(--ts,1) - 1)*0.5))/1 var(--display);color:var(--ink)}
.rp-heads .x{font-size:calc(16px*var(--ts,1));line-height:1.45;color:var(--ink-2)}
.rp-score{display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border:1px solid var(--gold);border-radius:10px;background:var(--card)}
.rp-score .t{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-dots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px;max-width:280px}
.rp-dots i,.rp-dots3 i,.rp-key li::before{display:block;border-radius:50%;box-sizing:border-box;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-dots i{aspect-ratio:1}
.rp-dots .a,.rp-key .k1::before,.rp-dots3 .on{background:var(--gold);border:2px solid var(--gold)}
.rp-dots .b,.rp-key .k2::before{background:var(--rp-lit);border:2px solid var(--gold)}
.rp-dots .c,.rp-key .k3::before,.rp-dots3 i:not(.on){background:transparent;border:2px solid var(--ink-2)}
.rp-key{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.rp-key li{position:relative;padding-left:26px;font-size:calc(16px*var(--ts,1));line-height:1.45}
.rp-key li::before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px}
.rp-key b{margin-right:4px}
.rp-back{display:flex;align-items:center;gap:14px;margin-top:12px;padding:12px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-dots3{display:flex;gap:6px;flex-shrink:0}
.rp-dots3 i{width:22px;height:22px}
.rp-back .x{margin:0;font-size:calc(16px*var(--ts,1));line-height:1.45}
.rp-score-foot{margin:10px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
/* October 30: how the Big Book's chapter for families ends, in the loan copy and in print. The motto that
   joined is lit; today's title is marked in both */
.rp-mot-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-mot{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-mot>li{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-mot>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-mot .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-mot .yr{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:26px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(13px*var(--ts,1))/1 var(--mono)}
.rp-mot .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-mot .x{margin:0;font-size:calc(16px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-signs{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}
.rp-signs li{display:inline-flex;align-items:center;margin:0;padding:7px 10px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper);font:700 calc(13px*var(--ts,1))/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
.rp-signs li.is-title{border-color:var(--accent);color:var(--accent)}
.rp-signs li.new{background:var(--rp-lit);border-color:var(--gold)}
.rp-signs li.new::after{content:"new";margin-left:8px;font:700 calc(10px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;color:var(--accent)}
.rp-mot-foot{margin:10px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
/* October 31: one restraint at two sizes, row by row: the Big Book's advice to members working with other drunks
   (1939, tagged One to one) beside the tenth of Bill W.'s twelve points (1946, tagged As AA). The tags name the size
   rather than the year, so each line reads on its own; the years are given once, in the key. The pairing is the page's own */
.rp-two-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-two-key{margin:0 0 14px;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rp-two-key li,.rp-two .a,.rp-two .b{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:12px;align-items:baseline}
.rp-two-key .x{font:400 calc(15px*var(--ts,1))/1.45 var(--sans);color:var(--ink-2)}
.rp-two .yr,.rp-two-key .yr{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;font:700 calc(10px*var(--ts,1))/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.rp-two .y1,.rp-two-key .y1{background:var(--card);color:var(--rp-ask);border:1.5px solid var(--rp-ask)}
.rp-two .y2,.rp-two-key .y2{background:var(--night);color:var(--gold);border:1.5px solid var(--night)}
.rp-two{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-two>li{display:flex;flex-direction:column;gap:8px;padding:14px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-two .t{margin:0;font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-two .a,.rp-two .b{margin:0}
.rp-two .x{font-size:calc(16px*var(--ts,1));line-height:1.5}
.rp-two .b .x{color:var(--ink-2)}
.rp-two-foot{margin:10px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
/* November 1: every "you" and every "we" in "Into Action," in the loan copy and in print, as bars on one scale (458,
   the largest count, is the full width). Both are the same chapter at a little under 5,000 words, so the counts compare.
   The words label the bars, so the colors carry nothing alone; the fills print */
.rp-cnt-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-cnt{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-cnt>li{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-cnt>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-cnt .h{margin:0 0 2px;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-cnt .yr{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:26px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(13px*var(--ts,1))/1 var(--mono)}
.rp-cnt .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-cnt .cnt-row{margin:0;display:grid;grid-template-columns:34px minmax(0,1fr) 46px;align-items:center;column-gap:10px}
.rp-cnt .w{font:700 calc(13px*var(--ts,1))/1 var(--mono);color:var(--ink-2)}
.rp-cnt .track{display:block;height:14px}
.rp-cnt .fill{display:block;height:100%;min-width:3px;border-radius:3px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-cnt .b-you .fill{background:var(--rp-ask)}
.rp-cnt .b-we .fill{background:var(--gold)}
.rp-cnt .n{font:400 calc(24px*(1 + (var(--ts,1) - 1)*0.8))/1 var(--display);text-align:right;color:var(--ink)}
.rp-cnt-key,.rp-cnt-foot{margin:10px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-cnt-foot{margin-top:6px}
/* November 2: the Steps Bill W. named in "Take Step Eleven" (June 1958) and how he rated his own progress on each,
   in the order of the Steps. The ones the article doesn't name stay as dashed, empty numbers; Step Eleven, today's,
   is marked */
.rp-steps-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}
.rp-steps li{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:12px;align-items:center;padding:8px 14px 8px 10px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-steps .n{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--night);color:var(--gold);font:700 calc(13px*var(--ts,1))/1 var(--mono)}
.rp-steps .x{font-size:calc(16px*var(--ts,1));line-height:1.45}
.rp-steps li.off{padding-block:1px;border-color:transparent;background:none}
.rp-steps li.off .n{width:24px;height:24px;margin-left:3px;background:none;border:1.5px dashed var(--line-2);color:var(--ink-2);font-size:calc(11px*var(--ts,1))}
.rp-steps li.off .x{font:400 calc(13px*var(--ts,1))/1.3 var(--sans);color:var(--ink-2)}
.rp-steps li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-steps li.here .x{font-weight:600;color:var(--accent)}
/* November 3: when in the day AA's books put looking back, quiet and prayer, and which Step's pages hold each,
   in the loan copy (early 1939), the Big Book (April 1939) and the Twelve and Twelve (1953), one card each with a
   row per time of day. The night review that moved is marked in words (Moved...), so it reads in print; today's
   book is marked */
.rp-clk-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-clk{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-clk>li{display:flex;flex-direction:column;gap:10px;padding:14px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-clk>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-clk .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-clk .yr{display:inline-flex;align-items:center;justify-content:center;min-width:56px;height:26px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(13px*var(--ts,1))/1 var(--mono)}
.rp-clk .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-hrs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.rp-hrs>li{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;padding:8px 0;border-top:1px solid var(--line)}
.rp-hrs>li:first-child{border-top:0;padding-top:2px}
.rp-hrs>li:last-child{padding-bottom:0}
.rp-hrs .tm{font:700 calc(10.5px*var(--ts,1))/1.9 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-hrs .it{display:flex;flex-direction:column;gap:6px;font-size:calc(16px*var(--ts,1));line-height:1.45}
.rp-hrs .st{display:block;font:700 calc(10.5px*var(--ts,1))/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--rp-ask)}
.rp-hrs em{font-style:normal;font-weight:600;color:var(--accent)}
.rp-hrs li.off .it{font:400 calc(14px*var(--ts,1))/1.6 var(--sans);color:var(--ink-2)}
.rp-hrs li.mv .tm{color:var(--accent)}
.rp-clk-foot{margin:10px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
/* November 4: who AA's books, and one friend of AA, said does the disciplining, in date order, one row each: the year,
   who said it, then the answer in display type. Today's book (the Twelve and Twelve) is marked */
.rp-who-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-who{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.rp-who>li{display:flex;flex-direction:column;gap:4px;padding:12px 0 14px;border-top:1px solid var(--line-2)}
.rp-who>li:last-child{border-bottom:1px solid var(--line-2)}
.rp-who>li.here{margin:4px 0;padding:12px 14px 14px;border:1px solid var(--gold);border-radius:10px;background:var(--card);box-shadow:inset 3px 0 0 var(--gold)}
.rp-who>li.here+li{border-top:0}
.rp-who .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-who .yr{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 8px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--mono)}
.rp-who .t{font:600 calc(14.5px*var(--ts,1))/1.35 var(--sans);color:var(--ink-2)}
.rp-who .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-who .ans{margin:2px 0 0;font:400 calc(clamp(25px,2.6vw,30px)*(1 + (var(--ts,1) - 1)*0.8))/1.1 var(--display);color:var(--accent)}
.rp-who .x{margin:0;font-size:calc(16px*var(--ts,1));line-height:1.5}
.rp-who-foot{margin:10px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
/* November 5: two lists. What members in the Step Two essay remember asking God for while they drank (today's essay,
   marked), then what AA's books told members to ask for, one row a book in the order they said it */
.rp-wl-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-wl{display:flex;flex-direction:column;gap:12px}
.rp-wl-card{display:flex;flex-direction:column;gap:8px;padding:14px 16px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-wl-card.was{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-wl-card .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-wl-card .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-wl-card .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-wl-card .src{margin:-4px 0 0;font:400 calc(14px*var(--ts,1))/1.45 var(--sans);color:var(--ink-2)}
.rp-wl-card .items{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rp-wl-card.was .items li{position:relative;padding-left:18px;font-size:calc(16px*var(--ts,1));line-height:1.45}
.rp-wl-card.was .items li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--rp-ask)}
.rp-wl-card.ask .items li{display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:12px;align-items:baseline;font-size:calc(16px*var(--ts,1));line-height:1.45}
.rp-wl-card .yr{display:inline-flex;align-items:center;justify-content:center;height:24px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--mono)}
.rp-wl-card .x{margin:2px 0 0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
/* January 4: a second list with no years, set as plain bullets like the first card's, without its gold edge */
.rp-wl-card.plain .items li{display:block;position:relative;padding-left:18px}
.rp-wl-card.plain .items li::before{content:"";position:absolute;left:2px;top:.55em;width:7px;height:7px;border-radius:50%;background:var(--rp-ask)}
/* November 7: what was let go of, four times in AA's story, in date order: the year and who, then what was let go of in
   display type under a small "Let go of" label. Today's essay (the Twelve and Twelve, which says it without the slogan)
   is marked; the gravestone closes it in a line underneath */
.rp-lg-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-lg{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-lg>li{display:flex;flex-direction:column;gap:4px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-lg>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-lg .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-lg .yr{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 8px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--mono)}
.rp-lg .t{font:600 calc(15px*var(--ts,1))/1.35 var(--sans)}
.rp-lg .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-lg .what{margin:4px 0 0;font:400 calc(clamp(24px,2.5vw,29px)*(1 + (var(--ts,1) - 1)*0.8))/1.12 var(--display);color:var(--accent)}
.rp-lg .what::before{content:"Let go of";display:block;margin-bottom:3px;font:700 calc(10px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-lg .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-lg-foot{margin:12px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
/* November 8: two piles of the books AA's history of Akron names in Dr. Bob's hands, his own reading and the ones he gave
   others, each book a spine lying flat, the pile a little uneven (--w is a spine's width and --x its offset, set on the
   page). The spine colors are only the books' covers and carry nothing; the words name each book. Ink outlines in print */
:root{--rp-bk1:#6E2A22;--rp-bk2:#2E4A3A;--rp-bk3:#2A3450;--rp-bk4:#7A5A34;--rp-bk5:#5A2E3E;--rp-bk-ink:#F4EAD2;--rp-bk-gilt:#D9B66A;--rp-bk-edge:#1A120B}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--rp-bk1:#7E3428;--rp-bk2:#36584A;--rp-bk3:#34406A;--rp-bk4:#7A5A34;--rp-bk5:#6A3A4C;--rp-bk-ink:#F6ECD6;--rp-bk-gilt:#D9B66A;--rp-bk-edge:#0A0603}}
:root[data-theme="dark"]{--rp-bk1:#7E3428;--rp-bk2:#36584A;--rp-bk3:#34406A;--rp-bk4:#7A5A34;--rp-bk5:#6A3A4C;--rp-bk-ink:#F6ECD6;--rp-bk-gilt:#D9B66A;--rp-bk-edge:#0A0603}
.rp-bk-note{margin:-4px 0 14px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-bk{display:flex;flex-direction:column;gap:22px}
.rp-bk-pile .h{margin:0 0 8px;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.rp-bk-pile .t{font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-bk-pile .by{font:400 calc(13.5px*var(--ts,1))/1.4 var(--sans);color:var(--ink-2)}
.rp-bk-pile ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}
.rp-bk-pile li{position:relative;box-sizing:border-box;width:var(--w,100%);max-width:calc(100% - var(--x,0%));margin-left:var(--x,0%);padding:8px 28px 9px;border-radius:3px 6px 6px 3px;color:var(--rp-bk-ink);background:var(--rp-bk1);box-shadow:inset 0 -2px 0 var(--rp-bk-edge);display:flex;flex-direction:column;gap:2px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-bk-pile li::before,.rp-bk-pile li::after{content:"";position:absolute;top:6px;bottom:7px;width:4px;border-inline:2px solid var(--rp-bk-gilt);opacity:.75}
.rp-bk-pile li::before{left:9px}
.rp-bk-pile li::after{right:9px}
.rp-bk-pile li.c2{background:var(--rp-bk2)}
.rp-bk-pile li.c3{background:var(--rp-bk3)}
.rp-bk-pile li.c4{background:var(--rp-bk4)}
.rp-bk-pile li.c5{background:var(--rp-bk5)}
.rp-bk-pile .ti{font:400 calc(17px*var(--ts,1))/1.25 var(--display)}
.rp-bk-pile .ti i{font-style:italic}
.rp-bk-pile .au{font:500 calc(13.5px*var(--ts,1))/1.3 var(--sans)}
.rp-bk-pile .x{font:400 calc(13px*var(--ts,1))/1.4 var(--sans);opacity:.88}
.rp-bk-foot{margin:14px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
@media print{
  .rp-bk-pile li{background:none!important;color:#000;box-shadow:none;border:1px solid #000}
  .rp-bk-pile li::before,.rp-bk-pile li::after{border-color:#000}
}
/* November 9: where the sun turns up in AA's writing, in the order each was written: the year and who, the words, then
   what the sun stands for there (the page's own reading). A small sun stands a little higher on each row; it only
   marks the order. Today's passage is marked and not quoted. In print the little sky is an outline */
:root{--rp-sun-lo:#F2D9A4;--rp-sun-hi:#D9E2DC;--rp-sun-glow:rgba(242,190,96,.55)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--rp-sun-lo:#5A4428;--rp-sun-hi:#2A3032;--rp-sun-glow:rgba(242,190,96,.4)}}
:root[data-theme="dark"]{--rp-sun-lo:#5A4428;--rp-sun-hi:#2A3032;--rp-sun-glow:rgba(242,190,96,.4)}
.rp-sun-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-sun{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-sun>li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:3px;padding:12px 16px 14px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-sun>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-sun .sky{grid-column:1;grid-row:1 / span 3;align-self:start;position:relative;width:44px;height:32px;margin-top:2px;border-radius:6px 6px 2px 2px;overflow:hidden;background:linear-gradient(to top,var(--rp-sun-lo),var(--rp-sun-hi));border-bottom:2px solid var(--ink-2)}
.rp-sun .sky::before{content:"";position:absolute;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;bottom:calc(var(--h,0) * 22px - 7px);background:var(--gold);box-shadow:0 0 9px 2px var(--rp-sun-glow)}
.rp-sun .h,.rp-sun .w,.rp-sun .x{grid-column:2}
.rp-sun .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-sun .yr{display:inline-flex;align-items:center;justify-content:center;min-width:52px;height:24px;padding:0 8px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--mono)}
.rp-sun .t{font:600 calc(15px*var(--ts,1))/1.35 var(--sans)}
.rp-sun .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-sun .w{margin:2px 0 0;font:400 calc(clamp(21px,2.2vw,25px)*var(--ts,1))/1.2 var(--display);color:var(--accent)}
.rp-sun .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-sun>li{background:none}
  .rp-sun .sky{background:none;border:1px solid #000}
  .rp-sun .sky::before{background:none;border:1px solid #000;box-shadow:none}
}
/* November 10: belonging in Bill W.'s essays on the Steps. A strip of twelve squares, one per essay in book order
   (not drawn to length), with the three that speak of belonging lit and today's ringed; then a card for each of the
   three, in book order, today's marked and not quoted. In print the squares and the Step labels are outlines.
   November 19 uses the same form: the two Steps a two-stepper keeps lit, today's Step ringed, and three cards, with a
   year in the pill instead of a Step */
.rp-blg-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-blg-strip{margin:0 0 14px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px;max-width:420px}
.rp-blg-strip li{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border:1px solid var(--line-2);border-radius:4px;background:var(--card);color:var(--ink-2);font:600 calc(12px*var(--ts,1))/1 var(--mono)}
.rp-blg-strip li.on{background:var(--rp-lit);border-color:var(--gold);color:var(--ink)}
.rp-blg-strip li.here{outline:2px solid var(--accent);outline-offset:1px}
/* December 17 uses the same form for the Big Book's eleven chapters: 1, 7 and 11 lit, 7 (today's) ringed, and a
   chapter number in the pill */
.rp-blg-strip.rp-ch11{grid-template-columns:repeat(11,minmax(0,1fr));max-width:385px}
.rp-blg{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-blg>li{display:grid;row-gap:4px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-blg>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-blg .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-blg .st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--sans);letter-spacing:.02em}
.rp-blg .t{font:600 calc(15px*var(--ts,1))/1.35 var(--sans)}
.rp-blg .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-blg .w{margin:2px 0 0;font:400 calc(clamp(21px,2.2vw,25px)*var(--ts,1))/1.2 var(--display);color:var(--accent)}
.rp-blg .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-blg>li{background:none;break-inside:avoid}
  .rp-blg-strip li{background:none;border-color:#999;color:#111}
  .rp-blg-strip li.on{background:#E6D2A0;border-color:#111}
  .rp-blg .st{background:none;color:#111;border:1px solid #999}
}
/* November 11: three places the Twelve and Twelve's essays on the Steps warn members against being too hard on
   themselves, in book order: the Step, then two lines, the trap and what the book says to do instead (the second
   marked with a gold rule). Today's essay is marked. In print the rule is black */
.rp-ge-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-ge{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-ge>li{display:grid;row-gap:8px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-ge>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-ge .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-ge .st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--sans);letter-spacing:.02em}
.rp-ge .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-ge .r{margin:0;display:flex;flex-direction:column;gap:3px}
.rp-ge .r .k{font:700 calc(10px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-ge .r .v{font-size:calc(16px*var(--ts,1));line-height:1.5}
.rp-ge .trap .v{color:var(--ink-2)}
.rp-ge .way{padding-left:12px;border-left:3px solid var(--gold)}
.rp-ge .way .v{color:var(--ink)}
@media (min-width:700px){
  .rp-ge .r{display:grid;grid-template-columns:76px minmax(0,1fr);column-gap:12px;align-items:baseline}
  .rp-ge .way{padding-left:0;border-left:0}
  .rp-ge .way .v{padding-left:12px;border-left:3px solid var(--gold)}
}
@media print{
  .rp-ge>li{background:none;break-inside:avoid}
  .rp-ge .way,.rp-ge .way .v{border-color:#111}
}
/* November 12: Dr. Bob's four reasons for passing on what he learned, from his story in the Big Book of 1939, numbered
   as he numbered them. Each reason in display type, then under it, behind a gold rule, one place where AA's books come
   back to it (a small label saying where, then the words). In print the numerals are outlines and the rule is black */
.rp-fr-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-fr{margin:0;padding:0;list-style:none;counter-reset:rp-fr;display:flex;flex-direction:column;gap:10px}
.rp-fr>li{counter-increment:rp-fr;display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:8px;padding:12px 16px 14px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-fr>li::before{content:counter(rp-fr);grid-row:1 / span 2;align-self:start;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--night);color:var(--gold);font:400 calc(21px*var(--ts,1))/1 var(--display)}
.rp-fr .w{grid-column:2;margin:0;font:400 calc(clamp(21px,2.2vw,25px)*var(--ts,1))/1.2 var(--display);color:var(--accent)}
.rp-fr .x{grid-column:2;margin:0;padding-left:12px;border-left:3px solid var(--gold);font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-fr .x .k{display:block;margin-bottom:2px;font:700 calc(10px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
@media print{
  .rp-fr>li{background:none;break-inside:avoid}
  .rp-fr>li::before{background:none;color:#111;border:1px solid #999}
  .rp-fr .x{border-color:#111}
}
/* November 13: the five prayers the Big Book's main text sets down word for word, in the order they come. Each row:
   the Step it belongs to and where, a few of its words in display type, then whom it names besides the one praying,
   behind a gold rule. Today's passage (a rule, not a prayer) is marked and not quoted. In print the chips are outlines
   and the rule is black */
.rp-so-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-so{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-so>li{display:grid;row-gap:6px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-so>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-so .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-so .st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--sans);letter-spacing:.02em}
.rp-so .t{font:600 calc(14.5px*var(--ts,1))/1.35 var(--sans);color:var(--ink-2)}
.rp-so .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-so .w{margin:2px 0 0;font:400 calc(clamp(21px,2.2vw,25px)*var(--ts,1))/1.2 var(--display);color:var(--accent)}
.rp-so .n{margin:0;padding-left:12px;border-left:3px solid var(--gold);font-size:calc(15.5px*var(--ts,1));line-height:1.5}
.rp-so .n .k{display:block;margin-bottom:1px;font:700 calc(10px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-so .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-so-foot{margin:12px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
@media print{
  .rp-so>li{background:none;break-inside:avoid}
  .rp-so .st{background:none;color:#111;border:1px solid #999}
  .rp-so .n{border-color:#111}
}
/* November 14: today's paragraph in the loan copy and in print, change by change in the order they come. Each row: a
   chip (Cut or Changed), the draft's words, then what the printed book did with them; a cut row's words are struck
   through and its chip is filled. Today's passage, in both, is marked and not quoted. In print the chips are outlines */
.rp-dp-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-dp{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-dp>li{display:grid;row-gap:5px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-dp>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-dp .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-dp .k{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;border:1.5px solid var(--rp-ask);color:var(--rp-ask);background:var(--card);font:700 calc(10px*var(--ts,1))/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.rp-dp li.cut .k{background:var(--night);border-color:var(--night);color:var(--gold)}
.rp-dp .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-dp .w{margin:0;font:400 calc(clamp(20px,2.1vw,23px)*var(--ts,1))/1.25 var(--display);color:var(--accent)}
.rp-dp li.cut .w{color:var(--ink-2);text-decoration:line-through;text-decoration-thickness:2px;text-decoration-color:var(--accent)}
.rp-dp .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-dp-foot{margin:12px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
@media print{
  .rp-dp>li{background:none;break-inside:avoid}
  .rp-dp .k,.rp-dp li.cut .k{background:none;color:#111;border:1px solid #999}
  .rp-dp li.cut .w{text-decoration-color:#111}
}
/* November 15: one for each. The body's three needs, in the order the sentence after today's passage answers them,
   each beside the need it gives the soul: a small icon, the body's word, then the soul's words behind a gold rule
   (side by side from 700px until the feature moves into the narrow column at 900px). Today's passage is marked and not quoted. In print the icons are outlines and the rule
   is black */
.rp-bs-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-bs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-bs>li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:8px;padding:12px 16px 14px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-bs>li.here{display:block;padding-left:16px;border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-bs .ic{grid-row:1 / span 2;align-self:start;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--night);color:var(--gold)}
.rp-bs .h{margin:0 0 4px}
.rp-bs .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-bs .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-bs .k{display:block;margin-bottom:2px;font:700 calc(10px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-bs .b{grid-column:2;margin:0;font:400 calc(clamp(21px,2.2vw,25px)*var(--ts,1))/1.2 var(--display);color:var(--accent)}
.rp-bs .s{grid-column:2;margin:0;padding-left:12px;border-left:3px solid var(--gold);font-size:calc(16px*var(--ts,1));line-height:1.5}
@media (min-width:700px) and (max-width:899px){
  .rp-bs>li:not(.here){grid-template-columns:40px 92px minmax(0,1fr);align-items:center}
  .rp-bs .ic{grid-row:auto}
  .rp-bs .b,.rp-bs .s{grid-column:auto}
}
@media print{
  .rp-bs>li{background:none;break-inside:avoid}
  .rp-bs .ic{background:none;color:#111;border:1px solid #999}
  .rp-bs .s{border-color:#111}
}
/* November 16: half a sentence. Today's passage and the sentences either side of it, as the loan copy had them
   and as the book printed them, one card per sentence with a dated row for each telling. The passage isn't quoted:
   a square for each word, the draft's eight then a full stop, the book's same eight and the eight it added in gold,
   each eight kept together so a narrow screen breaks the line between them.
   Words that changed in the sentence after are lit. In print the year pills are outlined and the squares keep their
   colors */
.rp-hs-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-hs{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-hs>li{padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-hs>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-hs .k{margin:0 0 10px;font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-hs .v{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:12px;align-items:start;margin:0 0 10px}
.rp-hs .yr{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(11px*var(--ts,1))/1 var(--mono);white-space:nowrap}
.rp-hs .q{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5}
.rp-hs .chg{padding:0 3px;border-radius:3px;background:var(--rp-lit);box-shadow:inset 0 -1.5px 0 var(--gold)}
.rp-hs .sq{margin:5px 0 0;display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 4px}
.rp-hs .sq .grp{display:flex;align-items:flex-end;gap:4px}
.rp-hs .sq i{display:block;width:13px;height:13px;border-radius:2px;background:var(--ink-2);opacity:.7;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-hs .sq i.add{background:var(--rp-lit);opacity:1;box-shadow:inset 0 0 0 1.5px var(--gold)}
.rp-hs .sq b{display:block;width:5px;height:5px;margin-left:1px;border-radius:50%;background:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-hs .n{margin:6px 0 0;font:400 calc(13.5px*var(--ts,1))/1.4 var(--sans);color:var(--ink-2)}
.rp-hs .d{margin:0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
@media print{
  .rp-hs>li{background:none;break-inside:avoid}
  .rp-hs .yr{background:none;color:#111;border:1px solid #999}
  .rp-hs .chg{background:none;box-shadow:none;text-decoration:underline;text-decoration-thickness:1.5px}
  .rp-hs .sq i{background:#777}
  .rp-hs .sq i.add{background:#E6D2A0;box-shadow:inset 0 0 0 1.5px #8A6A2A}
}
/* November 17: the paragraph and the man. Each turn of the Step Five paragraph around today's passage, in the
   essay's "we," beside the words Bill W. used about himself for the same turn. One card per turn: a label, then a
   We row (dark pill) and a Bill row (outlined pill), each with its year, then a line on what Bill was speaking of.
   Today's passage is marked and not quoted. In print the pills are outlines */
.rp-pm-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-pm{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-pm>li{padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-pm>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-pm .k{margin:0 0 10px;font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-pm .v{display:grid;grid-template-columns:96px minmax(0,1fr);column-gap:12px;align-items:start;margin:0 0 8px}
.rp-pm .who{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;font:700 calc(11px*var(--ts,1))/1 var(--mono);white-space:nowrap}
.rp-pm .who.we{background:var(--night);color:var(--gold)}
.rp-pm .who.i{border:1.5px solid var(--gold);color:var(--ink);background:var(--card)}
.rp-pm .q{margin:0;font:400 calc(clamp(18px,1.9vw,20px)*var(--ts,1))/1.3 var(--display);color:var(--accent)}
.rp-pm .q.pass{font:italic 400 calc(15.5px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-pm .d{margin:2px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
@media print{
  .rp-pm>li{background:none;break-inside:avoid}
  .rp-pm .who.we,.rp-pm .who.i{background:none;color:#111;border:1px solid #999}
}
/* November 18: must, ought, want. Bill W.'s three kinds of choice (Grapevine, May 1960), one card each in his order:
   a small stair of three blocks with one, two or all three lit, the page's label, a line on what the choice is, then a
   short quote of his. Today's passage is set beside the second, marked and not quoted. In print the stairs are outlines */
.rp-cw-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-cw{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-cw>li{padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-cw>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-cw .h{margin:0 0 6px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:6px 10px}
.rp-cw .st{display:inline-flex;align-items:flex-end;gap:2px;height:18px}
.rp-cw .st i{display:block;width:8px;border-radius:1px;background:var(--line-2);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-cw .st i:nth-child(1){height:6px}
.rp-cw .st i:nth-child(2){height:12px}
.rp-cw .st i:nth-child(3){height:18px}
.rp-cw .st i.on{background:var(--gold)}
.rp-cw .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-cw .pass{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(10px*var(--ts,1))/1 var(--sans);letter-spacing:.1em;text-transform:uppercase}
.rp-cw .x{margin:0 0 6px;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-cw .q{margin:0;font:400 calc(clamp(18px,1.9vw,20px)*var(--ts,1))/1.3 var(--display);color:var(--accent)}
.rp-cw-foot{margin:12px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
@media print{
  .rp-cw>li{background:none;break-inside:avoid}
  .rp-cw .st i{background:none;border:1px solid #999}
  .rp-cw .st i.on{background:#E6D2A0;border-color:#8A6A2A}
  .rp-cw .pass{background:none;color:#111;border:1px solid #999}
}
/* November 20: whose will. "Thy will" and its "not mine" in the order each was set down, one card each: the year,
   who and where, the page's label, the words with the part that sets God's will against one's own underlined (span.nm),
   then a line on how they're used. Today's passage is marked and not quoted (.w.quiet). In print the underline stays */
.rp-nm-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-nm{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-nm>li{display:grid;row-gap:4px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-nm>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-nm .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-nm .st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--sans);letter-spacing:.02em}
.rp-nm .t{font:600 calc(15px*var(--ts,1))/1.35 var(--sans)}
.rp-nm .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-nm .w{margin:2px 0 0;font:400 calc(clamp(21px,2.2vw,25px)*var(--ts,1))/1.25 var(--display);color:var(--accent)}
.rp-nm .w.quiet{font:italic 400 calc(17px*var(--ts,1))/1.4 var(--serif);color:var(--ink-2)}
.rp-nm .nm{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:3px;text-underline-offset:5px;text-decoration-skip-ink:none}
.rp-nm .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-nm>li{background:none;break-inside:avoid}
  .rp-nm .st{background:none;color:#111;border:1px solid #999}
  .rp-nm .nm{text-decoration-color:#8A6A2A}
}
/* November 21: who lit a candle. The people Bill W. named in his benediction of April 1952, in his order, one row
   each: a small lit candle drawn in CSS (span.cn, its flame the ::before, still), the name, the page's short line,
   and the piece that tells more. Francis's row is today's (.here, with a Today tag). In print the candles go to
   outlines with a pale flame */
.rp-cdl-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-cdl{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rp-cdl>li{display:grid;grid-template-columns:20px minmax(0,1fr);column-gap:12px;row-gap:2px;padding:10px 14px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-cdl>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-cdl .cn{grid-row:1/span 3;justify-self:center;position:relative;width:10px;height:24px;margin-top:16px;border-radius:2px 2px 1px 1px;background:var(--line-2)}
.rp-cdl .cn::before{content:"";position:absolute;left:50%;top:-13px;width:8px;height:11px;margin-left:-4px;border-radius:50% 50% 50% 50%/62% 62% 38% 38%;background:var(--gold)}
.rp-cdl .n{grid-column:2;margin:0;font:600 calc(15.5px*var(--ts,1))/1.35 var(--sans)}
.rp-cdl .tag{margin-left:10px;font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-cdl .x{grid-column:2;margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-cdl .go{grid-column:2;margin:2px 0 0;font:500 calc(14px*var(--ts,1))/1.4 var(--sans)}
@media print{
  .rp-cdl>li{background:none;break-inside:avoid}
  .rp-cdl .cn{background:none;border:1px solid #999}
  .rp-cdl .cn::before{background:#E6D2A0}
}
/* November 22: page 542, edition by edition. One row per edition of the Big Book since it first ran that long, in
   order, plus Daily Reflections in its year: a small page drawn in CSS (span.pg, its folio "542" at the foot), the
   year, the edition, the story that holds the page and a line. The page's ruling is gold while it holds Bob's story
   (.bob), plain once it holds another (.other), dashed and empty for the edition not out yet (.none); Daily
   Reflections gets a dot (.dr). The third edition, today's line, is marked (.here). In print the pages go to outlines.
   November 24 uses the same form for the five Big Book pages that speak of religious people: plain pages, today's marked */
.rp-pg-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-pg{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rp-pg>li{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;row-gap:3px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-pg>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-pg>li.dr{padding-block:9px 11px;background:none;border-style:dashed}
.rp-pg .pg{grid-row:1/span 3;align-self:start;position:relative;width:38px;height:50px;margin-top:2px;border:1px solid var(--line-2);border-radius:2px;
  background:repeating-linear-gradient(to bottom,transparent 0 6px,var(--line-2) 6px 7px) 6px 7px/26px 30px no-repeat,var(--mat)}
.rp-pg .bob .pg{background:repeating-linear-gradient(to bottom,transparent 0 6px,var(--gold) 6px 7px) 6px 7px/26px 30px no-repeat,var(--mat);border-color:var(--gold)}
.rp-pg .none .pg{border-style:dashed;background:none}
.rp-pg .dr .pg{grid-row:1/span 2;height:auto;width:38px;margin-top:6px;border:0;background:none}
.rp-pg .dr .pg::before{content:"";display:block;width:10px;height:10px;margin:0 auto;border-radius:50%;background:var(--gold)}
.rp-pg .no{position:absolute;left:0;right:0;bottom:3px;text-align:center;font:700 calc(9.5px*var(--ts,1))/1 var(--mono);color:var(--ink-2)}
.rp-pg .h{grid-column:2;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-pg .st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--sans);letter-spacing:.02em}
.rp-pg .t{font:600 calc(15px*var(--ts,1))/1.35 var(--sans)}
.rp-pg .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-pg .w{grid-column:2;margin:2px 0 0;font:400 calc(clamp(20px,2.1vw,24px)*var(--ts,1))/1.25 var(--display);color:var(--accent)}
.rp-pg .w.quiet{font:italic 400 calc(17px*var(--ts,1))/1.4 var(--serif);color:var(--ink-2)}
.rp-pg .x{grid-column:2;margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-pg>li{background:none;break-inside:avoid}
  .rp-pg .st{background:none;color:#111;border:1px solid #999}
  .rp-pg .pg,.rp-pg .bob .pg{background:none;border-color:#999}
  .rp-pg .dr .pg::before{background:#E6D2A0}
}
/* November 23: who was "someone"? Ernest Kurtz's three guesses at the man Step Ten quotes on pain, in his order of
   likelihood, one card each: a small touchstone drawn in CSS (span.ts, dark, with a streak of gold, the ::after)
   holding his number, the name, a line on who he was and what ties him to Bill. A last, dashed row (.own) gives
   Bill's own words of 1944, its stone left blank. In print the stones go to outlines */
.rp-sm-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-sm{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rp-sm>li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-sm>li.own{background:none;border-style:dashed}
.rp-sm .ts{grid-row:1/span 3;align-self:start;position:relative;display:flex;align-items:flex-start;justify-content:flex-start;width:44px;height:32px;margin-top:2px;padding:4px 0 0 7px;
  border-radius:6px 8px 7px 5px;background:var(--night);color:var(--gold);font:700 calc(14px*var(--ts,1))/1 var(--sans)}
.rp-sm .ts::after{content:"";position:absolute;right:6px;bottom:8px;width:22px;height:3px;border-radius:2px;background:var(--gold);opacity:.85;transform:rotate(-14deg)}
.rp-sm .own .ts{grid-row:1/span 2;opacity:.55}
.rp-sm .n{grid-column:2;margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font:600 calc(15.5px*var(--ts,1))/1.35 var(--sans)}
.rp-sm .st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--sans);letter-spacing:.02em}
.rp-sm .r{grid-column:2;margin:0;font:700 calc(10.5px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-sm .x{grid-column:2;margin:2px 0 0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-sm>li{background:none;break-inside:avoid}
  .rp-sm .ts,.rp-sm .st{background:none;color:#111;border:1px solid #999}
  .rp-sm .ts::after{background:#C9A24A}
}
/* November 25: how many Way Outs? Each telling of how AA's book got its title, in the order it was set down, one card
   each: the year, who told it and where, then a small shelf drawn in CSS (p.sh) holding one spine per book the telling
   says the Library of Congress had under The Way Out (span.bk, its count in --n; two tones alternate so the spines
   read as separate books) and a dashed, empty slot for the one more AA's book would have made (span.slot), then the
   count in words and what else that telling adds. The 1946 telling, today's passage, is marked (.here) and isn't
   quoted. The shelf is aria-hidden; the count is in the text. The spines print */
.rp-wo-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-wo{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rp-wo>li{display:grid;row-gap:4px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-wo>li.here{border-color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.rp-wo .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-wo .st{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/1 var(--sans);letter-spacing:.02em}
.rp-wo .t{font:600 calc(15px*var(--ts,1))/1.35 var(--sans)}
.rp-wo .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-wo .sh{margin:6px 0 0;display:flex;align-items:flex-end;gap:2px;width:max-content;max-width:100%;padding:0 3px;border-bottom:3px solid var(--line-2)}
.rp-wo .bk{display:block;height:22px;width:calc(var(--n) * 7px - 2px);
  background:repeating-linear-gradient(90deg,var(--accent) 0 5px,transparent 5px 7px,var(--gold) 7px 12px,transparent 12px 14px);
  -webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-wo .slot{display:block;width:6px;height:22px;box-sizing:border-box;border:1px dashed var(--ink-2);border-bottom:0;border-radius:1px 1px 0 0;opacity:.8}
.rp-wo .c{margin:2px 0 0;font:400 calc(15px*var(--ts,1))/1.35 var(--sans);color:var(--ink-2)}
.rp-wo .c b{margin-right:3px;font:400 calc(clamp(24px,2.4vw,28px)*(1 + (var(--ts,1) - 1)*0.8))/1 var(--display);color:var(--accent)}
.rp-wo .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-wo>li{background:none;break-inside:avoid}
  .rp-wo .st{background:none;color:#111;border:1px solid #999}
  .rp-wo .slot{border-color:#777}
}
/* November 26: 1940, told twice. One card per telling (Bill's of 1955, Pass It On's of 1984), each with a track on
   the same scale, January 1940 to the end of 1943 (25% a year), and a key under it. A diamond is the ballplayer's
   story (May 1940) in both; Bill's remembered two or three years on the road are a bar that fades over its third
   year; Pass It On's April trip is a dot set above the line, and 1942 a short bar. The tracks are aria-hidden: the
   key's words carry everything. In print the fills go to grey */
.rp-tt-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-tt{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-tt>li{display:flex;flex-direction:column;gap:6px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-tt .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-tt .st{display:inline-block;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/24px var(--sans);letter-spacing:.02em}
.rp-tt .t{font:700 calc(10.5px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-tt .trk{position:relative;height:44px;margin:4px 6px 2px}
.rp-tt .trk::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--line-2)}
.rp-tt .yr{position:absolute;top:28px;font:600 calc(11px*var(--ts,1))/1 var(--sans);color:var(--ink-2);transform:translateX(-50%)}
.rp-tt .yr::before{content:"";position:absolute;left:50%;top:-11px;width:1px;height:7px;background:var(--line-2)}
.rp-tt .y0{left:0;transform:none}
.rp-tt .y0::before{left:0}
.rp-tt .y1{left:25%}
.rp-tt .y2{left:50%}
.rp-tt .y3{left:75%}
.rp-tt .trk .bar{position:absolute;top:15px;height:10px;border-radius:5px}
.rp-tt .trk .told{left:8.33%;width:75%;background:linear-gradient(90deg,var(--accent) 0 66.7%,transparent 100%)}
.rp-tt .trk .found{left:50%;width:25%;background:var(--accent)}
.rp-tt .trk .mk{position:absolute;transform:translateX(-50%)}
.rp-tt .trk .mk.dia{top:14px;width:12px;height:12px;background:var(--ink);border:2px solid var(--card);transform:translateX(-50%) rotate(45deg)}
.rp-tt .trk .mk.dot{top:0;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--card)}
.rp-tt .trk .may{left:8.33%}
.rp-tt .trk .apr{left:6.25%}
.rp-tt .x{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.rp-tt .x>li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:baseline;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-tt .x b{color:var(--ink);font-weight:600}
.rp-tt .k{display:inline-block;justify-self:center}
.rp-tt .k.dia{width:9px;height:9px;background:var(--ink);transform:rotate(45deg)}
.rp-tt .k.dot{width:10px;height:10px;border-radius:50%;background:var(--gold)}
.rp-tt .k.bar{width:16px;height:8px;border-radius:4px;background:var(--accent)}
@media print{
  .rp-tt>li{background:none;break-inside:avoid}
  .rp-tt .trk,.rp-tt .trk *,.rp-tt .trk::before,.rp-tt .yr::before,.rp-tt .k{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rp-tt .trk::before,.rp-tt .yr::before{background:#BBB}
  .rp-tt .st{background:none;color:#111;border:1px solid #999}
  .rp-tt .trk .told{background:linear-gradient(90deg,#777 0 66.7%,transparent 100%)}
  .rp-tt .trk .found,.rp-tt .k.bar{background:#777}
  .rp-tt .trk .mk.dia,.rp-tt .k.dia{background:#111;border-color:#fff}
  .rp-tt .trk .mk.dot,.rp-tt .k.dot{background:#C9A24A;border-color:#fff}
}
/* November 28: the line about attraction and promotion, draft by draft. One row per wording, in order: the year in
   a pill (.yr, as October 21's path), when and where it was printed (.t), the words themselves (.w) with the ones that
   changed underlined (.ch), and a line on what changed (.x). Today's passage is the last row (.here), framed in gold,
   with no quotation. Every row carries a clear border so the pills and the line between them stay in step with the
   framed one. In print the pills go to outlines */
.rp-draft-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-draft{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.rp-draft>li{position:relative;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:14px;row-gap:3px;padding:0 0 20px 10px;border:1px solid transparent;border-radius:10px}
.rp-draft>li::before{content:"";position:absolute;left:42px;top:30px;bottom:-2px;width:2px;background:var(--line-2)}
.rp-draft>li:last-child::before{display:none}
.rp-draft>li.here{margin-top:2px;padding:12px 14px 14px 10px;border-color:var(--gold);background:var(--card)}
.rp-draft .yr{grid-row:1/span 3;align-self:start;display:flex;align-items:center;justify-content:center;width:64px;height:30px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(14px*var(--ts,1))/1 var(--mono);position:relative;z-index:1}
.rp-draft .t{grid-column:2;margin:5px 0 0;font:600 calc(15.5px*var(--ts,1))/1.35 var(--sans)}
.rp-draft .t i{font-weight:600}
.rp-draft .tag{display:inline-block;margin-left:6px;font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.rp-draft .w{grid-column:2;margin:2px 0 0;font:italic 400 calc(18px*var(--ts,1))/1.45 var(--serif)}
.rp-draft .ch{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:3px}
.rp-draft .x{grid-column:2;margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-draft>li{break-inside:avoid}
  .rp-draft>li.here{background:none}
  .rp-draft .yr{background:none;color:#111;border:1px solid #999}
}
/* December 1: the word "suggested", on the record. One row each time AA's books, Bill W. or the General Service
   Conference used the word of the Steps, in order: the year (.yr), who (.who), the words themselves (.w) with the word
   behind a full-height highlight (mark; Ben's choice, November 4, 2026, over a half-height stroke), and a line on it
   (.x). The highlight has its own token, darker in dark mode, so the light word on it keeps its contrast. Rows are
   ruled like a ledger rather than strung on a line, so the form reads apart from the November drafts. Today's book
   is framed in gold (.here). In print the highlight becomes an underline */
.rp-sg-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-sg{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-2)}
.rp-sg>li{display:grid;grid-template-columns:48px minmax(0,1fr);column-gap:12px;padding:12px 4px 14px;border-bottom:1px solid var(--line-2)}
.rp-sg>li.here{margin:8px 0;padding:12px 12px 14px 8px;border:1px solid var(--gold);border-radius:10px;background:var(--card)}
.rp-sg .yr{padding-top:1px;font:700 calc(14px*var(--ts,1))/1.4 var(--mono);color:var(--accent)}
.rp-sg .who{margin:0;font:700 calc(11px*var(--ts,1))/1.45 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-align:left}
.rp-sg .tag{display:inline-block;margin-left:6px;color:var(--accent);white-space:nowrap}
.rp-sg .w{margin:4px 0 0;font:italic 400 calc(18px*var(--ts,1))/1.45 var(--serif)}
:root{--rp-hl:#EBCB86}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--rp-hl:#6E4E1E}}
:root[data-theme="dark"]{--rp-hl:#6E4E1E}
.rp-sg mark{padding:0 .1em;border-radius:3px;background:var(--rp-hl);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rp-sg .x{margin:4px 0 0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-sg>li{break-inside:avoid}
  .rp-sg>li.here{background:none}
  .rp-sg mark{background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
}
/* December 2: me, or us. Each time the Serenity Prayer was set down or remembered, in order, as a card on the side
   of the word it asks serenity for: "me" cards hug the left with an accent rule, "us" cards the right with a gold
   one, like two voices taking turns, so the form reads apart from December 1's ledger. Each card: the year and a pill
   with the word (.h), who (.who), the words themselves (.w) with the word behind December 1's highlight (mark, its
   --rp-hl token), and a line on it (.x). Today's essay is framed in gold (.here). The two headings over the lanes
   are aria-hidden: each card's pill says the same. In print the cards keep their sides, and the highlight becomes
   an underline */
.rp-mu-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-mu-head{margin:0 0 8px;display:flex;justify-content:space-between;font:700 calc(11px*var(--ts,1))/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.rp-mu-head span:last-child{color:var(--accent)}
.rp-mu{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-mu>li{width:86%;display:grid;row-gap:4px;padding:11px 14px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-mu>li.me{margin-right:auto;box-shadow:inset 3px 0 0 var(--ink-2)}
.rp-mu>li.us{margin-left:auto;box-shadow:inset -3px 0 0 var(--gold)}
.rp-mu>li.here{border-color:var(--gold)}
.rp-mu .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-mu .yr{font:700 calc(14px*var(--ts,1))/1.4 var(--mono);color:var(--accent)}
.rp-mu .pr{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;border:1px solid var(--line-2);font:700 calc(11px*var(--ts,1))/1 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2)}
.rp-mu>li.us .pr{border-color:var(--gold);background:var(--rp-lit);color:var(--ink)}
.rp-mu .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-mu .who{margin:0;font:700 calc(11px*var(--ts,1))/1.45 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);text-align:left}
.rp-mu .w{margin:2px 0 0;font:italic 400 calc(18px*var(--ts,1))/1.45 var(--serif)}
.rp-mu mark{padding:0 .1em;border-radius:3px;background:var(--rp-hl);color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.rp-mu .x{margin:2px 0 0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-mu>li{background:none;break-inside:avoid;box-shadow:none;border-color:#999}
  .rp-mu>li.me{border-left:3px solid #555}
  .rp-mu>li.us{border-right:3px solid #111}
  .rp-mu>li.us .pr{background:none;color:#111;border-color:#111}
  .rp-mu mark{background:none;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
}
/* December 3: where the essay goes. Bill W.'s essay on Step Twelve as one bar, start to finish, each part as wide as its
   share of the essay's words: flex-grow takes the counts (982 for the opening and the awakening, 708 for carrying the
   message, then the five parts of all our affairs, 760, 784, 885, 534 and 780, then 185 for the close; 5,618 in all,
   counted in the ebook text in sources/). Shares within one essay, so they compare. A gold bracket over the bar spans
   the two parts today's passage takes in (its left and width, as shares, set on the page). The list under it says the
   same in words, each part with its share and a swatch of its color, and numbers the five parts of all our affairs as
   the bar does, so the colors carry nothing alone. The bar is aria-hidden (the list carries it) and its fills print */
.rp-es-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-es-fig{margin:0 0 16px}
.rp-es-brk{position:relative;height:24px;margin:0}
.rp-es-brk span{position:absolute;left:var(--l);width:var(--w);top:8px;bottom:0;box-sizing:border-box;border:2px solid var(--gold);border-bottom:0;border-radius:6px 6px 0 0;display:flex;justify-content:center}
.rp-es-brk b{margin-top:-9px;height:14px;padding:0 6px;background:var(--band);font:700 calc(10.5px*var(--ts,1))/14px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);white-space:nowrap}
.rp-es-bar{margin:0;display:flex;height:34px;border:1px solid var(--line-2);border-radius:6px;overflow:hidden}
.rp-es-bar span{flex-basis:0;min-width:0;display:flex;align-items:center;justify-content:center;font:700 calc(12px*var(--ts,1))/1 var(--mono);color:var(--ink);box-shadow:inset -2px 0 0 var(--band);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-es-bar span:last-child{box-shadow:none}
.rp-es-bar .s1,.rp-es-bar .s4,.rp-es .s1 .sw,.rp-es .s4 .sw{background:var(--track)}
.rp-es-bar .s2,.rp-es .s2 .sw{background:var(--rp-ask)}
.rp-es-bar .s3,.rp-es .s3 .sw{background:var(--rp-lit)}
.rp-es-ends{margin:6px 0 0;display:flex;justify-content:space-between;font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-es{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-es>li{display:grid;row-gap:4px;padding:11px 14px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-es>li.here{border-color:var(--gold)}
.rp-es .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-es .sw{flex:none;width:14px;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--line-2);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-es .s3 .sw{box-shadow:inset 0 0 0 1px var(--gold)}
.rp-es .nm{margin:0;font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-es .pc{font:700 calc(14px*var(--ts,1))/1 var(--mono);color:var(--accent)}
.rp-es .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-es .w{margin:2px 0 0;font:italic 400 calc(17px*var(--ts,1))/1.45 var(--serif)}
.rp-es .x{margin:2px 0 0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-es-sub{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column}
.rp-es-sub li{display:grid;grid-template-columns:24px minmax(0,1fr);column-gap:10px;padding:10px 0 2px;border-top:1px solid var(--line)}
.rp-es-sub .n{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:1px;border-radius:50%;box-sizing:border-box;background:var(--rp-lit);border:1px solid var(--gold);font:700 calc(12px*var(--ts,1))/1 var(--mono);color:var(--ink);-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-es-sub .nm{font-size:calc(15px*var(--ts,1))}
@media print{
  .rp-es>li{background:none;border-color:#999}
  .rp-es>li:not(.s3),.rp-es-sub li{break-inside:avoid}
  .rp-es-brk span{border-color:#111}
  .rp-es-brk b{background:#fff;color:#111}
  .rp-es-bar span{box-shadow:inset -2px 0 0 #fff;color:#111}
  .rp-es-bar .s1,.rp-es-bar .s4,.rp-es .s1 .sw,.rp-es .s4 .sw{background:#E8E2D6}
  .rp-es-bar .s2,.rp-es .s2 .sw{background:#8A4A2A}
  .rp-es-bar .s3,.rp-es .s3 .sw,.rp-es-sub .n{background:#E6D2A0;color:#111}
}
/* December 4: from a dime to Headquarters. The services Bill W. named at St. Louis on July 3, 1955, in the order he
   told them, as rungs on a ladder drawn in CSS: the list's ::before and ::after are its two rails, and each row's
   ::before is its rung, level with the row's name. Each row: who and when (.who), what (.nm), a short line (.x), and
   sometimes Bill's own words (.w). The last row, the world services handed over that afternoon, is .here, with a gold
   rung and a tag. The rails and rungs carry no meaning of their own; the words carry it all. In print they go grey */
.rp-lad-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-lad{position:relative;margin:0;padding:0 0 0 46px;list-style:none;display:flex;flex-direction:column;gap:14px}
.rp-lad::before,.rp-lad::after{content:"";position:absolute;top:-6px;bottom:-6px;width:4px;border-radius:2px;background:var(--line-2)}
.rp-lad::before{left:6px}
.rp-lad::after{left:30px}
.rp-lad>li{position:relative}
.rp-lad>li::before{content:"";position:absolute;left:-40px;width:28px;top:23px;height:4px;border-radius:2px;background:var(--line-2)}
.rp-lad>li.here::before{background:var(--gold)}
.rp-lad .who{margin:0;font:700 calc(11px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);text-align:left}
.rp-lad .nm{margin:1px 0 0;font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-lad .tag{margin-left:10px;font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-lad .x{margin:3px 0 0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-lad .w{margin:3px 0 0;font:italic 400 calc(17px*var(--ts,1))/1.45 var(--serif)}
@media print{
  .rp-lad::before,.rp-lad::after,.rp-lad>li::before{background:#BBB}
  .rp-lad>li.here::before{background:#B7822A}
  .rp-lad>li{break-inside:avoid}
}
/* December 5: the word, book to book. Times "conscious" and its forms were set down in AA's books and in James, in
   the order they were written, one card each: the year and source (.src), the quotation (.kw) with the word marked
   in it (.k, a highlight, so the forms read down the list: consciousness, God-consciousness, God-conscious...), and a
   short line of this page's (.x). Today's passage is .here, framed in gold with a tag, its title standing in for it.
   (Built first as concordance lines, the words before and after the word in columns either side of it; on a phone
   the columns wrapped out of reading order, so the quotation now runs as one line of text.) In print the
   highlight goes grey */
.rp-kw-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-kw{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-kw>li{display:grid;row-gap:5px;padding:11px 14px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-kw>li.here{border-color:var(--gold)}
.rp-kw .src{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;font:600 calc(13.5px*var(--ts,1))/1.35 var(--sans);color:var(--ink-2)}
.rp-kw .yr{font:700 calc(13px*var(--ts,1))/1 var(--mono);color:var(--accent)}
.rp-kw .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-kw .kw{margin:0;font:italic 400 calc(17px*var(--ts,1))/1.45 var(--serif)}
.rp-kw .k{font-style:normal;font-weight:700;color:var(--ink);white-space:nowrap;padding:0 .18em;border-radius:4px;background:var(--rp-lit);box-shadow:inset 0 0 0 1px var(--gold);-webkit-box-decoration-break:clone;box-decoration-break:clone;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-kw li.here .kw{font-style:normal;font-weight:600}
.rp-kw .x{margin:0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-kw>li{background:none;border-color:#999;break-inside:avoid}
  .rp-kw>li.here{border-color:#B7822A}
  .rp-kw .k{background:#E6D2A0;box-shadow:none;color:#111}
}
/* December 6: two ways in, one way out. The stretch of Bill W.'s essay on Step Twelve around today's passage, as one
   list in the essay's order. Its first two items, the two old ways (.old), sit side by side on the grid's two columns;
   every later item spans both. Two thin diagonals, drawn as hard-stopped gradients on the third item's ::before and
   ::after across the row gap, run from the middle of each old card to the middle of the one below, and a short stem
   (::before) joins each later item to the one above it, so the two ways read as merging into one. The lines carry
   nothing the order and the words don't. Each item: a kicker (.k), a name (.nm) and a line of this page's (.x).
   Today's passage is .here, framed in gold. In print the lines go grey */
.rp-fork-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-fork{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:10px;row-gap:26px}
.rp-fork>li{position:relative;grid-column:1/-1;display:grid;row-gap:3px;align-content:start;padding:11px 14px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-fork>li.old{grid-column:auto;padding:10px 12px 12px}
.rp-fork>li.here{border-color:var(--gold)}
.rp-fork>li:nth-child(3)::before,.rp-fork>li:nth-child(3)::after{content:"";position:absolute;bottom:calc(100% + 1px);height:26px;width:calc(25% + 2.5px)}
.rp-fork>li:nth-child(3)::before{left:calc(25% - 3.5px);background:linear-gradient(to top right,transparent calc(50% - 1.2px),var(--line-2) calc(50% - 1.2px),var(--line-2) calc(50% + 1.2px),transparent calc(50% + 1.2px))}
.rp-fork>li:nth-child(3)::after{left:calc(50% - 1px);background:linear-gradient(to top left,transparent calc(50% - 1.2px),var(--line-2) calc(50% - 1.2px),var(--line-2) calc(50% + 1.2px),transparent calc(50% + 1.2px))}
.rp-fork>li:nth-child(n+4)::before{content:"";position:absolute;bottom:calc(100% + 1px);left:50%;width:2px;margin-left:-1px;height:26px;background:var(--line-2)}
.rp-fork>li.here::before{background:var(--gold)}
.rp-fork .k{margin:0;font:700 calc(10.5px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-fork .nm{margin:0;font:600 calc(16px*var(--ts,1))/1.35 var(--sans)}
.rp-fork .x{margin:2px 0 0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-fork>li.old .x{font-size:calc(14.5px*var(--ts,1))}
@media print{
  .rp-fork>li{background:none;border-color:#999;break-inside:avoid}
  .rp-fork>li.here{border-color:#B7822A}
  .rp-fork>li:nth-child(3)::before{background:linear-gradient(to top right,transparent calc(50% - 1px),#BBB calc(50% - 1px),#BBB calc(50% + 1px),transparent calc(50% + 1px))}
  .rp-fork>li:nth-child(3)::after{background:linear-gradient(to top left,transparent calc(50% - 1px),#BBB calc(50% - 1px),#BBB calc(50% + 1px),transparent calc(50% + 1px))}
  .rp-fork>li:nth-child(n+4)::before{background:#BBB}
  .rp-fork>li.here::before{background:#B7822A}
}
/* December 7: the doctors' verdict. The three words the Step Twelve essay says the doctors found in most alcoholics,
   in its order, one card each: the word set as a rubber stamp (.w, each card's stamp tilted its own way), then two
   rows, what members said back at first (.who, outlined, in this page's words) and the words Bill W. gave a doctor
   about himself in December 1944 (.who.b, dark pill, a quotation, .q). Under the cards, the coin the essay names,
   both faces side by side (Fear, and its reverse, False pride), beside the line that quotes it. Today's passage
   isn't among them. In print the pills and coins are outlines */
:root{--rp-coin-hi:#EFD08A;--rp-coin-lo:#B7822A;--rp-coin-ink:#2A1D12}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--rp-coin-hi:#D9AE5C;--rp-coin-lo:#7A5A24;--rp-coin-ink:#1B130B}}
:root[data-theme="dark"]{--rp-coin-hi:#D9AE5C;--rp-coin-lo:#7A5A24;--rp-coin-ink:#1B130B}
.rp-vd-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-vd{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-vd>li{padding:13px 16px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-vd .w{display:inline-block;margin:0 0 11px;padding:4px 10px 3px;border:2px solid var(--accent);border-radius:4px;color:var(--accent);font:700 calc(13px*var(--ts,1))/1.2 var(--sans);letter-spacing:.14em;text-transform:uppercase;transform:rotate(-2deg);transform-origin:left center}
.rp-vd>li:nth-child(2) .w{transform:rotate(1.5deg)}
.rp-vd>li:nth-child(3) .w{transform:rotate(-1deg)}
.rp-vd .r{display:grid;grid-template-columns:86px minmax(0,1fr);column-gap:12px;align-items:start;margin:0 0 8px}
.rp-vd .who{display:inline-flex;align-items:center;justify-self:start;height:22px;margin-top:1px;padding:0 8px;border:1.5px solid var(--line-2);border-radius:999px;color:var(--ink-2);background:var(--card);font:700 calc(10px*var(--ts,1))/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}
.rp-vd .who.b{border-color:var(--night);background:var(--night);color:var(--gold)}
.rp-vd .x{font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-vd .x.q{font:400 calc(clamp(17px,1.8vw,19px)*var(--ts,1))/1.35 var(--display);color:var(--accent)}
.rp-vd-coin{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:14px;align-items:center;margin-top:14px}
.rp-vd-coin .coins{margin:0;display:flex}
.rp-vd-coin .c{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:50%;padding:0 6px;box-sizing:border-box;text-align:center;background:radial-gradient(circle at 34% 30%,var(--rp-coin-hi),var(--rp-coin-lo) 78%);box-shadow:inset 0 0 0 3px var(--rp-coin-lo),inset 0 0 0 5px var(--rp-coin-hi);color:var(--rp-coin-ink);font:700 calc(10px*var(--ts,1))/1.15 var(--sans);letter-spacing:.1em;text-transform:uppercase;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-vd-coin .c.rev{margin-left:-10px;font-size:calc(9px*var(--ts,1));letter-spacing:.06em;transform:rotate(8deg)}
.rp-vd-coin .x{margin:0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-vd>li{background:none;border-color:#999;break-inside:avoid}
  .rp-vd .who,.rp-vd .who.b{background:none;color:#111;border:1px solid #999}
  .rp-vd-coin .c{background:#F2E2B8;box-shadow:inset 0 0 0 1.5px #8A6A2A;color:#111}
}
/* December 8: from the bed. Bill D.'s years after City Hospital as one line down the page, a stop for each date in
   order: the date (.d) and a tag of this page's (.tag) saying where he stands, then a short line (.x). The first stop
   carries a note (.n) setting the three counts of his hospital stays side by side. The first stop, on the bed, is .on
   (an ink dot); the stops where he is the one doing the helping are .by (gold dots, gold tags). The dots carry nothing
   the tags don't. In print the line and dots go grey */
.rp-bed-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-bed{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:16px}
.rp-bed::before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:2px;background:var(--line-2)}
.rp-bed>li{position:relative;padding-left:32px}
.rp-bed>li::before{content:"";position:absolute;left:2px;top:4px;width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:2px solid var(--line-2);background:var(--band)}
.rp-bed>li.on::before{background:var(--ink);border-color:var(--ink)}
.rp-bed>li.by::before{background:var(--gold);border-color:var(--gold)}
.rp-bed .when{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.rp-bed .d{font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--ink)}
.rp-bed .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-bed li.by .tag{color:var(--accent)}
.rp-bed .x{margin:3px 0 0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-bed .n{margin:9px 0 0;padding:9px 12px 10px;border:1px solid var(--line-2);border-radius:8px;background:var(--card);font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
@media print{
  .rp-bed::before{background:#BBB}
  .rp-bed>li::before{background:#FFF;border-color:#999}
  .rp-bed>li.on::before{background:#555;border-color:#555}
  .rp-bed>li.by::before{background:#E6D2A0;border-color:#B7822A}
  .rp-bed>li{break-inside:avoid}
  .rp-bed .n{background:none;border-color:#999}
}
/* December 9: which room. Each telling of what Ebby T. said about giving, hung as a paper tag in the room it puts the
   words in (div.rp-room: the kitchen, then Towns Hospital, then a dashed room for the tellings that name none), each
   room's tags in the order they were set down. A tag (li) is cut to a point at its left end with a punched hole: two
   layers clipped to the same outline, the outer one showing as the tag's edge. Each holds the year (.yr), who and
   where (.who), the words (.w) and a line on them (.x). Today's passage is edged in gold (.here) and isn't quoted
   (.w.quiet). In print the tags lose their cut and keep a plain border */
.rp-rm-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-rm{display:flex;flex-direction:column;gap:14px}
.rp-room{padding:10px 12px 12px;border:2px solid var(--line-2);border-radius:6px}
.rp-room.none{border-style:dashed}
.rp-room .rh{margin:0 0 9px;font:700 calc(11px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-room .rh span{display:block;font-weight:400;font-size:calc(13px*var(--ts,1));letter-spacing:.01em;text-transform:none;color:var(--ink-2)}
.rp-tags{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.rp-tags>li{--cut:18px;padding:1px;background:var(--line-2);clip-path:polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 50%)}
.rp-tags>li.here{padding:2px;background:var(--gold)}
.rp-tags .in{position:relative;display:grid;row-gap:3px;padding:9px 14px 11px calc(var(--cut) + 20px);background:var(--card);
  clip-path:polygon(var(--cut) 0,100% 0,100% 100%,var(--cut) 100%,0 50%)}
.rp-tags .in::before{content:"";position:absolute;left:calc(var(--cut) - 3px);top:50%;width:9px;height:9px;margin-top:-4.5px;
  border-radius:50%;box-sizing:border-box;border:1.5px solid var(--line-2);background:var(--band)}
.rp-tags .h{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.rp-tags .yr{font:700 calc(14px*var(--ts,1))/1.3 var(--mono);color:var(--accent)}
.rp-tags .who{font:700 calc(11px*var(--ts,1))/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.rp-tags .w{margin:2px 0 0;font:italic 400 calc(18px*var(--ts,1))/1.4 var(--serif);color:var(--ink)}
.rp-tags .w.quiet{font-size:calc(16px*var(--ts,1));color:var(--ink-2)}
.rp-tags .x{margin:0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-room{border-color:#999}
  .rp-tags>li,.rp-tags .in{clip-path:none}
  .rp-tags>li{padding:0;background:none;border:1px solid #999;break-inside:avoid}
  .rp-tags>li.here{border:2px solid #B7822A}
  .rp-tags .in{padding-left:14px;background:none}
  .rp-tags .in::before{display:none}
}
/* December 10: before you go. The Big Book's test for going where there is drinking (1939), one rung per step down a
   ladder in the book's order: a numbered disc and the step's name (.h), the book's words (.w), then either a short line
   of this page's (.x) or, where the loan copy read differently, its words under a small tag (.d, .lc). The shaky
   member's way out (li.out) steps off to the right of the ladder with a gold edge and an arrow for its disc. In print
   the rails and discs go grey and the way out keeps a plain border */
.rp-go-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-go{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.rp-go::before{content:"";position:absolute;left:13px;top:14px;bottom:14px;width:2px;background:var(--line-2)}
.rp-go>li{position:relative;padding-left:42px}
.rp-go .h{margin:0;display:flex;align-items:center;gap:10px;min-height:28px}
.rp-go .n{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;box-sizing:border-box;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--ink);background:var(--band);font:700 calc(13px*var(--ts,1))/1 var(--mono);color:var(--ink)}
.rp-go .s{font:700 calc(11px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-go .w{margin:4px 0 0;font:italic 400 calc(18px*var(--ts,1))/1.4 var(--serif);color:var(--ink)}
.rp-go .x{margin:4px 0 0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-go .d{margin:7px 0 0;padding:2px 0 2px 11px;border-left:2px dashed var(--line-2);font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-go .lc{display:inline-block;margin-right:6px;padding:1px 7px;border:1px solid var(--line-2);border-radius:999px;font:700 calc(10px*var(--ts,1))/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);vertical-align:1px}
.rp-go>li.out{margin-left:28px;padding:10px 14px 12px 50px;border:2px solid var(--gold);border-radius:10px;background:var(--card)}
.rp-go>li.out::before{content:"";position:absolute;left:-15px;top:22px;width:13px;border-top:2px solid var(--line-2)}
.rp-go>li.out .n{left:12px;top:9px;border-color:var(--gold);background:var(--gold);color:var(--night);font-family:var(--sans);font-size:calc(15px*var(--ts,1))}
@media print{
  .rp-go::before{background:#BBB}
  .rp-go>li.out::before{border-color:#BBB}
  .rp-go .n{background:#FFF;border-color:#555;color:#111}
  .rp-go>li{break-inside:avoid}
  .rp-go>li.out{background:none;border-color:#B7822A}
  .rp-go>li.out .n{background:#E6D2A0;border-color:#B7822A}
  .rp-go .lc{border-color:#999}
}
/* December 11: kept or let go. Point twelve of the long form in the order its sentence runs, one row per part: its
   name (.s), its words where they can be quoted (.w; today's passage never is) and a short line of this page's (.x),
   then a mark for each of four versions, from Bill W.'s January 1946 wording to the short form of 1950: a filled dot
   where the part is there (.in), a gold ring round a dot where it's there in new words (.re), a short dash where it
   isn't (.out). The rows of today's passage (li.here) get a gold edge. The column heads are aria-hidden; each mark
   carries its own label. The marks are drawn with borders, not backgrounds, so they print */
.rp-kept-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-kept{--c:calc(36px*var(--ts,1))}
.rp-kept-head,.rp-kept-rows>li{display:grid;grid-template-columns:minmax(0,1fr) repeat(4,var(--c));column-gap:6px;align-items:center}
.rp-kept-head{padding:0 12px 8px;border-bottom:2px solid var(--line-2)}
.rp-kept-head .c{display:flex;flex-direction:column;align-items:center;font:400 calc(10.5px*var(--ts,1))/1.25 var(--sans);color:var(--ink-2);text-align:center}
.rp-kept-head .c b{font:700 calc(12px*var(--ts,1))/1.25 var(--mono);color:var(--ink)}
.rp-kept-rows{margin:0;padding:0;list-style:none}
.rp-kept-rows>li{padding:12px;border-bottom:1px solid var(--line)}
.rp-kept-rows>li.here{margin:8px 0 0;border:2px solid var(--gold);border-radius:10px;background:var(--card)}
.rp-kept .p{min-width:0}
.rp-kept .s{margin:0;font:700 calc(11px*var(--ts,1))/1.5 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-kept .s .tag{margin-left:4px;padding:1px 6px;border-color:var(--gold);font-size:calc(9.5px*var(--ts,1));letter-spacing:.08em;white-space:nowrap;vertical-align:1px}
.rp-kept .w{margin:4px 0 0;font:italic 400 calc(16.5px*var(--ts,1))/1.4 var(--serif);color:var(--ink)}
.rp-kept .x{margin:4px 0 0;font-size:calc(14.5px*var(--ts,1));line-height:1.45;color:var(--ink-2)}
.rp-kept-rows .c{justify-self:center}
.rp-kept .in,.rp-kept .re,.rp-kept .out{position:relative;display:inline-block;width:14px;height:14px;border-radius:50%;box-sizing:border-box}
.rp-kept .in{border:7px solid var(--ink)}
.rp-kept .re{border:2px solid var(--gold)}
.rp-kept .re::after{content:"";position:absolute;left:2px;top:2px;width:6px;height:6px;border-radius:50%;box-sizing:border-box;border:3px solid var(--ink)}
.rp-kept .out{height:2px;border-radius:0;border-top:2px solid var(--line-2)}
.rp-kept-key{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font:400 calc(13px*var(--ts,1))/1.4 var(--sans);color:var(--ink-2)}
.rp-kept-key .k{margin-right:6px;vertical-align:-1px}
.rp-kept-key .k.out{vertical-align:3px}
.rp-kept-when{margin:12px 0 0;padding:0;list-style:none;display:grid;gap:6px;font:400 calc(14px*var(--ts,1))/1.45 var(--sans);color:var(--ink-2)}
.rp-kept-when b{margin-right:6px;font:700 calc(12px*var(--ts,1)) var(--mono);color:var(--ink)}
@media print{
  .rp-kept .in{border-color:#111}
  .rp-kept .re{border-color:#B7822A}
  .rp-kept .re::after{border-color:#111}
  .rp-kept .out{border-color:#999}
  .rp-kept-rows>li{break-inside:avoid}
  .rp-kept-rows>li.here{background:none;border-color:#B7822A}
}
/* December 12: four readers. Who read Bill W.'s first two chapters before the book was printed, in about the order
   they read them in 1938, one card each: the date (.d) and the reader (.who), a short line (.x), then what the reading
   brought back (.back) with a tag (.tag) for where it landed in the book of April 1939. Cards whose reading came back
   into the book are .in (a gold edge and a gold tag); the one that came to nothing stays plain. The book itself closes
   the list (.rp-four-end). Two columns from 700px; inside the band's narrow feature column from 900px, one again */
.rp-four-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-four{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.rp-four>li{padding:12px 14px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-four>li.in{border-left:4px solid var(--gold);padding-left:12px}
.rp-four .when{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.rp-four .d{font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--ink)}
.rp-four .who{font:600 calc(16px*var(--ts,1))/1.3 var(--sans);letter-spacing:0;text-transform:none;text-align:left;color:var(--ink)}
.rp-four .x{margin:4px 0 0;font-size:calc(15px*var(--ts,1));line-height:1.45;color:var(--ink-2)}
.rp-four .back{margin:9px 0 0;padding-top:8px;border-top:1px dashed var(--line-2);font:400 calc(14.5px*var(--ts,1))/1.45 var(--sans);color:var(--ink)}
.rp-four .back .tag{display:inline-block;margin:0 8px 2px 0;padding:2px 7px;font-size:calc(10px*var(--ts,1));letter-spacing:.1em;vertical-align:1px}
.rp-four li.in .back .tag{border-color:var(--gold);color:var(--accent)}
.rp-four-end{margin:12px 0 0;padding:11px 14px;border-radius:10px;background:var(--night);color:var(--night-ink);font:400 calc(15px*var(--ts,1))/1.45 var(--sans)}
.rp-four-end b{display:block;margin-bottom:2px;font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--gold)}
@media (min-width:700px) and (max-width:899.98px){.rp-four{grid-template-columns:1fr 1fr}}
@media print{
  .rp-four>li{background:none;border-color:#999;break-inside:avoid}
  .rp-four>li.in{border-left-color:#B7822A}
  .rp-four li.in .back .tag{border-color:#B7822A;color:#7A5418}
  .rp-four-end{background:none;border:1px solid #999;color:#111}
  .rp-four-end b{color:#7A5418}
}
/* December 13: one word, four places. The four places where the 1939 Big Book's writers called themselves
   ex-alcoholics, in the book's order, one card each: the chapter (.ch) and today's page (.pp), a short line of this
   page's (.x), then the change itself (.chg) as two pills side by side, the 1939 word struck through (.was) and the
   word of the June 1947 printing marked like a proofreader's insertion (.now), each with its year (.yr). Today's
   passage is .here, framed in gold with a tag; the passage itself isn't quoted, only the word. The printing that made
   the change closes the list (.rp-ex-end). In print the pills are outlines */
.rp-ex-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-ex{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-ex>li{padding:11px 14px 13px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-ex>li.here{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.rp-ex .where{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px}
.rp-ex .ch{font:600 calc(16px*var(--ts,1))/1.3 var(--sans);color:var(--ink)}
.rp-ex .pp{font:700 calc(12.5px*var(--ts,1))/1.3 var(--mono);color:var(--accent)}
.rp-ex .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-ex .x{margin:4px 0 0;font-size:calc(15px*var(--ts,1));line-height:1.45;color:var(--ink-2)}
.rp-ex .chg{margin:9px 0 0;display:flex;flex-wrap:wrap;gap:6px 8px}
.rp-ex .was,.rp-ex .now{display:inline-flex;align-items:baseline;gap:7px;padding:3px 10px 4px;border-radius:999px;font:400 calc(16.5px*var(--ts,1))/1.3 var(--serif)}
.rp-ex .was{border:1px dashed var(--line-2);color:var(--ink-2)}
.rp-ex .was s{text-decoration-thickness:2px;text-decoration-color:var(--accent)}
.rp-ex .now{background:var(--rp-lit);box-shadow:inset 0 0 0 1px var(--gold);color:var(--ink);font-weight:600;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rp-ex .yr{font:700 calc(11.5px*var(--ts,1))/1 var(--mono);color:var(--ink-2);letter-spacing:.02em}
.rp-ex .now .yr{color:var(--ink)}
.rp-ex-end{margin:12px 0 0;padding:11px 14px;border-radius:10px;background:var(--night);color:var(--night-ink);font:400 calc(15px*var(--ts,1))/1.45 var(--sans)}
.rp-ex-end b{display:block;margin-bottom:2px;font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--gold)}
@media print{
  .rp-ex>li{background:none;border-color:#999;box-shadow:none;break-inside:avoid}
  .rp-ex>li.here{border:2px solid #B7822A}
  .rp-ex .was{border-color:#999;color:#444}
  .rp-ex .was s{text-decoration-color:#7A5418}
  .rp-ex .now{background:#E6D2A0;box-shadow:none;color:#111}
  .rp-ex-end{background:none;border:1px solid #999;color:#111}
  .rp-ex-end b{color:#7A5418}
}
/* December 14: three speakers. One first meeting as Bill W. told it in the Grapevine (April 1961), one card per
   speaker in the order they spoke: a round number (.n), the speaker (.nm) and this page's tag (.tag), what he spoke on
   (.on), then how it landed (.took), with whose word it is in bold (the newcomer's, or Bill's). The speaker who told his
   own story keeps a solid gold edge; the two who lectured (.lec) get a dashed edge in the accent color. What came after
   closes the list (.rp-sp-end). In print the cards are outlines */
.rp-sp-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-sp{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-sp>li{padding:12px 14px 13px 12px;border:1px solid var(--line-2);border-left:4px solid var(--gold);border-radius:10px;background:var(--card)}
.rp-sp>li.lec{border-left:4px dashed var(--accent)}
.rp-sp .who{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;letter-spacing:0;text-transform:none;text-align:left}
.rp-sp .n{display:inline-grid;place-items:center;flex:none;width:calc(26px*var(--ts,1));height:calc(26px*var(--ts,1));border-radius:50%;background:var(--night);color:var(--gold);font:700 calc(13px*var(--ts,1))/1 var(--mono)}
.rp-sp .nm{font:600 calc(16px*var(--ts,1))/1.3 var(--sans);letter-spacing:0;text-transform:none;text-align:left;color:var(--ink)}
.rp-sp .tag{font:700 calc(10.5px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);border:0;padding:0}
.rp-sp li.lec .tag{color:var(--accent)}
.rp-sp .on{margin:7px 0 0;font:400 calc(17px*var(--ts,1))/1.4 var(--serif);color:var(--ink)}
.rp-sp .took{margin:9px 0 0;padding-top:8px;border-top:1px dashed var(--line-2);font:400 calc(14.5px*var(--ts,1))/1.45 var(--sans);color:var(--ink-2)}
.rp-sp .took b{display:block;margin-bottom:1px;font:700 calc(10.5px*var(--ts,1))/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}
.rp-sp-end{margin:12px 0 0;padding:11px 14px;border-radius:10px;background:var(--night);color:var(--night-ink);font:400 calc(15px*var(--ts,1))/1.45 var(--sans)}
.rp-sp-end b{display:block;margin-bottom:2px;font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--gold)}
.rp-sp-end a.term{color:inherit}
@media print{
  .rp-sp>li{background:none;border-color:#999;border-left-color:#B7822A;break-inside:avoid}
  .rp-sp>li.lec{border-left-color:#7A3B22}
  .rp-sp .n{background:none;border:1px solid #999;color:#111}
  .rp-sp-end{background:none;border:1px solid #999;color:#111}
  .rp-sp-end b{color:#7A5418}
}
/* December 15: the house and the book. The house at 182 Clinton Street (1935–36, as Pass It On tells it) beside what the
   Big Book of 1939 advised on the same thing, one card per thing in a dark tab (.t): the house's side (.h), keyed with a
   small house, then the book's (.b), keyed with a small book in the accent color. Stacked on phones and in the desktop's
   narrow column; side by side from 600px while the feature runs the full width. The book's reason closes the list
   (.rp-hb-end). In print the cards are outlines */
.rp-hb-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-hb{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}
.rp-hb>li{border:1px solid var(--line-2);border-radius:10px;background:var(--card);overflow:hidden}
.rp-hb .t{margin:0;padding:7px 14px;background:var(--night);color:var(--gold);font:700 calc(11px*var(--ts,1))/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase}
.rp-hb .h,.rp-hb .b{padding:10px 14px 12px}
.rp-hb .b{border-top:1px dashed var(--line-2)}
.rp-hb .k{margin:0 0 4px;display:flex;align-items:center;gap:6px;font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-hb .b .k{color:var(--accent)}
.rp-hb .ic{flex:none;width:calc(15px*var(--ts,1));height:calc(15px*var(--ts,1))}
.rp-hb .x{margin:0;font:400 calc(16.5px*var(--ts,1))/1.45 var(--serif);color:var(--ink)}
.rp-hb .b .x{color:var(--ink-2)}
.rp-hb-end{margin:12px 0 0;padding:11px 14px;border-radius:10px;background:var(--night);color:var(--night-ink);font:400 calc(15px*var(--ts,1))/1.45 var(--sans)}
.rp-hb-end b{display:block;margin-bottom:2px;font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--gold)}
@media (min-width:600px) and (max-width:899px){
  .rp-hb>li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  .rp-hb .t{grid-column:1 / -1}
  .rp-hb .b{border-top:0;border-left:1px dashed var(--line-2)}
}
@media print{
  .rp-hb>li{background:none;border-color:#999;break-inside:avoid}
  .rp-hb .t{background:none;color:#7A5418;border-bottom:1px solid #999}
  .rp-hb .b .k{color:#7A3B22}
  .rp-hb-end{background:none;border:1px solid #999;color:#111}
  .rp-hb-end b{color:#7A5418}
}
/* December 16: way stations. Seven of Bill W. and Lois W.'s stops between leaving 182 Clinton Street (April 1939) and the
   house at Bedford Hills (April 1941), as Pass It On and Lois Remembers tell them, one stop per line down a dashed path:
   the date (.d) and a tag of this page's (.tag), the place (.p), then a short line (.x). The house they lost is .lost (a
   hollow dot), the places others gave them have gold dots, and the house of their own is .own (an ink dot, ringed). The
   dots carry nothing the tags don't. In print the path and dots go grey */
.rp-ws-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-ws{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.rp-ws::before{content:"";position:absolute;left:8px;top:12px;bottom:14px;border-left:2px dashed var(--line-2)}
.rp-ws>li{position:relative;padding-left:32px}
.rp-ws>li::before{content:"";position:absolute;left:2px;top:4px;width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:2px solid var(--gold);background:var(--gold)}
.rp-ws>li.lost::before{background:var(--band);border-color:var(--ink-2)}
.rp-ws>li.own::before{background:var(--ink);border-color:var(--ink);box-shadow:0 0 0 3px var(--band),0 0 0 4px var(--ink)}
.rp-ws .when{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.rp-ws .d{font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--ink)}
.rp-ws .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-ws li.lost .tag,.rp-ws li.own .tag{color:var(--ink-2)}
.rp-ws .p{margin:3px 0 0;font:600 calc(17px*var(--ts,1))/1.35 var(--serif);color:var(--ink)}
.rp-ws .x{margin:2px 0 0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-ws::before{border-color:#BBB}
  .rp-ws>li::before{background:#E6D2A0;border-color:#B7822A}
  .rp-ws>li.lost::before{background:#FFF;border-color:#999}
  .rp-ws>li.own::before{background:#555;border-color:#555;box-shadow:none}
  .rp-ws>li{break-inside:avoid}
  .rp-ws .tag{color:#7A3B22}
}
/* December 18: at the bedside in Akron. How Akron put the spiritual side to a newcomer in the hospital, 1937 to 1940,
   as Dr. Bob and the Good Oldtimers remembers it, with the Big Book where it falls: one stop per line down a path, with
   the date (.d) and a tag of this page's (.tag), who (.p), their words (.w), then a short line (.x). The stops where the
   newcomer knelt (.knelt) have dots in the accent color; the book, today's, is a card ringed in gold (.here); the stop
   after it (.read) has a hollow dot. The dots carry nothing the tags and lines don't. In print the path goes grey */
.rp-akr-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-akr{position:relative;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.rp-akr::before{content:"";position:absolute;left:8px;top:12px;bottom:14px;border-left:2px solid var(--line-2)}
.rp-akr>li{position:relative;padding-left:32px}
.rp-akr>li::before{content:"";position:absolute;left:2px;top:4px;width:14px;height:14px;border-radius:50%;box-sizing:border-box;border:2px solid var(--accent);background:var(--accent);z-index:1}
.rp-akr>li.read::before{background:var(--band);border-color:var(--ink)}
.rp-akr>li.here{isolation:isolate;padding:10px 14px 12px 46px}
.rp-akr>li.here::after{content:"";position:absolute;left:30px;top:0;right:0;bottom:0;border:2px solid var(--gold);border-radius:10px;background:var(--card);z-index:-1}
.rp-akr>li.here::before{top:14px;border-color:var(--gold);background:var(--gold);box-shadow:0 0 0 3px var(--band),0 0 0 5px var(--gold)}
.rp-akr .when{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px}
.rp-akr .d{font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--ink)}
.rp-akr .tag{font:700 calc(10.5px*var(--ts,1))/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-akr li.here .tag{color:var(--ink-2)}
.rp-akr .p{margin:3px 0 0;font:600 calc(17px*var(--ts,1))/1.35 var(--serif);color:var(--ink)}
.rp-akr .w{margin:4px 0 0;font:italic 400 calc(18px*var(--ts,1))/1.4 var(--serif);color:var(--ink)}
.rp-akr .x{margin:3px 0 0;font-size:calc(15px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
@media print{
  .rp-akr::before{border-color:#BBB}
  .rp-akr>li::before{background:#7A3B22;border-color:#7A3B22}
  .rp-akr>li.read::before{background:#FFF;border-color:#555}
  .rp-akr>li.here::after{background:none;border-color:#B7822A}
  .rp-akr>li.here::before{background:#E6D2A0;border-color:#B7822A;box-shadow:none}
  .rp-akr>li{break-inside:avoid}
  .rp-akr .tag{color:#7A3B22}
}
/* December 19: when Hank P. drank again, told three times. One card per telling, in the order each was set down (Bill's
   of 1957, Lois's of 1979, Pass It On's of 1984), each with a track on the same scale, January 1939 to the end of 1940
   (50% a year), and a key under it. The gold dot on every track is the book coming out, April 1939. A soft bar is a
   season (Bill's early spring of 1940, Lois's spring after the move, which she leaves undated), a diamond a date (the
   first sign in Lois's diary, September 1939, as Pass It On quotes it). The tracks are aria-hidden: the note and the key's words carry everything. In print the
   fills go to grey */
.rp-hk-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-hk{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-hk>li{display:flex;flex-direction:column;gap:6px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-hk .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-hk .st{display:inline-block;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/24px var(--sans);letter-spacing:.02em}
.rp-hk .t{font:700 calc(10.5px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-hk .trk{position:relative;height:44px;margin:4px 6px 2px}
.rp-hk .trk::before{content:"";position:absolute;left:0;right:0;top:19px;height:2px;background:var(--line-2)}
.rp-hk .yr{position:absolute;top:28px;font:600 calc(11px*var(--ts,1))/1 var(--sans);color:var(--ink-2);transform:translateX(-50%)}
.rp-hk .yr::before{content:"";position:absolute;left:50%;top:-11px;width:1px;height:7px;background:var(--line-2)}
.rp-hk .y0{left:0;transform:none}
.rp-hk .y0::before{left:0}
.rp-hk .y1{left:50%}
.rp-hk .y2{left:100%;transform:translateX(-100%)}
.rp-hk .y2::before{left:auto;right:0}
.rp-hk .trk .bar{position:absolute;top:15px;height:10px;border-radius:5px;background:linear-gradient(90deg,var(--accent) 0 55%,transparent 100%)}
.rp-hk .trk .early{left:58.33%;width:10%}
.rp-hk .trk .spring{left:58.33%;width:14.5%}
.rp-hk .trk .mk{position:absolute;transform:translateX(-50%)}
.rp-hk .trk .mk.dia{top:14px;width:12px;height:12px;background:var(--accent);border:2px solid var(--card);transform:translateX(-50%) rotate(45deg)}
.rp-hk .trk .mk.dot{top:13px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:2px solid var(--card)}
.rp-hk .trk .book{left:13.9%}
.rp-hk .trk .sep{left:34.2%}
.rp-hk .x{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.rp-hk .x>li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:baseline;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-hk .x b{color:var(--ink);font-weight:600}
.rp-hk .k{display:inline-block;justify-self:center}
.rp-hk .k.dia{width:9px;height:9px;background:var(--accent);transform:rotate(45deg)}
.rp-hk .k.bar{width:16px;height:8px;border-radius:4px;background:linear-gradient(90deg,var(--accent) 0 55%,transparent 100%)}
.rp-hk .k.why{width:6px;height:6px;border-radius:50%;border:1.5px solid var(--ink-2)}
@media print{
  .rp-hk>li{background:none;break-inside:avoid}
  .rp-hk .trk,.rp-hk .trk *,.rp-hk .trk::before,.rp-hk .yr::before,.rp-hk .k{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rp-hk .trk::before,.rp-hk .yr::before{background:#BBB}
  .rp-hk .st{background:none;color:#111;border:1px solid #999}
  .rp-hk .trk .bar,.rp-hk .k.bar{background:linear-gradient(90deg,#777 0 55%,transparent 100%)}
  .rp-hk .trk .mk.dia,.rp-hk .k.dia{background:#555;border-color:#fff}
  .rp-hk .trk .mk.dot{background:#C9A24A;border-color:#fff}
}
/* December 20: who lived to see it. One card per person who gave to Bill W. while he was drinking (his mother-in-law,
   his father-in-law, his brother-in-law, Lois), each with a track on one scale, 1930 to 1940 (10% a year). The accent
   line runs as long as the person lived; a cross-bar ends it at a death, an arrow carries it past 1940. The gold mark
   on every track is December 11, 1934 (49.4%), when Bill went into Towns Hospital for the last time. The tracks are
   aria-hidden: the note and the two lines under each card carry everything. In print the fills go to grey */
.rp-gv-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-gv{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-gv>li{display:flex;flex-direction:column;gap:6px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-gv .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-gv .nm{display:inline-block;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/24px var(--sans);letter-spacing:.02em}
.rp-gv .t{font:700 calc(10.5px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-gv .trk{position:relative;height:42px;margin:4px 8px 2px 6px}
.rp-gv .trk::before{content:"";position:absolute;left:0;right:0;top:15px;height:2px;background:var(--line-2)}
.rp-gv .yr{position:absolute;top:30px;font:600 calc(11px*var(--ts,1))/1 var(--sans);color:var(--ink-2);transform:translateX(-50%)}
.rp-gv .yr::before{content:"";position:absolute;left:50%;top:-11px;width:1px;height:7px;background:var(--line-2)}
.rp-gv .y0{left:0;transform:none}
.rp-gv .y0::before{left:0}
.rp-gv .y2{left:20%}.rp-gv .y4{left:40%}.rp-gv .y6{left:60%}.rp-gv .y8{left:80%}
.rp-gv .y10{left:100%;transform:translateX(-100%)}
.rp-gv .y10::before{left:auto;right:0}
.rp-gv .ln{position:absolute;left:0;top:13px;height:6px;border-radius:3px 0 0 3px;background:var(--accent)}
.rp-gv .m .ln{width:9.8%}
.rp-gv .c .ln{width:67%}
.rp-gv .on .ln{width:100%;border-radius:3px}
.rp-gv .cap{position:absolute;top:8px;width:3px;height:16px;border-radius:1px;background:var(--ink);transform:translateX(-50%)}
.rp-gv .m .cap{left:9.8%}
.rp-gv .c .cap{left:67%}
.rp-gv .ar{position:absolute;right:-8px;top:10px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid var(--accent)}
.rp-gv .sob{position:absolute;left:49.4%;top:2px;width:4px;height:28px;border-radius:2px;background:var(--gold);box-shadow:0 0 0 2px var(--card);transform:translateX(-50%)}
.rp-gv .x{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.rp-gv .x>li{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:baseline;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-gv .x b{color:var(--ink);font-weight:600}
.rp-gv .k{display:inline-block;justify-self:center}
.rp-gv .k.g{width:14px;height:6px;border-radius:3px;background:var(--accent)}
.rp-gv .k.s{width:4px;height:13px;border-radius:2px;background:var(--gold);transform:translateY(2px)}
@media print{
  .rp-gv>li{background:none;break-inside:avoid}
  .rp-gv .trk,.rp-gv .trk *,.rp-gv .trk::before,.rp-gv .yr::before,.rp-gv .k{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rp-gv .trk::before,.rp-gv .yr::before{background:#BBB}
  .rp-gv .nm{background:none;color:#111;border:1px solid #999}
  .rp-gv .ln,.rp-gv .k.g{background:#777}
  .rp-gv .ar{border-left-color:#777}
  .rp-gv .cap{background:#111}
  .rp-gv .sob,.rp-gv .k.s{background:#C9A24A;box-shadow:0 0 0 2px #fff}
}
/* December 21: where she stood. Sister Ignatia between patients and their wives, three times (St. Thomas in the 1940s,
   as she told it in Dr. Bob and the Good Oldtimers; Rosary Hall's family group in 1955, before and after a wife spoke
   up, as its first members told Darrah), one card each: the year in a pill (.st) and the place (.t), the moment (.p),
   then a line from His side to Hers with Neither in the middle, and a gold mark where she stood (.mk.l, .mk.m, .mk.r).
   Both sides at once is a mark at each end, with a small Both tag by the place (.tag); Ben found a gold bar the line's
   whole length read as the whole line lit, not as both ends (November 10, 2026). The line is aria-hidden:
   the sentence under it (.pos) says the same, and a line on what she did follows (.x). Al-Anon's later rule closes the
   list (.rp-sd-end). In print the marks keep their gold and the cards go to outlines */
.rp-sd-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-sd{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.rp-sd>li{display:flex;flex-direction:column;gap:4px;padding:12px 16px 14px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-sd .h{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px}
.rp-sd .st{display:inline-block;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/24px var(--sans);letter-spacing:.02em;white-space:nowrap}
.rp-sd .t{font:700 calc(10.5px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-sd .tag{display:inline-block;height:20px;padding:0 9px;border-radius:999px;border:1.5px solid var(--gold);color:var(--ink);font:700 calc(11px*var(--ts,1))/17px var(--sans);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}
.rp-sd .p{margin:4px 0 0;font:600 calc(17px*var(--ts,1))/1.35 var(--serif);color:var(--ink)}
.rp-sd .trk{position:relative;height:calc(30px + 14px*var(--ts,1));margin:8px 10px 4px}
.rp-sd .ln{position:absolute;left:0;right:0;top:9px;height:2px;background:var(--line-2)}
.rp-sd .trk::before,.rp-sd .trk::after,.rp-sd .ln::before{content:"";position:absolute;top:4px;width:1px;height:12px;background:var(--line-2)}
.rp-sd .trk::before{left:0}
.rp-sd .trk::after{right:0}
.rp-sd .ln::before{left:50%;top:-5px}
.rp-sd .lb{position:absolute;top:24px;font:600 calc(11px*var(--ts,1))/1 var(--sans);letter-spacing:.04em;color:var(--ink-2);white-space:nowrap}
.rp-sd .lb.l{left:-2px}
.rp-sd .lb.m{left:50%;transform:translateX(-50%)}
.rp-sd .lb.r{right:-2px}
.rp-sd .mk{position:absolute;top:2px;width:16px;height:16px;border-radius:50%;box-sizing:border-box;background:var(--gold);border:3px solid var(--card);box-shadow:0 0 0 1.5px var(--gold);transform:translateX(-50%);z-index:1}
.rp-sd .mk.l{left:0}
.rp-sd .mk.m{left:50%}
.rp-sd .mk.r{left:100%}
.rp-sd .pos{margin:2px 0 0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink)}
.rp-sd .pos b{font-weight:600}
.rp-sd .x{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink-2)}
.rp-sd-end{margin:12px 0 0;padding:11px 14px;border-radius:10px;background:var(--night);color:var(--night-ink);font:400 calc(15px*var(--ts,1))/1.45 var(--sans)}
.rp-sd-end b{display:block;margin-bottom:2px;font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--gold)}
@media print{
  .rp-sd>li{background:none;border-color:#999;break-inside:avoid}
  .rp-sd .trk,.rp-sd .trk *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rp-sd .st{background:none;color:#111;border:1px solid #999}
  .rp-sd .ln,.rp-sd .trk::before,.rp-sd .trk::after,.rp-sd .ln::before{background:#BBB}
  .rp-sd .tag{border-color:#B7822A;color:#111}
  .rp-sd .mk{background:#C9A24A;border-color:#fff;box-shadow:0 0 0 1.5px #B7822A}
  .rp-sd-end{background:none;border:1px solid #999;color:#111}
  .rp-sd-end b{color:#7A5418}
}
/* December 22: who could have got in? The grounds the early groups' rules gave for turning a drinker away, as Bill W.
   sums them up in "Who Is a Member of Alcoholics Anonymous?" (August 1946), drawn as one card (.rp-ko) with a ticked box
   for each ground (.bx, aria-hidden: the words say it), then his reckoning of every rule at once as ten dots, nine of them
   struck out (.o) and one gold (.i), aria-hidden, with the sentence under them (.sum) saying the same. The night card
   (.rp-ko-end) gives how most groups stood by the essay's date. The note says plainly that it isn't a real form. In
   print the card goes to an outline and the ticks and dots keep their color */
.rp-ko-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-ko{padding:14px 16px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-ko .h{margin:0 0 10px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px}
.rp-ko .t{font:700 calc(10.5px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-ko .st{display:inline-block;height:24px;padding:0 10px;border-radius:999px;background:var(--night);color:var(--gold);font:700 calc(12.5px*var(--ts,1))/24px var(--sans);letter-spacing:.02em;white-space:nowrap}
.rp-ko-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-2)}
.rp-ko-list li{display:flex;align-items:flex-start;gap:12px;padding:9px 0;border-bottom:1px solid var(--line-2);font:500 calc(17px*var(--ts,1))/1.35 var(--serif);color:var(--ink)}
.rp-ko .bx{position:relative;flex:none;width:20px;height:20px;margin-top:1px;border:1.5px solid var(--ink-2);border-radius:3px;box-sizing:border-box}
.rp-ko .bx::after{content:"";position:absolute;left:5px;top:0;width:6px;height:12px;border:solid var(--accent);border-width:0 3px 3px 0;transform:rotate(45deg)}
.rp-ko .more{margin:8px 0 0;font:italic 400 calc(15px*var(--ts,1))/1.4 var(--serif);color:var(--ink-2)}
.rp-ko-dots{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 8px}
.rp-ko-dots span{position:relative;width:18px;height:18px;border-radius:50%;box-sizing:border-box}
.rp-ko-dots .o{border:1.5px solid var(--ink-2);opacity:.75}
.rp-ko-dots .o::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1.5px;background:var(--ink-2);transform:translateX(-50%) rotate(45deg)}
.rp-ko-dots .i{background:var(--gold);box-shadow:0 0 0 1.5px var(--gold)}
.rp-ko .sum{margin:0;font-size:calc(15.5px*var(--ts,1));line-height:1.5;color:var(--ink)}
.rp-ko .sum b{font-weight:600}
.rp-ko-end{margin:12px 0 0;padding:11px 14px;border-radius:10px;background:var(--night);color:var(--night-ink);font:400 calc(15px*var(--ts,1))/1.45 var(--sans)}
.rp-ko-end b{display:block;margin-bottom:2px;font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--gold)}
@media print{
  .rp-ko{background:none;border-color:#999;break-inside:avoid}
  .rp-ko .st{background:none;color:#111;border:1px solid #999}
  .rp-ko-list,.rp-ko-list li{border-color:#BBB}
  .rp-ko .bx,.rp-ko .bx::after,.rp-ko-dots span,.rp-ko-dots span::after{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rp-ko .bx::after{border-color:#8A4A2A}
  .rp-ko-dots .i{background:#C9A24A;box-shadow:0 0 0 1.5px #B7822A}
  .rp-ko-end{background:none;border:1px solid #999;color:#111}
  .rp-ko-end b{color:#7A5418}
}
/* December 23: three sides and a circle. AA's three legacies with each word where the 1957 Conference set it on the
   triangle of its seal: a small drawn circle and triangle (.rp-tri-fig, aria-hidden: the list says it), each word just
   outside its side, the base drawn heavier in gold for Bill W.'s "base of our triangle". Under it the three sides as a
   list (.rp-tri-list): the legacy, what it holds and when Bill spoke on it at St. Louis, then the circle's line. The
   night card (.rp-tri-end) says how long it stood on the literature. Drawn from the Conference's words, not from any
   banner or coin, and the note says so. In print the card goes to an outline and the drawing keeps its colors */
.rp-tri-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-tri{padding:14px 16px 16px;border:1px solid var(--line-2);border-radius:10px;background:var(--card)}
.rp-tri-fig{display:block;width:100%;max-width:250px;height:auto;margin:0 auto 8px}
.rp-tri-fig .c{fill:none;stroke:var(--ink-2);stroke-width:2;opacity:.8}
.rp-tri-fig .leg{fill:none;stroke:var(--accent);stroke-width:3.5;stroke-linecap:round}
.rp-tri-fig .base{fill:none;stroke:var(--gold);stroke-width:7;stroke-linecap:round}
.rp-tri-fig .w{fill:var(--ink);font:700 calc(15px*var(--ts,1)) var(--sans);letter-spacing:.16em}
.rp-tri-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--line-2)}
.rp-tri-list li{padding:10px 0;border-bottom:1px solid var(--line-2);font:400 calc(15.5px*var(--ts,1))/1.45 var(--sans);color:var(--ink)}
.rp-tri-list .s{display:block;margin-bottom:1px;font:700 calc(10.5px*var(--ts,1))/1.4 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.rp-tri-list b,.rp-tri-circle b{margin-right:3px;font:600 calc(18px*var(--ts,1))/1.3 var(--serif);color:var(--ink)}
.rp-tri-circle{margin:10px 0 0;font:400 calc(15.5px*var(--ts,1))/1.45 var(--sans);color:var(--ink)}
.rp-tri-end{margin:12px 0 0;padding:11px 14px;border-radius:10px;background:var(--night);color:var(--night-ink);font:400 calc(15px*var(--ts,1))/1.45 var(--sans)}
.rp-tri-end b{display:block;margin-bottom:2px;font:700 calc(13px*var(--ts,1))/1.3 var(--mono);color:var(--gold)}
@media print{
  .rp-tri{background:none;border-color:#999;break-inside:avoid}
  .rp-tri-list,.rp-tri-list li{border-color:#BBB}
  .rp-tri-fig .c,.rp-tri-fig .leg,.rp-tri-fig .base{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .rp-tri-fig .c{stroke:#777}
  .rp-tri-fig .leg{stroke:#8A4A2A}
  .rp-tri-fig .base{stroke:#C9A24A}
  .rp-tri-fig .w{fill:#111}
  .rp-tri-end{background:none;border:1px solid #999;color:#111}
  .rp-tri-end b{color:#7A5418}
}
/* January 2: the builder's words in AA's books, laid as a wall from the foundation up. The list is in the books' order;
   wrap-reverse puts its first stones at the bottom, and the widths alternate row by row (60/40, then 40/60) so the
   joints don't line up, as in a laid wall. Today's title is the gold-edged stone at the top. */
.rp-wall-note{margin:-4px 0 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-wall{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap-reverse;gap:6px}
.rp-wall li{flex:0 0 calc(50% - 3px);min-width:0;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;padding:10px 12px 12px;border:1px solid var(--line-2);border-radius:4px;background:var(--card);box-shadow:inset 0 -3px 0 var(--line-2)}
.rp-wall li:nth-child(4n+1),.rp-wall li:nth-child(4n+4){flex-basis:calc(58% - 3px)}
.rp-wall li:nth-child(4n+2),.rp-wall li:nth-child(4n+3){flex-basis:calc(42% - 3px)}
.rp-wall li.here{border-color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}
.rp-wall .w{font:400 calc(clamp(19px,2vw,22px)*var(--ts,1))/1.15 var(--display);color:var(--accent)}
.rp-wall .t{font:600 calc(13px*var(--ts,1))/1.3 var(--sans)}
.rp-wall .x{font-size:calc(14.5px*var(--ts,1));line-height:1.4;color:var(--ink-2)}
@media print{.rp-wall li{background:none;box-shadow:none;break-inside:avoid}}

/* threads */
.rp-threads .chips{margin:10px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}
.rp-threads .chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);font:500 calc(14px*var(--ts,1)) var(--sans);text-decoration:none}
.rp-threads .chips a:hover{border-color:var(--accent);color:var(--accent)}
.rp-threads .note{margin:8px 0 0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}

/* Try this (To open, in Chairing): the night card */
.rp-try{background:var(--night);color:var(--night-ink);border:1px solid var(--night-edge);border-radius:12px;padding:20px 22px;display:grid;gap:10px}
.rp-try .label{color:var(--gold)}
.rp-try p:last-child{margin:0;font-size:calc(clamp(19px,1.9vw,23px)*var(--ts,1));line-height:1.5}
@media (min-width:900px){.rp-try{grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:32px;padding:28px 32px;align-items:baseline}}
html[data-view="chair"] .rp-try p:last-child{font-size:calc(clamp(23px,2.6vw,30px)*(1 + (var(--ts,1) - 1)*0.8))}

.rp-dd{margin-top:-16px}
.rp-about{margin:0;padding-block:20px 4px;font:400 calc(14px*var(--ts,1))/1.6 var(--sans);color:var(--ink-2);max-width:75ch}
.rp-page .report{margin-top:8px}

/* ---------- the calendar page ---------- */
.rp-hub-open{display:grid;gap:28px;padding-block:28px 12px}
/* phones read today's card first (the shared .panel rule orders it third); from 900px the
   introduction sits on the left and the card beside it */
@media (min-width:900px){
  .rp-hub-open{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:72px;align-items:start;padding-block:44px 16px}
  .rp-hub-open .panel{grid-column:1;grid-row:1}
  .rp-hub-open .rp-today{grid-column:2;grid-row:1}
}
.rp-hub-open .panel p{margin:0}
.rp-today{display:flex;flex-direction:column;gap:8px;padding:20px 22px;border-radius:12px;background:var(--night);color:var(--night-ink);border:1px solid var(--night-edge);text-decoration:none}
.rp-today .label{color:var(--gold)}
.rp-today .t{font:400 calc(clamp(28px,3.4vw,38px)*(1 + (var(--ts,1) - 1)*0.6))/1.1 var(--display);color:var(--night-ink)}
.rp-today .x{font-size:calc(17px*var(--ts,1));line-height:1.5;color:var(--night-2)}
.rp-today a{color:var(--gold)}
a.rp-today:hover .t{color:var(--gold)}
.rp-today .go{display:inline-flex;align-items:center;gap:8px;font:600 calc(15px*var(--ts,1)) var(--sans);color:var(--gold)}

.rp-cal{padding-block:24px 8px;display:flex;flex-direction:column;gap:16px}
.rp-cal h2{margin:0;font:400 calc(clamp(30px,4vw,44px)*(1 + (var(--ts,1) - 1)*0.5))/1.08 var(--display)}
.rp-cal-tools{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center}
.rp-month{display:flex;align-items:center;gap:8px}
.rp-month .m{min-width:9.5em;text-align:center;font:600 calc(18px*var(--ts,1)) var(--sans)}
.rp-month button{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer}
.rp-month button:hover{border-color:var(--accent);color:var(--accent)}
.rp-thread{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font:500 calc(15px*var(--ts,1)) var(--sans)}
.rp-thread select{min-height:44px;max-width:100%;padding:0 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--card);color:var(--ink);font:500 calc(15px*var(--ts,1)) var(--sans)}
.rp-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:640px}
.rp-grid .wd{padding-bottom:2px;text-align:center;font:700 calc(11px*var(--ts,1))/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-grid .cd{position:relative;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:10px;border:1px solid transparent;font:500 calc(16px*var(--ts,1))/1 var(--sans);color:var(--ink-2);opacity:.55;text-decoration:none}
.rp-grid a.cd{opacity:1;color:var(--ink);background:var(--card);border-color:var(--line-2);font-weight:700}
.rp-grid a.cd:hover{border-color:var(--accent);color:var(--accent)}
.rp-grid a.cd::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent)}
.rp-grid .cd.is-today{outline:2px solid var(--gold);outline-offset:1px}
.rp-grid .cd.lit{background:var(--rp-lit);border-color:var(--gold)}
.rp-grid .cd .tick{position:absolute;top:3px;right:5px;font:700 calc(11px*var(--ts,1))/1 var(--sans);color:var(--accent)}
.rp-grid.filtering a.cd:not(.lit){opacity:.45}
.rp-key{margin:0;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}

.rp-list{padding-block:24px 8px}
.rp-list h2{margin:0 0 12px;font:400 calc(clamp(26px,3vw,34px)*(1 + (var(--ts,1) - 1)*0.7))/1.1 var(--display)}
.rp-list ol{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.rp-list li{border-bottom:1px solid var(--line)}
.rp-list li a{min-height:60px;padding-block:10px;display:grid;grid-template-columns:7.5em minmax(0,1fr) auto;gap:4px 14px;align-items:center;color:var(--ink);text-decoration:none}
.rp-list li a:hover .t{color:var(--accent)}
.rp-list .dt{font:400 calc(13px*var(--ts,1))/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}
.rp-list .t{font-size:calc(20px*var(--ts,1));line-height:1.3}
.rp-list .rd{font:600 calc(13px*var(--ts,1)) var(--sans);color:var(--ink-2)}
.rp-list li.off{display:none}
.rp-forget{margin:12px 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font:400 calc(14px*var(--ts,1))/1.5 var(--sans);color:var(--ink-2)}
.rp-forget button{min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);font:500 calc(14px*var(--ts,1)) var(--sans);cursor:pointer}
.rp-forget button:hover{border-color:var(--accent);color:var(--accent)}
.rp-forget[hidden]{display:none}

/* ---------- the October 22 lamp: the one movement ----------
   The flame and the glow around it flicker a little, slowly; never below 0.6 of full. Stilled for
   reduced motion; the drawing as the scene script writes it is the still frame. The October 25
   stove's firelight uses the same td-glow flicker, and the November 8 candle, the November 23
   spirit lamp and the December 21 lantern on the footbridge both. The January 5 city lights in the
   harbor water and the January 7 switch lamp's glow use td-glow alone. */
@keyframes rp-flicker{0%,100%{opacity:1}18%{opacity:.86}34%{opacity:.95}52%{opacity:.8}70%{opacity:.97}86%{opacity:.88}}
@keyframes rp-flame{0%,100%{transform:scale(1,1)}25%{transform:scale(.94,1.05)}50%{transform:scale(1.03,.95)}75%{transform:scale(.97,1.03)}}
.hero .td-glow{animation:rp-flicker 3.2s ease-in-out infinite}
.hero .td-flame{transform-box:fill-box;transform-origin:50% 90%;animation:rp-flame 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .td-glow,.hero .td-flame{animation:none}}

/* ---------- the October 26 sunbeam: the one movement ----------
   Dust drifts a little in the beam of sunlight, slowly, never fading below 0.35. Stilled for reduced
   motion; the drawing as the scene script writes it is the still frame. The January 1 sunbeam and
   the January 3 cone of lamplight use it too. */
@keyframes rp-mote{0%,100%{transform:translate(0,0);opacity:1}50%{transform:translate(6px,-10px);opacity:.4}}
.hero .rp-mote{animation:rp-mote 7s ease-in-out infinite}
.hero .rp-mote.m2{animation-duration:9s;animation-delay:-3s}
.hero .rp-mote.m3{animation-duration:11s;animation-delay:-6s}
@media (prefers-reduced-motion:reduce){.hero .rp-mote{animation:none}}

/* ---------- the October 24 forge: the one movement ----------
   The coals and the light they throw rise and fall a little, slowly and unevenly, never below 0.7 of
   full. The hot link on the anvil stays steady. Stilled for reduced motion; the drawing as the scene
   script writes it is the still frame. */
@keyframes rp-ember{0%,100%{opacity:1}22%{opacity:.82}40%{opacity:.94}61%{opacity:.72}78%{opacity:.9}}
.hero .t4-fire{animation:rp-ember 4.2s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .t4-fire{animation:none}}

/* ---------- the October 30 sunflowers: the one movement ----------
   The neighbor's sunflowers sway a little on their stalks, each on its own slow beat, turning about the foot
   of the stalk (hidden behind the fence). Stilled for reduced motion; the drawing as the scene script writes
   it is the still frame. */
@keyframes rp-sway{0%,100%{transform:rotate(-1.4deg)}50%{transform:rotate(1.4deg)}}
.hero .rp-sway{transform-box:fill-box;transform-origin:50% 100%;animation:rp-sway 6s ease-in-out infinite}
.hero .rp-sway.s2{animation-duration:7.5s;animation-delay:-2.5s}
.hero .rp-sway.s3{animation-duration:9s;animation-delay:-5s}
@media (prefers-reduced-motion:reduce){.hero .rp-sway{animation:none}}

/* ---------- the October 31 leaves: the one movement ----------
   A few leaves come down from the trees, turning as they fall, each on its own slow beat; they fade in at the top
   of the fall and out at the bottom, as the shared steam does. Stilled for reduced motion; the drawing as the
   scene script writes it, with the leaves hanging partway down, is the still frame. */
@keyframes rp-fall{0%{transform:translate(-8px,-70px) rotate(-40deg);opacity:0}15%{opacity:1}50%{transform:translate(10px,0) rotate(30deg)}85%{opacity:1}100%{transform:translate(-6px,70px) rotate(110deg);opacity:0}}
.hero .rp-fall{transform-box:fill-box;transform-origin:50% 50%;animation:rp-fall 9s ease-in-out infinite}
.hero .rp-fall.f2{animation-duration:11s;animation-delay:-4s}
.hero .rp-fall.f3{animation-duration:13s;animation-delay:-8s}
@media (prefers-reduced-motion:reduce){.hero .rp-fall{animation:none}}

/* ---------- the November 1 pennant: the one movement ----------
   The pennant at the masthead flaps a little in the wind, turning about its edge on the staff, on an uneven slow
   beat. Stilled for reduced motion; the drawing as the scene script writes it, streaming straight out, is the
   still frame. */
@keyframes rp-pen{0%,100%{transform:skewY(-4deg) scaleX(1)}30%{transform:skewY(3deg) scaleX(.94)}60%{transform:skewY(-1deg) scaleX(.98)}80%{transform:skewY(4deg) scaleX(.92)}}
.hero .rp-pen{transform-box:fill-box;transform-origin:0% 50%;animation:rp-pen 2.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-pen{animation:none}}

/* ---------- the November 4 clock: the one movement ----------
   The alarm clock's second hand ticks round, one step a second, a full turn a minute. Its group is centered on the
   spindle (an unpainted circle the hand's length), so fill-box puts the turn's center there. Stilled for reduced
   motion; the drawing as the scene script writes it, the hand at forty seconds, is the still frame. The November 17
   lobby clock uses the same class. */
@keyframes rp-tick{to{transform:rotate(360deg)}}
.hero .rp-tick{transform-box:fill-box;transform-origin:50% 50%;animation:rp-tick 60s steps(60,end) infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-tick{animation:none}}

/* ---------- the November 5 rain: the one movement ----------
   Drops slide down the back door's glass in two layers at different speeds. Each layer is drawn in a local square
   100 units tall standing for the glass's height, twice over, so sliding it down 100 brings it back where it began;
   the scene clips it to the glass. Stilled for reduced motion; the drawing as the scene script writes it is the still
   frame. */
@keyframes rp-rain{to{transform:translateY(100px)}}
.hero .rp-rain{animation:rp-rain 9s linear infinite}
.hero .rp-rain2{animation:rp-rain 15s linear infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-rain,.hero .rp-rain2{animation:none}}

/* ---------- the November 6 spring: the one movement ----------
   Light runs down the water falling from the pipe into the trough. It's drawn in a local square 100 units tall
   standing for the stream's height, twice over, so the November 5 rain's slide (rp-rain, down 100) brings it back
   where it began; the scene clips it to the stream. Stilled for reduced motion; the drawing as the scene script
   writes it is the still frame. */
.hero .rp-pour{animation:rp-rain 2.4s linear infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-pour{animation:none}}

/* ---------- the November 7 milkweed: the one movement ----------
   The seeds already loose drift up and away to the right on the wind, each on its own slow beat; they fade in at the
   start of the drift and out at the end, as the October 31 leaves do. Stilled for reduced motion; the drawing as the
   scene script writes it, with the seeds hanging in the air, is the still frame. */
@keyframes rp-drift{0%{transform:translate(-46px,26px);opacity:0}18%{opacity:1}82%{opacity:1}100%{transform:translate(54px,-30px);opacity:0}}
.hero .rp-drift{animation:rp-drift 11s ease-in-out infinite}
.hero .rp-drift.d2{animation-duration:13s;animation-delay:-4.5s}
.hero .rp-drift.d3{animation-duration:15s;animation-delay:-9s}
@media (prefers-reduced-motion:reduce){.hero .rp-drift{animation:none}}

/* ---------- the November 9 sunlight: the one movement ----------
   The sun on the cellar floor, the light in the air and its warmth on the wall dim a little and come back, slowly, as if
   a cloud crossed the sun; never below 0.72. Stilled for reduced motion; the drawing as the scene script writes it is
   the still frame, in full sun. */
@keyframes rp-cloud{0%,100%{opacity:1}40%{opacity:1}60%{opacity:.72}80%{opacity:.9}}
.hero .rp-cloud{animation:rp-cloud 11s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-cloud{animation:none}}

/* ---------- the November 10 geese: the one movement ----------
   The flock flies slowly across the window from right to left, behind the sashes, and goes out of sight at the
   left as it comes back in at the right. The scene clips it to the glass from outside this group, so the clip
   stays put while the group moves. It starts halfway through its pass, where the scene script draws it. Stilled for
   reduced motion; the drawing as the script writes it, with the flock in the upper sash, is the still frame. */
@keyframes rp-geese{from{transform:translateX(452px)}to{transform:translateX(-272px)}}
.hero .rp-geese{animation:rp-geese 36s linear -22.5s infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-geese{animation:none}}

/* ---------- the November 13 lighthouse: the one movement ----------
   The light turns: the beam out over the water (rp-lh-a) swells and fades over eight seconds as the lens goes round,
   and the glow round the lantern (rp-lh-g) swells twice as often. Nothing drops below 0.35. Without this stylesheet
   the beam is at its brightest, as drawn */
@keyframes rp-lh-a{0%,100%{opacity:1}50%{opacity:.35}}
@keyframes rp-lh-g{0%,100%{opacity:.6}50%{opacity:1}}
.hero .rp-lh-a{animation:rp-lh-a 8s ease-in-out infinite}
.hero .rp-lh-g{animation:rp-lh-g 4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-lh-a,.hero .rp-lh-g{animation:none}}

/* ---------- the November 14 compass: the one movement ----------
   The compass needle sways slowly a few degrees either side of where it's drawn, as a needle does while it settles.
   Its group is centered on the pivot (an unpainted circle the needle's length), so fill-box puts the turn there, and
   the scene draws it inside the face's own transform, so it turns in the plane of the face. Stilled for reduced
   motion; the drawing as the scene script writes it is the still frame. */
@keyframes rp-needle{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
.hero .rp-needle{transform-box:fill-box;transform-origin:50% 50%;animation:rp-needle 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-needle{animation:none}}
/* ---------- the November 15 curtain: the one movement ----------
   The curtain at the left of the window sways on its rod, its hem swinging slowly into the room and back as the
   breeze comes and goes. Its group is boxed by an unpainted rectangle centered on the top of the panel and wider than
   its lifted hem, so fill-box puts the turn there, at the rod. Stilled for reduced motion; the drawing as the scene script writes it, the hem
   lifted a little, is the still frame. */
@keyframes rp-curtain{0%,100%{transform:rotate(0deg)}45%{transform:rotate(-3deg)}70%{transform:rotate(-1.4deg)}}
.hero .rp-curtain{transform-box:fill-box;transform-origin:50% 0;animation:rp-curtain 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-curtain{animation:none}}
/* ---------- the November 16 pool: the one movement ----------
   The glints in the patches of sun on the water come and go: two sets of short bright flecks, each fading to 0.35
   and back over four seconds, half a cycle apart, so the light seems to move on the ripples. Stilled for reduced
   motion; the drawing as the scene script writes it, every glint showing, is the still frame. */
@keyframes rp-glint{0%,100%{opacity:.95}50%{opacity:.35}}
.hero .rp-glint{animation:rp-glint 4s ease-in-out infinite}
.hero .rp-glint-b{animation-delay:-2s}
@media (prefers-reduced-motion:reduce){.hero .rp-glint{animation:none}}
/* ---------- the November 18 trapeze: the one movement ----------
   The trapeze over the net swings a little on its ropes, as if someone had just let go of it, slowing as it goes.
   Its group is boxed by an unpainted rectangle centered on the ropes, from where they hang out of the frame down to
   the bar, so fill-box puts the turn at the top of the ropes. Stilled for reduced motion; the drawing as the scene
   script writes it, hanging straight, is the still frame. The December 3 key ring uses the same class, boxed the same
   way from its hook down past its keys, and so does the December 20 bird feeder, from its hook down past its tray, and
   the December 23 dinner triangle and its striker, each from its hook down past the iron. */
@keyframes rp-swing{0%,100%{transform:rotate(-1.8deg)}50%{transform:rotate(1.8deg)}}
.hero .rp-swing{transform-box:fill-box;transform-origin:50% 0;animation:rp-swing 5s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-swing{animation:none}}
/* ---------- the November 19 wheel: the one movement ----------
   The upside-down bicycle's back wheel spins free, a full turn every seven seconds: its spokes, valve and reflector
   turn round the hub. Its group is centered on the hub by an unpainted circle the rim's size, so fill-box puts the
   turn there; it uses the November 4 clock's keyframes, smoothly instead of in steps. Stilled for reduced motion; the
   drawing as the scene script writes it is the still frame. */
.hero .rp-spin{transform-box:fill-box;transform-origin:50% 50%;animation:rp-tick 7s linear infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-spin{animation:none}}
/* ---------- the November 20 windmill: the one movement ----------
   The windmill's wheel turns in the wind, a full turn every twelve seconds: its sails, rings and arms go round the
   hub. The wheel faces the viewer, so it's a true circle on the screen and turning it there is turning it in the
   world. Its group is centered on the hub by an unpainted circle the wheel's size, so fill-box puts the turn there;
   it uses the November 4 clock's keyframes, smoothly. Stilled for reduced motion; the drawing as the scene script
   writes it is the still frame. */
.hero .rp-mill{transform-box:fill-box;transform-origin:50% 50%;animation:rp-tick 12s linear infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-mill{animation:none}}
/* ---------- the November 21 votives: the one movement ----------
   Each lit votive's flame flickers a little, slowly, with the October 22 lamp's keyframes (rp-flame), and the light
   round them with its td-glow. d1 to d3 give the flames their own lengths and starting points, so the stand doesn't
   pulse as one; the candle that has only just caught flickers with the rest. Stilled for reduced motion (td-glow is
   stilled with the October 22 lamp); the drawing as the scene script writes it is the still frame. */
.hero .rp-vflame{transform-box:fill-box;transform-origin:50% 90%;animation:rp-flame 2.4s ease-in-out infinite}
.hero .rp-vflame.d1{animation-duration:2.9s;animation-delay:-.8s}
.hero .rp-vflame.d2{animation-duration:2.1s;animation-delay:-1.3s}
.hero .rp-vflame.d3{animation-duration:3.3s;animation-delay:-.4s}
@media (prefers-reduced-motion:reduce){.hero .rp-vflame{animation:none}}
/* ---------- the November 22 leaves: the one movement ----------
   The shadows of the leaves in the patch of low sun on the hall wall stir a little, as a tree outside would in a
   light wind: each group drifts a few pixels and back, on its own slow beat. The patch clips them from a group
   outside the moving ones, so the light itself stays put. Stilled for reduced motion; the drawing as the scene
   script writes it is the still frame. */
@keyframes rp-dapple{0%,100%{transform:translate(0,0) rotate(0deg)}35%{transform:translate(5px,-2px) rotate(.6deg)}70%{transform:translate(-3px,2px) rotate(-.4deg)}}
.hero .rp-dapple{transform-box:fill-box;transform-origin:20% 10%;animation:rp-dapple 7s ease-in-out infinite}
.hero .rp-dapple.d2{animation-duration:9.5s;animation-delay:-3s}
@media (prefers-reduced-motion:reduce){.hero .rp-dapple{animation:none}}
/* ---------- the November 25 snow: the one movement ----------
   Snow falls past the library window in two layers, the near flakes faster than the far ones. Each layer is drawn as
   a pattern 200 units tall, repeated from above the frame to below the sill, so sliding it down 200 brings it back
   where it began; the scene clips it to the glass. Stilled for reduced motion; the drawing as the scene script writes
   it is the still frame. */
@keyframes rp-snow{to{transform:translateY(200px)}}
.hero .rp-snow{animation:rp-snow 16s linear infinite}
.hero .rp-snow2{animation:rp-snow 27s linear infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-snow,.hero .rp-snow2{animation:none}}
/* ---------- the November 28 snow: the one movement ----------
   Snow comes down over the whole scene in two layers (rp-flurry, not November 25's rp-snow), the nearer flakes larger. Each layer is
   drawn in a local field 100 units tall standing for the drawing's height, twice over, so the November 5 rain's
   slide (rp-rain, down 100) brings it back where it began. Slow: the near layer takes 30 seconds to fall the height
   of the picture. Stilled for reduced motion; the drawing as the scene script writes it is the still frame. */
.hero .rp-flurry{animation:rp-rain 30s linear infinite}
.hero .rp-flurry2{animation:rp-rain 46s linear infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-flurry,.hero .rp-flurry2{animation:none}}
/* ---------- the November 29 school-zone lights: the one movement ----------
   The pair of amber lights over the school-zone sign flash by turns: each holds bright for most of a second, then
   dims to 0.38 while the other is lit, a full round every 2.4 seconds (each light changes about once a second, well
   under three a second). Without this stylesheet the left light is lit and the right one dim, as the scene script
   writes them. Stilled for reduced motion. */
@keyframes rp-beacon{0%,42%{opacity:1}50%,92%{opacity:.38}100%{opacity:1}}
.hero .rp-beacon{animation:rp-beacon 2.4s ease-in-out infinite}
.hero .rp-beacon.b2{animation-delay:-1.2s}
@media (prefers-reduced-motion:reduce){.hero .rp-beacon{animation:none}}
/* ---------- the December 1 mist: the one movement ----------
   The mist lying in the valleys on both sides of the ridge drifts slowly back and forth, in two banks that move
   against each other at different speeds (rp-mist and rp-mist2), 22 and 31 seconds a round. Transform only; the
   banks are soft and wider than they move, so no edge shows. Without this stylesheet the mist lies as the scene
   script writes it. Stilled for reduced motion. */
@keyframes rp-mist{0%,100%{transform:translateX(-22px)}50%{transform:translateX(22px)}}
.hero .rp-mist{animation:rp-mist 22s ease-in-out infinite}
.hero .rp-mist2{animation:rp-mist 31s ease-in-out infinite reverse}
@media (prefers-reduced-motion:reduce){.hero .rp-mist,.hero .rp-mist2{animation:none}}
/* ---------- the December 2 clouds: the one movement ----------
   The last rain clouds in the window drift slowly off to the right and back, 36 seconds a round. Transform only; the
   scene clips them to the glass from outside the moving group, and the clouds are wider than they move, so no edge
   shows. Without this stylesheet the clouds stand as the scene script writes them. Stilled for reduced motion.
   The January 6 window over the fells uses it too. */
@keyframes rp-clouds{0%,100%{transform:translateX(-18px)}50%{transform:translateX(30px)}}
.hero .rp-clouds{animation:rp-clouds 36s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-clouds{animation:none}}
/* ---------- the December 5 print: the one movement ----------
   The picture on the print in the developer tray comes up: from faint (0.38) it fills in over five and a half
   seconds, holds, then fades back for the next sheet, ten seconds a round. Opacity only; the paper under it stays as
   it is. Without this stylesheet the picture is fully up, as the scene script writes it. Stilled for reduced motion. */
@keyframes rp-develop{0%{opacity:.38}55%,85%{opacity:1}100%{opacity:.38}}
.hero .rp-develop{animation:rp-develop 10s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-develop{animation:none}}
/* ---------- the December 6 plumb line: the one movement ----------
   The plumb line and its bob sway the least bit, as a line does before it settles over the chalk. The group is boxed
   by an unpainted rectangle centered on the line, from its tack, far above the frame, down past the bob, so fill-box
   puts the turn at the tack. The line is about 1,600 units long, so a quarter of a degree either way moves the bob
   about seven units: not the November 18 trapeze's rp-swing, which would carry it half a hand's width. Six seconds a
   round. Stilled for reduced motion; the drawing as the scene script writes it, hanging true, is the still frame. */
@keyframes rp-plumb{0%,100%{transform:rotate(-.25deg)}50%{transform:rotate(.25deg)}}
.hero .rp-plumb{transform-box:fill-box;transform-origin:50% 0;animation:rp-plumb 6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-plumb{animation:none}}
/* ---------- the December 8 starter: the one movement ----------
   A few of the bubbles on the starter in the crock swell and settle, slowly and out of step, as a live starter does
   on a warm morning. Each bubble is a group (rp-d8-bub, with b0, b1 or b2 for its place in the round) boxed by its
   own dome, so fill-box swells it from its middle. They never go below 0.55 opacity, so none goes out. Three and a
   half seconds a round. Stilled for reduced motion; the drawing as the scene script writes it, every bubble full, is
   the still frame. */
@keyframes rp-bub{0%,100%{transform:scale(.72);opacity:.55}55%{transform:scale(1.06);opacity:1}}
.hero .rp-d8-bub{transform-box:fill-box;transform-origin:50% 50%;animation:rp-bub 3.5s ease-in-out infinite}
.hero .rp-d8-bub.b1{animation-delay:-1.2s}
.hero .rp-d8-bub.b2{animation-delay:-2.4s}
@media (prefers-reduced-motion:reduce){.hero .rp-d8-bub{animation:none}}
/* ---------- the December 10 surf: the one movement ----------
   The foam of the three nearest waves (rp-surf, with s2 and s3 farther out) and the wash on the sand (s4) roll toward
   the beach a few pixels and back, each on its own slow beat of six to nine seconds, and never fade below 0.75. Stilled
   for reduced motion; the drawing as the scene script writes it, the foam where it lies, is the still frame. */
@keyframes rp-surf{0%,100%{transform:translateY(-2px);opacity:.75}50%{transform:translateY(3px);opacity:1}}
.hero .rp-surf{animation:rp-surf 6s ease-in-out infinite}
.hero .rp-surf.s2{animation-duration:7.4s;animation-delay:-2.4s}
.hero .rp-surf.s3{animation-duration:8.6s;animation-delay:-4.1s}
.hero .rp-surf.s4{animation-delay:-1.2s}
@media (prefers-reduced-motion:reduce){.hero .rp-surf{animation:none}}
/* ---------- the December 11 bough: the one movement ----------
   The persimmon's great bowed limb, with its shoots and fruit, sways the least bit, as a loaded bough does in a light
   wind. The group is boxed by an unpainted rectangle whose left edge runs through the fork and whose middle is level
   with it, so fill-box puts the turn at the fork. The limb runs about 750 units out, so four tenths of a degree either
   way moves its tip about five units. Seven seconds a round. Stilled for reduced motion; the drawing as the scene
   script writes it is the still frame. */
@keyframes rp-bough{0%,100%{transform:rotate(-.4deg)}50%{transform:rotate(.4deg)}}
.hero .rp-d11-bough{transform-box:fill-box;transform-origin:0 50%;animation:rp-bough 7s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-d11-bough{animation:none}}
/* ---------- the December 14 hazard lamps: the one movement ----------
   The cream car's battery is flat, so its hazards are on: the amber lamp at its front corner, the side marker beside it
   and their glow fade down and back up together, a round every 1.6 seconds, never below a third of full. Stilled for
   reduced motion; the drawing as the scene script writes it, with the lamps lit, is the still frame. */
@keyframes rp-haz{0%,100%{opacity:1}50%{opacity:.35}}
.hero .rp-d14-haz{animation:rp-haz 1.6s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-d14-haz{animation:none}}
/* ---------- the December 18 balance wheel: the one movement ----------
   The watch is running: its balance wheel rocks to and fro on its staff, a swing each way every 1.2 seconds, the rim,
   arms and timing screws turning together. The wheel's group sits inside the works' own matrix, so it turns in the plane
   of the works, in perspective; the hairspring and the cock over it stay still. Stilled for reduced motion; the drawing
   as the scene script writes it is the still frame. Its keyframes have a name of their own: a second rp-swing here
   replaced the November 18 trapeze's everywhere (fixed November 10, 2026, with December 20's feeder). */
@keyframes rp-d18-bal{0%{transform:rotate(-38deg)}100%{transform:rotate(38deg)}}
.hero .rp-d18-bal{transform-box:fill-box;transform-origin:center;animation:rp-d18-bal 1.2s ease-in-out infinite alternate}
@media (prefers-reduced-motion:reduce){.hero .rp-d18-bal{animation:none}}
/* ---------- printing: what's showing, as the filter chose it ----------
   All prints every part; Asks, Behind the words and Chairing print only their parts, as on screen,
   Chairing in its large type with To open first (October 27, 2026, with the Print button; before
   that, every part printed whatever the filter). The threads never print, and the reading card
   gives aa.org's address for the day in place of its button. */
/* ---------- the December 28 pendulum: the one movement ----------
   The wall clock's pendulum (rod and bob, behind the glass of its case) swings about the top of its rod. The group is
   boxed by an unpainted rectangle centered on the rod, so fill-box puts the turn at the pivot. Five degrees each way:
   rp-swing's 1.8 would move the bob about two units, too little to see on a phone. Stilled for reduced motion. */
@keyframes rp-d28-pend{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}
.hero .rp-d28-pend{transform-box:fill-box;transform-origin:50% 0;animation:rp-d28-pend 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-d28-pend{animation:none}}

@media print{
  .rp-views,.rp-awake,.rp-reading .btn,.rp-threads,.rp-cal-tools,.rp-forget,.rp-cal-link,.rp-app{display:none!important}
  .rp-reading .rp-src{display:none}
  .rp-reading .rp-src-print{display:block}
  .rp-body{display:block}
  .rp-body>*+*{margin-top:18pt}
  /* Chairing keeps its order on paper: To open first. Each theme stays whole with its asks (the
     shared li rule), so in Chairing's large type the first theme often starts on page 2 */
  html[data-view="chair"] .rp-body{display:grid;grid-template-columns:minmax(0,1fr);row-gap:18pt}
  html[data-view="chair"] .rp-body>*+*{margin-top:0}
  .rp-try{break-inside:avoid}
  .rp-behind{padding:0;border:0;background:none}
  .rp-behind .bw{display:block}
  .rp-behind .bw>*+*{margin-top:12pt}
  .rp-ask li{background:none;border-color:#BBB}
  .rp-try{grid-template-columns:none}
  .rp-path .yr{background:none;color:#111;border:1px solid #999}
  .rp-wide .bar{background:none;border-color:#999}
  .rp-wide .yr{color:#111}
  .rp-tell .yr{background:none;color:#111;border:1px solid #999}
  .rp-dots .b,.rp-key .k2::before{background:#E6D2A0}
  .rp-mot .yr{background:none;color:#111;border:1px solid #999}
  .rp-two .yr,.rp-two-key .yr{background:none;color:#111;border:1px solid #999}
  .rp-signs li,.rp-signs li.new,.rp-signs li.is-title{background:none;color:#111}
  .rp-signs li.new{border-width:2px}
  .rp-cnt .yr{background:none;color:#111;border:1px solid #999}
  .rp-cnt .b-you .fill{background:#8A4A2A}
  .rp-cnt .b-we .fill{background:#C9A24A}
  .rp-steps .n{background:none;color:#111;border:1px solid #999}
  .rp-clk .yr{background:none;color:#111;border:1px solid #999}
  .rp-clk>li{break-inside:avoid}
  .rp-who .yr{background:none;color:#111;border:1px solid #999}
  .rp-who>li{break-inside:avoid}
  .rp-wl-card .yr{background:none;color:#111;border:1px solid #999}
  .rp-wl-card{break-inside:avoid}
  .rp-lg .yr{background:none;color:#111;border:1px solid #999}
  .rp-lg>li{break-inside:avoid}
  .rp-behind .bw-feature{break-inside:avoid}
}