/* Block guide layout. The site header stays the handbook header. */
.xsw{max-width:1240px;margin:0 auto;padding:20px 24px 60px;display:grid;grid-template-columns:260px minmax(0,720px);gap:48px;justify-content:center}
.xside{position:sticky;top:76px;align-self:start;display:flex;flex-direction:column;gap:22px;max-height:calc(100vh - 96px);overflow:auto}
.xside h4,.xmtoc summary{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#6e6e73;margin:0 0 8px}
.xpcs{display:flex;flex-direction:column;gap:8px}
.xpc{display:flex;gap:10px;align-items:center;border:1px solid #ececf0;border-radius:12px;padding:8px;color:#1d1d1f;text-decoration:none;background:#fff}
.xpc .xth,.xpc img{flex:none;width:52px;height:52px;border-radius:8px;background:#f5f5f7;display:grid;place-items:center;font-size:11px;font-weight:700;color:#6e6e73;object-fit:contain}
.xpc b{display:block;font-size:14px}.xpc i{display:block;font-style:normal;font-size:13px;color:#3a3a3c}.xpc u{text-decoration:none;font-size:12px;color:#0a66d6}
.xtoc a{display:block;font-size:14px;color:#3a3a3c;padding:5px 0 5px 10px;border-left:2px solid #ececf0;text-decoration:none}
.xtoc a:hover{color:#0a66d6}
.xcrumb{font-size:13px;color:#6e6e73}.xcrumb a{color:#0a66d6;text-decoration:none}
.xar h1{font-size:34px;line-height:1.15;margin:6px 0 8px}.xsum{font-size:17px;color:#3a3a3c;margin:0 0 12px}
.xmeta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.xmeta span{background:#f5f5f7;border-radius:999px;padding:4px 12px;font-size:13px;color:#3a3a3c}
.xgc{font-size:16.5px;line-height:1.65;color:#1d1d1f}.xgc h2{font-size:23px;margin:34px 0 10px;scroll-margin-top:80px}.xgc p{margin:10px 0}
.xtw{overflow-x:auto;margin:10px 0}.xgc table{width:100%;border-collapse:collapse;font-size:15px}.xgc th,.xgc td{border-bottom:1px solid #ececf0;padding:8px 10px;text-align:left;vertical-align:top}.xgc th{background:#f5f5f7}
.xgc em{color:#6e6e73;font-size:14px}
.xar section h2{font-size:22px;margin:34px 0 10px}.xsrcl{list-style:none;padding:14px 16px;margin:0;background:#f5f5f7;border-radius:14px}.xsrcl a{color:#0a66d6}.xsrcl span{display:block;font-size:13px;color:#6e6e73}
.xfq{border-bottom:1px solid #ececf0;padding:12px 0}.xfq summary{font-weight:600;cursor:pointer}.xfq p{margin:6px 0 0;color:#3a3a3c}
.xsim{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.xsim a{border:1px solid #ececf0;border-radius:14px;padding:14px 16px;color:#1d1d1f;text-decoration:none}.xsim b{display:block;color:#0a66d6;font-size:15px}.xsim span{font-size:13px;color:#6e6e73}
.xmtoc,.xmpa{display:none}
.xprev{background:#fff4e5;color:#9a6700;border-radius:10px;padding:8px 12px;font-size:14px}
.xb{margin:14px 0}.xtbl .xtw{overflow-x:auto;border:1px solid #ececf0;border-radius:12px;margin:0}.xtbl table{margin:0}.xtbl th{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:#6e6e73}
.x-wiring td:first-child,.x-settings td:first-child{font-family:ui-monospace,Menlo,monospace;font-weight:600;white-space:nowrap}.x-settings td:nth-child(2){font-family:ui-monospace,Menlo,monospace;white-space:nowrap;color:#0a66d6}
.x-spec td:first-child{color:#6e6e73;width:40%}.x-state td:first-child{font-weight:600}
.xsteps{list-style:none;padding:0;counter-reset:s}.xsteps>li{counter-increment:s;position:relative;border:1px solid #ececf0;border-radius:14px;padding:12px 14px 12px 56px;margin:8px 0;background:#fff}.xsteps>li:before{content:counter(s);position:absolute;left:14px;top:12px;width:28px;height:28px;border-radius:50%;background:#0a66d6;color:#fff;font-weight:700;display:grid;place-items:center;font-size:14px}.xsteps p{margin:0}
.xco{border-radius:12px;padding:12px 16px;border-left:4px solid}.xco b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.05em}.xco p{margin:4px 0 0}
.xco-tip{background:#eef6ff;border-color:#0a66d6}.xco-tip b{color:#0a66d6}.xco-warning{background:#fff4e5;border-color:#d97706}.xco-warning b{color:#b45309}.xco-note{background:#f5f5f7;border-color:#8e8e93}.xco-note b{color:#3a3a3c}
.xchk{list-style:none;padding:0;border:1px solid #ececf0;border-radius:12px;background:#fff}.xchk li{display:flex;gap:10px;padding:10px 14px;border-bottom:1px solid #ececf0}.xchk li:last-child{border:0}.xbox{flex:none;width:18px;height:18px;border:2px solid #0a66d6;border-radius:5px;margin-top:3px}
.xdls{display:grid;gap:8px}.xdl{display:flex;gap:12px;align-items:center;border:1px solid #ececf0;border-radius:12px;padding:10px 14px;background:#fff;color:#1d1d1f;text-decoration:none}.xdi{flex:none;width:40px;height:40px;border-radius:8px;background:#eef6ff;color:#0a66d6;font-weight:700;font-size:12px;display:grid;place-items:center}.xdl b{display:block;color:#0a66d6;font-size:15px}.xdl i{font-style:normal;font-size:13px;color:#6e6e73}
.xfig{border:1px solid #ececf0;border-radius:14px;padding:12px}.xfig img{max-width:100%;height:auto}.xfig figcaption{font-size:13px;color:#3a3a3c}.xfig figcaption span{display:block;color:#6e6e73}
.gh{border:1px solid #ececf0;border-radius:14px;padding:16px;margin-top:28px;max-width:100%;box-sizing:border-box}
.gh h2{margin:0 0 8px;font-size:17px}
.gh .xpills{display:flex;gap:8px}
.gh button{font:inherit;cursor:pointer;border:1px solid #d2d2d7;background:#fff;border-radius:999px;padding:6px 18px;font-weight:600;font-size:14px;color:#0a66d6}
.gh .xno{display:none;margin-top:14px}
.gh .xno label{font-size:14px;display:flex;gap:8px;align-items:center;margin:4px 0}
.gh textarea{width:100%;box-sizing:border-box;min-height:80px;border:1px solid #d2d2d7;border-radius:10px;padding:10px;font:inherit;font-size:14px;margin:8px 0}
.gh .xsend{background:#0a66d6;color:#fff;border-color:#0a66d6}
.gh .xthanks{display:none;margin-top:10px;font-weight:600}
@media(max-width:900px){
.xsw{grid-template-columns:1fr;padding:14px 16px 40px;gap:0}.xside{display:none}.xar h1{font-size:26px}
.xmpa{display:block;margin:10px 0 14px}.xmpa .xpcs{flex-direction:row;overflow-x:auto;padding-bottom:4px}.xmpa .xpc{flex:none;min-width:250px}
.xmtoc{display:block;border:1px solid #ececf0;border-radius:12px;padding:10px 14px;margin-bottom:8px}.xmtoc summary{margin:0;cursor:pointer}.xmtoc a{display:block;font-size:14px;padding:4px 0;color:#0a66d6;text-decoration:none}.xsim{grid-template-columns:1fr}
}