:root{
  --blue:#004B9E; --blue-deep:#04203f; --blue-deep2:#0a3260;
  --char:#353535; --text:#414954; --muted:#727c89; --amber:#d9932f;
  --border:#e2e8f1; --sand:#faf7f2;
}
*,*::before,*::after{box-sizing:border-box;}
body{margin:0; font-family:"Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
  color:var(--text); background:#fff; font-size:17px; line-height:1.68; -webkit-font-smoothing:antialiased;}
a{color:var(--blue);}
.bar{background:var(--blue-deep); padding:16px 0;}
.wrap{max-width:840px; margin:0 auto; padding:0 26px;}
.bar .wrap{display:flex; align-items:center; justify-content:space-between; gap:16px;}
.bar img{width:210px;}
.bar a.back{color:#cfe0f2; font-weight:700; font-size:.92rem; text-decoration:none;}
.bar a.back:hover{color:#fff;}
.phero{background:linear-gradient(120deg,var(--blue-deep) 0%,var(--blue-deep2) 100%); color:#fff; padding:44px 0;}
.phero h1{margin:0; color:#fff; font-size:2rem; letter-spacing:-.02em;}
.phero p{margin:8px 0 0; color:#cfe0f2;}
main{padding:48px 0 64px;}
h2{color:var(--blue); font-size:1.2rem; margin:30px 0 8px;}
h2:first-child{margin-top:0;}
p{margin:0 0 12px;}
.note{background:var(--sand); border:1px solid #e8e0d3; border-left:4px solid var(--amber);
  border-radius:10px; padding:20px 24px; margin:0 0 28px;}
.note strong{color:var(--char);}
.ph{background:#fff3cd; color:#7a5a00; padding:1px 7px; border-radius:4px; font-weight:700; font-size:.93em;}
footer{background:var(--blue-deep); color:#8299b3; padding:26px 0; font-size:.86rem; text-align:center;}
footer a{color:#a9c2de; text-decoration:none;}
@media(max-width:560px){.bar img{width:170px;} .phero h1{font-size:1.6rem;}}