/* Cork board prayer wall: shared by faithchapeloh.org/prayer/ and the prayer.faithchapeloh.org site */
.pb{--pb-ink:#1c0f2e;--pb-purple:#2d1650;--pb-cream:#f6f1fb;--pb-gold:#e3c47e;--pb-hand:"Caveat","Segoe Print","Bradley Hand",cursive;--pb-sans:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;--pb-serif:"Cormorant Garamond",Georgia,serif;
 position:relative;border-radius:18px;padding:clamp(14px,3.5vw,34px);color:#2a1d14;font-family:var(--pb-sans);
 background-color:#b98a5c;
 background-image:
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .30 0 0 0 0 .17 0 0 0 0 .06 0 0 0 2.1 -.78'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='l'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='2' seed='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .96 0 0 0 0 .80 0 0 0 0 .58 0 0 0 2.4 -1.25'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23l)'/%3E%3C/svg%3E"),
  radial-gradient(40% 30% at 20% 30%,rgba(214,170,120,.45),transparent 70%),radial-gradient(35% 28% at 78% 62%,rgba(120,80,40,.25),transparent 70%),radial-gradient(30% 25% at 45% 85%,rgba(214,170,120,.35),transparent 70%),
  radial-gradient(120% 90% at 50% 0%,#cf9f6c 0%,#b2814f 55%,#94653b 100%);
 box-shadow:inset 0 0 0 10px #5b3b22,inset 0 0 0 12px #3d2615,inset 0 0 28px 14px rgba(40,20,5,.45),0 18px 40px rgba(28,15,46,.28)}
.pb *{box-sizing:border-box}
.pb-paper{position:relative;margin:clamp(6px,1.6vw,14px) auto clamp(24px,4vw,40px);max-width:640px;background:#fbf8f1;border-radius:4px;padding:30px clamp(18px,4vw,34px) 22px;text-align:center;transform:rotate(-.8deg);box-shadow:0 1px 1px rgba(0,0,0,.15),0 10px 22px rgba(40,20,5,.35)}
.pb-paper::before,.pb-paper::after{content:"";position:absolute;top:-10px;width:86px;height:24px;background:rgba(246,241,251,.58);box-shadow:0 1px 3px rgba(0,0,0,.12)}
.pb-paper::before{left:8%;transform:rotate(-6deg)}.pb-paper::after{right:8%;transform:rotate(5deg)}
.pb-title{font:700 clamp(2.6rem,11vw,4.2rem)/.95 var(--pb-hand);color:var(--pb-purple);margin:0 0 6px;letter-spacing:.005em}
.pb-sub{font:600 .74rem/1.3 var(--pb-sans);letter-spacing:.16em;text-transform:uppercase;color:#86662a;margin:0 0 12px}
.pb-note{font-size:1rem;line-height:1.55;color:#3a2e45;margin:0 auto 18px;max-width:46ch}
.pb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--pb-purple);color:var(--pb-cream);font:600 1rem/1 var(--pb-sans);text-decoration:none;box-shadow:0 6px 16px rgba(45,22,80,.3);transition:transform .2s,background .2s;max-width:100%}
.pb-btn:hover{background:#3a1f66;transform:translateY(-1px)}.pb-btn svg{width:18px;height:18px;flex:none}
.pb-fine{font-size:.82rem;color:#6a5b55;margin:14px 0 0}
.pb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(26px,4vw,40px) clamp(18px,3vw,34px);align-items:start;padding:8px clamp(4px,1.5vw,12px) 14px}
.pb-card{position:relative;background:#fffdf7;border-radius:3px;padding:30px 20px 16px;transform:rotate(var(--r,0deg));box-shadow:0 1px 1px rgba(0,0,0,.12),0 8px 18px rgba(40,20,5,.32);transition:transform .25s ease,box-shadow .25s ease;min-width:0}
.pb-card:hover{transform:rotate(0deg) translateY(-2px);box-shadow:0 2px 2px rgba(0,0,0,.12),0 14px 26px rgba(40,20,5,.38)}
.pb-card.c1{background:#fffdf7;background-image:linear-gradient(transparent 0 22px,rgba(214,120,120,.55) 22px 23.5px,transparent 23.5px)}
.pb-card.c2{background:#fff6c9}.pb-card.c3{background:#f1e9fb}.pb-card.c4{background:#e9f3ef}
.pb-pin{position:absolute;top:-9px;left:50%;width:22px;height:22px;margin-left:-11px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff9 0 3px,transparent 4px),radial-gradient(circle at 50% 50%,var(--pin,#6b3fb0) 0 62%,#00000033 64%);box-shadow:0 4px 5px rgba(0,0,0,.35),2px 7px 6px -2px rgba(40,20,5,.35)}
.pb-card.p2 .pb-pin{--pin:#c9a24f}.pb-card.p3 .pb-pin{--pin:#b8423c}.pb-card.p4 .pb-pin{--pin:#2f6f8f}
.pb-text{font-size:1.04rem;line-height:1.55;color:#2a2230;margin:0 0 14px;overflow-wrap:anywhere;white-space:pre-line}
.pb-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px}
.pb-name{font:600 1.35rem/1.1 var(--pb-hand);color:var(--pb-purple);min-width:0;overflow-wrap:anywhere}
.pb-name small{display:block;font:500 .74rem/1.3 var(--pb-sans);color:#7a6c75;margin-top:2px}
.pb-prayed{display:inline-flex;align-items:center;gap:7px;min-height:44px;padding:0 15px;border-radius:999px;border:1.5px solid var(--pb-purple);background:transparent;color:var(--pb-purple);font:600 .88rem/1 var(--pb-sans);cursor:pointer;transition:background .2s,color .2s,transform .2s;-webkit-tap-highlight-color:transparent}
.pb-prayed:hover{background:rgba(45,22,80,.08)}.pb-prayed:active{transform:scale(.96)}
.pb-prayed.on{background:var(--pb-purple);color:var(--pb-cream)}
.pb-prayed svg{width:16px;height:16px;flex:none}
.pb-ribbon{display:inline-block;margin:0 0 10px;background:#b8423c;color:#fff;font:700 .64rem/1 var(--pb-sans);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;border-radius:3px}
.pb-sample-banner{max-width:640px;margin:-18px auto 26px;background:#b8423c;color:#fff;text-align:center;font:600 .85rem/1.35 var(--pb-sans);padding:9px 14px;border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.25)}
.pb-empty::before,.pb-empty::after{display:none}
.pb-empty{max-width:440px;margin:4px auto 10px;text-align:center;background:#fff6c9;transform:rotate(1.2deg);padding:34px 24px 24px}
.pb-empty h3{font:700 2rem/1 var(--pb-hand);color:var(--pb-purple);margin:0 0 10px}
.pb-empty p{margin:0 0 16px;line-height:1.55;color:#3a2e45}
@media (max-width:560px){.pb{border-radius:12px;box-shadow:inset 0 0 0 7px #5b3b22,inset 0 0 0 8px #3d2615,inset 0 0 22px 10px rgba(40,20,5,.45),0 12px 30px rgba(28,15,46,.25)}.pb-grid{grid-template-columns:1fr;padding-inline:6px}.pb-card{padding:28px 18px 14px}}
@media (prefers-reduced-motion:reduce){.pb-card,.pb-btn,.pb-prayed{transition:none}.pb-card:hover{transform:rotate(var(--r,0deg))}}

.pb-act{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;min-width:0;justify-content:flex-end}
.pb-tally{font:600 .82rem/1.2 var(--pb-sans);color:#5c4a38;white-space:nowrap}
.pb-praise{box-shadow:inset 0 0 0 10px #6a4a1e,inset 0 0 0 13px #c6a35a,inset 0 0 28px 14px rgba(40,20,5,.4),0 18px 40px rgba(28,15,46,.28)}
.pb-praise .pb-title{color:#6a3f00;text-shadow:0 1px 0 rgba(255,236,180,.35)}
.pb-praise .pb-paper{background:#fff8e6}
.pb-praise .pb-btn{background:#7a4e12;box-shadow:0 6px 16px rgba(80,40,8,.28)}
.pb-praise .pb-btn:hover{background:#5c3a0c}
.pb-praise .pb-name{color:#6a3f00}
.pb-praise .pb-prayed{border-color:#7a4e12;color:#7a4e12}
.pb-praise .pb-prayed:hover{background:rgba(122,78,18,.1)}
.pb-praise .pb-prayed.on{background:#7a4e12;color:#fffdf7}
.pb-praise .pb-empty{background:#fff1c2}
.pb-cross{text-align:center;margin:18px 0 0;font-size:.95rem}
@media (max-width:560px){.pb-praise{box-shadow:inset 0 0 0 7px #6a4a1e,inset 0 0 0 9px #c6a35a,inset 0 0 22px 10px rgba(40,20,5,.4),0 12px 30px rgba(28,15,46,.25)}.pb-act{justify-content:flex-start}}