#body-content,#content-area,#content-container,.body-content,.content-area,.content-container{text-align:justify}#body-content p,#content-area p,#content-container p{text-align:justify}#header h1,#body-content h1,#body-content h2,#body-content h3,#body-content h4,#body-content h5,#body-content h6,#content-area h1,#content-area h2,#content-area h3,#content-area h4,#content-area h5,#content-area h6,#content-container h1,#content-container h2,#content-container h3,#content-container h4,#content-container h5,#content-container h6{text-align:left!important}body,body *{border-radius:0!important}body *::before,body *::after{border-radius:0!important}.nav-logo{height:38px!important;width:auto!important}.dark .nav-logo{height:48px!important;width:auto!important}.integration-logo-long img{width:auto!important;max-width:120px!important;height:40px!important;object-fit:contain}.mint-py-14{padding-top:20px;padding-bottom:20px}html,body,*{scrollbar-width:none!important;-ms-overflow-style:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar,*::-webkit-scrollbar{width:0!important;height:0!important;display:none!important}div.mt-0\.5.space-y-2\.5>div.eyebrow.h-5.text-primary.dark\:text-primary-light.text-sm.font-semibold{font-size:12px;text-transform:uppercase}[data-radix-popper-content-wrapper] [role="menu"]{min-width:20rem}.card{background-color:#f9fafb;border-radius:0px!important;box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.06)!important;text-align:left}.dark .card{background-color:#1d1d1d;box-shadow:0 2px 8px 0 rgba(255, 255, 255, 0.04)!important}#sidebar-title{color:#000000;font-size:12.8px;font-weight:500}.dark #sidebar-title{color:#ffffff;font-size:12.8px;font-weight:500}#pagination .border{border:none!important}#pagination .group:hover .text-gray-500{color:#578BF9!important}#sidebar-title{font-weight:700}.mermaid [stroke="#22c55e"]{marker-end:none!important;marker-start:none!important}.mermaid path[stroke-dasharray],.mermaid line[stroke-dasharray]{animation:mermaid-dash-flow 0.4s linear infinite}@keyframes mermaid-dash-flow{to{stroke-dashoffset:-20}}#content-area :not(pre)>code{background-color:#f1f5f9!important;color:#0f172a!important;border:1px solid #e2e8f0!important;border-radius:4px!important;padding:0.1em 0.35em!important;font-size:0.9em!important}html[data-current-path="/products/kode-api"] #content,html[data-current-path^="/products/kode-api/"] #content,html[data-current-path="/products/kode-api"] mdx-content,html[data-current-path^="/products/kode-api/"] mdx-content{max-width:58rem!important;width:100%!important}html[data-current-path="/products/kode-api"] #content-area p,html[data-current-path^="/products/kode-api/"] #content-area p{text-align:left!important}.tutorial-page{display:flex;flex-direction:column;gap:1.75rem;margin-bottom:2rem}.tutorial-hero,.tutorial-step-card,.tutorial-substep,.tutorial-progress,.tutorial-media-placeholder,.tutorial-pill,.tutorial-mark-complete,.tutorial-progress-bar,.tutorial-progress-bar-fill,.tutorial-hero-image,.tutorial-hero-glow{border-radius:0!important}.tutorial-page,.tutorial-page *{text-align:left!important}.tutorial-hero{position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:1.5rem;align-items:stretch;overflow:hidden;padding:1.75rem 1.6rem;background:#0b1220;color:#f8fafc;border:1px solid #1e293b}.tutorial-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 120% at 0% 0%, rgba(1, 91, 250, 0.45), transparent 55%),
    radial-gradient(ellipse 50% 100% at 55% -10%, rgba(56, 189, 248, 0.22), transparent 50%),
    radial-gradient(ellipse 45% 90% at 100% 20%, rgba(99, 102, 241, 0.28), transparent 52%),
    linear-gradient(105deg, rgba(15, 23, 42, 0.2) 0%, transparent 45%, rgba(1, 91, 250, 0.12) 100%);animation:tutorial-hero-shift 14s ease-in-out infinite alternate}@keyframes tutorial-hero-shift{0%{transform:scale(1) translate3d(0, 0, 0);opacity:1}100%{transform:scale(1.08) translate3d(-2%, 1%, 0);opacity:0.9}}.tutorial-hero-copy{position:relative;z-index:1}.tutorial-hero-eyebrow{margin:0 0 0.5rem;font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#93c5fd}.tutorial-hero-title{margin:0 0 0.75rem;font-size:1.75rem;line-height:1.2;color:#ffffff}.tutorial-hero-summary{margin:0 0 1rem;color:#cbd5e1;max-width:36rem}.tutorial-hero-meta{display:flex;flex-wrap:wrap;gap:0.5rem}.tutorial-pill{display:inline-flex;align-items:center;padding:0.25rem 0.65rem;font-size:0.8rem;font-weight:500;color:#e2e8f0;background:rgba(255, 255, 255, 0.08);border:1px solid rgba(255, 255, 255, 0.12)}.tutorial-hero-media{position:relative;z-index:1;display:flex;align-items:center;min-height:10rem;padding:0.75rem;background:rgba(15, 23, 42, 0.45);border:1px solid rgba(255, 255, 255, 0.1)}.tutorial-hero-image{width:100%;height:auto;max-height:14rem;object-fit:contain;border:none}.tutorial-body{display:grid;grid-template-columns:15rem minmax(0, 1fr);gap:1.5rem;align-items:start}.tutorial-progress{position:sticky;top:5.5rem;padding:1rem;background:#f8fafc;border:1px solid #e2e8f0}.tutorial-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;margin-bottom:0.75rem}.tutorial-progress-label{margin:0;font-size:0.75rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:#64748b}.tutorial-progress-count{margin:0;font-size:0.85rem;font-weight:600;color:#0f172a}.tutorial-progress-bar{height:6px;margin-bottom:1rem;background:#e2e8f0;overflow:hidden}.tutorial-progress-bar-fill{height:100%;width:0%;background:#015bfa;transition:width 0.25s ease}.tutorial-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0.15rem}.tutorial-progress-item{display:flex;align-items:center;gap:0.55rem;padding:0.3rem 0.4rem;text-decoration:none!important;color:#475569!important;border:1px solid transparent;text-align:left!important}.tutorial-progress-item:hover{background:#ffffff;border-color:#e2e8f0}.tutorial-progress-item.is-active{background:#ffffff;border-color:#bfdbfe;color:#0f172a!important}.tutorial-progress-item.is-complete .tutorial-progress-marker{background:#015bfa;color:#ffffff;border-color:#015bfa}.tutorial-progress-marker{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;margin-top:0;font-size:0.65rem;font-weight:700;line-height:1;color:#64748b;background:#ffffff;border:1px solid #cbd5e1;border-radius:50%!important}.tutorial-progress-title{font-size:0.85rem;line-height:1.25;text-align:left!important}.tutorial-progress-done{margin:0;font-size:0.85rem;font-weight:600;color:#015bfa;line-height:1.4}.tutorial-progress-footer{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem;margin-top:1rem;padding-top:0.85rem;border-top:1px solid #e2e8f0}.tutorial-reset{margin-top:0;padding:0;border:none;background:transparent;color:#64748b;font-size:0.8rem;text-decoration:underline;cursor:pointer}.tutorial-reset:hover{color:#0f172a}.tutorial-progress-sublist{list-style:none;margin:0.05rem 0 0.2rem;padding:0 0 0 0.7rem;display:flex;flex-direction:column;gap:0;border-left:2px solid #e2e8f0;margin-left:0.85rem}.tutorial-progress-item--sub{padding:0.12rem 0.35rem;gap:0.45rem}.tutorial-progress-marker--sub{width:0.95rem;height:0.95rem;font-size:0.55rem;border-radius:50%!important}.tutorial-progress-item--sub .tutorial-progress-title{font-size:0.78rem;line-height:1.2}.tutorial-steps{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.tutorial-step-card{padding:1.25rem 1.35rem 1.1rem;background:#ffffff;border:1px solid #e2e8f0;box-shadow:0 1px 3px rgba(15, 23, 42, 0.04)}.tutorial-step-card.is-complete{border-color:#bfdbfe;box-shadow:0 0 0 1px rgba(1, 91, 250, 0.08)}.tutorial-step-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding-bottom:0.85rem;border-bottom:1px solid #f1f5f9}.tutorial-step-number{margin:0 0 0.25rem;font-size:0.75rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#015bfa}.tutorial-step-title{margin:0;font-size:1.25rem;line-height:1.3;color:#0f172a}.tutorial-complete-btn{flex:0 0 auto;width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border:2px solid #cbd5e1;background:#f8fafc;color:transparent;font-size:1.1rem;font-weight:700;line-height:1;cursor:pointer;border-radius:50%!important;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease}.tutorial-complete-btn:hover{border-color:#015bfa}.tutorial-complete-btn.is-complete{background:#015bfa;border-color:#015bfa;color:#ffffff}.tutorial-complete-btn.is-locked{cursor:default;opacity:0.85}.tutorial-complete-btn--sub{width:1.75rem;height:1.75rem;font-size:0.85rem;border-radius:50%!important}.tutorial-complete-btn:disabled{cursor:default}.tutorial-step-body>:first-child{margin-top:0}.tutorial-step-body>:last-child{margin-bottom:0}.tutorial-step-footer{margin-top:1.25rem;padding-top:1rem;border-top:1px solid #f1f5f9}.tutorial-step-gate{margin:0;font-size:0.9rem;color:#64748b;text-align:center}.tutorial-mark-complete{width:100%;padding:0.7rem 1rem;border:1px solid #015bfa;background:#015bfa;color:#ffffff;font-size:0.95rem;font-weight:600;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease}.tutorial-mark-complete:hover{background:#0047d1;border-color:#0047d1}.tutorial-mark-complete.is-complete{background:#eff6ff;border-color:#bfdbfe;color:#015bfa}.tutorial-mark-complete--sub{margin-top:0.85rem;padding:0.55rem 0.85rem;font-size:0.85rem}.tutorial-substep{margin:1rem 0;padding:1rem;border:1px solid #e2e8f0;background:#f8fafc}.tutorial-substep.is-complete{border-color:#bfdbfe;background:#f8fbff}.tutorial-substep-header{display:flex;align-items:center;justify-content:space-between;gap:0.75rem;margin-bottom:0.85rem}.tutorial-substep-number{margin:0 0 0.2rem;font-size:0.7rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase;color:#64748b}.tutorial-substep-title{margin:0;font-size:1.05rem;line-height:1.3;color:#0f172a}.tutorial-substep-body>:first-child{margin-top:0}.tutorial-substep-body>:last-child{margin-bottom:0}.tutorial-media-slot{margin:0 0 1rem}.tutorial-media-thumb{max-width:280px;width:100%;height:auto;cursor:zoom-in}.tutorial-media-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0.35rem;min-height:11rem;padding:1.25rem;text-align:center!important;color:#64748b;background:repeating-linear-gradient(
    -45deg,
    #f8fafc,
    #f8fafc 12px,
    #f1f5f9 12px,
    #f1f5f9 24px
  );border:1px dashed #cbd5e1;font-size:0.9rem;font-weight:500}.tutorial-media-placeholder--hero{min-height:100%;height:100%;color:#94a3b8;background:repeating-linear-gradient(
    -45deg,
    #111827,
    #111827 12px,
    #0f172a 12px,
    #0f172a 24px
  );border-color:#334155}.tutorial-media-hint{font-size:0.75rem;font-weight:400;color:#94a3b8}.tutorial-confetti-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}html[data-tutorial-layout="true"] [data-tutorial-hidden-header],html[data-current-path*="/tutorials/"] eyebrow,html[data-current-path*="/tutorials/"] #header h1,html[data-current-path*="/tutorials/"] mdx-content>h1:first-child{display:none!important}html[data-current-path*="/tutorials/"] #header p:first-of-type{display:none!important}@media (max-width: 900px){.tutorial-hero{grid-template-columns:1fr}.tutorial-body{grid-template-columns:1fr}.tutorial-progress{position:static}}.pathway-page{display:flex;flex-direction:column;gap:2rem;max-width:78rem;margin:0 auto 3rem;padding:1.5rem 1.75rem 3rem}.pathway-hero,.pathway-progress,.pathway-pack-card,.pathway-pill,.pathway-mark-complete,.pathway-next,.pathway-progress-bar,.pathway-progress-bar-fill,.pathway-modal-panel,.pathway-hero-glow{border-radius:0!important}.pathway-page,.pathway-page *{text-align:left!important}.pathway-hero{position:relative;display:block;overflow:hidden;padding:2rem 2.1rem 1.9rem;background:#0b1220;color:#f8fafc;border:1px solid #1e293b}.pathway-hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 55% 120% at 0% 0%, rgba(1, 91, 250, 0.45), transparent 55%),
    radial-gradient(ellipse 50% 100% at 55% -10%, rgba(56, 189, 248, 0.22), transparent 50%),
    radial-gradient(ellipse 45% 90% at 100% 20%, rgba(99, 102, 241, 0.28), transparent 52%),
    linear-gradient(105deg, rgba(15, 23, 42, 0.2) 0%, transparent 45%, rgba(1, 91, 250, 0.12) 100%);animation:pathway-hero-shift 14s ease-in-out infinite alternate}@keyframes pathway-hero-shift{0%{transform:scale(1) translate3d(0, 0, 0);opacity:1}100%{transform:scale(1.08) translate3d(-2%, 1%, 0);opacity:0.9}}.pathway-hero-copy{position:relative;z-index:1;max-width:40rem;padding:0}.pathway-hero-eyebrow{margin:0 0 0.5rem;font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#93c5fd}.pathway-hero-title{margin:0 0 0.65rem;font-size:2rem;line-height:1.15;color:#ffffff}.pathway-hero-summary{margin:0;color:#cbd5e1;max-width:34rem;line-height:1.5}.pathway-hero-actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.25rem}.pathway-hero-edit,.pathway-hero-start,.pathway-selection-start{display:inline-flex;align-items:center;justify-content:center;gap:0.45rem;padding:0.55rem 0.95rem;font-size:0.9rem;font-weight:600;text-decoration:none!important;cursor:pointer}.pathway-hero-edit,.pathway-modal-close{color:#e2e8f0!important;border:1px solid rgba(148, 163, 184, 0.35);background:rgba(15, 23, 42, 0.35);backdrop-filter:blur(6px)}.pathway-hero-edit:hover,.pathway-modal-close:hover{border-color:rgba(147, 197, 253, 0.55);background:rgba(1, 91, 250, 0.16)}.pathway-hero-edit-icon{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;font-size:0.8rem;line-height:1;color:#93c5fd}.pathway-hero-start,.pathway-selection-start{color:#ffffff!important;background:#015bfa;border:1px solid #015bfa;box-shadow:0 0 0 1px rgba(1, 91, 250, 0.2)}.pathway-hero-start:hover,.pathway-selection-start:hover{background:#0047d1;border-color:#0047d1}.pathway-selection-start.is-disabled,.pathway-selection-start:disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.pathway-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1.5rem}.pathway-modal-backdrop{position:absolute;inset:0;background:rgba(15, 23, 42, 0.62)}.pathway-modal-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(56rem, 100%);max-height:min(90vh, 52rem);overflow:hidden;padding:0;background:#0f172a;color:#f8fafc;border:1px solid #1e293b}.pathway-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex:0 0 auto;padding:1.35rem 1.5rem 1rem;border-bottom:1px solid #1e293b}.pathway-modal-eyebrow{margin:0 0 0.35rem;font-size:0.75rem;font-weight:600;letter-spacing:0.06em;text-transform:uppercase;color:#93c5fd}.pathway-modal-title{margin:0 0 0.5rem;font-size:1.5rem;color:#ffffff}.pathway-modal-summary{margin:0;color:#cbd5e1;max-width:36rem}.pathway-modal-close{padding:0.45rem 0.75rem;font-size:0.85rem;font-weight:600;cursor:pointer}.pathway-modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;padding:1.15rem 1.5rem;scrollbar-color:#475569 #0f172a}.pathway-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex:0 0 auto;margin:0;padding:1rem 1.5rem;border-top:1px solid #1e293b;background:#0b1220}.pathway-pack-grid{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.85rem}.pathway-pack-card{display:flex;flex-direction:column;gap:0.45rem;padding:1rem 1.05rem;text-align:left;background:#111827;border:1px solid #334155;color:#e2e8f0;cursor:pointer}.pathway-pack-card:hover{border-color:#60a5fa}.pathway-pack-card.is-selected{border-color:#015bfa;background:#0b1f44}.pathway-pack-card-top{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.pathway-pack-topic{font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#93c5fd}.pathway-pack-check{width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #64748b;background:transparent;color:transparent;font-size:0.75rem;font-weight:700;border-radius:50%!important}.pathway-pack-check.is-selected{background:#015bfa;border-color:#015bfa;color:#ffffff}.pathway-pack-title{margin:0;font-size:1.02rem;line-height:1.3;color:#ffffff}.pathway-pack-summary{margin:0;font-size:0.88rem;line-height:1.4;color:#cbd5e1}.pathway-pack-meta{display:flex;flex-wrap:wrap;gap:0.65rem;margin-top:0.15rem}.pathway-pack-time,.pathway-pack-count{font-size:0.78rem;color:#94a3b8}.pathway-selection-count{margin:0;font-size:0.95rem;font-weight:600;color:#e2e8f0}.pathway-selection-actions{display:flex;align-items:center;gap:0.75rem}.pathway-selection-clear{padding:0;border:none;background:transparent;color:#94a3b8;font-size:0.85rem;text-decoration:underline;cursor:pointer}.pathway-selection-clear:hover{color:#e2e8f0}.pathway-body{display:grid;grid-template-columns:16.5rem minmax(0, 1fr);gap:2.25rem;align-items:start}.pathway-progress{position:sticky;top:5.5rem;padding:0.25rem 1rem 1rem 0;background:transparent;border:none;border-right:1px solid #e2e8f0}.pathway-progress-header{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;margin-bottom:0.75rem;padding-right:0.75rem}.pathway-progress-label{margin:0;font-size:0.75rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:#64748b}.pathway-progress-count{margin:0;font-size:0.85rem;font-weight:600;color:#0f172a}.pathway-progress-bar{height:6px;margin:0 0.75rem 1rem 0;background:#e2e8f0;overflow:hidden}.pathway-progress-bar-fill{height:100%;width:0%;background:#015bfa;transition:width 0.25s ease}.pathway-progress-list{list-style:none;margin:0;padding:0 0.5rem 0 0;display:flex;flex-direction:column;gap:0.35rem}.pathway-progress-item{display:flex;align-items:flex-start;gap:0.55rem;width:100%;padding:0.3rem 0.4rem;text-decoration:none!important;color:#475569!important;border:1px solid transparent;background:transparent;cursor:pointer;font:inherit}.pathway-progress-item:hover{background:#f8fafc}.pathway-progress-item.is-active{background:#eff6ff;border-color:#bfdbfe;color:#0f172a!important}.pathway-progress-item.is-complete .pathway-progress-marker{background:#015bfa;color:#ffffff;border-color:#015bfa}.pathway-progress-marker{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;margin-top:0.1rem;font-size:0.6rem;font-weight:700;line-height:1;color:#64748b;background:#ffffff;border:1px solid #cbd5e1;border-radius:50%!important}.pathway-progress-marker--doc{width:0.9rem;height:0.9rem;font-size:0.5rem}.pathway-progress-title{display:flex;flex-direction:column;gap:0.1rem;font-size:0.82rem;line-height:1.25}.pathway-progress-topic{font-size:0.65rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#64748b}.pathway-progress-sublist{list-style:none;margin:0.05rem 0 0.15rem;padding:0 0 0 0.7rem;display:flex;flex-direction:column;gap:0;border-left:2px solid #e2e8f0;margin-left:0.85rem}.pathway-progress-item--doc{padding:0.12rem 0.35rem}.pathway-progress-item--doc .pathway-progress-title{font-size:0.78rem}.pathway-progress-done{margin:0;font-size:0.85rem;font-weight:600;color:#015bfa}.pathway-progress-footer{display:flex;flex-direction:column;align-items:flex-start;gap:0.75rem;margin-top:1rem;padding:0.85rem 0.75rem 0 0;border-top:1px solid #e2e8f0}.pathway-reset{margin:0;padding:0;border:none;background:transparent;color:#64748b;font-size:0.8rem;text-decoration:underline;cursor:pointer}.pathway-reset:hover{color:#0f172a}.pathway-modules{display:flex;flex-direction:column;gap:2.5rem;min-width:0}.pathway-module{padding:0;background:transparent;border:none}.pathway-module-header{margin-bottom:0.5rem;padding-bottom:0.85rem;border-bottom:1px solid #e2e8f0}.pathway-module-topic{margin:0 0 0.25rem;font-size:0.7rem;font-weight:700;letter-spacing:0.06em;text-transform:uppercase;color:#015bfa}.pathway-module-title{margin:0;font-size:1.45rem;line-height:1.3;color:#0f172a}.pathway-module-docs{display:flex;flex-direction:column;gap:0.35rem}.pathway-doc{border:none;border-bottom:1px solid #e2e8f0;background:transparent}.pathway-doc.is-open{border-bottom-color:#cbd5e1;padding-bottom:1.5rem}.pathway-doc-toggle{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 0;border:none;background:transparent;cursor:pointer;text-align:left}.pathway-doc.is-open .pathway-doc-toggle{padding-bottom:0.85rem}.pathway-doc-toggle-meta{margin-bottom:0.35rem}.pathway-doc-status{font-size:0.7rem;font-weight:700;letter-spacing:0.05em;text-transform:uppercase;color:#64748b}.pathway-doc-status.is-complete{color:#015bfa}.pathway-doc-title{margin:0 0 0.35rem;font-size:1.2rem;line-height:1.3;color:#0f172a}.pathway-doc-summary{margin:0;font-size:0.95rem;line-height:1.45;color:#475569;max-width:42rem}.pathway-doc-chevron{flex:0 0 auto;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;color:#64748b}.pathway-doc-body{padding:0 0 0.5rem}.pathway-doc-content{max-width:46rem;font-size:1.02rem;line-height:1.7;color:#0f172a}.pathway-doc-content>:first-child{margin-top:0}.pathway-doc-content>:last-child{margin-bottom:0}.pathway-doc-content h2,.pathway-doc-content h3,.pathway-doc-content h4{margin-top:1.75rem;margin-bottom:0.65rem;line-height:1.3}.pathway-doc-content p,.pathway-doc-content ul,.pathway-doc-content ol,.pathway-doc-content table{margin-bottom:1rem}.pathway-doc-explore{margin:1.75rem 0 0;max-width:46rem;font-size:0.95rem;color:#475569}.pathway-doc-explore a{color:#015bfa;font-weight:600}.pathway-doc-nav{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:1.75rem;max-width:46rem}.pathway-mark-complete,.pathway-next{min-width:10rem;padding:0.7rem 1rem;font-size:0.95rem;font-weight:600;cursor:pointer}.pathway-mark-complete{border:1px solid #cbd5e1;background:#ffffff;color:#0f172a}.pathway-mark-complete:hover{border-color:#015bfa}.pathway-mark-complete.is-complete{background:#eff6ff;border-color:#bfdbfe;color:#015bfa}.pathway-next{border:1px solid #015bfa;background:#015bfa;color:#ffffff}.pathway-next:hover{background:#0047d1;border-color:#0047d1}.pathway-confetti-canvas{position:fixed;inset:0;width:100vw;height:100vh;pointer-events:none;z-index:9999}html[data-pathway-layout="true"] [data-pathway-hidden-header],html[data-current-path*="/pathways/"] eyebrow,html[data-current-path*="/pathways/"] #header h1,html[data-current-path*="/pathways/"] mdx-content>h1:first-child{display:none!important}html[data-current-path*="/pathways/"] #header p:first-of-type{display:none!important}@media (max-width: 900px){.pathway-body{grid-template-columns:1fr}.pathway-progress{position:static;border-right:none;border-bottom:1px solid #e2e8f0;padding-bottom:1rem}.pathway-pack-grid{grid-template-columns:1fr}.pathway-modal-panel{max-height:92vh}}.glossary-slicer,.glossary-chip,.glossary-badge,.glossary-term,.glossary-badges,.glossary-letter-link{border-radius:0!important}.glossary-slicer{margin:0 0 1.5rem;padding:1rem 1.1rem;border:1px solid #e2e8f0;background:#f8fafc}.dark .glossary-slicer{border-color:#334155;background:#0f172a}.glossary-slicer-header{display:flex;align-items:baseline;justify-content:space-between;gap:0.75rem;margin-bottom:0.75rem}.glossary-slicer-label{margin:0;font-size:0.75rem;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;color:#64748b}.dark .glossary-slicer-label{color:#94a3b8}.glossary-slicer-count{margin:0;font-size:0.85rem;font-weight:600;color:#0f172a}.dark .glossary-slicer-count{color:#e2e8f0}.glossary-slicer-chips{display:flex;flex-wrap:wrap;gap:0.4rem}.glossary-chip{margin:0;padding:0.3rem 0.65rem;border:1px solid #cbd5e1;background:#ffffff;color:#334155;font-size:0.8rem;font-weight:500;line-height:1.2;cursor:pointer}.glossary-chip:hover{border-color:#015bfa;color:#015bfa}.glossary-chip-active{border-color:#015bfa;background:#015bfa;color:#ffffff}.glossary-chip-active:hover{border-color:#0047d1;background:#0047d1;color:#ffffff}.dark .glossary-chip{border-color:#475569;background:#1e293b;color:#e2e8f0}.dark .glossary-chip:hover{border-color:#3a9aff;color:#3a9aff}.dark .glossary-chip-active,.dark .glossary-chip-active:hover{border-color:#015bfa;background:#015bfa;color:#ffffff}.glossary-letter-link.is-disabled{opacity:0.35;pointer-events:none;text-decoration:none}.glossary-term{margin:0 0 1.25rem;padding:0 0 1.1rem;border-bottom:1px solid #e2e8f0}.dark .glossary-term{border-bottom-color:#334155}.glossary-term.is-hidden,.glossary-letter.is-hidden,.glossary-smart-building.is-hidden,.glossary-toc-hidden{display:none!important}.glossary-term>h3,.glossary-term h3{margin-bottom:0.45rem}.glossary-badges{display:flex;flex-wrap:wrap;gap:0.35rem;margin:0 0 0.65rem}.glossary-badge{display:inline-flex;align-items:center;padding:0.15rem 0.45rem;border:1px solid #bfdbfe;background:#eff6ff;color:#015bfa;font-size:0.72rem;font-weight:600;letter-spacing:0.02em;line-height:1.2}.dark .glossary-badge{border-color:#1e3a8a;background:#172554;color:#93c5fd}.glossary-intro p{margin:0 0 0.85rem}.glossary-letter-index{display:block;margin:1rem 0 1.5rem}.glossary-term-body p{margin:0 0 0.75rem}.glossary-term-body a{color:#015bfa;text-decoration:underline}.dark .glossary-term-body a{color:#3a9aff}.glossary-table-wrap{margin:0.5rem 0 0.75rem;overflow-x:auto}.glossary-table-wrap table{width:100%;border-collapse:collapse}.glossary-table-wrap th,.glossary-table-wrap td{border:1px solid #e2e8f0;padding:0.4rem 0.55rem;text-align:left}.dark .glossary-table-wrap th,.dark .glossary-table-wrap td{border-color:#334155}.glossary-section-divider{margin:2.75rem 0 1.75rem;border:0;border-top:1px solid #cbd5e1}.dark .glossary-section-divider{border-top-color:#475569}.ontology-browser{margin:0 0 1.5rem}.ontology-source{display:none}.ontology-search{display:flex;flex-direction:column;gap:0.35rem;margin-bottom:1rem}.ontology-search-label{font-size:0.8rem;font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:#475569}.dark .ontology-search-label{color:#cbd5e1}.ontology-search-input{width:100%;border:1px solid #cbd5e1;border-radius:0.6rem;padding:0.65rem 0.8rem;font-size:1rem;background:#fff;color:#0f172a}.dark .ontology-search-input{border-color:#334155;background:#0f172a;color:#e2e8f0}.ontology-catalog .is-hidden{display:none}.ontology-type{margin:1.25rem 0 1.75rem}.ontology-type-title{margin-bottom:0.35rem}.ontology-group-title{margin:1.15rem 0 0.45rem;font-size:1rem;font-weight:600}.ontology-table-wrap{margin:0 0 1.25rem;overflow-x:auto}.ontology-table-wrap table{width:100%;border-collapse:collapse;font-size:0.95rem}.ontology-table-wrap th,.ontology-table-wrap td{border:1px solid #e2e8f0;padding:0.55rem 0.7rem;text-align:left;vertical-align:top}.ontology-table-wrap th{background:#f8fafc;font-weight:600;white-space:nowrap}.ontology-table-wrap td:first-child{width:42%}.ontology-table-wrap code{font-size:0.88rem;white-space:normal}.dark .ontology-table-wrap th,.dark .ontology-table-wrap td{border-color:#334155}.dark .ontology-table-wrap th{background:#0f172a;color:#e2e8f0}.glossary-app>hr,.glossary-app hr{margin:2.75rem 0 1.75rem;border:0;border-top:1px solid #cbd5e1}.dark .glossary-app>hr,.dark .glossary-app hr{border-top-color:#475569}.glossary-tag-data{display:none!important}.glossary-app h2[data-glossary-smart="true"],.glossary-app h2#smart-building-terminology{margin-top:0.25rem;padding-top:0.25rem;font-size:1.5rem;font-weight:700;letter-spacing:-0.01em}#sidebar-content a[href*="/building-bi/"][href$="/dashboard-styling-principles"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/dashboard-performance"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/top-n-vs-scrolling"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/default-styles"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/point-time-series-hierarchy"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/database-backends"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/real-time-vs-last-value"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/raw-pivot-aggregated-tables"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/portfolio-vs-building"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/why-use-collections"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/draft-mode-version-history"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/deployment-models"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/template-levels"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/filter-scopes"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/drill-through-filters"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/chart-setup-parameters"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/slicer-widget"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/color-tools"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/keyboard-shortcuts"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/table-structures"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/point-time-series-columns"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/interface-glossary"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/shared-links-scheduled-reports"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/template-types"] nav-tag-pill,#sidebar-content a[href*="/building-bi/"][href$="/timezone-configuration"] nav-tag-pill{background-color:#fecaca!important;color:#991b1b!important;border:1px solid #f87171!important}.dark #sidebar-content a[href*="/building-bi/"][href$="/dashboard-styling-principles"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/dashboard-performance"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/top-n-vs-scrolling"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/default-styles"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/point-time-series-hierarchy"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/database-backends"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/real-time-vs-last-value"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/raw-pivot-aggregated-tables"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/portfolio-vs-building"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/why-use-collections"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/draft-mode-version-history"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/deployment-models"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/template-levels"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/filter-scopes"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/drill-through-filters"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/chart-setup-parameters"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/slicer-widget"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/color-tools"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/keyboard-shortcuts"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/table-structures"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/point-time-series-columns"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/interface-glossary"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/shared-links-scheduled-reports"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/template-types"] nav-tag-pill,.dark #sidebar-content a[href*="/building-bi/"][href$="/timezone-configuration"] nav-tag-pill{background-color:#7f1d1d!important;color:#fecaca!important;border-color:#f87171!important}.landing-page,.landing-page p,.landing-page h1,.landing-page h2,.landing-page h3,.landing-page figcaption,#body-content .landing-page p,#content-area .landing-page p,#content-container .landing-page p,.body-content .landing-page p,.content-area .landing-page p,.content-container .landing-page p{text-align:left!important}.landing-container{width:100%;max-width:72rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.landing-narrow{max-width:48rem}.landing-hero{background:#ffffff;padding:3.5rem 0 3rem;overflow:hidden}.dark .landing-hero{background:#121212}.landing-hero .landing-container{max-width:82rem}.landing-hero-inner{display:grid;gap:2rem;align-items:center}@media (min-width: 1024px){.landing-hero-inner{grid-template-columns:minmax(18rem, 0.78fr) minmax(0, 1.22fr);gap:2.25rem;align-items:stretch}}.landing-hero-copy{min-width:0}.landing-hero-media{min-width:0}.landing-eyebrow{margin:0 0 0.15rem;color:#9ea1a6;font-size:0.8125rem;font-weight:600;letter-spacing:0.04em;text-transform:uppercase}.landing-title{margin:0;color:#111827;font-size:clamp(2rem, 4vw, 3rem);font-weight:500;line-height:1.1;letter-spacing:-1.5px}.dark .landing-title{color:#fafafa}.landing-subtitle{margin:1rem 0 0;max-width:36rem;color:#7c7c7c;font-size:1.0625rem;line-height:1.5}.dark .landing-subtitle{color:#a1a1aa}.landing-cta-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:0.75rem;margin-top:1.5rem}.landing-btn-primary,.landing-btn-secondary,.landing-btn-compact{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:3.05rem;height:3.05rem;padding:0 1.125rem;font-size:0.9375rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;transition:background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease}.landing-btn-primary{background:#015bfa;border:1px solid #015bfa;color:#ffffff}.landing-btn-primary:hover{background:#0047c7;border-color:#0047c7;color:#ffffff}.landing-btn-secondary{background:transparent;border:1px solid #d1d5db;color:#111827}.landing-btn-secondary:hover{border-color:#015bfa;color:#015bfa}.dark .landing-btn-secondary{border-color:#3f3f46;color:#fafafa}.dark .landing-btn-secondary:hover{border-color:#3a9aff;color:#3a9aff}.landing-btn-compact{border:1px solid #015bfa;background:transparent;color:#015bfa}.landing-btn-compact:hover{background:#015bfa;color:#ffffff}.dark .landing-btn-compact{border-color:#3a9aff;color:#3a9aff}.dark .landing-btn-compact:hover{background:#3a9aff;color:#121212}.landing-stat-row{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0.75rem;margin-top:1.75rem;width:100%}.landing-stat-card{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:5.25rem;padding:0.875rem 1rem;background:#f8f8f8;border:1px solid #e5e7eb}.dark .landing-stat-card{background:#18181b;border-color:#27272a}.landing-stat-value{margin:0;color:#111827;font-size:clamp(1.5rem, 2.5vw, 1.875rem);font-weight:500;line-height:1.2}.dark .landing-stat-value{color:#fafafa}.landing-stat-label{margin:0.35rem 0 0;min-height:2.05em;color:#4b5563;font-size:0.75rem;line-height:1.35}.dark .landing-stat-label{color:#a1a1aa}.landing-hero-media{line-height:0}.dark .landing-hero-media{background:transparent}.landing-hero-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:1px solid #e5e7eb}@media (min-width: 1024px){.landing-hero-media{display:flex}.landing-hero-image{width:100%;height:100%;object-fit:cover;object-position:left center}}.dark .landing-hero-image{border-color:#27272a}.landing-section{padding:4rem 0}.landing-section-muted{background:#f8f8f8;border-top:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb}.dark .landing-section-muted{background:#18181b;border-top-color:#27272a;border-bottom-color:#27272a}.landing-section-title{margin:0;color:#111827;font-size:clamp(1.5rem, 2.5vw, 2rem);font-weight:500;letter-spacing:-1.5px}.dark .landing-section-title{color:#fafafa}.landing-section-lead{margin:0.75rem 0 0;max-width:42rem;color:#4b5563;font-size:1rem;line-height:1.6}.dark .landing-section-lead{color:#a1a1aa}.landing-faq-title{margin-bottom:1.25rem}.landing-faq-grid{display:grid;gap:0 2rem;align-items:start;grid-template-columns:1fr}.landing-faq-grid>*{min-width:0}@media (min-width: 768px){.landing-faq-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}.landing-path-card,.landing-product-card{display:flex;text-decoration:none;border:1px solid #e5e7eb;background:#ffffff;transition:border-color 0.15s ease}.landing-path-card{align-items:flex-start;gap:1rem;padding:1.25rem}.landing-product-card{flex-direction:column;height:100%;padding:1.25rem}.dark .landing-path-card,.dark .landing-product-card{border-color:#27272a;background:#09090b}.landing-path-card:hover,.landing-product-card:hover{border-color:#015bfa}.landing-card-title{margin:0;color:#111827;font-size:1rem;font-weight:500}.dark .landing-card-title{color:#fafafa}.landing-path-card:hover .landing-card-title,.landing-product-card:hover .landing-card-title{color:#015bfa}.landing-card-text{margin:0.5rem 0 0;color:#4b5563;font-size:0.875rem;line-height:1.5;flex:1}.dark .landing-card-text{color:#a1a1aa}.landing-card-cta{margin-top:1rem;color:#015bfa;font-size:0.875rem;font-weight:600}.landing-path-grid,.landing-product-grid{display:grid;gap:1rem;margin-top:1.75rem}.landing-path-grid{grid-template-columns:1fr}.landing-product-grid{grid-template-columns:1fr}@media (min-width: 640px){.landing-path-grid,.landing-product-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (min-width: 1024px){.landing-product-grid{grid-template-columns:repeat(3, minmax(0, 1fr))}}.landing-product-icon{width:2rem;height:2rem;object-fit:contain}.landing-product-card>.landing-product-icon,.landing-product-card>svg:first-child{margin-bottom:1rem}.landing-flow{display:grid;gap:1rem;margin-top:1.75rem;grid-template-columns:1fr}@media (min-width: 768px){.landing-flow{grid-template-columns:repeat(5, minmax(0, 1fr))}}.landing-flow-step{padding:1rem;border:1px solid #e5e7eb;background:#ffffff}.dark .landing-flow-step{border-color:#27272a;background:#09090b}.landing-flow-number{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;margin-bottom:0.75rem;background:#015bfa;color:#ffffff;font-size:0.75rem;font-weight:700}.landing-flow-step h3{margin:0;color:#111827;font-size:0.9375rem;font-weight:600}.dark .landing-flow-step h3{color:#fafafa}.landing-flow-step p{margin:0.5rem 0 0;color:#6b7280;font-size:0.875rem;line-height:1.5}.dark .landing-flow-step p{color:#a1a1aa}.landing-closing{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;border:1px solid #e5e7eb;background:#f8f8f8}.dark .landing-closing{border-color:#27272a;background:#18181b}@media (min-width: 768px){.landing-closing{flex-direction:row;align-items:center;justify-content:space-between;gap:1.5rem}.landing-closing .landing-cta-row{margin-top:0;flex-shrink:0;flex-wrap:nowrap;align-items:stretch}}@media (max-width: 639px){.landing-path-grid,.landing-product-grid,.landing-flow{grid-template-columns:repeat(2, minmax(0, 1fr));gap:0.75rem}.landing-flow-step:last-child{grid-column:1 / -1}.landing-path-card,.landing-product-card,.landing-flow-step{padding:0.875rem}.landing-path-card{flex-direction:column;gap:0.625rem}.landing-product-card>.landing-product-icon,.landing-product-card>svg:first-child{margin-bottom:0.625rem}.landing-card-title,.landing-flow-step h3{font-size:0.875rem;line-height:1.3}.landing-card-text,.landing-flow-step p{margin-top:0.375rem;font-size:0.8125rem}.landing-card-text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;flex:0 1 auto}.landing-card-cta{display:none}.landing-section{padding:2.5rem 0}}html[data-current-path*="/whats-new/"] eyebrow,html[data-current-path*="/whats-new/"] #header h1,html[data-current-path*="/whats-new/"] #header p:first-of-type{display:none!important}.whats-new-banner,.whats-new-shot{border-radius:0!important}.whats-new-banner{margin:0 0 0.85rem;overflow:hidden;border:1px solid #e5e7eb;background:#f8fafc}.dark .whats-new-banner{border-color:#27272a;background:#0b1220}.whats-new-banner-image{display:block;width:100%;height:auto}.whats-new-page-title{margin:0 0 1.5rem!important;font-size:1.05rem!important;font-weight:600!important;line-height:1.4!important;color:#6b7280!important}.dark .whats-new-page-title{color:#a1a1aa!important}.whats-new-highlights-bar{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:0 0 0.75rem}.whats-new-highlights-heading{margin:0!important;font-size:1.5rem!important;font-weight:700!important;line-height:1.3!important}.whats-new-see-full{font-size:0.95rem;font-weight:600;color:#015bfa;text-decoration:none;white-space:nowrap}.whats-new-see-full:hover{text-decoration:underline}.dark .whats-new-see-full{color:#3a9aff}.whats-new-shot{margin:0.85rem 0 1.1rem;border:1px solid #e5e7eb;background:#ffffff;overflow:hidden}.dark .whats-new-shot{border-color:#27272a;background:#09090b}.whats-new-shot img{display:block;width:100%;height:auto}.whats-new-shot-caption{margin:0!important;padding:0.65rem 0.85rem;border-top:1px solid #e5e7eb;font-size:0.85rem;line-height:1.45;color:#6b7280;background:#f9fafb}.dark .whats-new-shot-caption{border-top-color:#27272a;color:#a1a1aa;background:#111113}.whats-new-learn-more{display:inline-block;margin:0.15rem 0 0.85rem;color:#015bfa;font-weight:600;text-decoration:none}.whats-new-learn-more:hover{text-decoration:underline}.dark .whats-new-learn-more{color:#3a9aff}.quiz-container{background:#f8fafc;border-radius:14px;padding:28px;margin:32px 0;border:1px solid #e2e8f0}.dark .quiz-container{background:rgba(255, 255, 255, 0.03);border-color:#27272a}.quiz-badge{display:inline-flex;align-items:center;vertical-align:middle;margin-right:8px;margin-bottom:2px;padding:0.1rem 0.5rem;border-radius:6px;font-size:0.7rem;font-weight:700;letter-spacing:0.02em;line-height:1.35;color:#015bfa;background:rgba(1, 91, 250, 0.1);border:1px solid rgba(1, 91, 250, 0.2)}.dark .quiz-badge{color:#3a9aff;background:rgba(58, 154, 255, 0.12);border-color:rgba(58, 154, 255, 0.25)}.quiz-question-box{display:block;margin:0 0 10px;padding:0 0 10px}.quiz-question{font-size:16px;font-weight:600;line-height:1.5;color:#0f172a;margin:0!important}.dark .quiz-question{color:#f4f4f5}.quiz-options{display:flex;flex-direction:column;gap:2px;margin-top:0!important;margin-bottom:18px}.quiz-option input[type="radio"]{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.quiz-radio{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;border-radius:9999px!important;border:2px solid #cbd5e1;transition:border-color 0.15s ease, background 0.15s ease,
    box-shadow 0.15s ease}.quiz-radio::after{content:"";width:8px;height:8px;border-radius:9999px!important;background:transparent;transition:background 0.15s ease, transform 0.15s ease;transform:scale(0)}.dark .quiz-radio{border-color:rgba(255, 255, 255, 0.2)}.quiz-option{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;border:none;cursor:pointer;font-size:14px;line-height:1.5;color:#334155;background:transparent;transition:background-color 0.15s ease, color 0.15s ease;user-select:none;position:relative}.dark .quiz-option{color:#d4d4d8}.quiz-container:not(.quiz-checked) .quiz-option:not(.quiz-option-selected):hover{background:rgba(1, 91, 250, 0.04)}.quiz-container:not(.quiz-checked) .quiz-option:not(.quiz-option-selected):hover .quiz-radio{border-color:#94a3b8}.dark .quiz-container:not(.quiz-checked) .quiz-option:not(.quiz-option-selected):hover{background:rgba(58, 154, 255, 0.06)}.dark .quiz-container:not(.quiz-checked) .quiz-option:not(.quiz-option-selected):hover .quiz-radio{border-color:rgba(255, 255, 255, 0.35)}.quiz-checked .quiz-option{cursor:default}.quiz-option-selected{background:rgba(1, 91, 250, 0.08);color:#0f172a}.quiz-option-selected .quiz-radio{border-color:#015bfa}.quiz-option-selected .quiz-radio::after{background:#015bfa;transform:scale(1)}.dark .quiz-option-selected{background:rgba(1, 91, 250, 0.12);color:#f4f4f5}.dark .quiz-option-selected .quiz-radio{border-color:#3a9aff}.dark .quiz-option-selected .quiz-radio::after{background:#3a9aff}.quiz-option-correct{background:rgba(1, 91, 250, 0.08);color:#0f172a}.quiz-option-correct .quiz-radio{border-color:#015bfa;background:#015bfa}.quiz-option-correct .quiz-radio::after{background:#ffffff;transform:scale(1)}.dark .quiz-option-correct{background:rgba(1, 91, 250, 0.12);color:#f4f4f5}.dark .quiz-option-correct .quiz-radio{border-color:#3a9aff;background:#3a9aff}.quiz-option-incorrect{background:rgba(220, 38, 38, 0.06)}.quiz-option-incorrect .quiz-radio{border-color:#dc2626;background:#dc2626}.quiz-option-incorrect .quiz-radio::after{background:#ffffff;transform:scale(1)}.quiz-feedback{display:flex;align-items:flex-start;gap:8px;padding:12px 14px;border-radius:10px;font-size:14px;line-height:1.6;margin-top:2px;margin-bottom:18px}.quiz-feedback-icon{font-weight:700;flex-shrink:0;font-size:13px;line-height:1.6}.quiz-feedback-correct{background:rgba(1, 91, 250, 0.08);color:#0047d1}.quiz-feedback-correct .quiz-feedback-icon{color:#015bfa}.dark .quiz-feedback-correct{background:rgba(58, 154, 255, 0.1);color:#93c5fd}.dark .quiz-feedback-correct .quiz-feedback-icon{color:#3a9aff}.quiz-feedback-incorrect{background:rgba(220, 38, 38, 0.06);color:#dc2626}.quiz-feedback-incorrect .quiz-feedback-icon{color:#dc2626}.dark .quiz-feedback-incorrect{background:rgba(220, 38, 38, 0.08);color:#f87171}.quiz-btn{padding:7px 20px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:background-color 0.15s ease, opacity 0.15s ease}.quiz-btn-check{width:100%;background:#015bfa;color:#ffffff}.quiz-btn-check:disabled{opacity:0.35;cursor:not-allowed}.quiz-btn-check:hover:not(:disabled){background:#0047d1}.quiz-btn-reset{width:100%;background:#f1f5f9;color:#475569}.quiz-btn-reset:hover{color:#0f172a;background:#e2e8f0}.dark .quiz-btn-reset{background:rgba(255, 255, 255, 0.08);color:#a1a1aa}.dark .quiz-btn-reset:hover{color:#f4f4f5;background:rgba(255, 255, 255, 0.14)}