*{box-sizing:border-box}body{margin:0;background:#f8f9fa;color:#202122;font:16px/1.65 Arial,'Noto Sans JP',sans-serif}header,nav,main,footer{max-width:1100px;margin:auto;padding:14px 24px}header{display:flex;align-items:baseline;gap:20px}.logo{font: bold 30px Georgia,serif;color:#202122;text-decoration:none}small{color:#54595d}nav{border-bottom:1px solid #a2a9b1}main{background:white;min-height:75vh;padding-top:22px}h1,h2{font-family:Georgia,'Yu Mincho',serif;font-weight:normal;border-bottom:1px solid #a2a9b1}h1{font-size:30px}h2{font-size:23px;margin-top:28px}a{color:#36c}section{border:1px solid #a2a9b1;padding:0 18px 14px;margin:20px 0}.infobox{float:right;width:310px;max-width:100%;background:#f8f9fa;border:1px solid #a2a9b1;padding:10px;margin:0 0 20px 24px;font-size:14px}.infobox h3{text-align:center;background:#dce8f4;margin:0;padding:6px}.infobox h4{text-align:center;margin:8px}.placeholder{height:190px;display:grid;place-items:center;color:#72777d;background:#eaecf0;text-align:center}.infobox table{width:100%;border-collapse:collapse}.infobox th{text-align:left;white-space:nowrap;width:30%;vertical-align:top}.infobox td,.infobox th{padding:5px;border-bottom:1px solid #c8ccd1}.toc{display:inline-block;background:#f8f9fa;border:1px solid #a2a9b1;padding:12px 24px}.toc ol{margin-bottom:0}footer{font-size:12px;color:#54595d;border-top:1px solid #a2a9b1}@media(max-width:650px){header{display:block}.infobox{float:none;margin:15px 0;width:100%}main{padding:16px}header,nav,footer{padding:12px 16px}}