*{box-sizing:border-box}html{color-scheme:light}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"BIZ UDPGothic","Yu Gothic",Meiryo,sans-serif;background:#f7f8fa;color:#202936;line-height:1.9}a{color:#235b85;text-decoration:none}a:hover{text-decoration:underline}.container{width:min(900px,calc(100% - 36px));margin:auto}.site-header{background:white;border-bottom:1px solid #e3e7eb}.site-header .container{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0}.brand{font-size:1.25rem;font-weight:750;color:#24364b}nav{display:flex;flex-wrap:wrap;gap:20px;font-size:.91rem}.hero{padding:52px 0 20px}.hero h1{font-size:2rem;margin:0}.hero p{color:#667588}.articles{display:grid;gap:17px;padding-bottom:40px}.card,.post{padding:26px 30px;background:white;border:1px solid #e7eaf0;border-radius:12px}.card h2{font-size:1.3rem;margin:.35rem 0}.card p{margin:.45rem 0;color:#59687a}.card time,.post time{color:#69798b;font-size:.86rem}.readmore{font-size:.9rem}.post{margin:40px auto}.post h1{font-size:clamp(1.5rem,4vw,2.1rem);line-height:1.45}.post-content{overflow-wrap:anywhere}.post-content img{max-width:100%;height:auto;border-radius:7px}.post-content figure{margin:28px 0}.post-content figcaption{font-size:.88rem;color:#677584;text-align:center}.post-content h2{margin-top:2em;border-left:4px solid #6587a1;padding-left:12px}.post-content a{text-decoration:underline}.post-content blockquote{border-left:3px solid #b7c1cb;padding-left:20px;color:#536475}.tags span{display:inline-block;border-radius:5px;background:#eef2f5;font-size:.8rem;padding:1px 10px;margin-right:6px}.footer{font-size:.86rem;color:#708093;padding:22px 0 40px}.back{display:block;margin-bottom:40px}@media(max-width:600px){.site-header .container{display:block}.site-header nav{margin-top:8px}.card,.post{padding:20px}.post{margin:22px auto}}