:root{
  --bg1:#F1F4FB; --bg2:#D9E0F1; --ink:#16214D; --ink-soft:#56608A;
  --gold:#A97B1E; --gold-hi:#E6C673; --on-gold:#FFF9EA; --rose:#B0435C;
  --bead:#BCC6E0; --bead-hi:#F4F6FC; --chain:rgba(22,33,77,.26);
  --card:rgba(255,255,255,.62); --sheet:#F6F8FD; --line:rgba(22,33,77,.13);
  --halo:#C9566F;
  --stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cpath d='M20 14l1.3 4.7 4.7 1.3-4.7 1.3L20 26l-1.3-4.7L14 20l4.7-1.3z' fill='%232B3D8A' fill-opacity='.10'/%3E%3Cpath d='M66 58l.8 2.7 2.7.8-2.7.8L66 65l-.8-2.7-2.7-.8 2.7-.8z' fill='%232B3D8A' fill-opacity='.10'/%3E%3C/svg%3E");
  --fs:19px;
  color-scheme:light;
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --bg1:#1C2D6B; --bg2:#070E30; --ink:#EFE9DA; --ink-soft:#A7AECD;
    --gold:#D9B45A; --gold-hi:#F7E5A8; --on-gold:#0E1A45; --rose:#EDA6B3;
    --bead:#2E4180; --bead-hi:#7183BD; --chain:rgba(217,180,90,.34);
    --card:rgba(8,15,48,.58); --sheet:#0E1A45; --line:rgba(239,233,218,.13);
    --halo:#F2B6C0;
    --stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cpath d='M20 14l1.3 4.7 4.7 1.3-4.7 1.3L20 26l-1.3-4.7L14 20l4.7-1.3z' fill='%23D9B45A' fill-opacity='.22'/%3E%3Cpath d='M66 58l.8 2.7 2.7.8-2.7.8L66 65l-.8-2.7-2.7-.8 2.7-.8z' fill='%23D9B45A' fill-opacity='.18'/%3E%3C/svg%3E");
    color-scheme:dark;
  }
}
:root[data-theme="dark"]{
  --bg1:#1C2D6B; --bg2:#070E30; --ink:#EFE9DA; --ink-soft:#A7AECD;
  --gold:#D9B45A; --gold-hi:#F7E5A8; --on-gold:#0E1A45; --rose:#EDA6B3;
  --bead:#2E4180; --bead-hi:#7183BD; --chain:rgba(217,180,90,.34);
  --card:rgba(8,15,48,.58); --sheet:#0E1A45; --line:rgba(239,233,218,.13);
  --halo:#F2B6C0;
  --stars:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90'%3E%3Cpath d='M20 14l1.3 4.7 4.7 1.3-4.7 1.3L20 26l-1.3-4.7L14 20l4.7-1.3z' fill='%23D9B45A' fill-opacity='.22'/%3E%3Cpath d='M66 58l.8 2.7 2.7.8-2.7.8L66 65l-.8-2.7-2.7-.8 2.7-.8z' fill='%23D9B45A' fill-opacity='.18'/%3E%3C/svg%3E");
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box}
html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}
body{
  height:100%;margin:0;overflow:hidden;
  background:var(--stars), radial-gradient(130% 75% at 50% 0%, var(--bg1), var(--bg2) 75%);
  background-color:var(--bg2);
  color:var(--ink);
  font-family:"EB Garamond","Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
}
button{font:inherit;color:inherit;cursor:pointer}
button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
a{color:var(--gold)}

.app{height:100%;max-width:560px;margin:0 auto;display:flex;flex-direction:column}
.views{flex:1 1 auto;min-height:0;position:relative}
.view{position:absolute;inset:0;display:none;flex-direction:column;padding:0 14px}
.view.on{display:flex}

/* tab bar */
.tabs{flex:none;display:grid;grid-template-columns:repeat(3,1fr) 62px;border-top:1px solid var(--line);padding:4px 8px 2px}
.tab{background:none;border:0;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:14.5px;color:var(--ink-soft);border-radius:14px}
.tab svg{width:24px;height:24px}
.tab[aria-selected="true"]{color:var(--gold)}
.tab[aria-selected="true"] .tl{font-weight:600}

/* shared header */
.top{flex:none;display:flex;align-items:center;justify-content:space-between;padding:8px 2px 0;gap:10px}
.set-btn{background:none;border:0;padding:6px 4px;text-align:left;display:flex;flex-direction:column;border-radius:12px}
.set-btn .name{font-size:23px;font-style:italic;line-height:1.1;display:flex;align-items:center;gap:6px}
.set-btn .days{font-size:14.5px;color:var(--ink-soft);margin-top:2px}
.icon-btn{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;display:grid;place-items:center;position:relative}
.icon-btn:disabled{opacity:.3;cursor:default}
.badge{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;border-radius:10px;background:var(--rose);color:var(--bg2);font-size:13px;font-weight:600;display:grid;place-items:center;padding:0 5px}
.badge:empty{display:none}

/* rosary */
.stage{flex:none;height:min(46%,420px);min-height:190px;padding:4px 0 8px;cursor:pointer}
.stage svg{display:block;width:100%;height:100%;overflow:visible}
.chain{fill:none;stroke:var(--chain);stroke-width:1}
.bead{fill:url(#gTodo)}
.bead.done{fill:url(#gDone)}
.bead.cur{fill:url(#gCur)}
.bead.just{animation:pop .45s ease-out;transform-box:fill-box;transform-origin:center}
@keyframes pop{0%{transform:scale(1.6)}100%{transform:scale(1)}}
.cross-shape{fill:url(#gTodo)}
.cross-shape.done{fill:url(#gDone)}
.medal{fill:url(#gDone);stroke:var(--gold-hi);stroke-width:.6}
.halo{transition:transform .38s cubic-bezier(.3,.7,.2,1)}
.halo .glow{fill:url(#gHalo)}
.halo .ring{fill:none;stroke:var(--halo);stroke-width:1.2;transform-box:fill-box;transform-origin:center;animation:breathe 2.6s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.9}50%{transform:scale(1.35);opacity:.25}}
.c-small{fill:var(--ink-soft);font-size:10.5px;text-anchor:middle;letter-spacing:.02em}
.c-title{fill:var(--ink);font-size:17px;font-style:italic;text-anchor:middle}
.c-count{fill:var(--rose);font-size:12px;font-style:italic;text-anchor:middle}
.card{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;
  background:var(--card);border:1px solid var(--line);border-radius:22px;
  padding:16px 20px 20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
.card.fresh{animation:fresh .25s ease-out}
@keyframes fresh{from{opacity:.35}to{opacity:1}}
.rubric{margin:0;color:var(--rose);font-style:italic;font-size:16.5px}
.ptitle{margin:2px 0 10px;font-size:29px;font-weight:500;line-height:1.12}
.ptext{margin:0;font-size:var(--fs);line-height:1.58;max-width:34em;text-wrap:pretty}
.ptext .vr{display:block;margin-top:.6em}
.ptext .vr b{color:var(--rose);font-weight:500;font-style:italic;margin-right:.3em}
.meta{margin:14px 0 0;display:flex;flex-direction:column;gap:2px;font-size:16px;color:var(--ink-soft)}
.meta i{color:var(--ink)}
.hidden-words{color:var(--ink-soft);font-style:italic;font-size:17px;margin:0}
.controls{flex:none;display:flex;gap:12px;padding:10px 0}
.back{flex:none;width:58px;height:58px;border-radius:50%;border:1px solid var(--line);background:var(--card);display:grid;place-items:center}
.back:disabled{opacity:.35;cursor:default}
.next{flex:1;height:58px;border:0;border-radius:29px;background:var(--gold);color:var(--on-gold);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 6px 18px -8px var(--gold);
  display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 18px;line-height:1.15;min-width:0}
.next:active{transform:scale(.985)}
.next-main{font-size:20px;font-weight:600}
.next-sub{font-size:14.5px;font-style:italic;opacity:.85;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

/* mass */
.scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:18px}
.datenav{display:flex;align-items:center;gap:8px;padding:8px 0 4px}
.datenav .when{flex:1;text-align:center;background:none;border:0;padding:4px;border-radius:12px}
.when .d1{display:block;font-size:20px;font-weight:500}
.when .d2{display:block;font-size:14.5px;color:var(--ink-soft)}
.when .d2.today{color:var(--rose);font-style:italic}
.seg{flex:none;display:grid;grid-template-columns:1fr 1fr;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:3px;margin:6px 0 10px}
.seg button{border:0;background:transparent;height:40px;border-radius:11px;font-size:17px}
.seg button[aria-pressed="true"]{background:var(--gold);color:var(--on-gold);font-weight:600}
.lit-head{text-align:center;padding:6px 6px 14px}
.lit-title{font-size:25px;font-style:italic;line-height:1.18;margin:0 0 8px;text-wrap:balance;font-weight:400}
.lit-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px;font-size:15.5px;color:var(--ink-soft)}
.swatch{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:6px;vertical-align:0;border:1px solid var(--line)}
.obl{color:var(--rose);font-style:italic}
.block{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:16px 18px 18px;margin-bottom:12px}
.block.intro{border-color:var(--gold)}
.blabel{margin:0;color:var(--rose);font-style:italic;font-size:16.5px}
.bcite{margin:0 0 6px;font-size:23px;font-weight:500;line-height:1.2}
.about{margin:0 0 12px;font-size:15.5px;color:var(--ink-soft);font-style:italic;line-height:1.45}
.rtext{margin:0;font-size:var(--fs);line-height:1.6;text-wrap:pretty}
.rtext sup{font-size:.6em;color:var(--gold);margin:0 .15em 0 .1em;font-weight:600}
.psalm-note{margin:0;font-size:16.5px;color:var(--ink-soft);line-height:1.5}
.intro h2{margin:0 0 6px;font-size:21px;font-weight:500}
.intro p{margin:0 0 8px;font-size:17.5px;line-height:1.55}
.intro p:last-child{margin-bottom:0}
.listen{color:var(--ink-soft)}
.listen i{color:var(--ink)}
.foot{font-size:14.5px;color:var(--ink-soft);line-height:1.5;padding:4px 6px 10px;text-align:center}
.empty{text-align:center;padding:30px 10px;color:var(--ink-soft);font-size:17px;line-height:1.55}
.oom h2{font-size:22px;font-weight:500;margin:18px 4px 8px}
.oom h2:first-child{margin-top:4px}
.part{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 4px;border-bottom:1px solid var(--line)}
.part:last-child{border-bottom:0}
.part h3{margin:0;font-size:19px;font-weight:500}
.part .pos{font-size:14.5px;color:var(--gold);font-style:italic;align-self:start;padding-top:3px}
.part p{grid-column:1 / -1;margin:2px 0 0;font-size:17px;line-height:1.5;color:var(--ink)}
.part .tag{grid-column:1 / -1;font-size:14.5px;color:var(--rose);font-style:italic;margin-top:4px}
.part.off h3,.part.off p{color:var(--ink-soft)}
.part.off h3{text-decoration:line-through;text-decoration-thickness:1px}

/* booklets */

.bk-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:10px 2px 4px}
.bk-head h1{margin:0;font-size:28px;font-weight:500;font-style:italic;line-height:1.1}
.bk-head p{margin:2px 0 0;font-size:15px;color:var(--ink-soft)}
.btn-pill{flex:none;height:40px;padding:0 16px;border-radius:20px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:16px;font-weight:600}
.seg.n3{grid-template-columns:repeat(3,1fr)}
.seg.n4{grid-template-columns:repeat(4,1fr)}
.seg.n4 button,.seg.n3 button{font-size:15.5px;padding:0 4px}
.seg button:disabled{opacity:.35;cursor:default}
.pick-label{margin:8px 4px 0;font-size:13.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}
.bk-date{padding:2px 0 0}
.draft-note{margin:4px 4px 0;font-size:15px;color:var(--rose);font-style:italic;line-height:1.4}
.pv-meta{display:flex;justify-content:space-between;gap:10px;margin:12px 4px 8px;font-size:15px;color:var(--ink-soft)}
.pv{display:flex;flex-direction:column;align-items:center;gap:16px;padding:4px 0 6px}
.pv-wrap{position:relative;box-shadow:0 14px 30px -18px rgba(0,0,0,.65),0 2px 6px rgba(0,0,0,.18);border-radius:2px;overflow:hidden;max-width:100%}
.pv-wrap .pg{transform-origin:0 0;position:absolute;top:0;left:0}
.pv-spread{display:flex;gap:2px;max-width:100%}
.pv-num{font-size:13.5px;color:var(--ink-soft);margin-top:-8px}
.pv-loading{padding:40px 10px;color:var(--ink-soft);font-style:italic}
.bk-actions{display:flex;gap:10px;padding:10px 0 4px}
.bk-actions button{flex:1;height:50px;border-radius:25px;font-size:17px}
.bk-note{font-size:14.5px;color:var(--ink-soft);text-align:center;margin:4px 6px 14px;line-height:1.45}

/* order sheet */
.plan-opts{display:grid;gap:10px}
.opt{border:1px solid var(--line);border-radius:16px;background:transparent;text-align:left;padding:12px 14px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;align-items:baseline}
.opt[aria-pressed="true"]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.opt .n{font-size:19px;font-style:italic}
.opt .p{font-size:17px;color:var(--gold);font-variant-numeric:tabular-nums}
.opt .d{grid-column:1 / -1;font-size:14.5px;color:var(--ink-soft);line-height:1.4}
.osum{margin:14px 0 0;padding:12px 14px;border:1px solid var(--line);border-radius:16px;font-size:16px;line-height:1.5}
.osum div{display:flex;justify-content:space-between;gap:12px}
.osum .k{color:var(--ink-soft)}
.osum .cut{color:var(--rose);font-style:italic}
.placeholder{font-size:13.5px;color:var(--ink-soft);font-style:italic;margin:8px 2px 0}
.done-box{border:1px dashed var(--rose);border-radius:16px;padding:14px 16px;font-size:16px;line-height:1.55}
.done-box h3{margin:0 0 6px;font-size:20px;font-weight:500}
.done-box ol{margin:8px 0 0;padding-left:20px}
.sel{width:100%;height:46px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:17px;padding:0 10px}
.sel option{color:#16214D}
.flabel{display:block;font-size:14.5px;color:var(--ink-soft);margin:12px 2px 4px}



/* sheets */
dialog.sheet{border:1px solid var(--line);border-bottom:0;padding:0;margin:auto auto 0;width:100%;max-width:560px;max-height:90%;
  border-radius:24px 24px 0 0;background:var(--sheet);color:var(--ink);overflow:auto}
dialog.sheet::backdrop{background:rgba(5,10,35,.5)}
dialog.sheet[open]{animation:rise .28s ease-out}
@keyframes rise{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.sheet-in{padding:10px 20px calc(20px + env(safe-area-inset-bottom,0px))}
.grip{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 10px}
.sheet h2{font-size:22px;font-weight:500;margin:6px 0 8px}
.sets{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.set-opt{border:1px solid var(--line);border-radius:16px;background:transparent;text-align:left;padding:12px 14px;min-height:74px}
.set-opt .n{display:block;font-size:19px;font-style:italic}
.set-opt .d{display:block;font-size:14px;color:var(--ink-soft)}
.set-opt .t{display:block;font-size:14px;color:var(--rose);font-style:italic}
.set-opt[aria-pressed="true"],.size-opt[aria-pressed="true"]{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
.row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.row .l{font-size:18px}
.row .s{display:block;font-size:14px;color:var(--ink-soft)}
.switch{flex:none;width:54px;height:32px;border-radius:16px;border:1px solid var(--line);background:var(--bead);position:relative;padding:0}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:24px;height:24px;border-radius:50%;background:var(--bead-hi);transition:transform .2s}
.switch[aria-checked="true"]{background:var(--gold)}
.switch[aria-checked="true"]::after{transform:translateX(22px);background:var(--on-gold)}
.stepper{display:flex;align-items:center;gap:6px}
.stepper button{width:42px;height:38px;border-radius:12px;border:1px solid var(--line);background:transparent;font-size:17px}
.stepper span{min-width:28px;text-align:center;color:var(--ink-soft)}
.sheet-actions{display:flex;gap:10px;margin-top:16px}
.sheet-actions button{flex:1;height:52px;border-radius:26px;font-size:18px}
.btn-quiet{border:1px solid var(--line);background:transparent}
.btn-gold{border:0;background:var(--gold);color:var(--on-gold);font-weight:600}
.btn-gold:disabled{opacity:.45;cursor:default}
.toast{position:fixed;left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);opacity:0;
  background:var(--sheet);border:1px solid var(--line);color:var(--ink);padding:10px 16px;border-radius:14px;font-size:16px;
  transition:opacity .25s, transform .25s;pointer-events:none;max-width:calc(100% - 40px);text-align:center;z-index:5}
.toast.show{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion: reduce){
  .halo,.halo .ring,.bead.just,.card.fresh,dialog.sheet[open]{animation:none;transition:none}
}

.mail-p{margin:6px 2px 12px;font-size:17px;line-height:1.5}
.opt .d{grid-column:1 / -1}
.about-link{display:block;text-align:center;font-size:14.5px;color:var(--ink-soft);margin:2px 0 16px}

/* print: only the imposed sheets */
#printArea{display:none}
@media print{
  html,body{height:auto;overflow:visible;background:#fff!important}
  :root{padding:0}
  .app,dialog,.toast{display:none!important}
  #printArea{display:block}
  #printArea .sheet{width:1056px;height:816px;display:flex;break-after:page;page-break-after:always}
  #printArea .sheet1{width:816px;height:1056px;break-after:page;page-break-after:always}
}

/* reviewer preview */
.preview-bar{position:fixed;top:0;left:0;right:0;z-index:20;padding:calc(4px + env(safe-area-inset-top,0px)) 12px 4px;background:var(--rose);color:var(--bg2);font-size:14px;text-align:center;line-height:1.3}
.is-preview .app{padding-top:26px}
@media print{.preview-bar{display:none}}

.settings-tab .tl{font-size:13px}
.es-readings p{margin:0 0 10px}
.es-readings a{color:var(--gold)}
.en-toggle{height:40px;padding:0 16px;border-radius:20px;font-size:16px}
.linkish{background:none;border:0;padding:0;color:var(--gold);font:inherit;text-decoration:underline;cursor:pointer}
.about-link a{color:var(--ink-soft)}
.sheet h3.sub{font-size:18px;font-weight:500;margin:14px 0 4px}
.help{margin:0 0 8px;padding-left:20px;font-size:17px;line-height:1.5}
.help li{margin:0 0 6px}
.help a,.opt a,.charities a{color:var(--gold)}
.charities{list-style:none;padding:0;margin:0}
.charities li{padding:8px 0;border-bottom:1px solid var(--line);font-size:17px}
.charities li span{display:block;font-size:14.5px;color:var(--ink-soft)}
.small-note{font-size:14px;color:var(--ink-soft);margin:10px 0 0}
.print-links{display:grid;gap:8px;margin-top:12px}
.plink{display:flex;align-items:center;justify-content:center;min-height:46px;border-radius:23px;text-decoration:none;color:var(--ink);font-size:16.5px;text-align:center;padding:6px 14px}

.printers{list-style:none;padding:0;margin:0}
.printers li{padding:10px 0;border-bottom:1px solid var(--line);font-size:17px}
.printers a{color:var(--gold);font-weight:600}
.printers .pt{font-size:14.5px;color:var(--ink-soft);margin-left:4px}
.printers .pd{display:block;font-size:15px;line-height:1.45;margin-top:2px}
.plink small{display:block;font-size:13px;color:var(--ink-soft)}

.listen-btn{float:right;margin:-2px -4px 0 8px;height:34px;padding:0 12px;border-radius:17px;border:1px solid var(--line);background:transparent;font-size:15px;color:var(--gold)}
.listen-all{display:block;width:100%;height:44px;margin:0 0 12px;border-radius:22px;border:1px solid var(--gold);background:transparent;color:var(--gold);font-size:17px;font-weight:600}
.listen-btn[data-on],.listen-all[data-on]{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.switch:disabled{opacity:.4;cursor:default}

/* Mass: reading cards turn over to show an explanation */
.flip{display:block;margin-bottom:12px;perspective:1600px;cursor:pointer;border-radius:20px;outline:none}
.flip:focus-visible{box-shadow:0 0 0 3px var(--gold)}
.flip-inner{display:grid;transition:transform .45s ease;transform-style:preserve-3d}
.flip .face{grid-area:1 / 1;margin-bottom:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.flip .face-back{transform:rotateY(180deg)}
.flip.turned .flip-inner{transform:rotateY(180deg)}
.flip .face.hide{visibility:hidden;height:0;overflow:hidden;padding-top:0;padding-bottom:0;border-width:0}
.flip-hint{margin:10px 0 0;font-size:14px;color:var(--ink-soft);text-align:right}
.ed-switch{display:flex;gap:6px;margin:0 0 12px}
.ed-opt{flex:1;height:36px;border-radius:18px;border:1px solid var(--line);background:transparent;color:var(--ink);font-size:15px}
.ed-opt[aria-pressed="true"]{background:var(--gold);color:var(--on-gold);border-color:var(--gold)}
.back-text{margin:8px 0 0;font-size:17px;line-height:1.5}
.back-extra{margin:10px 0 0;font-size:16px;line-height:1.45;color:var(--ink-soft)}
@media (prefers-reduced-motion: reduce){ .flip-inner{transition:none} }
.voice-note{margin:-6px 0 14px;text-align:center;font-size:13px;color:var(--ink-soft)}

/* Mass: the edition switch (Readings, Plain, Kids, Family) and the guide editions */
.mass-ed{margin:0 0 12px}
.mass-ed .pick-label{margin:0 4px 4px}
.seg.ed-seg{margin:0}
.seg.ed-seg button{height:48px;font-size:16.5px}
.seg.ed-seg button.waiting{opacity:.5;border:1px dashed var(--ink-soft);cursor:default}
.ed-note{margin:6px 4px 0;font-size:15px;color:var(--rose);font-style:italic;line-height:1.4}
.guide-head .guide-stamp{display:inline-block;margin:0 0 8px;padding:2px 8px;border:1.5px solid var(--rose);border-radius:4px;color:var(--rose);font:700 12px/1.4 "Alegreya Sans","Gill Sans",Calibri,sans-serif;letter-spacing:.1em;text-transform:uppercase}
.guide-head .guide-ed{margin:0;color:var(--rose);font:700 13px/1.4 "Alegreya Sans","Gill Sans",Calibri,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.guide-head h2{margin:2px 0 8px;font-size:25px;font-style:italic;line-height:1.15;text-wrap:balance}
.guide-note{margin:10px 0 0;font-size:14px;color:var(--ink-soft);line-height:1.4}
.guide-head .guide-note{margin:10px 0 0;font-size:14px}
.pw{margin:8px 0 14px;padding:8px 12px 10px;border-left:3px solid var(--gold);border-radius:0 12px 12px 0;background:var(--line);
  font-family:"Alegreya Sans","Gill Sans",Calibri,sans-serif;font-size:calc(var(--fs) - 1px);line-height:1.5;text-wrap:pretty}
.pw-l{display:block;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:2px}
.guide-end h2{margin:0 0 6px;font-size:21px;font-weight:500;font-style:italic;color:var(--rose)}
.guide-end h2:not(:first-child){margin-top:16px}
.guide-end h3{margin:14px 0 4px;font:700 13px/1.4 "Alegreya Sans","Gill Sans",Calibri,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.guide-end h2+h3{margin-top:4px}
.guide-end p{margin:0;font-size:17.5px;line-height:1.55}
.guide-end p b{font-style:italic;font-weight:500;font-size:1.1em}
.guide-end ol{margin:0;padding-left:22px;font-size:17.5px;line-height:1.5}
.guide-end li{margin:0 0 6px}
.flip.now .flip-inner{transition:none}