*{box-sizing:border-box}body{margin:0;background:#081a2c;color:#f4f8fc;font:1.1rem/1.55 system-ui,sans-serif}header,main{max-width:1080px;margin:auto;padding:1.3rem clamp(1.1rem,4vw,3.5rem)}header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354858}header img{width:112px;display:block}a{color:#a2e7ff}nav{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem}nav a{padding:.6rem .95rem;border:1px solid #587387;border-radius:2rem;text-decoration:none;font-weight:700}nav a[aria-current]{background:#a2e7ff;color:#081a2c}article{display:grid;grid-template-columns:1.15fr 1fr;gap:2.5rem;align-items:start}h1{font:italic bold clamp(2.8rem,6vw,5rem)/1 Georgia,serif;margin:0 0 2rem}h2{font-size:1.12rem;margin:1.4rem 0 .3rem;color:#a2e7ff}p{margin:.3rem 0 1rem}.photo{width:100%;height:min(65vh,560px);object-fit:cover;border-radius:.7rem}details{border-block:1px solid #45657c;padding:.8rem 0;margin:1.3rem 0}summary{font-weight:700;cursor:pointer}details p{margin-top:.7rem}.source{font-size:1rem}@media(max-width:700px){article{grid-template-columns:1fr;gap:1rem}.photo{height:320px}nav{margin-bottom:1.4rem}}:focus-visible{outline:3px solid #ffca60;outline-offset:3px}