.usage-guide-trigger{display:inline-flex;align-items:center;gap:8px;border:1px solid #d7e3f0;border-radius:10px;background:#fff;color:#244a78;padding:9px 13px;font-size:13px;font-weight:700;line-height:1.2;font-family:inherit;white-space:nowrap;cursor:pointer;box-shadow:0 3px 12px rgba(21,64,112,.04)}
.usage-guide-trigger-icon{display:block;flex:none;width:18px;height:18px}
.usage-guide-trigger:hover,.usage-guide-trigger:focus-visible{border-color:#6ca5e7;color:#0c65bd;background:#f6fbff}
.usage-guide-tablet-trigger{display:none}
.home-header nav .usage-guide-mobile-trigger,.mobile-subpage>header .usage-guide-subpage-trigger{display:grid;place-items:center;border:1px solid #b9d5f5;border-radius:50%;background:#f0f7ff;color:#1266b8;font-size:18px;font-weight:800;cursor:pointer}
.home-header nav .usage-guide-mobile-trigger{min-width:30px;height:30px}
.mobile-subpage>header .usage-guide-subpage-trigger{width:34px;height:34px}
.usage-guide-open{overflow:hidden!important}
.usage-guide-dialog{position:fixed;inset:0;z-index:300010;background:#fff;outline:0;width:100%;height:100dvh}
.usage-guide-reader{display:block;width:100%;height:100%;border:0;background:#fff}
@media (min-width:741px) and (max-width:1100px){.usage-guide-tablet-trigger{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 11px;border:1px solid #d7e3f0;border-radius:9px;background:#fff;color:#244a78;font:700 12px/1.2 inherit;white-space:nowrap;cursor:pointer}}