.navigation-lesson .lesson-header h1{overflow-wrap:anywhere;hyphens:auto}.navigation-demo{margin:28px 0;min-width:0}.navigation-demo-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px}.navigation-demo-controls label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}.navigation-demo-controls select{width:100%;min-height:44px;padding:10px;background:#fff;color:#172033;border:1px solid #64748b;border-radius:8px;font:inherit}.navigation-demo-controls .navigation-demo-text{display:flex;align-items:center;min-height:44px;gap:10px}.navigation-demo-text input{width:20px;height:20px;accent-color:#4338ca;flex-shrink:0}.navigation-demo .navigation-demo-note{font-size:13px;color:#475569;line-height:1.8}.navigation-demo-container{container-type:inline-size;container-name:navigation-demo}.navigation-demo-app{display:grid;grid-template-columns:210px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:620px;background:#f5f7fb;border:1px solid #cbd5e1;border-radius:14px;overflow:hidden;font-size:calc(16px * var(--nav-text-scale));color:#172033}.navigation-demo-sidebar{padding:16px;border-right:1px solid #cbd5e1;background:#fff;overflow-y:auto;min-height:0}.navigation-demo-sidebar>div+div{margin-top:24px}.navigation-demo-sidebar p{font-size:.75em;color:#475569;margin:0 0 12px}.navigation-demo .navigation-demo-item{display:flex;align-items:center;gap:.5em;padding:.6em;min-height:52px;border:2px solid transparent;border-radius:8px;color:#334155;font-size:.875em;line-height:1.5;min-width:0;overflow-wrap:anywhere;hyphens:auto;text-decoration:none}.navigation-demo-sidebar .navigation-demo-item{flex-wrap:wrap;margin:6px 0}.navigation-demo-item>span:not(.navigation-demo-icon){min-width:0}.navigation-demo-icon{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:5px}.navigation-demo-icon svg{flex-shrink:0}.navigation-demo .navigation-demo-item[aria-current=page]{background:#eef2ff;color:#3427a8;font-weight:700;border-color:#4338ca}.navigation-demo .navigation-demo-item[data-group-active=true]{border-style:dashed;border-color:#64748b}.navigation-demo .navigation-demo-item:hover:not([aria-disabled=true]){text-decoration:underline;text-underline-offset:3px}.navigation-demo-badge{display:inline-grid;place-items:center;padding:2px 5px;min-width:1.5em;border-radius:20px;background:#172033;color:#fff;font-size:.85em;line-height:1.4;font-variant-numeric:tabular-nums}.navigation-demo .navigation-demo-disabled{border:1px dashed #64748b;background:#f1f5f9;color:#475569}.navigation-demo-disabled small{display:block;font-size:.85em;width:100%}.navigation-demo-content{min-width:0;min-height:0;overflow-y:auto;padding:24px}.navigation-demo-content .navigation-demo-kicker{font-size:.7em;letter-spacing:.07em;color:#475569;margin:0 0 12px}.navigation-demo-content h3{margin:0 0 16px;font-size:1.75em;line-height:1.25;overflow-wrap:anywhere;hyphens:auto}.navigation-demo-content h4{font-size:1.05em;line-height:1.4;margin:0 0 12px}.navigation-demo-content p{font-size:.95em;line-height:1.8;margin:12px 0;overflow-wrap:anywhere}.navigation-demo-content .navigation-demo-context{font-size:.85em;padding:12px;border-left:3px solid #4338ca;background:#eef2ff}.navigation-demo-card{margin:22px 0;padding:18px;background:#fff;border:1px solid #cbd5e1;border-radius:10px}.navigation-demo-content .navigation-demo-last{display:inline-block;padding:12px;font-size:.95em;border:1px solid #64748b;border-radius:8px;color:#3427a8;text-decoration:underline;overflow-wrap:anywhere}.navigation-demo-content .navigation-demo-end{color:#475569;font-size:.85em}.navigation-demo-more{display:grid;gap:12px;margin-top:20px}.navigation-demo-more .navigation-demo-item{background:#fff;border-color:#cbd5e1;flex-wrap:wrap}.navigation-demo-bottom{display:none}.navigation-demo :is(a,select,input,[tabindex]):focus-visible{outline:3px solid #4338ca;outline-offset:-3px}@container navigation-demo (max-width: 600px){.navigation-demo-app{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.navigation-demo-sidebar{display:none}.navigation-demo-content{padding:18px}.navigation-demo-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;border-top:1px solid #64748b;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px));background:#fff}.navigation-demo-bottom .navigation-demo-item{flex-direction:column;justify-content:start;padding:5px 2px;gap:4px;border-radius:6px;text-align:center;min-height:60px;font-size:.75em}.navigation-demo-bottom .navigation-demo-icon{min-height:30px}}@media(max-width:600px){.navigation-demo-controls{grid-template-columns:minmax(0,1fr)}}.navigation-usage{margin:24px 0;max-width:100%;overflow-x:auto;padding:4px}.navigation-usage table{width:100%;border-collapse:collapse;font-size:14px}.navigation-usage caption{text-align:left;margin-bottom:12px;color:#475569}.navigation-usage :is(th,td){padding:12px;border-bottom:1px solid #cbd5e1;text-align:left}.navigation-usage:focus-visible{outline:3px solid #4338ca}