*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f6f7;color:#263640;font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#126879}.topbar{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#123444;padding:14px max(20px,calc((100vw - 1240px)/2))}.topbar a{color:white;text-decoration:none}.hero{padding:45px 18px;background:linear-gradient(125deg,#123444,#287b8e);color:white;text-align:center}.hero h1{font-size:clamp(2rem,4vw,3.3rem);margin:0}.hero p{margin:5px}.layout{max-width:1420px;margin:auto;display:grid;grid-template-columns:275px minmax(0,1fr);gap:25px;padding:22px}.sidebar{background:white;border:1px solid #e0e6e8;border-radius:12px;padding:17px;position:sticky;top:12px;align-self:start;max-height:calc(100vh - 24px);overflow:auto}.sidebar h2{font-size:1rem;margin:0 0 8px}.sidebar a{display:block;text-decoration:none;font-size:.9rem;line-height:1.35;padding:8px;border-radius:6px}.sidebar a:hover,.sidebar a[aria-current]{background:#e5f2f4}.main{min-width:0}.intro,.story{background:white;border-radius:12px;padding:clamp(18px,3vw,32px);margin-bottom:18px}.intro h2{margin:0}.story p{margin:15px 0}.photo{margin:25px auto 34px;text-align:center}.photo img{display:block;width:auto;height:auto;max-width:100%;margin:auto;cursor:zoom-in;box-shadow:0 7px 22px #102a3a25}.photo figcaption{color:#667985;font-size:.83rem;margin-top:6px}.pagination{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:18px 0}.pagination a{background:white;border:1px solid #d6e1e3;border-radius:8px;padding:9px 15px;text-decoration:none}.chapters{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.chapters a{display:block;padding:14px;border-radius:9px;background:#eef5f6;text-decoration:none}.foot{text-align:center;padding:30px}.lightbox{border:0;background:#0c141a;color:white;padding:12px;max-width:100vw;max-height:100vh}.lightbox::backdrop{background:#000e}.lightbox img{display:block;max-width:calc(100vw - 35px);max-height:calc(100vh - 105px);object-fit:contain;margin:auto}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:10px}.controls button{padding:8px 13px;background:#294453;color:white;border:1px solid #80939b;border-radius:7px;cursor:pointer}@media(max-width:800px){.layout{display:block;padding:12px}.sidebar{position:static;max-height:none;margin-bottom:15px}.sidebar nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.hero{padding:28px 14px}}