:root{--accent:#a67c35}*{box-sizing:border-box}body{margin:0;background:#121216;color:#eee;font:17px/1.85 system-ui,sans-serif}a{color:#e7c78b;text-underline-offset:4px}header,footer{border-bottom:1px solid #3a3a40;padding:22px max(20px,calc((100vw - 1000px)/2))}header{display:flex;justify-content:space-between;gap:20px}header a{font-weight:700}main{max-width:900px;margin:auto;padding:48px 24px 72px}h1{font-size:clamp(28px,4vw,44px);line-height:1.35}h2{margin-top:2em;line-height:1.5}h3{line-height:1.5}img,video,iframe{max-width:100%;height:auto}figure{margin:28px 0}figure img{display:block;margin:auto;border-radius:12px}figcaption{color:#bbb;font-size:14px}table{border-collapse:collapse;display:block;overflow-x:auto;max-width:100%}td,th{border:1px solid #555;padding:12px;min-width:100px}blockquote,aside{margin:24px 0;padding:20px;border-left:3px solid var(--accent);background:#202026}article a{overflow-wrap:anywhere}pre{overflow:auto}footer{border-top:1px solid #3a3a40;font-size:14px}li{margin:.5em 0}.date{color:#bbb;font-size:14px}.entries{padding:0;list-style:none}.entries li{padding:20px 0;border-bottom:1px solid #3a3a40}button,input,textarea{font:inherit;max-width:100%}@media(max-width:600px){main{padding:28px 20px}header{padding:18px 20px}h1{font-size:28px}body{font-size:16px}}