*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f1;color:#24303a;font:17px/1.7 system-ui,-apple-system,Segoe UI,sans-serif}a{color:#11677a}a:hover{text-decoration:underline}.topbar{background:#122c3b;color:white;padding:14px max(20px,calc((100vw - 1120px)/2));display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.topbar a{color:white;text-decoration:none}.topbar strong{letter-spacing:.07em}.hero{background:linear-gradient(135deg,#163a4c,#247081);color:white;padding:50px 22px;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3.7rem);margin:0}.hero p{margin:8px 0}.layout{max-width:1240px;margin:auto;display:grid;grid-template-columns:260px minmax(0,1fr);gap:32px;padding:28px 20px}.sidebar{align-self:start;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto;background:white;border:1px solid #e2e7e7;border-radius:14px;padding:18px}.sidebar h2{font-size:1rem;margin:0 0 10px}.sidebar a{display:block;padding:7px 9px;text-decoration:none;border-radius:7px;font-size:.88rem;line-height:1.4}.sidebar a[aria-current=page],.sidebar a:hover{background:#e5f1f1}.content{min-width:0}.intro{background:white;padding:24px;border-radius:14px;margin-bottom:20px}.intro h2{margin:0;font-size:1.65rem}.story{background:white;padding:clamp(16px,3vw,32px);border-radius:14px}.story h2{font-size:1.45rem;margin:30px 0 10px}.story p{margin:15px 0}.photo{margin:26px auto 32px;text-align:center}.photo img{display:block;width:auto;height:auto;max-width:100%;margin:auto;cursor:zoom-in;box-shadow:0 5px 24px #122c3b22}.photo figcaption{color:#61717b;font-size:.85rem;margin-top:7px}.pagination{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:25px 0}.pagination a{padding:11px 17px;background:#fff;border:1px solid #d6e1e2;border-radius:9px;text-decoration:none}.foot{text-align:center;padding:35px 20px;color:#60717b}.lightbox{border:0;padding:12px;background:#0b1118;color:white;max-width:100vw;max-height:100vh}.lightbox::backdrop{background:#000e}.lightbox img{display:block;max-width:calc(100vw - 36px);max-height:calc(100vh - 100px);object-fit:contain;margin:auto}.lightbox .controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px}.lightbox button{border:1px solid #82909c;background:#263e4b;color:white;border-radius:7px;padding:7px 13px;cursor:pointer}.mobile-nav{display:none}@media(max-width:780px){.layout{display:block;padding:14px}.sidebar{position:static;max-height:none;margin-bottom:16px}.sidebar nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.hero{padding:30px 16px}.mobile-nav{display:block}.story{padding:16px}}