*{box-sizing:border-box}
body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:18px;background:#111d2c;color:#fff;font:16px/1.5 system-ui,sans-serif}
main{width:min(100%,640px)}
img{width:100%;height:auto;display:block;border-radius:12px}
p{color:#ccd7e4}
.summary{color:#fff;line-height:1.7}
.attribution{font-size:.9rem}
nav{display:flex;flex-wrap:wrap;gap:8px}
.brand{color:#b9f0e0;font-weight:750}
h1{font-size:clamp(21px,4vw,30px);line-height:1.32;margin:12px 0;word-break:keep-all;overflow-wrap:anywhere}
a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border-radius:8px;background:#dcf7ed;color:#143b33;font-weight:700;text-decoration:none}
a:focus-visible{outline:2px solid #fff;outline-offset:3px}