:root{font-family:Inter,system-ui,sans-serif;color:#17223b;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{padding:2.5rem max(5vw,1.25rem);color:white;background:linear-gradient(135deg,#183b73,#087e8b)}header h1{max-width:900px;margin:.5rem 0}.brand{font-weight:800;color:#ffd166}.back{color:white}main{max-width:1100px;margin:0 auto;padding:2rem 1.25rem}.notice,.panel,.card{background:white;border:1px solid #dfe6ef;border-radius:14px;box-shadow:0 5px 18px #17324d12}.notice,.panel{padding:1.25rem}.chapter{margin-top:2rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem}.card{display:flex;min-height:120px;padding:1.2rem;color:inherit;text-decoration:none;flex-direction:column;justify-content:space-between}.card:hover{border-color:#087e8b;transform:translateY(-2px)}.card span{color:#087e8b}article{padding:1rem 0;border-top:1px solid #e7edf4}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f7f9fc;padding:1rem;border-radius:8px}footer{padding:2rem;text-align:center;color:#68758a}