body{margin:0;background:white;color:#3a0805;font:21px Georgia,serif}main{max-width:1000px;margin:40px auto;padding:0 24px}nav{display:flex;gap:14px;flex-wrap:wrap}nav a{background:#d5d5aa;border-top:3px solid #92975f;padding:9px 28px;color:#262410;text-decoration:none;font:18px Arial}h1{text-align:center;font: bold 44px Arial;color:#510800;margin:30px 0 55px}h2{text-align:center;font-size:34px}a{color:#0645d4}.alphabet{text-align:center;font:bold 25px Arial;line-height:1.8;margin:24px 0}.alphabet a{padding:4px}.draft{background:#fff7d8;padding:12px;font:16px Arial;border:1px solid #d6bd67}.intro{line-height:1.55}.topics{line-height:1.7}.topics li{margin:16px 0}.detail{display:block;color:#555;font:16px Arial}.hold{color:#73532d;font:17px Arial}footer{border-top:1px solid #bbb;text-align:center;margin-top:55px;padding:20px;font:15px Arial;color:#444}button,select,input{font:18px Arial;padding:9px;max-width:100%}label{display:block;margin:18px 0} @media(max-width:600px){h1{font-size:32px}h2{font-size:26px}nav a{padding:8px 12px}body{font-size:19px}}