*{box-sizing:border-box}
body{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;color:#193b50;background:#eef4f7}
.bar{background:#004d80;color:white;border-bottom:3px solid #50b8ed}
.inner{max-width:74rem;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;flex-wrap:wrap;padding:1rem clamp(1rem,4vw,2.5rem)}
h1{font-size:clamp(1.12rem,2.5vw,1.55rem);line-height:1.18;margin:0 0 .3rem}
.meta{font-size:.94rem;margin:0;color:#dbeef8}.meta a{color:inherit;text-underline-offset:.15em}
.actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:.6rem}
.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.68rem 1.1rem;border:2px solid transparent;border-radius:.45rem;font-size:1rem;font-weight:700;line-height:1.2;text-align:center;text-decoration:none}
.primary{background:white;color:#004d80}.secondary{color:white;border-color:#94c3dd;background:transparent}
.primary:hover{background:#eaf5fb}.secondary:hover{background:#145f8a}
a:focus-visible{outline:3px solid #ffb52a;outline-offset:3px}
.preview{max-width:44rem;margin:1.15rem auto;padding:0 .8rem}
.page{display:block;width:100%;height:auto;background:white;margin:0 0 1rem;box-shadow:0 2px 9px #183f601f}
.embed{background:transparent}.embed .actions{justify-content:center;padding:.3rem .25rem}.embed .primary{background:#004d80;color:white}.embed .secondary{color:#004d80;border-color:#004d80;background:white}.embed .primary:hover{background:#103f62}.embed .secondary:hover{background:#eaf5fb}
@media(max-width:32rem){.inner{gap:.7rem}.actions{gap:.45rem}.action{font-size:.9rem;padding:.64rem .75rem}.preview{padding:0 .45rem;margin:.55rem auto}.page{margin-bottom:.55rem}}