.usage-guide{--muted:var(--muted,#9aa6b2);--text:var(--text,#e6eef5);color:var(--text);display:-ms-grid;display:grid;-ms-grid-columns:240px 14px 1fr;grid-template-areas:"sidebar content";grid-template-columns:240px 1fr;grid-row-gap:14px;row-gap:14px;grid-column-gap:14px;-webkit-column-gap:14px;-moz-column-gap:14px;column-gap:14px;height:60vh;overflow:auto}.sidebar{border-right:1px solid hsla(0,0%,100%,.06);display:-webkit-box;display:-ms-flexbox;display:flex;grid-area:sidebar;-ms-grid-column:1;-ms-grid-row:1;padding-right:10px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:6px;overflow:auto}.sidebar,.tab{cursor:var(--cursor-touch),auto}.tab{background:#ffffff05;border:1px solid transparent;border-radius:10px;color:var(--text);font-weight:700;padding:10px 12px;text-align:left;-webkit-transition:background .2s ease,border-color .2s ease,-webkit-transform .2s ease;transition:background .2s ease,border-color .2s ease,-webkit-transform .2s ease;transition:background .2s ease,transform .2s ease,border-color .2s ease;transition:background .2s ease,transform .2s ease,border-color .2s ease,-webkit-transform .2s ease}.tab:hover{-webkit-transform:translateX(2px);-ms-transform:translateX(2px);transform:translate(2px)}.tab.active{background:-webkit-gradient(linear,left top,right top,from(rgba(167,111,215,.18)),to(rgba(124,215,238,.12)));background:linear-gradient(90deg,#a76fd72e,#7cd7ee1f);border-color:#a76fd72e}.content{grid-area:content;-ms-grid-column:3;-ms-grid-row:1;max-height:70vh;overflow:auto;padding-right:6px}.section+.section{margin-top:18px}.section>h4{background:-webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,.89)),to(rgba(167,111,215,.28)));background:linear-gradient(90deg,#ffffffe3,#a76fd747);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(16px,.95vw + 10px,20px);font-weight:800;margin:0 0 8px}.section ol,.section ul{margin:0;padding-left:18px}.section li{line-height:1.75;margin:6px 0}.sub{margin-top:10px}.sub h5{color:var(--muted);font-size:14px;margin:0 0 6px}em{color:#eeb0a7;font-style:normal}b{color:#fff;font-weight:700}@media (max-width:960px){.usage-guide{-ms-grid-columns:1fr;grid-template-areas:"sidebar" "content";grid-template-columns:1fr;height:70vh;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.sidebar{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;-webkit-box-orient:horizontal;-webkit-box-direction:normal;border-bottom:1px solid hsla(0,0%,100%,.06);border-right:none;-ms-flex-direction:row;flex-direction:row;gap:8px;overflow-x:auto;overflow-y:hidden;padding:8px 0 12px;scrollbar-color:hsla(0,0%,100%,.2) transparent;scrollbar-width:thin}.sidebar::-webkit-scrollbar{height:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.tab{-ms-flex-negative:0;border-radius:20px;flex-shrink:0;font-size:14px;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;padding:8px 16px;text-align:center;white-space:nowrap}.tab.active{background:-webkit-gradient(linear,left top,right top,from(rgba(167,111,215,.25)),to(rgba(124,215,238,.18)));background:linear-gradient(90deg,#a76fd740,#7cd7ee2e);border-color:#a76fd740;-webkit-transform:none;-ms-transform:none;transform:none}.tab:hover{-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.content{max-height:calc(70vh - 60px)}.sidebar{-ms-grid-row:1}.content,.sidebar{-ms-grid-column:1}.content{-ms-grid-row:2}}@media (max-width:640px){.usage-guide{height:75vh;-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.sidebar{gap:6px;padding:6px 0 10px}.tab{border-radius:16px;font-size:13px;padding:6px 12px}.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:-webkit-gradient(linear,left top,right top,from(#fff),to(#4a68ff));background:linear-gradient(90deg,#fff,#4a68ff);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:clamp(14px,.9vw + 8px,18px);font-weight:800;margin:0 0 8px}.usage-guide .block ol,.usage-guide .block ul{margin:0;padding-left:18px}.usage-guide .block li{color:#ffffffc9;font-size:13px;margin:6px 0}.usage-guide .sub{margin-top:10px}.usage-guide .sub h5{color:#e6eef5;font-size:14px;margin:0 0 6px}.usage-guide em{color:#eeb0a7;font-style:normal}.usage-guide b{color:#fff;font-weight:700}.usage-guide .callout{background:-webkit-gradient(linear,left top,right top,from(rgba(167,111,215,.18)),to(rgba(124,215,238,.12)));background:linear-gradient(90deg,#a76fd72e,#7cd7ee1f);border:1px solid rgba(167,111,215,.18);border-radius:10px;margin-top:8px;padding:10px 12px}