:root{font-family:Georgia,'Times New Roman',serif;color:#20252b;background:#fafaf7}
body{margin:0}main{max-width:54rem;margin:0 auto;padding:1.6rem 1.25rem 4rem}
article{font-size:1.12rem;line-height:1.65}h1,h2,h3,nav,.notice{font-family:system-ui,sans-serif}
h1{font-size:2rem;line-height:1.2}h2{margin-top:2.2rem;font-size:1.4rem}
h3{font-size:1.15rem}a{color:#18598a}nav{font-size:.95rem;line-height:1.5}
.notice{border-left:4px solid #69745b;background:#eff1e9;padding:.7rem 1rem;margin:1.4rem 0;font-size:.9rem}
table{display:block;overflow:auto;border-collapse:collapse;max-width:100%}td,th{border:1px solid #c9ccc3;padding:.35rem .65rem}
span.math-display{display:block;overflow-x:auto;max-width:100%;padding:.25rem 0;contain:inline-size}
span.math:not(.math-display){display:inline-block;max-width:100%;overflow-x:auto;vertical-align:middle;padding:.1rem 0}
span.math{overflow-wrap:normal}article p,article li{overflow-wrap:break-word}
img.course-figure{display:block;max-width:100%;height:auto;margin:1rem auto}
footer{font-family:system-ui,sans-serif;font-size:.85rem;border-top:1px solid #ccc;margin-top:3rem;padding-top:1rem}
@media(max-width:500px){main{padding:1rem .85rem 3rem}article{font-size:1rem}h1{font-size:1.65rem}}