/* Blog page: the "Prayer wheel" (owner's choice, 12 Nov 2026). A wooden drum with brass bands (the site's own
   table-wood and inlay colours) carries the story cards. The page's list of stories stays under it. See prayer-wheel.js. */
@media(min-width:900px){
 #eb-app [data-page=blog].has-prayer-wheel:not([hidden]){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,390px);grid-template-rows:auto auto 1fr;column-gap:56px;align-items:start}
 #eb-app [data-page=blog].has-prayer-wheel>.eyebrow{grid-column:1;grid-row:1}
 #eb-app [data-page=blog].has-prayer-wheel>h1{grid-column:1;grid-row:2}
 #eb-app [data-page=blog].has-prayer-wheel>.stories{grid-column:1;grid-row:3}
 #eb-app [data-page=blog].has-prayer-wheel>#prayer-wheel{grid-column:2;grid-row:1 / span 3;margin:0}
}
#prayer-wheel{position:relative;width:100%;max-width:390px;min-width:0;margin:8px auto 0;color:var(--text-primary);font-family:var(--font-body)}
#prayer-wheel .pw-head{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font:700 12px/1.4 system-ui,sans-serif;letter-spacing:.14em}
#prayer-wheel .pw-count{white-space:nowrap}
#prayer-wheel .pw-stage{position:relative;isolation:isolate;height:440px;margin-top:8px;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}
#prayer-wheel .pw-stage:active{cursor:grabbing}
#prayer-wheel .pw-axle{position:absolute;z-index:0;left:10px;right:10px;top:calc(50% - 7px);height:14px;border-radius:7px;background:var(--wood-dark)}
#prayer-wheel .pw-cap{position:absolute;z-index:0;top:calc(50% - 14px);width:14px;height:28px;border-radius:5px;background:var(--inlay)}
#prayer-wheel .pw-cap--l{left:3px}
#prayer-wheel .pw-cap--r{right:3px}
#prayer-wheel .pw-drum{position:absolute;z-index:0;left:0;right:0;top:26px;bottom:26px;margin:0 auto;width:min(306px,calc(100% - 44px));border-radius:16px;background:linear-gradient(90deg,var(--wood-dark),var(--wood) 24%,var(--wood) 76%,var(--wood-dark));box-shadow:inset 0 9px 0 var(--inlay),inset 0 -9px 0 var(--inlay)}
#prayer-wheel .pw-ring{position:absolute;inset:0}
#prayer-wheel .pw-card{position:absolute;left:0;right:0;top:calc(50% - 95px);margin:0 auto;width:min(318px,calc(100% - 28px));height:190px;box-sizing:border-box;padding:14px 16px 10px;display:flex;gap:12px;overflow:hidden;background:var(--bg-raised);border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 24px #1a20302e;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none;transition:transform .9s cubic-bezier(.22,.8,.24,1)}
#prayer-wheel .pw-card.is-front{pointer-events:auto}
#prayer-wheel .pw-corner{flex:none;width:26px;display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:2px}
#prayer-wheel .pw-rank{font:800 22px/1 system-ui,sans-serif;color:var(--text-primary)}
#prayer-wheel .pw-suit{width:16px;height:16px;fill:var(--text-primary)}
#prayer-wheel .is-red .pw-rank{color:var(--accent-crimson)}
#prayer-wheel .is-red .pw-suit{fill:var(--accent-crimson)}
#prayer-wheel .pw-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}
#prayer-wheel .pw-kind{font:600 12px/1.3 system-ui,sans-serif;color:var(--text-muted)}
#prayer-wheel .pw-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:3px;font-size:19px;line-height:1.2;font-weight:800;letter-spacing:-.01em}
#prayer-wheel .pw-detail{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:5px;font-size:13.5px;line-height:1.4;color:var(--text-muted)}
#prayer-wheel .pw-card.is-long .pw-title{-webkit-line-clamp:3}
#prayer-wheel .pw-card.is-long .pw-detail{-webkit-line-clamp:1}
#prayer-wheel .pw-open{margin-top:auto;align-self:flex-start;display:inline-flex;align-items:center;min-height:48px;font-size:14px;font-weight:700;color:var(--accent-crimson);text-decoration:none}
#prayer-wheel .pw-shade{position:absolute;inset:0;background:#1a2030;opacity:0;pointer-events:none;transition:opacity .9s ease}
#prayer-wheel .pw-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}
#prayer-wheel .pw-hint{font-size:14px;line-height:1.4;color:var(--text-muted)}
#eb-app #prayer-wheel .pw-pause{flex:none;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0;box-sizing:border-box;background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 6px #1a203014;cursor:pointer}
#prayer-wheel .pw-pause svg{width:18px;height:18px}
#prayer-wheel .pw-pick{display:block;margin:12px 0 6px;font-size:14px;line-height:1.3}
#prayer-wheel select{display:block;width:100%;height:52px;margin:0;padding:0 14px;box-sizing:border-box;background:var(--bg-raised);color:var(--text-primary);border:1px solid var(--line);border-radius:12px;box-shadow:0 2px 6px #1a203014;font:inherit;font-size:17px}
#eb-app #prayer-wheel .pw-open:focus-visible{outline:3px solid var(--accent-gold);outline-offset:3px;border-radius:6px}
#eb-app #prayer-wheel .pw-pause:focus-visible,#eb-app #prayer-wheel select:focus-visible{outline:3px solid var(--accent-gold);outline-offset:2px}
@media(prefers-reduced-motion:reduce){#prayer-wheel .pw-card,#prayer-wheel .pw-shade{transition:none}}
#eb-app.quiet #prayer-wheel .pw-card,#eb-app.quiet #prayer-wheel .pw-shade{transition-duration:.01s}