#tutorial_sequence_panel { --information-dialog-max-width:1600px; height:min(100dvh, max(320px, calc(100dvh - 16px))); }
#tutorial_sequence_panel[open] { display:flex; flex-direction:column; }
#tutorial_sequence_title { font-size:28px; }
#tutorial_sequence_close { flex:none; min-width:64px; min-height:44px; }
#tutorial_sequence_content { flex:1; min-height:0; overflow:auto; overscroll-behavior:contain; }
#tutorial_sequence_content table { border-collapse:separate; border-spacing:0; width:100%; min-width:1120px; table-layout:fixed; font-size:14px; }
#tutorial_sequence_content th { position:sticky; top:0; z-index:1; background:var(--information-control); text-align:left; }
#tutorial_sequence_content th, #tutorial_sequence_content td { box-sizing:border-box; padding:12px; border-bottom:1px solid var(--information-border); border-right:1px solid var(--information-border); vertical-align:top; overflow-wrap:anywhere; }
#tutorial_sequence_content p { margin:6px 0; }
#tutorial_sequence_content small { display:block; margin-top:8px; }
#tutorial_sequence_panel summary { cursor:pointer; color:var(--information-accent); }
#tutorial_sequence_panel pre { white-space:pre-wrap; overflow-wrap:anywhere; font:12px/1.5 monospace; }
#tutorial_sequence_content:focus-visible, #tutorial_sequence_panel summary:focus-visible { outline:2px solid var(--information-accent); outline-offset:-3px; }

#tutorial_sequence_header { position:relative; display:grid; grid-template-columns:1fr auto; gap:6px 12px; }
#tutorial_sequence_title { grid-column:1; }
#tutorial_sequence_close { grid-column:2; grid-row:1 / 3; }
#tutorial_sequence_meta { grid-column:1; font-size:13px; min-width:0; }
#tutorial_sequence_build { margin:0; overflow-wrap:anywhere; }
#tutorial_sequence_about_content { position:absolute; z-index:5; left:8px; right:8px; top:100%; max-height:calc(100dvh - 200px); overflow:auto; padding:16px; border:2px solid var(--information-border); background:var(--information-surface); box-shadow:0 8px 24px #3e263433; }
#tutorial_sequence_about:not([open]) #tutorial_sequence_about_content { display:none; }
#tutorial_sequence_content th:nth-child(1) { width:7%; }
#tutorial_sequence_content th:nth-child(2) { width:16%; }
#tutorial_sequence_content th:nth-child(3) { width:16%; }
#tutorial_sequence_content th:nth-child(4) { width:18%; }
#tutorial_sequence_content th:nth-child(5) { width:18%; }
#tutorial_sequence_content th:nth-child(6) { width:10%; }
#tutorial_sequence_content th:nth-child(7) { width:15%; }
#tutorial_sequence_content:has(td:nth-child(2) details[open]) th:nth-child(1) { width:5.6667%; }
#tutorial_sequence_content:has(td:nth-child(2) details[open]) th:nth-child(2) { width:32%; }
#tutorial_sequence_content:has(td:nth-child(2) details[open]) th:nth-child(3) { width:12.9524%; }
#tutorial_sequence_content:has(td:nth-child(2) details[open]) th:nth-child(4), #tutorial_sequence_content:has(td:nth-child(2) details[open]) th:nth-child(5) { width:14.5714%; }
#tutorial_sequence_content:has(td:nth-child(2) details[open]) th:nth-child(6) { width:8.0952%; }
#tutorial_sequence_content:has(td:nth-child(2) details[open]) th:nth-child(7) { width:12.1429%; }

#tutorial_sequence_content th:first-child { white-space:nowrap; padding-inline:4px; font-size:12px; }

#tutorial_sequence_open[hidden] { display:none; }