.tutorials-page{max-width:1120px}.tutorial-intro{margin-bottom:24px;max-width:72ch}.tutorial-eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--accent)}.tutorial-intro h2{font-size:clamp(1.3rem,2.2vw,1.8rem);margin:7px 0}.tutorial-intro p{color:var(--muted);margin:0;line-height:1.7}.tutorial-guide{margin:0 0 12px;border:1px solid var(--border);border-radius:12px;background:var(--card);scroll-margin-top:calc(var(--ui-top) + 18px)}.tutorial-guide>summary{list-style:none;display:flex;align-items:center;gap:16px;padding:20px 22px;cursor:pointer}.tutorial-guide>summary::-webkit-details-marker{display:none}.tutorial-guide>summary>span:nth-child(2){flex:1;min-width:0}.tutorial-guide>summary h2{font-size:1.05rem;margin:0;line-height:1.4}.tutorial-guide>summary p{font-size:.87rem;margin:4px 0 0;color:var(--muted)}.tutorial-guide>summary>svg{color:var(--muted);transition:transform .15s}.tutorial-guide[open]>summary>svg{transform:rotate(180deg)}.tutorial-guide[open]>summary{border-bottom:1px solid var(--border)}.tutorial-number{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto;background:rgb(var(--scheme-selected-rgb,155 232 189)/.07);border:1px solid var(--border);color:var(--accent);font-size:.85rem;font-weight:700}.tutorial-content{padding:22px;line-height:1.75;min-width:0}.tutorial-content>p:first-child{margin-top:0}.tutorial-content h3{font-size:1rem;margin:24px 0 12px}.tutorial-steps{margin:0;padding-left:24px;max-width:88ch}.tutorial-steps li{padding-left:5px;margin-bottom:15px;overflow-wrap:anywhere}.tutorial-steps li::marker{color:var(--accent);font-weight:600}.tutorial-steps strong{color:var(--text)}.tutorial-note{font-size:.9rem;color:var(--scheme-text-soft,var(--text));padding:14px 17px;border-left:3px solid var(--accent);background:rgb(var(--scheme-selected-rgb,155 232 189)/.035);margin:20px 0}.tutorial-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 22px;margin-top:24px;font-size:.9rem}.tutorial-actions a{overflow-wrap:anywhere}.tutorial-hardware-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}.tutorial-hardware-choices button{display:flex;align-items:center;gap:12px;min-width:0;padding:16px;text-align:left;background:transparent;border:1px solid var(--border);color:var(--text)}.tutorial-hardware-choices button[aria-selected=true]{border-color:var(--accent);background:rgb(var(--scheme-selected-rgb,155 232 189)/.06);color:var(--accent)}.tutorial-hardware-choices small{display:block;font-size:.78rem;color:var(--muted);margin-top:4px}.tutorial-limiters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tutorial-limiters>div{border:1px solid var(--border);border-radius:9px;padding:16px}.tutorial-limiters p{font-size:.87rem;margin:6px 0 0;color:var(--muted)}.tutorial-extra{border:1px solid var(--border);border-radius:9px;padding:13px 16px;font-size:.9rem;margin-top:20px}.tutorial-extra>summary{cursor:pointer;color:var(--muted)}.tutorial-extra p{overflow-wrap:anywhere}.tutorial-extra h4{margin:20px 0 6px}.tutorial-extra h4+p{margin-top:0}.tutorial-status{font-size:.72rem;padding:5px 10px;border:1px solid var(--border);border-radius:20px;color:var(--muted);white-space:nowrap}.tutorial-team-notes p{white-space:pre-wrap}.tutorial-content [id]{scroll-margin-top:calc(var(--ui-top) + 22px)}
@media(max-width:650px){.tutorial-guide>summary{gap:11px;padding:17px 14px;flex-wrap:wrap}.tutorial-guide>summary>span:nth-child(2){flex-basis:calc(100% - 92px)}.tutorial-guide>summary h2{font-size:.97rem}.tutorial-guide>summary p{font-size:.8rem}.tutorial-content{padding:18px 15px;font-size:.92rem}.tutorial-number{width:32px;height:32px;font-size:.78rem}.tutorial-hardware-choices{grid-template-columns:1fr;gap:8px}.tutorial-hardware-choices button{padding:12px 14px}.tutorial-hardware-choices small{display:inline;margin-left:8px}.tutorial-limiters{grid-template-columns:1fr;gap:9px}.tutorial-actions{gap:14px}.tutorial-status{margin-left:43px}.tutorial-guide>summary>.tutorial-status+svg{margin-left:auto}.tutorial-guide>summary>.tutorial-status{order:3}.tutorial-guide>summary>.tutorial-status+svg{order:2}}