:root{font-family:Arial,sans-serif;color:#171717;background:#f6f6f3}*{box-sizing:border-box}body{margin:0}main{min-height:100vh}aside,main{display:flex}aside{width:240px;background:#111;color:#fff;padding:28px 20px;flex-direction:column;gap:32px}aside strong{font-size:18px}nav{display:grid;grid-gap:8px;gap:8px}nav a{color:#bbb;text-decoration:none;padding:10px;border-radius:8px}nav a:hover{background:#252525;color:#fff}section{flex:1 1;padding:48px;max-width:1100px}section>p{font-size:11px;letter-spacing:.12em;color:#777;margin:0 0 8px}h1{font-size:38px;margin:0 0 32px}article{background:#fff;border:1px solid #e3e3df;border-radius:16px;padding:32px;max-width:720px;box-shadow:0 8px 30px #00000008}article p:first-child{font-size:11px;letter-spacing:.12em;color:#777}h2{font-size:30px;line-height:1.15;margin:16px 0}article a{display:inline-block;margin-top:18px;padding:10px 16px;background:#111;color:#fff;border-radius:8px;text-decoration:none}@media(max-width:700px){main{display:block}aside{width:auto}section{padding:28px}}