*{box-sizing:border-box}body{margin:0;color:#202523;background:#f4f4ef;font:16px/1.65 Georgia,serif;display:grid;grid-template-columns:290px 1fr;min-height:100vh}aside{background:#e7e8e0;border-right:1px solid #d2d5cc;padding:24px 18px;position:sticky;top:0;height:100vh;overflow:auto;font:14px/1.4 system-ui,sans-serif}.brand{font:700 20px system-ui;color:#263d35;text-decoration:none;display:block;margin:0 0 18px}#filter{width:100%;padding:9px 10px;border:1px solid #c8cdc3;border-radius:5px;margin-bottom:14px}nav a{display:block;padding:6px 8px;text-decoration:none;color:#3b4943;border-radius:4px}nav a:hover{background:#d9ddd3}main{min-width:0}header{position:sticky;top:0;background:#f4f4efdd;backdrop-filter:blur(8px);padding:14px max(5vw,24px);border-bottom:1px solid #e1e1d9;font:14px system-ui;z-index:1}#menu{display:none}article{max-width:900px;padding:28px max(5vw,24px) 80px;margin:auto}h1,h2,h3,h4{font-family:system-ui,sans-serif;line-height:1.25;color:#263d35}h1{font-size:2.15rem}p{margin:0 0 1.1em}img{display:block;max-width:100%;height:auto;margin:16px auto 24px;box-shadow:0 2px 12px #0002;border-radius:3px}table{border-collapse:collapse;width:100%;margin:1em 0}td,th{border:1px solid #cfd3ca;padding:7px 10px;text-align:left}th{background:#e8ebe3}li{margin:.3em 0}@media(max-width:760px){body{grid-template-columns:1fr}aside{display:none;position:fixed;z-index:4;width:min(85vw,320px);box-shadow:0 0 0 100vw #0005}.show-nav aside{display:block}#menu{display:inline-block;margin-right:10px}article{padding:22px 20px 60px}}