/* It All Points to Jesus - devotional hub */
:root{--ink:#2b2620;--soft:#6b6259;--paper:#fffdf8;--line:#e8e0d2;--accent:#7a5c2e}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);
 font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.75}
.wrap{max-width:40rem;margin:0 auto;padding:1.2rem 1.4rem 3rem}
header.site{border-bottom:1px solid var(--line);padding:1rem 1.4rem}
header.site .brand{font-size:1.4rem;font-weight:800;letter-spacing:.02em}
header.site nav{margin-top:.4rem;font-size:.95rem}
header.site nav a{margin-right:1.1rem;color:var(--soft);text-decoration:none}
header.site nav a:hover{color:var(--ink);text-decoration:underline}
h1{font-size:2.35rem;font-weight:800;line-height:1.22;margin:1.6rem 0 .4rem}
h2{font-size:1.3rem;margin:2.2rem 0 .6rem}
h3{font-size:1.12rem;margin:1.6rem 0 .4rem;color:var(--accent)}
.dayline{color:var(--soft);font-size:1.05rem}
.readings{background:#f7f2e7;border:1px solid var(--line);border-radius:.6rem;
 padding:1rem 1.2rem;margin:1.4rem 0}
.readings li{margin:.3rem 0}
.rwl{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.6rem 0}
.rwl a{display:inline-block;padding:.7rem 1.3rem;border-radius:2rem;text-decoration:none;
 font-size:1.05rem;border:2px solid var(--accent)}
.rwl a.primary{background:var(--accent);color:#fff}
.rwl a:not(.primary){color:var(--accent)}
.nextstep{margin:2rem 0;font-size:1.1rem}
.nextstep a{color:var(--accent)}
.share{margin:1.6rem 0}
.share button{font-size:1.05rem;padding:.7rem 1.4rem;border-radius:2rem;cursor:pointer;
 background:#fff;border:2px solid var(--accent);color:var(--accent);font-family:inherit}
.roundup{border-top:1px solid var(--line);margin-top:2.4rem;padding-top:1.4rem;color:var(--soft)}
.roundup q{color:var(--ink);font-size:1.15rem}
footer.site{border-top:1px solid var(--line);margin-top:2rem;padding:1.2rem 1.4rem;
 color:var(--soft);font-size:.95rem}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:.5rem;margin:1rem 0}
.grid a{display:block;padding:.5rem .7rem;border:1px solid var(--line);border-radius:.4rem;
 text-decoration:none;color:var(--ink);font-size:.98rem}
.grid a:hover{border-color:var(--accent)}
.chips{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0}
.chips a{padding:.55rem 1.1rem;border:1px solid var(--line);border-radius:2rem;
 text-decoration:none;color:var(--ink);font-size:1rem}
.chips a:hover{border-color:var(--accent)}
.note{background:#f7f2e7;border:1px solid var(--line);border-radius:.6rem;padding:1rem 1.2rem}