/* From Dust to Glory · the day pages (day/<n>/) and the plan page (plan/), loaded after shared/site.css.
   Ported from One Drunk to Another's today/today.css (A Daily Reprieve), October 2026. Chairing became
   Key takeaway; the reading card holds the day's passages with links out and Mark as read; You are here
   is new. Everything is prefixed rp-, as on ODTA. */

:root{--rp-ask:#7A5B14;--rp-ask-bg:#F9F7F2;--rp-lit:#E9D7A6}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--rp-ask:#E2BC62;--rp-ask-bg:#2E2620;--rp-lit:#6E5521}}
:root[data-theme="dark"]{--rp-ask:#E2BC62;--rp-ask-bg:#2E2620;--rp-lit:#6E5521}

/* header: the plan 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 14px 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 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 14.5px var(--sans);cursor:pointer}
@media (min-width:600px){.rp-views button{padding:0 16px;font-size:15px}}
.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 14px/1.5 var(--sans);color:var(--ink-2)}
.rp-awake[hidden]{display:none}

/* the parts of a day, in the order All shows them; Key takeaway shows the takeaway alone */
.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-here{order:3}.rp-threads{order:4}.rp-keyw{order:5}.rp-notesw{order:6}.rp-dd{order:7}
html[data-view="asks"] .rp-behind,html[data-view="asks"] .rp-here,html[data-view="asks"] .rp-threads,html[data-view="asks"] .rp-dd,html[data-view="asks"] .rp-notesw{display:none}
html[data-view="behind"] .rp-asks,html[data-view="behind"] .rp-threads,html[data-view="behind"] .rp-keyw,html[data-view="behind"] .rp-notesw{display:none}
/* Key takeaway: the takeaway alone, at the top, large */
html[data-view="key"] .rp-asks,html[data-view="key"] .rp-behind,html[data-view="key"] .rp-here,html[data-view="key"] .rp-threads,
html[data-view="key"] .rp-dd,html[data-view="key"] .rp-notesw,html[data-view="key"] figure.hero{display:none}
html[data-view="key"] .rp-keyw{order:0}
html[data-view="key"] .rp-key p:last-child{font-size:clamp(24px,2.8vw,32px)}

/* 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:700 clamp(24px,2.8vw,32px)/1.15 var(--display)}
.rp-theme .gist{margin:0;font-size:clamp(18px,1.6vw,20px);line-height:1.5}
.rp-ask{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.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:19px;line-height:1.45;font-style:italic}
.rp-ask li::before{content:"Ask";position:absolute;left:12px;top:14px;font:700 10px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--rp-ask);font-style:normal;writing-mode:vertical-rl;transform:rotate(180deg)}

/* 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:700 clamp(28px,3.6vw,42px)/1.1 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:clamp(18px,1.6vw,20px);line-height:1.55}
.rp-behind .rp-more{font:400 15px/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}
}

/* 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 14px 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 14px/1.5 var(--sans);color:var(--ink-2)}

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

/* ---------- new on From Dust to Glory ---------- */

/* where the day sits: a thin bar, gold up to today */
.rp-progress{display:flex;flex-direction:column;gap:8px;max-width:640px}
.rp-progress .h{display:flex;justify-content:space-between;gap:12px;font:600 12px/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}
.rp-progress .bar{height:6px;border-radius:999px;background:var(--track);overflow:hidden}
.rp-progress .bar span{display:block;height:100%;min-width:6px;border-radius:999px;background:var(--gold)}

/* the reading card: the day's passages, each with a link out, the translation, Mark as read */
.rp-reading{display:flex;flex-direction:column;gap:0;padding:18px 20px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);max-width:760px}
.rp-reading>.label{margin-bottom:8px}
.rp-psg{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.rp-psg .t{margin:0;font-weight:700;font-size:19px;line-height:1.3}
.rp-psg .s{margin:2px 0 0;font:400 13px/1.4 var(--sans);color:var(--ink-2)}
.rp-psg .read{flex-shrink:0;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font:600 14px var(--sans);text-decoration:none}
.rp-psg .read:hover{background:var(--accent);color:var(--paper)}
.rp-psg.group .t{font-size:17px}
.rp-tr{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:14px}
.rp-tr .label{margin-right:4px}
.rp-tr button{min-height:40px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:transparent;color:var(--ink);font:600 13px var(--sans);cursor:pointer}
.rp-tr button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--paper)}
.rp-video{margin:14px 0 0;font:400 14px/1.5 var(--sans);color:var(--ink-2)}
.rp-done{margin-top:16px;width:100%;min-height:48px;border:0;border-radius:999px;background:var(--gold);color:#22231F;font:700 15px var(--sans);letter-spacing:.02em;cursor:pointer}
.rp-done[aria-pressed="true"]{background:transparent;border:1px solid var(--gold);color:var(--ink)}
.rp-done[aria-pressed="true"]::before{content:"\2713\00a0"}
@media (min-width:900px){.rp-done{width:auto;padding:0 28px;align-self:flex-start}}

/* Key takeaway: the one line, on gold */
.rp-key{padding:18px 20px;border:1px solid var(--gold);border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,var(--card));display:grid;gap:8px;max-width:760px}
.rp-key .label{color:var(--gold-ink)}
.rp-key p:last-child{margin:0;font-size:clamp(19px,1.9vw,23px);line-height:1.5}

/* You are here: the plan's eras as one strip, today's era in gold, and the places named today */
.rp-here{display:grid;gap:16px;max-width:760px}
.rp-strip{display:flex;gap:2px;height:14px;margin-top:4px}
.rp-strip span{flex:var(--d) 1 0;min-width:3px;border-radius:3px;background:var(--line-2)}
.rp-strip span.now{background:var(--gold)}
.rp-strip-ends{display:flex;justify-content:space-between;font:400 12px/1.4 var(--sans);color:var(--ink-2)}
.rp-here .x{margin:0;font:400 16px/1.5 var(--sans)}
.rp-map{margin:0;border:1px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--map-land)}
.rp-map svg{display:block;width:100%;height:auto}
.rp-map figcaption{padding:10px 14px 14px;font:400 13px/1.5 var(--sans);color:var(--ink-2)}

/* Day 1: two tellings, side by side, row by row */
.rp-two-note{margin:-4px 0 12px;font:400 14px/1.5 var(--sans);color:var(--ink-2)}
.rp-two{margin:0;padding:16px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);font:400 15px/1.45 var(--sans)}
.rp-two .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.rp-two .row:last-child{border-bottom:0}
.rp-two .hd{font-weight:700;border-bottom:2px solid var(--gold)}
.rp-two .k{grid-column:1 / -1;margin-bottom:-4px;font:700 11px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}

/* My notes: shown, locked, until sign-in arrives */
.rp-notes{padding:18px 20px;border:1px dashed var(--line-2);border-radius:12px;display:grid;gap:8px;max-width:760px}
.rp-notes .x{margin:0;font:400 14px/1.5 var(--sans);color:var(--ink-2)}
.rp-notes textarea{width:100%;min-height:84px;padding:10px 12px;border:1px solid var(--line-2);border-radius:10px;background:var(--card);color:var(--ink);font:400 16px/1.5 var(--serif);resize:vertical}

/* the next and previous days */
.rp-pager{display:grid;gap:10px;padding-block:18px 8px}
@media (min-width:700px){.rp-pager{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rp-pager a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid var(--line-2);border-radius:12px;background:var(--card);color:var(--ink);text-decoration:none}
.rp-pager a:hover .t{color:var(--accent)}
.rp-pager .k{font:700 12px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2)}
.rp-pager .t{font-size:18px;font-weight:700}
.rp-pager .next{text-align:right}
@media (max-width:699px){.rp-pager .next{order:-1;text-align:left}}

/* ---------- the plan page ---------- */
.pl-open{display:grid;gap:24px;padding-block:28px 12px}
@media (min-width:900px){.pl-open{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:72px;align-items:start;padding-block:44px 16px}}
.pl-open .panel p{margin:0}
.pl-cont{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}
.pl-cont .label{color:var(--gold)}
.pl-cont .t{font:700 clamp(26px,3.2vw,34px)/1.12 var(--display);color:var(--night-ink)}
.pl-cont .x{font-size:17px;line-height:1.5;color:var(--night-2)}
.pl-cont .go{display:inline-flex;align-items:center;gap:8px;font:600 15px var(--sans);color:var(--gold)}
a.pl-cont:hover .t{color:var(--gold)}
.pl-sum{display:flex;flex-direction:column;gap:8px}
.pl-era{padding-block:22px 4px}
.pl-era h2{margin:0 0 4px;font:700 clamp(24px,3vw,32px)/1.12 var(--display)}
.pl-era .span{margin:0 0 10px;font:400 13px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--gold-ink)}
.pl-days{margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.pl-days li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:4px 12px;align-items:center;min-height:56px;padding-block:8px;border-bottom:1px solid var(--line)}
.pl-days .n{font:700 15px/1 var(--mono);color:var(--ink-2);text-align:right}
.pl-days .r{font:400 16px/1.4 var(--sans)}
.pl-days .r a{color:var(--ink);font-weight:600;text-decoration:none}
.pl-days .r a:hover{color:var(--accent)}
.pl-days .p{display:block;font:400 13px/1.4 var(--sans);color:var(--ink-2)}
.pl-days .ttl{display:block;font:italic 400 16px/1.35 var(--serif);color:var(--ink-2)}
.pl-days input{width:22px;height:22px;accent-color:var(--gold);cursor:pointer}
.pl-days li.read .n{color:var(--gold-ink)}
.pl-days li.next{background:color-mix(in srgb,var(--gold) 14%,var(--paper));border-radius:8px}
.pl-thread{margin-top:24px;padding:16px 20px;border:1px solid var(--gold);border-radius:12px;background:color-mix(in srgb,var(--gold) 12%,var(--card));display:grid;gap:4px}
.pl-thread .t{margin:0;font:700 24px/1.2 var(--display)}
.pl-thread .x{margin:0;font:400 15px/1.5 var(--sans);color:var(--ink-2)}
.pl-thread a{font:600 15px var(--sans)}
.pl-forget{margin:16px 0 0;font:400 14px/1.5 var(--sans);color:var(--ink-2)}
.pl-forget button{min-height:40px;margin-left:8px;padding:0 14px;border:1px solid var(--line-2);border-radius:999px;background:var(--card);color:var(--ink);font:500 14px var(--sans);cursor:pointer}

/* ---------- the Day 1 hero: light on the water, the one movement ---------- */
@keyframes rp-shimmer{0%,100%{opacity:1}50%{opacity:.45}}
.hero .rp-sh{animation:rp-shimmer 5s ease-in-out infinite}
.hero .rp-sh.s2{animation-delay:-1.7s}
.hero .rp-sh.s3{animation-delay:-3.4s}
@media (prefers-reduced-motion:reduce){.hero .rp-sh{animation:none}}

/* ---------- the Day 2 rain: the one movement ----------
   one tile of rain repeated over the sky, moving down by exactly one tile (64 units) so it loops */
@keyframes rp-rain{from{transform:translateY(0)}to{transform:translateY(64px)}}
.hero .rp-rain{animation:rp-rain 1.1s linear infinite}
@media (prefers-reduced-motion:reduce){.hero .rp-rain{animation:none}}

/* ---------- printing: every part, whatever the filter ---------- */
@media print{
  .rp-views,.rp-tr,.rp-done,.rp-psg .read,.rp-threads,.rp-notes,.rp-pager,.rp-cal-link{display:none!important}
  html[data-view] .rp-asks,html[data-view] .rp-behind,html[data-view] .rp-here,html[data-view] .rp-keyw,html[data-view] .rp-dd,html[data-view] .room-head .dek{display:block!important}
  .rp-body{display:block}
  .rp-body>*+*{margin-top:18pt}
  .rp-behind{padding:0;border:0;background:none}
  .rp-behind .bw{display:block}
  .rp-ask li{background:none;border-color:#BBB}
  .rp-key{background:none}
}