:root{color-scheme:light;--navy:#001b51;--blue:#48a3ff;--paper:#f4f1e8}
*{box-sizing:border-box}
html{background:var(--paper)}
body{margin:0;color:var(--navy);font-family:Arial,Helvetica,sans-serif}
nav{position:fixed;z-index:2;top:18px;left:50%;display:flex;align-items:center;gap:4px;max-width:calc(100vw - 28px);padding:5px;background:rgba(255,255,255,.94);border:1px solid rgba(0,27,81,.18);box-shadow:0 8px 30px rgba(0,27,81,.14);transform:translateX(-50%);backdrop-filter:blur(12px)}
nav span{padding:10px 14px;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
nav a{padding:10px 14px;color:inherit;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background-color .18s ease,color .18s ease}
nav a:hover,nav a:focus-visible,nav a.active{background:var(--navy);color:#fff;outline:0}
.review-note{position:fixed;z-index:2;right:22px;bottom:22px;width:min(390px,calc(100vw - 44px));padding:16px 18px;background:rgba(0,27,81,.94);color:#fff;box-shadow:0 8px 30px rgba(0,27,81,.18);backdrop-filter:blur(12px)}
.review-note strong,.review-note span{display:block}
.review-note strong{margin-bottom:5px;font-size:12px}
.review-note span{font-size:12px;line-height:1.45;color:rgba(255,255,255,.78)}
.embed nav,.embed .review-note{display:none}
main{width:100%;overflow:hidden;background:#fff}
img{display:block;width:100%;height:auto}
@media(max-width:620px){
  nav{top:8px;width:calc(100vw - 16px);overflow-x:auto}
  nav span{display:none}
  nav a{flex:1;text-align:center}
}
@media(prefers-reduced-motion:reduce){nav a{transition:none}}