:root{font-family:system-ui,Arial,sans-serif;color:#172235;background:#f7f9fc}*{box-sizing:border-box}body{margin:0;line-height:1.6}header{padding:16px max(24px,calc((100vw - 1080px)/2));background:#103253;color:white;display:flex;justify-content:space-between;align-items:center}header a{color:white}.logo{font-size:20px;font-weight:750;text-decoration:none}nav{font-size:14px}main{max-width:1080px;margin:35px auto;padding:0 22px}h1{font-size:clamp(26px,4vw,38px)}.panel,.card{background:white;padding:24px;border:1px solid #dde5ed;border-radius:13px;margin:14px 0;box-shadow:0 2px 8px #152c4210}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.card{color:inherit;text-decoration:none}label{display:block;font-weight:650;margin:14px 0}input,textarea{display:block;width:100%;padding:12px;border:1px solid #aebdce;border-radius:6px;font:inherit;margin-top:5px}button{background:#006c68;color:white;padding:12px 20px;border:0;border-radius:7px;font-weight:700;cursor:pointer}.notice{background:#e8f4f1;padding:14px;border-left:4px solid #16856e;border-radius:6px}.error{color:#9b1c1c}article{background:white;padding:24px;border-radius:12px}a{color:#005d8b}

.page-image{margin:1.5rem 0}.page-image img{display:block;width:100%;height:auto;max-height:550px;object-fit:cover;border-radius:12px}.page-image figcaption{font-size:.85rem;color:#53616e;margin-top:.5rem}