:root{--red:#ff4d51;--ink:#171719;--muted:#737373;--line:#ece7e7;--soft:#faf9f9;--sidebar:252px;--toc:240px}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:white;line-height:1.55}.topline{height:6px;background:#252426}.header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;background:#fff;z-index:50}.header-inner{width:100%;display:grid;grid-template-columns:var(--sidebar) 1fr var(--toc);align-items:center;padding:0 28px;gap:24px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111;font-weight:800}.brand img{width:27px;height:27px;object-fit:cover}.topnav{display:flex;justify-content:flex-end;gap:26px;align-items:center}.topnav a{color:#5e5b5b;text-decoration:none;font-size:14px}.topnav a:hover{color:var(--red)}.search{border:1px solid #ddd5d5;border-radius:5px;padding:9px 12px;width:210px;font-size:13px}.layout{display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr) var(--toc);gap:36px;max-width:1440px;margin:0 auto;padding:28px}.sidebar{position:sticky;top:92px;height:calc(100vh - 110px);overflow:auto;padding-right:10px}.side-title{font-size:11px;text-transform:uppercase;font-weight:800;letter-spacing:.05em;margin:22px 0 8px;color:#333}.sidebar a{display:block;text-decoration:none;color:#777;padding:6px 8px;border-radius:5px;font-size:13px;line-height:1.3}.sidebar a:hover{color:var(--red);background:#fff4f4}.sidebar a.active{color:var(--red);font-weight:700;background:#fff6f6}.article{min-width:0;max-width:780px;margin:0 auto;width:100%;padding-bottom:80px}.crumb{font-size:12px;color:var(--red);margin:2px 0 8px}.article h1{font-size:36px;line-height:1.15;margin:0 0 12px}.lead{font-size:18px;color:#777;margin:0 0 30px}.article h2{font-size:27px;margin:38px 0 12px}.article h3{font-size:20px;margin:26px 0 8px}.article p,.article li{font-size:16px}.article ul,.article ol{padding-left:24px}.heroimg{width:100%;border:1px solid var(--line);margin:18px 0 28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:18px 0 34px}.card{border:1px solid var(--line);text-decoration:none;color:#111;background:#fff}.card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.card div{padding:13px}.card strong{display:block;margin-bottom:6px}.card span{font-size:13px;color:#777}.note{border-left:3px solid var(--red);background:#fff6f6;padding:14px 16px;margin:18px 0;border-radius:2px}.codebox{background:#242326;color:#fff;border-radius:7px;padding:16px;overflow:auto;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace}.toc{position:sticky;top:92px;height:calc(100vh - 110px);overflow:auto;border-left:1px solid var(--line);padding-left:18px}.toc h4{font-size:11px;text-transform:uppercase;margin:0 0 12px;color:#555}.toc a{display:block;color:#777;text-decoration:none;font-size:12px;padding:5px 0}.toc a:hover{color:var(--red)}details{border:1px solid var(--line);border-bottom:0;background:white}details:last-of-type{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:700;padding:15px 16px;list-style:none}summary::-webkit-details-marker{display:none}details p{padding:0 16px 15px;margin:0;color:#555}.seo-block{margin-top:46px;padding-top:28px;border-top:1px solid var(--line)}.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.seo-card{border:1px solid var(--line);border-radius:8px;padding:18px;background:var(--soft)}.seo-card h3{margin:0 0 8px;font-size:17px}.seo-card p{font-size:14px;color:#555;margin:0}.related{display:flex;flex-wrap:wrap;gap:8px}.pill{border:1px solid #f0caca;background:#fff7f7;color:#d93e42;border-radius:999px;padding:7px 10px;text-decoration:none;font-size:12px}.footer{border-top:1px solid var(--line);padding:28px 0;margin-top:44px;color:#888;font-size:12px}.mobile-btn{display:none}.deprecated{background:#fff3d9;border-left:3px solid #e8a51b;padding:14px 16px}.copybtn{float:right;border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:5px;cursor:pointer;color:#666}.copybtn:hover{border-color:#f0b2b2;color:var(--red)}
@media(max-width:1050px){:root{--toc:0px}.header-inner{grid-template-columns:1fr auto}.toc{display:none}.layout{grid-template-columns:220px 1fr}.topnav .hide-sm{display:none}}
@media(max-width:760px){.header{height:58px}.header-inner{padding:0 16px}.topnav a{display:none}.search{display:none}.mobile-btn{display:block;border:0;background:#f5f3f3;border-radius:6px;padding:9px 12px}.layout{display:block;padding:20px 16px}.sidebar{display:none;position:fixed;inset:64px 0 0 0;background:white;z-index:45;padding:20px;overflow:auto}.sidebar.open{display:block}.article{max-width:none}.article h1{font-size:30px}.lead{font-size:16px}.cards,.seo-grid{grid-template-columns:1fr}.copybtn{float:none;margin-bottom:16px}.heroimg{margin-top:10px}}