*{box-sizing:border-box}body{margin:0;color:#263f35;background:#f6f3e9;font:16px/1.7 system-ui,sans-serif}.wrap{display:grid;grid-template-columns:250px minmax(0,900px);max-width:1300px;margin:auto}aside{background:#e7efdc;padding:30px;position:sticky;top:0;height:100vh;overflow:auto}aside a{display:block;font-size:12px;margin:14px 0;text-decoration:none}main{background:#fffcf4;padding:40px 50px}h1{font:40px/1.2 Georgia,serif}h2{font:28px/1.3 Georgia,serif;margin:45px 0 15px;padding-top:10px;border-top:1px solid #d9dfd0}a{color:#286448;overflow-wrap:anywhere}pre{padding:20px;background:#edf0e3;overflow:auto;border-radius:12px}code{font-size:13px;overflow-wrap:anywhere}table{border-collapse:collapse;font-size:13px}td,th{padding:12px;border:1px solid #d9dfd0;text-align:left;vertical-align:top}.scroll{overflow:auto}.back{display:inline-block;background:#286448;color:white;border-radius:12px;padding:10px 16px;text-decoration:none}@media(max-width:750px){.wrap{display:block}aside{position:static;height:auto;padding:20px}aside nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}aside a{margin:4px 0}main{padding:26px 20px}h1{font-size:32px}}@media print{aside,.back{display:none}.wrap{display:block}main{padding:0}body{background:white}h2{break-after:avoid}tr{break-inside:avoid}}