/* Reabilitica v1.7.6 — journal + thanks + donor UI. No CMS schema changes. */
/* Journal: never squeeze summaries into date columns. */
.rb176-updates .page-intro{max-width:880px}
.rb176-updates .page-intro p{max-width:850px;line-height:1.65}
.rb176-timeline{margin:26px 0 0;padding:0!important;list-style:none;display:grid;gap:14px;max-width:1120px}
.rb176-timeline-item{margin:0;padding:0;min-width:0;list-style:none}
.rb176-updates .rb176-update-card{display:grid!important;grid-template-columns:minmax(155px,195px) minmax(0,1fr)!important;gap:clamp(18px,3vw,36px);align-items:start;padding:clamp(18px,2.3vw,28px);border:1px solid #dbe9e7;border-radius:20px;background:#fff;min-width:0;box-shadow:0 7px 24px rgba(25,79,75,.035)}
.rb176-update-date{min-width:0;display:flex;flex-direction:column;gap:8px;padding-top:3px}
.rb176-update-date>span{font-size:11px;text-transform:uppercase;letter-spacing:.085em;color:#5c8581;font-weight:800}
.rb176-update-date time{display:block;font-size:16px;line-height:1.4;color:#135f60;font-weight:800;overflow-wrap:anywhere}
.rb176-update-body{min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:normal}
.rb176-update-body h2{font-size:clamp(19px,2vw,25px);line-height:1.27;letter-spacing:-.02em;margin:0 0 12px;color:#183e40}
.rb176-update-body p{font-size:15px;line-height:1.75;white-space:normal;margin:0 0 15px;color:#435f61;overflow-wrap:anywhere}
.rb176-update-meta{font-size:12px;color:#366963;line-height:1.6;margin-top:10px}
.rb176-date-warning{color:#865e27}
.rb176-update-basis{font-size:12px;line-height:1.6;color:#68817c;overflow-wrap:anywhere;margin-top:10px}
.rb176-updates-note,.rb176-updates-empty{max-width:1000px;padding:16px 18px;font-size:13px;line-height:1.6;background:#f2f8f6;border-radius:13px;color:#587471;margin-top:20px}
@media(max-width:690px){.rb176-updates .rb176-update-card{grid-template-columns:1fr!important;gap:14px;padding:18px}.rb176-update-date{padding-bottom:12px;border-bottom:1px solid #e2eeeb}.rb176-update-body h2{font-size:20px}}
/* Heart: vector shape instead of platform black emoji; animated on accepted event. */
.rb176-heart-holder{display:inline-grid;place-items:center;flex:none;color:#d83b4d!important;width:42px;height:42px;border-radius:50%;background:#fff0f2!important;line-height:0}
.rb176-heart-icon{display:block;width:22px;height:22px;fill:none;color:#d83b4d!important;transform-origin:center}
.page-thanks-button .rb176-heart-holder{grid-row:1 / 3;width:42px;height:42px;background:#ffe8ed!important;box-shadow:0 0 0 1px rgba(216,59,77,.1) inset}
.page-thanks-button:disabled .rb176-heart-holder,.page-thanks-button.is-liked .rb176-heart-holder{background:#ffe0e6!important;color:#d12642!important}
.page-thanks-button:disabled{opacity:1!important}
.page-thanks-button .rb176-heart-icon,.page-thanks-button:disabled .rb176-heart-icon{color:#ce2c43!important}
.thanks-button .rb176-heart-holder{width:42px;height:42px}
.footer-thanks-plus .rb176-heart-holder{width:35px;height:35px;background:#fff1f3!important}
.footer-thanks-plus .rb176-heart-icon{width:22px;height:22px}
.page-thanks-button:hover:not(:disabled) .rb176-heart-icon,.thanks-button:hover:not(:disabled) .rb176-heart-icon,.footer-thanks-plus:hover:not(:disabled) .rb176-heart-icon{transform:scale(1.13);transition:transform .18s}
.page-thanks-button.is-celebrating .rb176-heart-icon,.thanks-button.is-celebrating .rb176-heart-icon,.footer-thanks-plus.is-celebrating .rb176-heart-icon{animation:rb176-heart-pop .75s cubic-bezier(.25,.8,.25,1) both}
.page-thanks-button:not(:disabled):not(.is-liked) .rb176-heart-icon{animation:rb176-heart-attention 4.8s ease-in-out infinite}
@keyframes rb176-heart-pop{0%{transform:scale(.8)}35%{transform:scale(1.33) rotate(-8deg)}62%{transform:scale(.88) rotate(6deg)}100%{transform:scale(1) rotate(0)}}
@keyframes rb176-heart-attention{0%,82%,100%{transform:scale(1)}86%{transform:scale(1.13)}90%{transform:scale(1)}94%{transform:scale(1.10)}}
@media(prefers-reduced-motion:reduce){.rb176-heart-icon,.page-thanks-button .rb176-heart-icon,.thanks-button .rb176-heart-icon,.footer-thanks-plus .rb176-heart-icon{animation:none!important;transition:none!important}}
/* A reserved donor space links to existing live /about#benefactors directory. */
.rb176-benefactor-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid rgba(185,227,218,.2);border-radius:20px;background:rgba(255,255,255,.045);padding:21px 25px;min-width:0}
.rb176-benefactor-kicker{display:block;text-transform:uppercase;letter-spacing:.11em;font-size:10px;font-weight:800;color:#91c8c1}
.rb176-benefactor-footer h2{font-size:23px;color:#fff;letter-spacing:-.03em;margin:7px 0 6px}
.rb176-benefactor-footer p{font-size:13px;line-height:1.6;color:#bfd5d0;margin:0;max-width:640px}
.site-footer a.rb176-benefactor-link{display:inline-flex;align-items:center;gap:12px;color:#fff;background:#166a69;border:1px solid #4d9290;border-radius:13px;padding:12px 17px;text-decoration:none;font-size:13px;font-weight:800;white-space:normal;flex:none}
.site-footer a.rb176-benefactor-link:hover{background:#227d79}
#benefactors{scroll-margin-top:100px}
@media(max-width:740px){.rb176-benefactor-footer{display:grid;padding:20px}.rb176-benefactor-footer a.rb176-benefactor-link{justify-content:center}}