*{box-sizing:border-box}body{margin:0;background:#e8eef7;color:#1d2630;font:16px/1.65 Georgia,"Times New Roman",serif}.site{width:min(860px,calc(100% - 30px));margin:28px auto;background:#fff;border:1px solid #9fb3cc;box-shadow:0 4px 18px rgba(0,0,0,.12)}header{padding:28px 34px 18px;background:linear-gradient(#f8fbff,#e7f0fb);border-bottom:1px solid #b8c9dc}header h1{margin:0;font:700 30px Tahoma,Verdana,sans-serif;color:#174ea6}header h1 a{color:inherit;text-decoration:none}header p{margin:5px 0 0;color:#607080}nav{display:flex;gap:3px;flex-wrap:wrap;padding:7px 10px;background:#245edb;font:13px Tahoma,Verdana,sans-serif}nav a{padding:6px 10px;color:#fff;text-decoration:none;border-radius:2px}nav a:hover{background:#174aa8}main{padding:28px 34px}article{margin-bottom:26px}.entry-meta,time{color:#6c7480;font-size:13px}.site h2,.site h3{font-family:Tahoma,Verdana,sans-serif;color:#174ea6}.site a{color:#0645ad}.back-desktop{display:inline-block;margin-bottom:18px;font:12px Tahoma,Verdana,sans-serif}.index-list{display:grid;gap:12px}.index-item{padding:14px;border:1px solid #c8d5e5;background:#f8fbff}.index-item h3{margin:0 0 4px}.index-item p{margin:6px 0 0}footer{padding:14px 34px;background:#ece9d8;border-top:1px solid #c8c3b8;color:#555;font:11px Tahoma,Verdana,sans-serif}@media(max-width:600px){header,main,footer{padding-left:18px;padding-right:18px}}