/* SGGS Reflections — colorful, responsive theme */
:root{--ink:#183044;--muted:#5b6b79;--blue:#176b8b;--teal:#168b8b;--gold:#d89a28;--rose:#b94c70;--paper:#fffdf8;--line:#dce5e9;--wash:#eef7f7;--shadow:0 16px 44px rgba(20,49,67,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;max-width:100%;overflow-x:hidden}body{margin:0;width:100%;max-width:100%;overflow-x:hidden;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f2f8fb 0,#fff 340px);line-height:1.7}a{color:#126b91}a:hover{color:#a05d12}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem max(5vw,20px);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 3px 14px rgba(23,54,72,.06);flex-wrap:wrap}.brand{font-size:1.3rem;font-weight:800;text-decoration:none;color:var(--ink);letter-spacing:-.03em}.brand span{color:var(--teal)}nav{display:flex;gap:.5rem;flex-wrap:wrap}nav a{text-decoration:none;font-size:.93rem;padding:.42rem .72rem;border-radius:999px;color:#31556a}nav a:hover,nav a[aria-current=page]{background:#e5f4f3;color:#075f65}.hero,.section,.features{max-width:1180px;margin:auto;padding:3rem 5vw}.hero{display:grid;grid-template-columns:1.35fr .8fr;gap:3rem;align-items:center;min-height:64vh;background:radial-gradient(ellipse at 82% 30%,#f9e9c7 0,transparent 34%)}.eyebrow{letter-spacing:.14em;font-size:.76rem;font-weight:800;color:#087e82;text-transform:uppercase}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.12;margin:.4rem 0;color:#173a50;letter-spacing:-.04em}.subtitle{font-size:1.35rem;color:#9a671b;font-weight:650}.byline{font-size:1.05rem}.hero-text,.muted{color:var(--muted)}.cover-wrap{padding:1rem;border-radius:28px;background:linear-gradient(145deg,#e2f3f1,#f9edcf);box-shadow:var(--shadow)}.cover-wrap img{width:100%;max-width:360px;display:block;margin:auto;border-radius:6px;box-shadow:0 18px 40px #1b34402b}.actions{display:flex;gap:.8rem;flex-wrap:wrap;margin:1.4rem 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;background:linear-gradient(120deg,#176b8b,#168b8b);color:white;padding:.72rem 1.15rem;border-radius:9px;text-decoration:none;border:1px solid transparent;font:inherit;font-weight:650;cursor:pointer;box-shadow:0 5px 14px #176b8b24}.button:hover{color:#fff;filter:brightness(1.06);transform:translateY(-1px)}.button.secondary{background:#fff7e8;color:#805515;border-color:#f0d9a9;box-shadow:none}.features{padding-top:1rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature{padding:1.25rem;border:1px solid #dbe9e9;border-radius:16px;background:linear-gradient(145deg,#fff,#f4fbfa);box-shadow:0 8px 22px rgba(26,66,80,.05)}.feature h3{color:#176b8b;margin-top:0}.section{border-top:1px solid var(--line);background:rgba(255,255,255,.72)}.author-row{display:flex;gap:1.6rem;align-items:center}.author-photo{width:170px;height:190px;object-fit:cover;object-position:center top;border-radius:18px;border:5px solid white;box-shadow:var(--shadow);background:#e9f2f3}.article{display:block;width:min(100% - 40px,1000px);max-width:1000px;margin:2.5rem auto 4rem;padding:2.3rem clamp(1rem,4vw,3rem);background:#fff;border:1px solid #e3e9eb;border-top:4px solid var(--teal);border-radius:18px;box-shadow:0 12px 36px rgba(20,49,67,.07);overflow-wrap:anywhere;word-break:normal}.article h1{font-size:clamp(2rem,4vw,3rem);line-height:1.2;color:#173a50;margin:.3rem 0 1.5rem}.article h2,.article h3{color:#176b8b;line-height:1.35;margin-top:1.8rem}.article p{max-width:100%;margin:0 0 1.15rem;line-height:1.85;color:#334653;overflow-wrap:anywhere}.article .eyebrow{color:#b17b20}.article strong{color:#173a50}footer{padding:2rem 5vw;background:#15394e;color:#e6f1f3;text-align:center;font-size:.9rem}footer a{color:#f2d38d}.search-box{display:flex;gap:.5rem;max-width:760px}.search-box input{flex:1;min-width:0;padding:.75rem;border:1px solid #b9cdd4;border-radius:9px;font:inherit}.note{font-size:.9rem;color:var(--muted)}main{min-height:65vh}canvas{max-width:100%;display:block}.reader-main{max-width:1400px;margin:auto;padding:1.4rem clamp(12px,3vw,36px) 2rem}.reader-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:1.3rem 1.6rem;border-radius:18px;background:linear-gradient(110deg,#e7f5f4,#fff5df 75%,#fbeaf0);border:1px solid #d8e9e7}.reader-head h1{font-size:clamp(1.5rem,3vw,2.25rem);margin:.2rem 0;color:#173a50}.reader-head .eyebrow{margin:0}.reader-shell{margin:1rem auto;padding:1rem;background:#edf3f4;border:1px solid #d5e0e3;border-radius:18px;box-shadow:var(--shadow)}.reader-search{margin:.2rem auto 1rem;max-width:900px}.reader-search input{flex:1;min-width:0}.book-stage{display:flex;align-items:center;justify-content:center;min-height:58vh;padding:clamp(10px,3vw,30px);perspective:1800px;background:radial-gradient(ellipse at center,#e5ecec,#d9e4e6);border-radius:14px;overflow:hidden}.book-spread{display:flex;align-items:stretch;justify-content:center;width:min(100%,1120px);min-height:300px;transform-style:preserve-3d;filter:drop-shadow(0 14px 18px rgba(20,38,48,.22));transition:transform .35s ease}.book-spread.flipping{transform:rotateY(-5deg) scale(.99)}.book-page{display:flex;align-items:center;justify-content:center;flex:1;min-width:0;background:var(--paper);border:1px solid #d4d0c5;overflow:hidden}.book-page:first-child{border-radius:5px 0 0 5px;box-shadow:inset -14px 0 18px -18px #4a5961}.book-page:last-child{border-radius:0 5px 5px 0;box-shadow:inset 14px 0 18px -18px #4a5961}.book-page canvas{width:100%;height:auto;max-height:70vh;object-fit:contain}.book-page.blank{background:linear-gradient(90deg,#fffdf8,#f7f3e9)}.reader-controls{display:flex;gap:.5rem;align-items:center;justify-content:center;flex-wrap:wrap;padding:1rem .3rem .25rem}.reader-controls button{padding:.48rem .78rem;border:1px solid #c2d4d9;background:#fff;border-radius:8px;color:#20485b;cursor:pointer;font:inherit}.reader-controls button:hover{background:#e5f4f3}.reader-controls button:disabled{opacity:.4;cursor:not-allowed}.reader-controls input{width:72px;padding:.45rem;border:1px solid #c2d4d9;border-radius:7px;font:inherit}.status{text-align:center;color:#315b6c}.reader-main>.note{display:block;text-align:center;margin:1rem}.reader-search .button{white-space:nowrap}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:2rem;gap:1.5rem}.cover-wrap{order:-1;max-width:320px;margin:auto}.feature-grid{grid-template-columns:1fr}.author-row{align-items:flex-start;flex-direction:column}.author-photo{width:145px;height:160px}.article{width:calc(100% - 24px);margin:1.2rem auto 2rem;padding:1.25rem 1rem}.article p{font-size:1rem}.reader-head{padding:1rem}.book-stage{min-height:42vh;padding:8px}.book-spread{width:100%}.book-page canvas{max-height:54vh}.book-page:first-child{border-radius:4px 0 0 4px}.book-page:last-child{border-radius:0 4px 4px 0}.reader-shell{padding:.55rem}.reader-controls{gap:.35rem}.reader-controls button{padding:.4rem .55rem;font-size:.88rem}}