.tut-head{margin-bottom:var(--space-xl)}.tut-head h1{margin:0 0 var(--space-sm)}.tut-lead{margin:0;font-size:.92rem}.tut-layout{display:grid;grid-template-columns:250px minmax(0,1fr);gap:var(--space-xl) 64px;align-items:start}.tut-nav{position:sticky;top:var(--space-md);display:grid;gap:var(--space-md);max-height:calc(100dvh - 130px);overflow-y:auto;padding-right:4px}.tut-nav-title{font-family:var(--font-display);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-light);padding-bottom:5px;border-bottom:1px solid var(--border);margin-bottom:4px}.tut-nav a{display:block;padding:5px 8px;color:var(--text);text-decoration:none;font-size:.93rem;line-height:1.35;border-left:1px solid transparent}.tut-nav a:hover{color:var(--text-dark);background:var(--accent-light)}.tut-nav a.active{color:var(--text-dark);border-left-color:var(--accent);background:var(--accent-light)}.tut-chapter{min-width:0}.tut-chapter>.tut-shot{margin-inline:auto}.tut-chapter[hidden]{display:none}.tut-chapter>h2{margin:0 0 var(--space-md);display:flex;align-items:center;gap:14px;text-align:right}.tut-chapter>h2::before{content:'';flex:1 1 auto;min-width:20px;height:1px;background:linear-gradient(90deg,transparent,var(--border))}.tut-chapter h3{margin:var(--space-xl) 0 var(--space-sm);color:var(--text-dark)}.tut-chapter h4{margin:var(--space-lg) 0 var(--space-xs);color:var(--accent)}.tut-chapter p{margin:0 0 var(--space-sm);line-height:1.65}.tut-chapter b{color:var(--text-dark);font-weight:600}.tut-chapter ul{margin:0 0 var(--space-md);padding-left:1.2em;line-height:1.6}.tut-chapter ul li{margin-bottom:4px}.tut-steps{list-style:none;counter-reset:tut;margin:0 0 var(--space-md);padding:0;display:grid;gap:8px}.tut-steps li{counter-increment:tut;position:relative;padding-left:36px;line-height:1.6}.tut-steps li::before{content:counter(tut);position:absolute;left:0;top:1px;width:23px;height:23px;display:grid;place-items:center;font:600 .75rem var(--font-display);color:var(--accent);border:1px solid var(--border)}.tut-note{position:relative;margin:var(--space-md) 0;padding:11px 16px;background:var(--bg-white);border:1px solid var(--border);line-height:1.6}.tut-note::before,.tut-note::after{content:'';position:absolute;width:10px;height:10px;pointer-events:none}.tut-note::before{left:-1px;top:-1px;border-left:2px solid var(--accent);border-top:2px solid var(--accent)}.tut-note::after{right:-1px;bottom:-1px;border-right:2px solid var(--accent);border-bottom:2px solid var(--accent)}.tut-chapter kbd{font:600 .8rem var(--font-display);letter-spacing:.03em;color:var(--text-dark);padding:0 6px;border:1px solid var(--border);background:var(--bg-soft);white-space:nowrap}.tut-table{width:100%;border-collapse:collapse;margin:0 0 var(--space-md)}.tut-table th{text-align:left;font:600 .72rem var(--font-display);letter-spacing:.12em;text-transform:uppercase;color:var(--text-light);padding:0 12px 6px 0;border-bottom:1px solid var(--border)}.tut-table td{vertical-align:top;padding:7px 12px 7px 0;border-bottom:1px solid rgba(28,58,88,.55);line-height:1.5}.tut-table td:first-child{width:34%;color:var(--text-dark)}.tut-table a{overflow-wrap:anywhere}.tut-urls td:first-child{width:1%;white-space:nowrap;padding-right:28px}.tut-urls a{white-space:nowrap}.tut-shot{margin:var(--space-md) 0 var(--space-lg);max-width:100%;width:fit-content}.tut-wide{width:100%}.tut-wide img{width:100%}.tut-shot img{display:block;margin-inline:auto;max-width:100%;height:auto;border:1px solid var(--border);cursor:zoom-in}.tut-shot img:hover{border-color:var(--accent)}.tut-shot figcaption{margin:6px auto 0;color:var(--text-light);font-size:.85rem;line-height:1.4;text-align:center}.tut-with-side{display:grid;grid-template-columns:minmax(0,1fr) 300px;column-gap:var(--space-lg);align-items:start;margin:var(--space-md) 0 var(--space-lg)}.tut-with-side:has(>.tut-side-text>h3:first-child){margin-top:var(--space-xl)}.tut-with-side>.tut-side{grid-column:2;grid-row:1;width:300px;margin:4px 0 0}.tut-side-text{grid-column:1;grid-row:1;min-width:0}.tut-chapter .tut-side-text>:first-child{margin-top:0}.tut-shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);margin:var(--space-md) 0 var(--space-lg);align-items:start}.tut-shots .tut-shot{margin:0;width:auto}.tut-shots .tut-shot img{width:100%}.tut-pager{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-md) var(--space-xl);margin-top:var(--space-xl);padding-top:var(--space-md);border-top:1px solid var(--border)}.tut-pager-item{display:flex;flex-direction:column;align-items:flex-start;gap:6px;max-width:100%}.tut-pager-next{margin-left:auto;align-items:flex-end;text-align:right}.tut-pager span{font-size:.85rem;line-height:1.35;color:var(--text-light)}.tut-pager a{padding:9px 28px;background:var(--accent-light);color:var(--text-dark);font-size:.85rem;text-decoration:none}.tut-pager a:hover{background:var(--accent);color:#04101d}.tut-nav-sub{display:none;margin:2px 0 6px 10px;padding-left:2px;border-left:1px solid var(--border)}.tut-nav-sub.open{display:block}.tut-nav-sub a{padding:3px 8px;font-size:.86rem;border-left:0;color:var(--text-light)}.tut-nav-sub a.active{box-shadow:inset 2px 0 0 var(--accent)}.tut-subpages{margin:var(--space-sm) 0 var(--space-lg)}.tut-subpage{display:grid;grid-template-columns:220px minmax(0,1fr);gap:2px 16px;padding:5px 0;color:var(--text);text-decoration:none;line-height:1.5}.tut-subpage b{color:var(--accent);font-weight:600}.tut-subpage:hover b{text-decoration:underline}.tut-subpage:hover span{color:var(--text-dark)}.tut-search input{width:100%;box-sizing:border-box;padding:8px 10px;background:var(--bg-white);border:1px solid var(--border);border-radius:0;color:var(--text-dark);font:inherit;font-size:.9rem;outline:0}.tut-search input:focus{border-color:var(--accent)}.tut-search input::placeholder{color:var(--text-light)}.tut-results[hidden],.tut-backhits[hidden]{display:none}.tut-results-head{margin:0 0 var(--space-md);color:var(--text-light);font-size:.9rem}.tut-result-chapter{margin:0 0 var(--space-lg)}.tut-result-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin:0 0 6px;padding-bottom:5px;border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:1rem;color:var(--text-dark)}.tut-result-title small{font-size:.78rem;font-family:inherit;color:var(--text-light)}.tut-result-title a{color:inherit;text-decoration:none}.tut-result-title a:hover{color:var(--accent)}.tut-result{display:block;padding:8px 10px;color:var(--text);text-decoration:none;border-left:1px solid transparent;line-height:1.5;font-size:.9rem}.tut-result b{display:block;color:var(--text-dark);font-weight:600}.tut-result:hover{background:var(--accent-light);border-left-color:var(--accent)}.tut-results mark,.tut-hit mark{background:var(--accent-light);color:var(--text-dark);box-shadow:inset 0 -1px 0 var(--accent)}.tut-backhits{display:inline-block;margin-bottom:var(--space-sm);font-size:.85rem;color:var(--text-light);text-decoration:none}.tut-backhits:hover{color:var(--accent)}.tut-backhits::before{content:'←';margin-right:6px}.tut-hit{outline:1px solid var(--accent);outline-offset:4px}@media(max-width:1380px){.tut-urls a{white-space:normal}}@media(max-width:1200px){.tut-with-side{display:block}.tut-with-side>.tut-side{width:fit-content;margin:0 auto var(--space-md)}}@media(max-width:900px){.tut-layout{grid-template-columns:minmax(0,1fr);gap:var(--space-lg)}.tut-nav{position:static;max-height:none;overflow:visible;padding:12px 14px;border:1px solid var(--border);background:var(--bg-white)}.tut-shots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tut-subpage{grid-template-columns:minmax(0,1fr)}.tut-table thead{display:none}.tut-table,.tut-table tbody,.tut-table tr,.tut-table td{display:block;width:auto!important}.tut-table tr{padding:7px 0;border-bottom:1px solid rgba(28,58,88,.55)}.tut-table td{border:0;padding:0}}