.code-line{border-radius:6px;display:block;padding:0 .25rem;white-space:pre}.diff-remove{background:#f871712e;border:1px solid #f8717159;color:#fecaca}.diff-add{background:#34d3992e;border:1px solid #34d39959;color:#bbf7d0}.notification-container,.notification-modal-container{color:#333;font-size:1.2rem}.notification-modal-container{align-items:center;display:flex;margin:20px}.notification-modal-status-icon{flex-shrink:0;margin-right:10px}.notification-modal-container .notification-modal-message{margin-left:10px}.notification-modal-container .notification-modal-link{color:var(--brand-primary);margin:0 5px;text-decoration:none}.notification-modal-container .notification-modal-link:hover{text-decoration:underline}.tutorial-page{color:#111827}.tutorial-shell{margin:0 auto;max-width:1100px}.tutorial-title{font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.tutorial-lead{color:#475569;line-height:1.5;margin-bottom:1.75rem;max-width:900px}.tutorial-lead--note{background:#3b82f614;border:1px solid #3b82f659;border-radius:12px;color:#1e3a8a;padding:.85rem 1rem}.tutorial-section{margin-top:1.75rem}.tutorial-section-title{font-size:1.25rem;font-weight:750;margin-bottom:.5rem}.tutorial-section-copy{color:#55606d;line-height:1.55;max-width:980px}.tutorial-inline-link{color:var(--brand-primary);font-weight:600;text-decoration:none}.tutorial-inline-link:hover{text-decoration:underline;text-underline-offset:2px}.tutorial-two-col{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr;margin-top:14px}.tutorial-explain{margin-top:14px}.tutorial-bullets{color:#55606d;margin:.5rem 0 0;padding-left:1.25rem}.tutorial-bullets li{line-height:1.55;margin-bottom:.45rem}.tutorial-bullets code{background:#0f172a14;border-radius:6px;color:#0f172a;font-weight:650;padding:.1rem .35rem}.tutorial-code-card{background:#fff;border:1px solid #e5e7eb;border-radius:14px;box-shadow:0 10px 26px #0f172a0f;overflow:hidden}.tutorial-code-card__header{background:#f8fafc;border-bottom:1px solid #e5e7eb;color:#1f2937;font-size:.95rem;font-weight:700;padding:10px 12px}.tutorial-code-panel{background:#0b1021;border:0;color:#e2e8f0;font-family:JetBrains Mono,Fira Code,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.85rem;line-height:1.5;margin:0;overflow:auto;padding:14px}.tutorial-code-panel code{color:inherit;white-space:pre}.tutorial-cta{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:10px;margin-top:2rem;padding-top:1.5rem}.tutorial-cta__button{background:var(--brand-primary);border:none;border-radius:999px;color:#fff;font-weight:700;padding:.65rem 2rem}.tutorial-cta__button:focus,.tutorial-cta__button:hover{background:#0a53be;color:#fff}.tutorial-cta__note{color:#4b5563;font-size:.95rem;margin:0;max-width:720px;text-align:center}@media (max-width:900px){.tutorial-two-col{grid-template-columns:1fr}}