:root{--db-accent:#155e75;--db-accent-dark:#083344;--db-tint:#eef7f8;--db-line:#9fb6be;--db-text:#17242b;--db-muted:#52636b}
*{box-sizing:border-box}
html{background:#eef2f3;color-scheme:light}
body.db-public{margin:0;background:#eef2f3;color:var(--db-text);font:16px/1.48 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-wrap:anywhere}
.db-document{width:min(100% - 24px,760px);margin:24px auto;padding:clamp(20px,5vw,48px);background:#fff;border:1px solid #c5d1d5;border-radius:14px;box-shadow:0 8px 30px rgba(8,51,68,.09)}
.db-header{display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;padding-bottom:24px;border-bottom:3px solid var(--db-accent)}
.db-header.no-logo{grid-template-columns:1fr auto}
.db-logo{width:64px;height:64px;object-fit:contain}
.db-church{margin:0;color:var(--db-accent);font-weight:800;letter-spacing:.02em}
.db-header h1{margin:3px 0 5px;font-size:clamp(1.65rem,5vw,2.4rem);line-height:1.08;color:var(--db-accent-dark)}
.db-service{margin:0;font-weight:750}
.db-date{margin:2px 0 0;color:var(--db-muted)}
.db-actions{display:flex;gap:8px}
.db-actions button{white-space:nowrap}
.db-actions button,.db-more{min-width:44px;min-height:44px;padding:8px 13px;border:1px solid var(--db-accent);border-radius:8px;background:#fff;color:var(--db-accent-dark);font:inherit;font-weight:750;cursor:pointer}
.db-actions button:focus-visible,.db-more:focus-visible{outline:3px solid #f4b942;outline-offset:2px}
.db-update{margin:16px 0 0;padding:10px 12px;border-left:4px solid var(--db-accent);background:var(--db-tint);font-weight:650}
.db-section{margin-top:30px}
.db-section>h2{margin:0;padding:0 0 9px;border-bottom:2px solid var(--db-accent);color:var(--db-accent-dark);font-size:1.15rem;letter-spacing:.02em}
.db-service-list h3{margin:18px 0 0;padding:7px 0;border-bottom:1px solid var(--db-line);color:var(--db-accent);font-size:.79rem;letter-spacing:.11em;text-transform:uppercase}
.db-service-row{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(160px,1.4fr) minmax(120px,.8fr);gap:18px;padding:11px 0;border-bottom:1px solid var(--db-line);align-items:start}
.db-service-row strong{font-size:.83rem;letter-spacing:.035em;text-transform:uppercase}
.db-service-row div:last-child{text-align:right}
.db-service-row span{display:block}
.db-story{padding:16px 0;border-bottom:1px solid var(--db-line)}
.db-story h3{margin:0 0 5px;font-size:1.04rem}
.db-story p,.db-story-body{margin:5px 0}
.db-meta{color:var(--db-muted);font-size:.92rem}
.db-collapsible:not(.is-open) .db-story-body{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.db-more{margin-top:8px}
.db-simple-list{margin:10px 0;padding-left:22px}
.db-simple-list li{padding:6px 0;border-bottom:1px solid var(--db-line)}
.db-compact p,.db-contact p{margin:8px 0}
.db-footer{margin:40px 0 0;padding-top:18px;border-top:1px solid var(--db-line);color:var(--db-muted);font-size:.82rem;text-align:center}
.db-embed{background:transparent}
.db-embed .db-document{width:100%;margin:0;padding:clamp(14px,4vw,32px);border:0;border-radius:0;box-shadow:none}
.db-theme-garden{--db-accent:#467c58;--db-accent-dark:#244b33;--db-tint:#eef7f0}
.db-theme-celebration{--db-accent:#7d3f86;--db-accent-dark:#4d2454;--db-tint:#f8eef9}
.db-theme-heritage{--db-accent:#6f5636;--db-accent-dark:#40301d;--db-tint:#f7f2ea}
.db-theme-sunlit{--db-accent:#9b6815;--db-accent-dark:#5c3b08;--db-tint:#fff7df}
.db-theme-warm_welcome{--db-accent:#a54a35;--db-accent-dark:#612719;--db-tint:#fff1ec}
@media(max-width:620px){.db-document{width:100%;margin:0;padding:18px;border:0;border-radius:0;box-shadow:none}
.db-header{grid-template-columns:auto 1fr}
.db-header.no-logo{grid-template-columns:1fr}
.db-logo{width:50px;height:50px}
.db-actions{grid-column:1/-1}
.db-actions button{flex:1}
.db-service-row{grid-template-columns:1fr;gap:3px;padding:12px 0}
.db-service-row div:last-child{text-align:left;color:var(--db-muted)}
.db-section{margin-top:25px}
}
@media(max-width:380px){.db-document{padding:15px}
.db-header{gap:10px}
.db-logo{width:42px;height:42px}
.db-header h1{font-size:1.55rem}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}
}
@media print{html,body.db-public{background:#fff}
.db-document{width:100%;margin:0;padding:0;border:0;box-shadow:none}
.db-actions,.db-more{display:none}
.db-collapsible .db-story-body{display:block!important;overflow:visible!important}
}