.tutorials-page{max-width:860px;margin:0 auto;padding:2rem 1.5rem 4rem}.public-tutorials-layout{background-color:var(--page);flex-direction:column;min-height:100vh;display:flex}.public-tutorials-layout main{flex:1}.tutorials-hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:2.5rem;display:flex}.tutorials-hero-badge{text-transform:uppercase;letter-spacing:.04em;color:var(--brand-strong);background-color:var(--brand-soft);border:1px solid var(--line);border-radius:9999px;align-items:center;gap:.375rem;margin-bottom:1rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.tutorials-hero h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0 0 .75rem;font-size:clamp(38px,6vw,62px);font-weight:400;line-height:1.05}.tutorials-hero-sub{color:var(--muted);max-width:640px;margin:0 0 1.75rem;font-size:1.125rem;line-height:1.5}.tutorials-search-bar{width:100%;max-width:540px;margin-bottom:1.25rem;position:relative}.tutorials-search-icon{color:var(--muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.tutorials-search-bar input{border:1px solid var(--line);background-color:var(--surface);width:100%;color:var(--ink);box-shadow:var(--shadow-card);border-radius:9999px;padding:.75rem 2.5rem .75rem 2.75rem;font-size:.9375rem}.tutorials-clear-search{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:.8125rem;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.tutorials-categories{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.tutorials-category-pill{border:1px solid var(--line);background-color:var(--surface);color:var(--muted);cursor:pointer;border-radius:9999px;padding:.4rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s}.tutorials-category-pill:hover{background-color:var(--surface-muted)}.tutorials-category-pill.active{background-color:var(--brand);color:var(--solid-text);border-color:var(--brand)}.tutorials-list{flex-direction:column;gap:2rem;display:flex}.tutorial-card{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:1.75rem}.tutorial-card-header{align-items:flex-start;gap:1.25rem;margin-bottom:1.5rem;display:flex}.tutorial-icon-box{border-radius:var(--radius-md);background-color:var(--brand-soft);width:44px;height:44px;color:var(--brand-strong);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tutorial-category-tag{text-transform:uppercase;letter-spacing:.04em;color:var(--brand);margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:inline-block}.tutorial-card-header h2{color:var(--ink);margin:0 0 .5rem;font-size:1.375rem;font-weight:700;line-height:1.3}.tutorial-summary{color:var(--muted);margin:0;font-size:.9375rem;line-height:1.5}.tutorial-steps{flex-direction:column;gap:1.25rem;padding-left:.5rem;display:flex}.tutorial-step-item{gap:1rem;display:flex}.tutorial-step-indicator{flex-direction:column;align-items:center;display:flex}.tutorial-step-number{background-color:var(--brand-soft);border:1px solid var(--line);width:26px;height:26px;color:var(--brand-strong);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8125rem;font-weight:700;display:flex}.tutorial-step-body{flex:1}.tutorial-step-body h3{color:var(--ink);margin:0 0 .25rem;font-size:1rem;font-weight:600}.tutorial-step-body p{color:var(--muted);margin:0;font-size:.875rem;line-height:1.5}.tutorial-tip{background-color:var(--surface-muted);border:1px solid var(--subtle-border);border-radius:var(--radius-sm);color:var(--muted);margin-top:.5rem;padding:.5rem .75rem;font-size:.8125rem;line-height:1.4}.tutorial-card-footer{border-top:1px solid var(--line);justify-content:flex-end;margin-top:1.5rem;padding-top:1rem;display:flex}.tutorial-card-footer .button{align-items:center;gap:.5rem;display:inline-flex}.tutorials-empty{text-align:center;background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--muted);flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1.5rem;display:flex}.tutorials-help-banner{background-color:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;margin-top:3rem;padding:1.5rem 2rem;display:flex}.tutorials-help-banner h2{color:var(--ink);margin:0 0 .25rem;font-size:1.25rem;font-weight:700}.tutorials-help-banner p{color:var(--muted);margin:0;font-size:.875rem}.tutorials-help-actions{flex-wrap:wrap;gap:.75rem;display:flex}