:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#0a0b0e;color:#eee;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:#cbd6ff;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:3px solid #9cb4ff;outline-offset:5px}header,main,footer{width:min(1080px,calc(100% - 40px));margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #333}nav{display:flex;gap:20px;flex-wrap:wrap}.brand{font-size:26px;font-weight:800;color:#fff;text-decoration:none}main{padding:48px 0 64px;min-height:60vh}h1{font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-.035em;max-width:900px}h2{font-size:25px;margin-top:36px}p,li{max-width:760px}li{margin-bottom:12px}.intro{font-size:21px;color:#ccc;max-width:800px}.cover{width:min(100%,440px);height:auto;aspect-ratio:1;object-fit:cover;border-radius:16px;margin:16px 0}.button{display:inline-block;background:#f4f4f4;color:#111;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:bold;margin:12px 16px 12px 0}.button:hover{background:#cbd6ff;color:#111}.articles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}.articles article{padding:24px;background:#14161c;border:1px solid #333;border-radius:12px}.articles img{width:100%;height:auto;aspect-ratio:2;object-fit:cover;border-radius:8px}.articles h2{margin-top:12px}footer{padding:28px 0 40px;border-top:1px solid #333;color:#bbb;font-size:14px}.skip{position:absolute;top:-100px;left:20px}.skip:focus{top:8px;background:#fff;color:#000;padding:10px;z-index:5}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:14px}nav{gap:12px 18px}main{padding-top:24px}.articles{grid-template-columns:1fr}.intro{font-size:18px}}