:root{--bg:#faf8f3;--card:#ffffff;--text:#1f2937;--muted:#6b7280;--accent:#7a1f1f;--border:#ece8df}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;line-height:1.8}.container{max-width:760px;margin:auto;padding:24px}.hero{text-align:center;padding:40px 0}.date{color:var(--accent);font-weight:600;margin-bottom:12px}h1{font-family:Merriweather,serif;font-size:3rem;line-height:1.2;margin-bottom:16px}.subtitle{font-size:1.2rem;color:var(--muted);max-width:520px;margin:auto}.reading-time{margin-top:20px;color:var(--muted);font-size:.95rem}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:24px}.fact{background:var(--card);border-radius:18px;padding:20px;text-align:center;box-shadow:0 2px 12px rgba(0,0,0,.05)}.fact strong{display:block;color:var(--accent);font-size:1.25rem}.fact span{color:var(--muted);font-size:.9rem}.summary{background:#fff;border-radius:22px;padding:24px;margin-bottom:40px;box-shadow:0 2px 12px rgba(0,0,0,.05)}.summary-title{color:var(--accent);text-transform:uppercase;font-size:.8rem;font-weight:700;letter-spacing:1px;margin-bottom:16px}.summary ul{list-style:none}.summary li{padding:10px 0;border-bottom:1px solid #f0f0f0}.summary li:last-child{border-bottom:none}.story{font-size:1.08rem}.story p{margin-bottom:24px}blockquote{margin:40px 0;padding:20px 24px;border-left:4px solid var(--accent);background:#fff;border-radius:0 16px 16px 0;font-family:Merriweather,serif;font-size:1.4rem}.highlight{position:relative;margin:36px 0;padding:24px 28px;font-size:1.25rem;font-weight:600;line-height:1.7;background:linear-gradient(90deg,rgba(122,31,31,.06),rgba(122,31,31,.02));border-radius:18px}.highlight::before{content:"✦";display:block;color:var(--accent);font-size:1.2rem;margin-bottom:10px}.lesson{margin-top:50px;background:#fff;border-radius:24px;padding:28px;border-top:4px solid var(--accent)}.lesson h3{margin-bottom:12px}.lesson p{margin:0}.more{margin-top:40px;background:#fff;border-radius:24px;padding:28px;text-align:center}.more h3{margin-bottom:10px}.more p{color:var(--muted);margin-bottom:20px}.button{display:inline-block;background:var(--accent);color:#fff;text-decoration:none;padding:12px 22px;border-radius:12px;font-weight:600}.saint-image{margin:32px auto 0;max-width:400px}.saint-image img{width:100%;display:block;border-radius:24px;box-shadow:0 8px 30px rgba(0,0,0,.08);border:4px solid #fff}.tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:24px 0}.tag{display:inline-block;background:#fff;border:1px solid var(--border);color:var(--accent);padding:6px 12px;border-radius:999px;font-size:.85rem;font-weight:600;text-decoration:none;transition:.2s}.tag:hover{background:var(--accent);color:#fff;transform:translateY(-1px)}.bottom-nav{margin-top:40px;display:flex;justify-content:space-between}.bottom-nav a{text-decoration:none;color:var(--accent);font-weight:600}.footer{margin-top:30px;padding:30px 20px;border-top:1px solid var(--border);background:0 0}.footer-inner{max-width:1200px;margin:auto;text-align:center;display:flex;flex-direction:column;gap:8px}.footer .brand{font-weight:700;color:var(--text)}.footer .meta{color:var(--muted);font-size:.9rem}.footer .links a{color:var(--accent);text-decoration:none;font-weight:600;font-size:.9rem}.footer .links a:hover{text-decoration:underline}.dock{position:fixed;top:18px;left:18px;display:flex;align-items:center;gap:10px;z-index:999}.dock-item.main{width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12);text-decoration:none}.dock-secondary{display:flex;gap:10px;opacity:0;transform:translateX(-8px);pointer-events:none;transition:.2s}.dock:hover .dock-secondary{opacity:1;transform:translateX(0);pointer-events:auto}.dock-item{width:42px;height:42px;border-radius:999px;border:none;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);cursor:pointer;text-decoration:none}#admin{display:none}@media(max-width:768px){h1{font-size:2rem}.subtitle{font-size:1rem}.facts{grid-template-columns:repeat(2,1fr)}.story{font-size:1rem}.dock{top:auto;bottom:16px;left:50%;transform:translateX(-50%)}.dock-secondary{opacity:1;transform:none;pointer-events:auto}.footer{padding:30px 20px 90px}}