:root{color-scheme:light;--ink:#172018;--muted:#5f6b60;--line:#dfe8d8;--paper:#fffdf6;--wash:#f4f8ec;--accent:#b8ff47;--dark:#11190f}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 10% 0%,#e7ffd1,transparent 28rem),linear-gradient(135deg,#fffdf6,#eef6e7);color:var(--ink);font-family:Georgia,'Times New Roman',serif}.shell{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}.nav{background:rgba(17,25,15,.94);color:#f8ffe9;padding:32px;position:sticky;top:0;height:100vh}.nav h1{font-size:28px;margin:0 0 8px}.nav p{color:#cfdcbd;margin:0 0 24px}.nav a{display:block;color:#f8ffe9;text-decoration:none;padding:9px 0;border-bottom:1px solid rgba(255,255,255,.09);text-transform:capitalize}.content{padding:56px;max-width:980px}.card{background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 24px 70px rgba(32,47,25,.12);border-radius:28px;padding:44px}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;line-height:1.05}h1{font-size:48px}h2{font-size:31px;margin-top:44px}p,li{font-size:17px;line-height:1.7}code{background:#eef7df;border:1px solid #d4e8bd;border-radius:7px;padding:1px 5px}pre{background:#11190f;color:#efffdd;padding:18px;border-radius:18px;overflow:auto}a{color:#315400}@media(max-width:820px){.shell{display:block}.nav{position:relative;height:auto}.content{padding:22px}.card{padding:24px}h1{font-size:34px}}