.menu-card-preview{align-content:center;gap:4px;padding:13px;display:grid}.menu-card-preview span{color:#74747e;border-radius:5px;padding:6px 7px;font-size:8px}.menu-card-preview span:first-child{color:var(--accent);background:#edf1ff;font-weight:750}.menu-card-preview>small{color:#7b87a0;font-size:9px;font-weight:800}.menu-card-preview nav{gap:3px;min-width:0;display:grid}.menu-card-preview nav :is(b,span){color:#69758d;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;align-items:center;min-width:0;min-height:23px;padding:4px 7px;font-size:10px;font-weight:700;display:flex;overflow:hidden}.menu-card-preview nav b[aria-current=page]{color:#415dbf;background:#edf1ff;border-left:3px solid #536bd2;padding-left:4px}.menu-card-preview>p{color:#69758d;margin:0;font-size:9px;line-height:1.35}.term-card .term-preview.menu-card-stage{color:#4e4e58;grid-template-rows:auto auto;grid-template-columns:minmax(0,88px) minmax(0,1fr);align-content:center;gap:8px 10px;min-height:150px;padding:11px 12px;display:grid}.menu-card-rail{border:1px solid var(--line);background:var(--soft);border-radius:7px;align-content:start;gap:4px;padding:7px 6px;display:grid}.term-card .term-preview.menu-card-stage .menu-card-rail small{color:#8a8b94;letter-spacing:.02em;font-size:8px;font-weight:800}.menu-card-rail ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.menu-card-rail li{color:#6a6b73;border-radius:5px;align-items:center;gap:5px;padding:4px 5px;font-size:9px;font-weight:700;display:flex}.menu-card-rail li b{background:var(--color-white);border:1px solid var(--line);color:#6a6b73;border-radius:4px;place-items:center;width:16px;height:16px;font-size:9px;font-style:normal;font-weight:800;display:grid}.menu-card-rail li.is-current{border-left:3px solid var(--ink);background:var(--color-white);color:var(--ink);padding-left:4px;font-weight:800}.menu-card-rail li.is-current b{background:var(--ink);border-color:var(--ink);color:var(--color-white)}.menu-card-panel{border:1px solid var(--line);background:var(--color-white);border-radius:7px;align-content:center;gap:4px;padding:9px 10px;display:grid}.menu-card-crumb{color:#8a8b94;font-size:8px;font-weight:800}.menu-card-title{color:var(--ink);font-size:12px;font-weight:800}.menu-card-summary{color:#5a5b63;font-size:9px;font-weight:650}.menu-card-cta-mark{background:var(--ink);color:var(--color-white);border-radius:99px;place-self:start;margin-top:2px;padding:2px 7px;font-size:8px;font-style:normal;font-weight:800}.menu-card-conclusion{border-top:1px dashed var(--line);grid-column:1/-1;gap:2px;margin:0;padding-top:6px;display:grid}.menu-card-conclusion b{color:var(--ink);font-size:10px;font-weight:800}.menu-card-conclusion span{color:#6a6b73;font-size:9px;line-height:1.5}.term-interactive-demo.menu-lab-demo{border-color:var(--line);background:var(--color-white);gap:12px}.menu-lab-controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.menu-lab-control-label{color:#6a6b73;font-size:11px;font-weight:800}.term-interactive-demo.menu-lab-demo .menu-lab-controls button{border:1px solid var(--line);background:var(--color-white);min-height:30px;color:var(--ink);font:inherit;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:700}.term-interactive-demo.menu-lab-demo .menu-lab-controls button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.menu-lab-demo .menu-lab-controls button[aria-pressed=true],.term-interactive-demo.menu-lab-demo .menu-lab-controls button[aria-pressed=true]:hover{border-color:var(--ink);background:var(--soft);color:var(--ink);box-shadow:inset 0 -2px 0 var(--ink);font-weight:800}.term-interactive-demo.menu-lab-demo .menu-lab-reset{margin-left:auto}.menu-lab-workspace{border:1px solid var(--line);background:var(--color-white);border-radius:10px;grid-template-columns:minmax(0,184px) minmax(0,1fr);gap:0;display:grid;overflow:hidden}.menu-lab-rail{border-right:1px solid var(--line);background:var(--soft);padding:10px 8px}.menu-lab-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.menu-lab-sub{border-left:1px solid #d4d5dc;gap:2px;margin:2px 0 4px 12px;padding-left:8px;list-style:none;display:grid}.term-interactive-demo.menu-lab-demo .menu-lab-item{color:#3f4048;width:100%;min-height:32px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;font-weight:650;display:flex}.term-interactive-demo.menu-lab-demo .menu-lab-item:hover{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.menu-lab-demo .menu-lab-item:focus-visible{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink);background:var(--color-white);color:var(--ink)}.term-interactive-demo.menu-lab-demo .menu-lab-item.is-current,.term-interactive-demo.menu-lab-demo .menu-lab-item.is-current:hover{border:1px solid #0000;border-left:3px solid var(--ink);background:var(--color-white);color:var(--ink);font-weight:800}.term-interactive-demo.menu-lab-demo .menu-lab-item.is-current:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.menu-lab-item.menu-lab-parent{color:#2a2b32;font-weight:750}.menu-lab-icon{background:var(--color-white);border:1px solid var(--line);color:#4e4e58;border-radius:5px;flex:none;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid}.menu-lab-item.is-current .menu-lab-icon{background:var(--ink);border-color:var(--ink);color:var(--color-white)}.menu-lab-label{flex:auto;min-width:0}.menu-lab-caret{color:#8a8b94;font-size:11px;font-weight:800}.menu-lab-panel{align-content:start;gap:8px;min-height:220px;padding:12px 14px;display:grid}.menu-lab-crumb{color:#8a8b94;letter-spacing:.02em;font-size:11px;font-weight:800}.menu-lab-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.menu-lab-head h3{color:var(--ink);margin:0;font-size:16px;font-weight:800}.menu-lab-badge{border-radius:99px;padding:2px 9px;font-size:11px;font-weight:800}.menu-lab-badge.is-good{color:#1f6a3a;background:#e6f7ec}.menu-lab-badge.is-info{background:var(--soft);color:var(--ink);border:1px solid var(--line)}.menu-lab-desc{color:#5a5b63;margin:0;font-size:12.5px;line-height:1.55}.menu-lab-body{gap:6px;display:grid}.menu-lab-tiles{flex-wrap:wrap;gap:8px;display:flex}.menu-lab-tiles span{border:1px solid var(--line);background:var(--soft);border-radius:8px;justify-items:center;gap:1px;min-width:64px;padding:8px 12px;display:grid}.menu-lab-tiles b{color:var(--ink);font-size:18px;font-weight:800}.menu-lab-tiles small{color:#6a6b73;font-size:11px;font-weight:700}.menu-lab-rows{gap:4px;margin:0;padding:0;list-style:none;display:grid}.menu-lab-rows li{border:1px solid var(--line);background:var(--color-white);color:#3f4048;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:12.5px;display:flex}.menu-lab-rows li i{color:#6a6b73;font-size:11px;font-style:normal;font-weight:700}.menu-lab-rows li.is-new:after{content:"新";background:var(--ink);color:var(--color-white);border-radius:99px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:800}.menu-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:2px;display:flex}.term-interactive-demo.menu-lab-demo .menu-lab-cta{color:#f4fffb;min-height:34px;font:inherit;cursor:pointer;background:#173c43;border:1px solid #173c43;border-radius:7px;padding:8px 16px;font-size:13px;font-weight:800}.term-interactive-demo.menu-lab-demo .menu-lab-cta:hover:not(:disabled){color:#f4fffb;background:#245863;border-color:#245863}.term-interactive-demo.menu-lab-demo .menu-lab-cta:focus-visible{outline-offset:2px;outline:3px solid #54c7ad}.term-interactive-demo.menu-lab-demo .menu-lab-cta:disabled{background:var(--soft);border-color:var(--line);color:#6a6b73;cursor:not-allowed}.menu-lab-hint{color:#8a8b94;flex:1;min-width:160px;font-size:12px;line-height:1.5}.menu-lab-status{border-left:3px solid var(--ink);background:var(--soft);color:#4e4e58;border-radius:5px;gap:2px;margin:0;padding:9px 11px;font-size:12.5px;line-height:1.55;display:grid}.menu-lab-status-focus{color:var(--ink);font-size:11.5px;font-weight:800}.menu-lab-status-msg{color:#4e4e58}.term-card .term-preview.menu-card-stage{--menu-night:#172a30;--menu-slate:#284650;--menu-mint:#8fe0c2;--menu-paper:#f2f8f5;--menu-ink:#16332d;color:var(--menu-ink);background:#dbece5}.term-card .term-preview.menu-card-stage .menu-card-rail{background:var(--menu-night);border-color:#31515a}.term-card .term-preview.menu-card-stage .menu-card-rail small{color:#bad5ca}.term-card .term-preview.menu-card-stage .menu-card-rail li{color:#d7e8e1}.term-card .term-preview.menu-card-stage .menu-card-rail li b{background:var(--menu-slate);color:#e8f5ef;border-color:#52707a}.term-card .term-preview.menu-card-stage .menu-card-rail li.is-current{border-left-color:var(--menu-mint);color:#f5fffb;background:#294a53}.term-card .term-preview.menu-card-stage .menu-card-rail li.is-current b{border-color:var(--menu-mint);background:var(--menu-mint);color:var(--menu-ink)}.term-card .term-preview.menu-card-stage .menu-card-panel{background:var(--menu-paper);border-color:#adc9bd}.term-card .term-preview.menu-card-stage .menu-card-crumb{color:#547268}.term-card .term-preview.menu-card-stage .menu-card-title,.term-card .term-preview.menu-card-stage .menu-card-conclusion b{color:var(--menu-ink)}.term-card .term-preview.menu-card-stage .menu-card-summary,.term-card .term-preview.menu-card-stage .menu-card-conclusion span{color:#38584d}.term-card .term-preview.menu-card-stage .menu-card-cta-mark{background:var(--menu-ink);color:#f5fffb}.term-card .term-preview.menu-card-stage .menu-card-conclusion{border-top-color:#9cbbae}.term-interactive-demo.menu-lab-demo{--menu-night:#172a30;--menu-slate:#284650;--menu-mint:#8fe0c2;--menu-paper:#f2f8f5;--menu-ink:#16332d;background:#e3f0ea;border-color:#42636a}.term-interactive-demo.menu-lab-demo .menu-lab-controls button{background:var(--menu-paper);color:var(--menu-ink);border-color:#9fbbb0}.term-interactive-demo.menu-lab-demo .menu-lab-controls button:hover,.term-interactive-demo.menu-lab-demo .menu-lab-controls button[aria-pressed=true],.term-interactive-demo.menu-lab-demo .menu-lab-controls button[aria-pressed=true]:hover{border-color:var(--menu-ink);color:var(--menu-ink);box-shadow:inset 0 -2px 0 var(--menu-ink);background:#d3e7dc}.menu-lab-workspace{background:var(--menu-paper);border-color:#42636a}.menu-lab-rail{background:var(--menu-night);border-right-color:#42636a}.menu-lab-sub{border-left-color:#53707a}.term-interactive-demo.menu-lab-demo .menu-lab-item{color:#d7e8e1}.term-interactive-demo.menu-lab-demo .menu-lab-item:hover{background:var(--menu-slate);color:#f5fffb;border-color:#73939a}.term-interactive-demo.menu-lab-demo .menu-lab-item:focus-visible,.term-interactive-demo.menu-lab-demo .menu-lab-item.is-current:focus-visible{outline-color:var(--menu-mint);border-color:var(--menu-mint);color:#f5fffb;background:#294a53}.term-interactive-demo.menu-lab-demo .menu-lab-item.is-current,.term-interactive-demo.menu-lab-demo .menu-lab-item.is-current:hover{border-left-color:var(--menu-mint);color:#f5fffb;background:#294a53}.menu-lab-item.menu-lab-parent{color:#f5fffb}.menu-lab-icon{background:var(--menu-slate);color:#e8f5ef;border-color:#52707a}.menu-lab-item.is-current .menu-lab-icon{border-color:var(--menu-mint);background:var(--menu-mint);color:var(--menu-ink)}.menu-lab-caret{color:#bad5ca}.menu-lab-panel{background:var(--menu-paper)}.menu-lab-crumb{color:#547268}.menu-lab-head h3,.menu-lab-tiles b{color:var(--menu-ink)}.menu-lab-badge.is-info,.menu-lab-tiles span{color:var(--menu-ink);background:#deeee6;border-color:#adc9bd}.menu-lab-desc,.menu-lab-tiles small,.menu-lab-rows li,.menu-lab-rows li i,.menu-lab-hint,.menu-lab-status,.menu-lab-status-msg{color:#38584d}.menu-lab-rows li{background:#fbfffd;border-color:#adc9bd}.menu-lab-rows li.is-new{border-color:var(--menu-ink);background:#dff4e9}.menu-lab-rows li.is-new:after{background:var(--menu-ink);color:#f5fffb}.menu-lab-status{border-left-color:var(--menu-ink);background:#d3e7dc}.menu-lab-status-focus{color:var(--menu-ink)}.menu-lab-workspace.is-narrow{grid-template-columns:minmax(0,56px) minmax(0,1fr)}.menu-lab-workspace.is-narrow .menu-lab-rail{padding:10px 6px}.menu-lab-workspace.is-narrow .menu-lab-label,.menu-lab-workspace.is-narrow .menu-lab-caret{display:none}.menu-lab-workspace.is-narrow .menu-lab-item{justify-content:center;padding:6px 4px}.menu-lab-workspace.is-narrow .menu-lab-icon{width:28px;height:28px;font-size:13px}.menu-lab-workspace.is-narrow .menu-lab-sub{margin:2px 0 4px;padding-left:4px}.menu-knowledge-list,.menu-when-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.menu-knowledge-list li,.menu-when-list li{border:1px solid var(--line);background:var(--color-white);color:#4e4e58;border-radius:7px;padding:9px 11px;font-size:13px;line-height:1.55}.menu-how-list{margin:0;padding-left:20px}.menu-how-list li{border:1px solid var(--line);background:var(--color-white);color:#4e4e58;border-radius:7px;margin-bottom:8px;padding:9px 11px;font-size:13px;line-height:1.55}.menu-knowledge-list b,.menu-when-list b,.menu-how-list b{color:var(--ink)}.menu-knowledge-list code,.menu-when-list code,.menu-how-list code{color:#3a3c44;font-family:var(--font-geist-mono), ui-monospace, monospace;background:#eceef2;border-radius:3px;padding:1px 5px;font-size:12px}.menu-example-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.menu-example{border:1px solid var(--line);background:var(--color-white);border-radius:9px;gap:6px;padding:12px 13px;display:grid}.menu-example header{align-items:center;gap:8px;display:flex}.menu-example header span{border-radius:4px;padding:2px 8px;font-size:11px;font-weight:800}.menu-example header b{color:var(--ink);font-size:13px}.menu-example p{color:#4e4e58;margin:0;font-size:12.5px;line-height:1.55}.menu-example.is-good{background:#f3faf5;border-color:#b9d8c2}.menu-example.is-good header span{color:#fff;background:#1f6a3a}.menu-example.is-bad{background:#fdf3f4;border-color:#e8c7ca}.menu-example.is-bad header span{color:#fff;background:#a83a44}@media (max-width:560px){.menu-lab-workspace{grid-template-columns:minmax(0,132px) minmax(0,1fr)}.menu-lab-workspace.is-narrow{grid-template-columns:minmax(0,48px) minmax(0,1fr)}.term-interactive-demo.menu-lab-demo .menu-lab-reset{margin-left:0}.menu-example-grid{grid-template-columns:1fr}}