@font-face{font-family:"Momenmu Jakarta";font-style:normal;font-weight:400 700;font-display:swap;src:url("fonts/jakarta-400-700.woff2") format("woff2")}
html body.mm-landing.mm-tutorials{background:#fff;font-family:"Momenmu Jakarta",sans-serif}

.mm-tutorials .mm-docs-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:56px;background:#fff;padding-top:40px;padding-bottom:72px}
.mm-docs-sidebar{min-width:0;align-self:start;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;padding:8px 20px 16px 0;scrollbar-width:thin}
.mm-docs-sidebar-title{font-weight:700;margin-bottom:20px}.mm-docs-search{display:flex;border:1px solid #aebbd0;border-radius:9px;background:#fff;margin-bottom:24px;overflow:visible}.mm-docs-search input{min-width:0;width:100%;border:0;padding:12px;background:none;color:var(--mm-ink);font-size:16px;border-radius:9px}.mm-docs-search button{display:flex;align-items:center;justify-content:center;flex:0 0 44px;min-height:46px;padding:0;border:0;background:none;color:var(--mm-blue);cursor:pointer;border-radius:9px}
.mm-docs-group{margin-top:24px}.mm-tutorials .mm-docs-group h2{font-size:.75rem;font-weight:700;letter-spacing:.025em;margin:0 0 10px;padding-left:12px;color:var(--mm-muted)}
.mm-docs-sidebar nav a{display:block;text-decoration:none;font-size:.8125rem;line-height:1.6;padding:10px 12px;border-radius:8px;min-height:42px}.mm-docs-sidebar nav a:hover{background:#f4f7fc}.mm-docs-sidebar nav a[aria-current]{color:#1d50c4;background:#eaf2ff;font-weight:700}.mm-docs-sidebar-help{border-top:1px solid var(--mm-line);padding:24px 12px 0;margin-top:24px;font-size:.8125rem}.mm-docs-sidebar-help p{color:var(--mm-muted);margin-bottom:8px}.mm-docs-sidebar-help a{color:var(--mm-blue);font-weight:600;text-decoration:none}
.mm-docs-content{min-width:0;padding:8px 0 0}.mm-docs-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:.75rem;margin-bottom:32px;color:var(--mm-muted)}.mm-docs-breadcrumb a{color:var(--mm-blue);text-decoration:none}.mm-docs-pill{display:inline-block;background:#eaf2ff;color:#1d50c4;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:.045em;padding:5px 12px;margin-bottom:20px}
.mm-tutorials h1{font-size:clamp(2rem,3.1vw,2.75rem);line-height:1.22;letter-spacing:-.045em;font-weight:700;color:var(--mm-ink);margin:0 0 24px;overflow-wrap:break-word}.mm-docs-lead{font-size:1rem;line-height:1.8;color:var(--mm-muted);max-width:800px;margin-bottom:36px}
.mm-docs-start{border-top:1px solid var(--mm-line);padding-top:32px}.mm-tutorials .mm-docs-start h2{font-size:1.5rem;letter-spacing:-.025em;margin-bottom:12px}.mm-docs-start>p{color:var(--mm-muted);font-size:.9375rem;line-height:1.7;margin-bottom:24px}.mm-docs-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.mm-docs-categories>a{border:1px solid var(--mm-line);background:#f7f9fc;border-radius:14px;padding:24px;text-decoration:none;display:flex;flex-direction:column}.mm-docs-categories>a:hover{border-color:var(--mm-blue);background:#f0f5ff}.mm-docs-count{font-size:.75rem;color:var(--mm-muted);margin-bottom:20px}.mm-docs-categories h3{font-size:1.125rem;margin:0 0 10px}.mm-docs-categories p{font-size:.875rem;line-height:1.7;color:var(--mm-muted);margin-bottom:20px}.mm-docs-read{color:var(--mm-blue);font-size:.8125rem;font-weight:700;margin-top:auto;display:flex;justify-content:space-between}
.mm-docs-help{margin-top:40px;padding:28px;background:#12233f;border-radius:14px;color:white}.mm-tutorials .mm-docs-help h2{font-size:1.25rem;color:#fff;letter-spacing:-.025em;margin-bottom:12px}.mm-docs-help p{font-size:.875rem;line-height:1.8;color:#e1e9f4;margin-bottom:20px;max-width:600px}.mm-docs-help .mm-btn{min-height:48px;gap:12px}.mm-docs-help :focus-visible{outline-color:#fff}.mm-docs-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:28px}.mm-docs-pagination a{padding:20px;border:1px solid var(--mm-line);border-radius:12px;text-decoration:none;font-size:.875rem;line-height:1.6}.mm-docs-pagination a:hover{border-color:var(--mm-blue)}.mm-docs-pagination small{display:block;color:var(--mm-muted);margin-bottom:8px}.mm-docs-next{grid-column:2;text-align:right}
.mm-docs-toc{background:#f7f9fc;border:1px solid var(--mm-line);border-radius:12px;padding:24px;margin-bottom:36px}.mm-tutorials .mm-docs-toc h2{font-size:1rem;letter-spacing:0;margin-bottom:16px}.mm-docs-toc ol{margin:0;padding-left:20px;line-height:2;font-size:.875rem}.mm-docs-toc a{text-decoration:none;color:#1d50c4}.mm-docs-toc a:hover{text-decoration:underline}.mm-docs-steps{padding:0;list-style:none;counter-reset:steps}.mm-docs-steps>li{counter-increment:steps;padding-left:48px;position:relative;margin-bottom:32px;scroll-margin-top:24px}.mm-docs-steps>li:before{content:counter(steps);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:#eaf2ff;color:#1d50c4;display:grid;place-items:center;font-weight:700;font-size:.875rem}.mm-tutorials .mm-docs-steps h2{font-size:1.25rem;letter-spacing:-.02em;line-height:1.5;margin-bottom:10px}.mm-docs-steps p{font-size:.9375rem;line-height:1.9;color:var(--mm-muted)}.mm-docs-note{background:#f0f5ff;border-left:3px solid var(--mm-blue);padding:20px 24px;border-radius:0 10px 10px 0;font-size:.875rem;line-height:1.8}.mm-docs-note p{margin:8px 0 0;color:var(--mm-muted)}
.mm-docs-links{display:grid;gap:12px}.mm-docs-links>a{display:flex;justify-content:space-between;gap:20px;border:1px solid var(--mm-line);border-radius:12px;padding:20px;text-decoration:none;line-height:1.6}.mm-docs-links small{display:block;color:var(--mm-muted);margin-top:8px}.mm-docs-empty{font-size:.875rem;padding:12px;color:var(--mm-muted)}
@media(max-width:1023px){.mm-tutorials .mm-docs-layout{grid-template-columns:230px minmax(0,1fr);gap:28px}.mm-docs-categories{grid-template-columns:1fr}}
@media(max-width:767px){.mm-tutorials .mm-docs-layout{display:block;padding-top:20px;padding-bottom:46px}.mm-docs-sidebar{position:static;max-height:none;padding:0;margin-bottom:28px}.mm-docs-toggle{display:flex;justify-content:space-between;width:100%;background:#f0f5ff;color:var(--mm-ink);padding:14px 16px;border:1px solid var(--mm-line);border-radius:9px;min-height:48px;font-weight:600;font-size:.875rem;cursor:pointer}#mm-docs-menu{padding:20px 8px;background:#f7f9fc;border-radius:10px}.mm-docs-sidebar-title{display:none}.mm-docs-breadcrumb{margin-bottom:24px}.mm-docs-help{padding:24px}.mm-docs-pagination{grid-template-columns:1fr}.mm-docs-next{grid-column:1}.mm-docs-lead{font-size:.9375rem}.mm-docs-steps>li{padding-left:40px}.mm-docs-toc{padding:20px}.mm-docs-categories>a{padding:22px}}