:root{--paper: #fbfbfc;--ink: #0c0d10;--ink-2: #3a3d45;--ink-3: #62666f;--rule: #d9dce1;--blue: #0a2f8f;--blue-deep: #071f5e;--blue-text: #0a2f8f;--blue-mark: #0a2f8f;--on-blue: #ffffff;--ground: #e9ebef;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--ground);color:var(--ink);font-family:Archivo,BIZ UDPGothic,system-ui,sans-serif;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--blue-text);outline-offset:3px}.shell{display:grid;grid-template-rows:auto 1fr;height:100%}.bar{display:flex;align-items:center;gap:20px;padding:0 24px;min-height:60px;background:var(--paper);border-bottom:1px solid var(--rule)}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink);text-decoration:none}.brand svg{display:block;height:26px;width:auto;fill:var(--ink)}.brand__brackets{fill:var(--blue-text)}.brand__name{font-weight:700;font-stretch:88%;font-size:16px;letter-spacing:-.01em}.bar__doc{color:var(--ink-3);font-size:14px;padding-left:20px;border-left:1px solid var(--rule)}.langs{margin-left:auto;display:flex;gap:14px;font-size:14px;font-stretch:92%}.langs a{color:var(--ink-3);text-decoration:none;padding:4px 0}.langs a:hover{color:var(--ink)}.langs a[aria-current]{color:var(--ink);text-decoration:underline;text-decoration-color:var(--blue-mark);text-decoration-thickness:2px;text-underline-offset:6px}.langs a:lang(ja){font-family:BIZ UDPGothic,sans-serif;font-size:13px}.btn{display:inline-flex;align-items:center;height:40px;padding:0 18px;background:var(--blue);color:var(--on-blue);font-weight:700;font-stretch:92%;font-size:15px;text-decoration:none;white-space:nowrap;transition:background .2s cubic-bezier(.16,1,.3,1)}.btn:hover{background:var(--blue-deep)}.btn[aria-disabled=true]{background:var(--paper);color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--rule);pointer-events:none}.doc{position:relative;min-height:0}.viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.note{max-width:32em;margin:48px auto;padding:0 24px;color:var(--ink-2);font-size:16px;line-height:1.55;display:grid;gap:20px;justify-items:start}.note p{margin:0}@media (max-width: 720px){.bar{flex-wrap:wrap;gap:10px 16px;padding:12px 16px}.bar__doc{display:none}.bar>.btn{display:none}.langs{margin-left:auto}}