.concept-diagram-page{display:contents}.concept-diagram-panel{min-width:0;min-height:0;color:var(--chart-text);flex-direction:column;flex:1;gap:8px;font-size:1rem;line-height:1.5;display:flex}.concept-diagram-panel>h2{flex:none;margin:0}.concept-diagram-groups{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:0;overflow:auto}.concept-diagram-groups h3{margin:12px 0 6px;font-size:1.125rem;line-height:1.4}.concept-diagram-groups ol{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.concept-diagram-groups li{min-width:0;margin:0;padding:0}.concept-diagram-groups button{border:1px solid var(--cell-line);background:var(--tier-1);width:100%;min-height:44px;color:var(--chart-text);text-align:left;cursor:pointer;border-radius:8px;align-items:center;gap:10px;margin:0;padding:8px 10px;font-size:1rem;line-height:1.4;display:flex}.concept-diagram-groups .concept-diagram-number{opacity:.8;flex:none;min-width:18px;font-size:.75rem}.concept-diagram-groups button:hover{border-color:var(--accent)}.concept-diagram-groups button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.concept-diagram-search{flex-direction:column;flex:none;gap:4px;font-size:.75rem;display:flex}.concept-diagram-search input{border:1px solid var(--cell-line);background:var(--tier-1);width:100%;min-height:44px;color:var(--chart-text);border-radius:8px;padding:8px 10px;font-size:1rem}.concept-diagram-count{flex:none;justify-content:space-between;align-items:center;margin:0;font-size:.75rem;display:flex}.concept-diagram-count button,.concept-diagram-top{border:1px solid var(--cell-line);background:var(--chart-paper);min-height:44px;color:var(--chart-text);cursor:pointer;border-radius:8px;padding:6px 12px;font-size:1rem}.concept-diagram-top{flex:none;align-self:flex-end}.concept-diagram-audio audio{width:100%;max-height:54px}.concept-diagram-viewport{overscroll-behavior:contain;scrollbar-gutter:stable;scroll-behavior:auto;background:var(--chart-paper);flex:1;width:100%;min-width:0;height:100%;min-height:0;overflow:auto;container-type:inline-size}.concept-diagram-content{transform-origin:0 0;width:100%;min-width:0}.concept-diagram-page :is(button,input):focus-visible,.concept-diagram-viewport:focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (max-width:600px) and (orientation:portrait){.concept-diagram-page .fixed-navigation .fixed-section-title{text-overflow:clip;text-align:center;font-weight:400;white-space:normal!important;font-size:1.125rem!important;display:block!important}}.concept-diagram-groups ol[hidden]{display:none}.concept-diagram-groups .concept-diagram-group-toggle{background:var(--chart-paper);justify-content:space-between;font-weight:600}.concept-diagram-groups h3{margin:4px 0 6px}.concept-diagram-content:has(>.tnnd-diagram){height:100%;min-height:100%}