html{scroll-behavior:smooth}.reading-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:34px;padding:30px 0 70px;align-items:start}.reading-sidebar{position:sticky;top:24px;background:#f0e8dd;color:#56402d;border-radius:12px;padding:22px}.reading-sidebar a{display:block;padding:10px 12px;margin:3px 0;font-size:14px}.reading-sidebar a[aria-current=page]{background:#85532f;color:#fff}.reading-sidebar a:hover{background:#e5d5c1}.reading-sidebar a[aria-current=page]:hover{background:#85532f}.reading-toc{margin-top:22px;padding-top:18px;border-top:1px solid #ddcfbf}.reading-toc h2{font-size:13px;color:#887462}.reading-toc ul{list-style:none;padding:0;margin:0}.reading-toc ul ul{padding-left:12px}.reading-toc a{padding:7px 0;font-size:12px;line-height:1.6;background:transparent}.reading-article{min-width:0;background:#fffdfa;border:1px solid #ece5dd;border-radius:14px;padding:38px 42px;line-height:1.85;overflow-wrap:anywhere}.reading-article h1{font-size:30px;line-height:1.45;margin-bottom:26px}.reading-article h2{font-size:22px;margin:38px 0 16px;padding-bottom:12px;border-bottom:1px solid #ece5dd;scroll-margin-top:25px}.reading-article h3{font-size:18px;margin-top:26px;scroll-margin-top:25px}.reading-article p,.reading-article li{font-size:15px}.reading-article li{margin:7px 0}.reading-article pre{overflow-x:auto;background:#f1ebe3;padding:18px;border-radius:8px;font-size:13px;line-height:1.7}.reading-article code{font-family:ui-monospace,Menlo,monospace;font-size:.9em}.reading-article :not(pre)>code{background:#f1ebe3;padding:2px 5px;border-radius:3px}.reading-article table{display:block;overflow:auto;margin:20px 0}.reading-article td,.reading-article th{min-width:100px;vertical-align:top}.reading-article footer{border-top:1px solid #ece5dd;margin-top:35px;gap:18px}@media(max-width:800px){.reading-layout{grid-template-columns:1fr;gap:20px;padding-top:15px}.reading-sidebar{position:static;display:block;overflow:visible;padding:18px}.reading-sidebar nav{display:flex;flex-wrap:wrap;gap:6px}.reading-sidebar nav a{margin:0}.reading-toc{display:none}.reading-article{padding:24px 20px}.reading-article h1{font-size:25px}.site-nav .brand{max-width:55%;font-size:14px}.site-nav .button{font-size:12px;padding:9px 12px}}
