.usage-guide{--muted:var(--muted,#9aa6b2);--text:var(--text,#e6eef5);color:var(--text);grid-template-columns:240px 1fr;grid-template-areas:"sidebar content";gap:14px;height:60vh;display:grid;overflow:auto}.sidebar{border-right:1px solid #ffffff0f;flex-direction:column;grid-area:sidebar;gap:6px;padding-right:10px;display:flex;overflow:auto}.sidebar,.tab{cursor:var(--cursor-touch),auto}.tab{text-align:left;color:var(--text);background:#ffffff05;border:1px solid #0000;border-radius:10px;padding:10px 12px;font-weight:700;transition:background .2s,transform .2s,border-color .2s}.tab:hover{transform:translate(2px)}.tab.active{background:linear-gradient(90deg,#a76fd72e,#7cd7ee1f);border-color:#a76fd72e}.content{grid-area:content;max-height:70vh;padding-right:6px;overflow:auto}.section+.section{margin-top:18px}.section>h4{background:linear-gradient(90deg,#ffffffe3,#a76fd747);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(16px,.95vw + 10px,20px);font-weight:800}.section ol,.section ul{margin:0;padding-left:18px}.section li{margin:6px 0;line-height:1.75}.sub{margin-top:10px}.sub h5{color:var(--muted);margin:0 0 6px;font-size:14px}em{color:#eeb0a7;font-style:normal}b{color:#fff;font-weight:700}@media (width<=960px){.usage-guide{grid-template:"sidebar""content"1fr/1fr;align-items:start;height:70vh}.sidebar{scrollbar-width:thin;scrollbar-color:#fff3 #0000;border-bottom:1px solid #ffffff0f;border-right:none;flex-direction:row;gap:8px;height:fit-content;padding:8px 0 12px;overflow:auto hidden}.sidebar::-webkit-scrollbar{height:4px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tab{white-space:nowrap;text-align:center;border-radius:20px;flex-shrink:0;min-width:fit-content;padding:8px 16px;font-size:14px}.tab.active{background:linear-gradient(90deg,#a76fd740,#7cd7ee2e);border-color:#a76fd740;transform:none}.tab:hover{transform:translateY(-1px)}.content{max-height:calc(70vh - 60px)}}@media (width<=640px){.usage-guide{grid-template-rows:auto 1fr;align-items:start;height:75vh}.sidebar{gap:6px;padding:6px 0 10px}.tab{border-radius:16px;padding:6px 12px;font-size:13px}.content{max-height:calc(75vh - 50px);padding-right:4px}.section>h4{font-size:16px}.block>h4{font-size:15px}.block li{font-size:12px}}.usage-guide{color:#e6eef5;line-height:1.7}.usage-guide .block+.block{margin-top:14px}.usage-guide .block>h4{background:linear-gradient(90deg,#fff,#4a68ff);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 8px;font-size:clamp(14px,.9vw + 8px,18px);font-weight:800}.usage-guide .block ol,.usage-guide .block ul{margin:0;padding-left:18px}.usage-guide .block li{color:#ffffffc9;margin:6px 0;font-size:13px}.usage-guide .sub{margin-top:10px}.usage-guide .sub h5{color:#e6eef5;margin:0 0 6px;font-size:14px}.usage-guide em{color:#eeb0a7;font-style:normal}.usage-guide b{color:#fff;font-weight:700}.usage-guide .callout{background:linear-gradient(90deg,#a76fd72e,#7cd7ee1f);border:1px solid #a76fd72e;border-radius:10px;margin-top:8px;padding:10px 12px}