.notes-head{padding:clamp(44px,6vw,64px) 0 clamp(8px,1.6vw,16px)}.notes-head h1{font-size:clamp(24px,4.6vw,40px);margin:0 0 8px;display:flex;align-items:center;gap:12px}.notes-head h1:after{content:"";height:2px;flex:0 1 220px;background:linear-gradient(90deg,var(--line-2),transparent)}.notes-head p{margin:0;color:var(--ink-2);max-width:660px}.notes-list{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:14px}.notes-list a.card{display:block}.notes-list .n-meta{display:flex;gap:14px;font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);margin-top:10px;flex-wrap:wrap}.notes-list .chip{margin:0}.article-wrap{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,56px) var(--space) clamp(56px,8vw,96px)}.article{background:linear-gradient(180deg,var(--bg-1),var(--bg-0));border:1px solid var(--line-1);border-radius:14px;padding:clamp(20px,4vw,44px)}.article h1{font-size:clamp(21px,3.4vw,30px);margin:0 0 6px}.article .a-sub{color:var(--ink-3);font-family:var(--font-mono);font-size:12px;margin:0 0 22px}.article h2{font-size:18px;margin:30px 0 10px;color:var(--green);letter-spacing:.04em}.article h2:before{content:"// ";color:var(--amber)}.article h3{font-size:15px;margin:22px 0 8px;color:var(--ink-1)}.article p,.article li{color:var(--ink-2);font-size:15px}.article ul,.article ol{padding-left:1.4em}.article li{margin:4px 0}.article code{background:var(--bg-0);border-color:var(--line-1)}.article pre{background:#0a0e14;border:1px solid var(--line-1);border-radius:10px;padding:14px 16px;overflow-x:auto;font-size:13px;line-height:1.6}.article pre code{background:none;border:0;padding:0}.article table{border-collapse:collapse;width:100%;margin:12px 0;font-size:13.5px}.article th,.article td{border:1px solid var(--line-1);padding:6px 10px;text-align:left;color:var(--ink-2)}.article th{color:var(--green);background:#00e5a00d}.article .tag{color:var(--amber)}.article .back{display:inline-block;margin-bottom:18px;font-size:13px}