.mast{z-index:30;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--rule);position:sticky;top:0}.mast-in{height:var(--mast-h);align-items:center;gap:32px;display:flex}.logo{letter-spacing:-.01em;flex-shrink:0;align-items:center;gap:10px;font-size:1.125rem;font-weight:700;text-decoration:none;display:inline-flex}.logo-mark{background:var(--line);border-radius:3px;width:26px;height:6px;position:relative}.logo-mark i{background:var(--paper);border:3px solid var(--ink);border-radius:50%;width:12px;height:12px;margin:-6px 0 0 -6px;position:absolute;top:50%;left:50%}.mast-nav{gap:24px;font-size:.9375rem;display:flex}.mast-nav a{color:var(--ink-2);border-bottom:2px solid #0000;padding:4px 0;text-decoration:none}.mast-nav a:hover{color:var(--ink)}.mast-nav a.active{color:var(--ink);border-bottom-color:var(--line);font-weight:500}.mast-end{align-items:center;gap:8px;margin-left:auto;display:flex}.mast-btn{white-space:nowrap;min-height:34px;color:var(--ink-2);background:var(--paper);border:1px solid var(--rule);border-radius:6px;align-items:center;padding:0 10px;font-size:.875rem;text-decoration:none;display:inline-flex}.mast-theme{gap:6px}.mast-admin.active{color:var(--ink);border-color:var(--ink-3)}.mast-drawer .mast-drawer-admin{font-weight:700}.mast-drawer .mast-drawer-lang{color:var(--ink-2)}.mast-theme svg{flex-shrink:0}.mast-btn:hover{color:var(--ink);border-color:var(--ink-3)}.mast-me{align-items:baseline;gap:8px;padding:4px 6px;font-size:.9375rem;text-decoration:none;display:inline-flex}.mast-me-name{font-weight:500}.mast-me-pts{color:var(--ink-3);font-size:.8125rem}.mast-me:hover .mast-me-name{text-underline-offset:4px;text-decoration:underline}.mast-menu{display:none}.mast-me-wait{width:64px;display:inline-block}.mast-drawer-out{text-align:left;color:var(--ink-2);padding:12px 0}.mast-drawer{border-top:1px solid var(--rule);background:var(--paper);padding:4px 16px 12px;display:grid}.mast-drawer a{color:var(--ink);border-bottom:1px solid var(--rule);justify-content:space-between;padding:12px 0;text-decoration:none;display:flex}.mast-drawer a:last-child{border-bottom:0}.mast-drawer a.active{font-weight:700}@media (max-width:860px){.mast-nav,.mast-admin,.mast-lang{display:none}.mast-in{gap:12px}.mast-menu{display:inline-flex}.mast-me-name{display:none}}@media (max-width:420px){.mast-in{gap:8px}.logo{gap:8px;font-size:1rem}.mast-end{gap:6px}.mast-btn{padding:0 8px;font-size:.8125rem}.mast-theme svg{width:13px;height:13px}}@media (max-width:370px){.logo-mark{width:22px}.mast-theme{gap:4px}}@media (min-width:861px){.mast-drawer{display:none}}.foot{border-top:1px solid var(--rule);background:var(--paper);color:var(--ink-2)}.foot-in{gap:12px;padding-top:28px;padding-bottom:48px;font-size:.9375rem;display:grid}.foot-nav{flex-wrap:wrap;gap:8px 20px;display:flex}.foot-nav a{color:var(--ink-2);text-underline-offset:4px}.foot-nav a:hover{color:var(--ink)}.foot-legal{font-size:.8125rem}.demo-notice{background:var(--line-soft);color:var(--line-ink);border-bottom:1px solid var(--rule)}:root[data-demo-closed] .demo-notice{display:none}.demo-notice-in{align-items:flex-start;gap:12px;display:flex}.demo-notice p{flex:1;padding:8px 0;font-size:.875rem;line-height:1.5}.demo-notice-x{width:36px;height:36px;color:var(--line-ink);cursor:pointer;background:0 0;border:0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-right:-8px;padding:0;display:inline-flex}.demo-notice-x:hover{background:color-mix(in srgb, var(--line-ink) 10%, transparent)}.demo-notice strong{font-weight:700}