.manual-page{background:var(--background);min-height:100vh;color:var(--foreground)}.manual-main{padding-top:6rem;padding-bottom:5rem}.manual-main--embed{padding-top:2rem}.manual-hero{max-width:42rem;margin-bottom:3rem}.manual-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--primary);margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:inline-block}.manual-hero-title{letter-spacing:-.01em;margin-bottom:.75rem;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:800;line-height:1.15}.manual-hero-subtitle{color:var(--muted-foreground);font-size:1rem;line-height:1.6}.manual-categories{flex-direction:column;gap:3rem;display:flex}.manual-category-head{align-items:center;gap:.625rem;margin-bottom:1.25rem;display:flex}.manual-category-icon{background:color-mix(in srgb,var(--primary)12%,transparent);width:2.25rem;height:2.25rem;color:var(--primary);border-radius:.625rem;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.manual-category-title{letter-spacing:-.01em;font-size:1.25rem;font-weight:700}.manual-topic-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.875rem;display:grid}@media (max-width:640px){.manual-topic-grid{grid-template-columns:1fr}}.manual-topic-card{border:1px solid var(--border);background:var(--card);border-radius:.875rem;justify-content:space-between;align-items:center;gap:.75rem;padding:1.125rem 1.25rem;transition:border-color .2s,transform .2s,box-shadow .2s;display:flex}.manual-topic-card:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--border));box-shadow:0 8px 24px -12px color-mix(in srgb,var(--primary)25%,transparent);transform:translateY(-1px)}.manual-topic-card-body h3{color:var(--foreground);margin-bottom:.25rem;font-size:.9375rem;font-weight:600}.manual-topic-card-body p{color:var(--muted-foreground);font-size:.8125rem;line-height:1.5}.manual-topic-card-arrow{width:1rem;height:1rem;color:var(--muted-foreground);flex-shrink:0;transition:transform .2s,color .2s}.manual-topic-card:hover .manual-topic-card-arrow{color:var(--primary);transform:translate(3px)}.manual-breadcrumb{color:var(--muted-foreground);flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:2rem;font-size:.8125rem;display:flex}.manual-breadcrumb a{color:var(--muted-foreground);transition:color .2s}.manual-breadcrumb a:hover{color:var(--primary)}.manual-breadcrumb-current{color:var(--foreground);font-weight:500}.manual-article-header{margin-bottom:3rem}.manual-article-header h1{letter-spacing:-.01em;margin-bottom:.75rem;font-size:clamp(1.5rem,3.5vw,2.25rem);font-weight:800;line-height:1.2}.manual-article-header p{color:var(--muted-foreground);font-size:1rem;line-height:1.6}.manual-steps{flex-direction:column;gap:2.5rem;margin:0 0 3.5rem;padding:0;list-style:none;display:flex}.manual-step{gap:1.25rem;display:flex}.manual-step-index{background:var(--primary);width:2rem;height:2rem;color:var(--primary-foreground);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.manual-step-body{flex:1;min-width:0}.manual-step-body h2{margin-bottom:.5rem;scroll-margin-top:6rem;font-size:1.0625rem;font-weight:700}.manual-step-body p{color:var(--muted-foreground);margin-bottom:1rem;font-size:.9375rem;line-height:1.65}.manual-step-screenshot{border:1px solid var(--border);background:var(--muted);border-radius:1rem;width:15rem;max-width:100%;overflow:hidden}.manual-step-screenshot-img{width:100%;height:auto;display:block}.manual-step-screenshot--placeholder{aspect-ratio:320/693;color:var(--muted-foreground);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.manual-step-screenshot--placeholder span{font-size:.75rem}.manual-step-link{background:var(--primary);color:var(--primary-foreground);border-radius:.75rem;align-items:center;gap:.5rem;padding:.75rem 1.125rem;font-size:.875rem;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex}.manual-step-link:hover{opacity:.9;transform:translateY(-1px)}.manual-appstore-badge{color:#fff;background:#000;border:1px solid #ffffff2e;border-radius:.75rem;align-items:center;gap:.5rem;padding:.625rem 1.125rem;line-height:1;transition:transform .2s,border-color .2s;display:inline-flex}.manual-appstore-badge:hover{border-color:#ffffff59;transform:translateY(-1px)}.manual-appstore-badge-logo{flex-shrink:0;width:1.25rem;height:1.25rem}.manual-appstore-badge-text{letter-spacing:-.01em;font-size:1.0625rem;font-weight:600}.manual-related{border-top:1px solid var(--border);padding-top:2rem}.manual-related h2{margin-bottom:1rem;font-size:1rem;font-weight:700}.manual-related ul{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.manual-related a{border:1px solid var(--border);background:var(--card);color:var(--foreground);border-radius:.75rem;justify-content:space-between;align-items:center;padding:.875rem 1.125rem;font-size:.875rem;font-weight:500;transition:border-color .2s,color .2s;display:flex}.manual-related a:hover{border-color:color-mix(in srgb,var(--primary)45%,var(--border));color:var(--primary)}.manual-footer{border-top:1px solid var(--border);padding:2rem 0}
