.usage-guide{color:#243e54;max-width:1400px}.ug-heading{margin-bottom:24px}.ug-eyebrow{color:#0871c9;letter-spacing:.1em;font-size:14px;font-weight:700}.ug-heading h1{letter-spacing:.02em;margin:8px 0 12px;font-size:30px;line-height:1.4}.ug-heading p{color:#586c7c;margin:0;font-size:16px;line-height:1.8}.ug-workflow{background:#edf6fc;border:1px solid #c8ddec;border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:30px;display:grid;overflow:hidden}.ug-workflow button{text-align:left;color:#164d73;background:0 0;border:0;border-right:1px solid #c8ddec;align-items:center;gap:14px;padding:22px 18px;display:flex}.ug-workflow button:last-child{border-right:0}.ug-workflow button:hover{background:#e1effa}.ug-workflow button>span{color:#2283bd;font-variant-numeric:tabular-nums;font-size:28px;font-weight:700;line-height:1}.ug-workflow b{font-size:16px;line-height:1.6;display:block}.ug-workflow small{color:#546f83;font-size:14px;line-height:1.6;display:block}.ug-workflow i{margin-left:auto;font-size:20px;font-style:normal}.ug-index{margin-bottom:26px}.ug-index>b{margin-bottom:12px;font-size:14px;display:block}.ug-index>div{flex-wrap:wrap;gap:8px;display:flex}.ug-index button{color:#415a6e;text-align:left;background:#fff;border:1px solid #d4dfe8;border-radius:7px;align-items:center;gap:8px;padding:9px 12px;font-size:14px;line-height:1.5;display:flex}.ug-index button>span{color:#758897;font-variant-numeric:tabular-nums;font-size:12px}.ug-index button:hover,.ug-index button[aria-pressed=true]{color:#075f9d;background:#eaf5ff;border-color:#1682cc}.ug-sections{gap:12px;display:grid}.ug-section{background:#fff;border:1px solid #d5e0e9;border-radius:12px;overflow:hidden}.ug-section.is-open{border-color:#83b5dc;box-shadow:0 5px 20px #12517b0a}.ug-section h2{margin:0}.ug-toggle{text-align:left;color:#243e54;background:#fff;border:0;grid-template-columns:44px minmax(0,1fr) 24px;align-items:center;gap:18px;width:100%;padding:22px;scroll-margin-top:105px;display:grid}.ug-toggle:hover{background:#f5faff}.is-open .ug-toggle{background:#f0f7fc}.ug-number{color:#1478b7;font-variant-numeric:tabular-nums;background:#eaf3fa;border-radius:10px;place-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:grid}.is-open .ug-number{color:#fff;background:#0871c9}.ug-toggle b{font-size:18px;line-height:1.6;display:block}.ug-toggle small{color:#5c7283;margin-top:4px;font-size:14px;font-weight:400;line-height:1.7;display:block}.ug-toggle i{color:#1778b4;font-size:26px;font-style:normal;font-weight:400}.ug-panel:not([hidden]){border-top:1px solid #dbe7f0;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:26px;padding:28px;display:grid}.ug-steps-label{color:#648094;letter-spacing:.04em;margin-bottom:22px;font-size:14px;font-weight:700}.ug-instructions ol{gap:24px;margin:0;padding:0;list-style:none;display:grid}.ug-instructions li{grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.ug-instructions li>span{color:#0871c9;background:#eaf4fc;border-radius:50%;align-self:start;place-items:center;width:28px;height:28px;font-size:14px;font-weight:700;display:grid}.ug-instructions h3{margin:1px 0 7px;font-size:16px;line-height:1.7}.ug-instructions p{color:#506779;overflow-wrap:anywhere;margin:0;font-size:16px;line-height:1.9}.ug-example{background:#f3f8fc;border-left:3px solid #3294d1;border-radius:0 8px 8px 0;margin-top:24px;padding:16px 18px}.ug-example>b{color:#0871c9;margin-bottom:8px;font-size:14px;display:block}.ug-example p{font-size:15px}.ug-figure{background:#f4f7fa;border:1px solid #d6e1eb;border-radius:10px;align-self:start;min-width:0;margin:0;overflow:hidden}.ug-image-bar{color:#5e7587;border-bottom:1px solid #d6e1eb;justify-content:space-between;align-items:center;padding:12px 15px;font-size:14px;display:flex}.ug-image-bar span:last-child{border:1px solid #c9d8e4;border-radius:4px;padding:2px 6px;font-size:12px}.ug-image-button{cursor:zoom-in;background:#fff;border:0;width:100%;padding:0;display:block;position:relative}.ug-image-button img{width:100%;height:auto;display:block}.ug-zoom-label{color:#116da9;background:#fff;border:1px solid #b5d2e6;border-radius:6px;padding:8px 12px;font-size:14px;font-weight:700;display:block;position:absolute;bottom:12px;right:12px;box-shadow:0 2px 8px #143f5b14}.ug-image-button:hover .ug-zoom-label{background:#eaf5ff}.ug-figure figcaption{color:#5b7283;border-top:1px solid #d6e1eb;padding:13px 16px;font-size:14px;line-height:1.7}.ug-bottom{border-top:1px solid #e3ebf2;grid-column:1/-1;justify-content:space-between;align-items:center;gap:24px;padding-top:22px;display:flex}.ug-tip{gap:6px;max-width:750px;margin:0;display:grid}.ug-tip>b{color:#17658f;font-size:14px}.ug-tip>span{color:#5b7182;font-size:14px;line-height:1.8}.ug-action{color:#fff;background:#0871c9;border:1px solid #0871c9;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;gap:24px;min-height:46px;padding:13px 18px;font-size:14px;font-weight:700;display:flex}.ug-action:hover{background:#065fa9}.ug-action>span{font-size:20px}.ug-footnote{color:#657c8c;margin:22px 0 0;font-size:14px;line-height:1.8}.usage-guide button:focus-visible{outline-offset:3px;outline:3px solid #127ec8}.ug-toggle:focus-visible{outline-offset:-4px}.ug-dialog{color:#243e54;border:1px solid #b8cddd;border-radius:12px;width:min(1240px,94vw);max-width:94vw;max-height:92vh;padding:0;box-shadow:0 20px 80px #0c223755}.ug-dialog::backdrop{background:#10273ed1}.ug-dialog-head{z-index:1;background:#fff;border-bottom:1px solid #d5e0e9;justify-content:space-between;align-items:center;gap:15px;padding:16px 20px;display:flex;position:sticky;top:0}.ug-dialog-head h2{margin:0;font-size:18px;line-height:1.5}.ug-dialog-head button{color:#195777;background:#f1f7fc;border:1px solid #c0d3e1;border-radius:7px;flex-shrink:0;padding:9px 12px;font-size:14px}.ug-dialog-content{overflow:auto}.ug-dialog-content img{width:100%;min-width:800px;height:auto;display:block}.ug-dialog-content p{background:#f5f8fb;margin:0;padding:16px 20px;font-size:14px;line-height:1.7}@media (max-width:1200px){.ug-workflow button{gap:10px;padding:18px 12px}.ug-workflow button>span{font-size:22px}.ug-workflow i{display:none}.ug-panel:not([hidden]){grid-template-columns:1fr;gap:22px}.ug-instructions ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ug-instructions li{grid-template-columns:1fr;gap:8px}.ug-figure{justify-self:center;width:100%;max-width:860px}.ug-image-button img{object-fit:contain;max-height:620px}.ug-bottom{align-items:flex-start}.ug-action{white-space:normal;max-width:260px}.ug-example{max-width:700px}}@media (max-width:800px){.ug-heading h1{font-size:26px}.ug-heading{margin-bottom:20px}.ug-workflow{grid-template-columns:1fr;margin-bottom:24px}.ug-workflow button{border-bottom:1px solid #c8ddec;border-right:0;gap:16px;padding:16px 18px}.ug-workflow button:last-child{border-bottom:0}.ug-workflow i{display:block}.ug-index>div{gap:7px}.ug-index button{padding:8px 10px;font-size:14px}.ug-toggle{grid-template-columns:36px minmax(0,1fr) 20px;gap:12px;padding:18px 14px}.ug-number{width:36px;height:36px;font-size:17px}.ug-toggle b{font-size:17px}.ug-panel:not([hidden]){padding:20px 16px}.ug-instructions ol{grid-template-columns:1fr;gap:22px}.ug-instructions li{grid-template-columns:28px minmax(0,1fr);gap:12px}.ug-bottom{flex-direction:column;gap:18px}.ug-action{width:100%;max-width:none}.ug-zoom-label{padding:7px 9px;font-size:12px;bottom:7px;right:7px}.ug-dialog-head{padding:12px}.ug-dialog-head h2{font-size:16px}}@media (prefers-reduced-motion:reduce){.usage-guide *{scroll-behavior:auto!important}}
.profile-avatar{background:#eef5fb;border:2px solid #168ade;border-radius:50%;flex:none;width:48px;height:48px;display:block;overflow:hidden;box-shadow:0 2px 8px #0c6eb32b}.profile-avatar img{object-fit:cover;object-position:50% 23%;width:100%;height:100%;display:block}.sidebar nav>button.resource-nav{border-left:0;padding:15px 17px}.sidebar nav>button.resource-nav strong{white-space:nowrap;font-size:14px}.sidebar nav>button.resource-nav.active{border-left-color:#0000}.toc-scroll,.result-scroll,.page-viewer{overscroll-behavior-y:auto}@media (max-width:800px){.profile-avatar{width:38px;height:38px}}