.tutorial-launcher{border:1px solid rgba(var(--bs-primary-rgb),.12);background:linear-gradient(180deg,rgba(var(--bs-primary-rgb),.08),rgba(var(--bs-primary-rgb),.03))}.tutorial-launcher:hover{border-color:rgba(var(--bs-primary-rgb),.25);background:linear-gradient(180deg,rgba(var(--bs-primary-rgb),.14),rgba(var(--bs-primary-rgb),.06))}.tutorial-launcher__badge{min-width:52px}.tutorial-offcanvas{--bs-offcanvas-width: min(1120px, 96vw);background:#f7f8fc;display:flex;flex-direction:column;height:100vh;max-height:100vh;overflow:hidden}.tutorial-offcanvas__header{align-items:flex-start;border-bottom:1px solid rgba(76,78,100,.08);padding:1.5rem 1.5rem 1rem;background:linear-gradient(180deg,#fff,#f7f8fc)}.tutorial-offcanvas__title-wrap{min-width:0}.tutorial-badge{display:inline-flex;align-items:center;padding:.35rem .75rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bs-primary);background:rgba(var(--bs-primary-rgb),.12);margin-bottom:.75rem}.tutorial-offcanvas__progress{padding:0 1.5rem 1rem;background:#fff;border-bottom:1px solid rgba(76,78,100,.08)}.tutorial-progress-bar{background:linear-gradient(90deg,#696cff,#00cfe8)}.tutorial-offcanvas__filters{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(76,78,100,.08);background:#fff}.tutorial-filter-group{display:flex;flex-wrap:wrap;gap:.5rem}.tutorial-filter-chip{border:1px solid rgba(76,78,100,.14);background:#fff;color:#566078;border-radius:999px;padding:.45rem .85rem;font-size:.84rem;font-weight:600;line-height:1}.tutorial-filter-chip.is-active{border-color:rgba(var(--bs-primary-rgb),.18);background:rgba(var(--bs-primary-rgb),.12);color:var(--bs-primary)}.tutorial-offcanvas__body{display:grid;grid-template-columns:290px minmax(0,1fr);flex:1 1 auto;min-height:0;overflow:hidden}.tutorial-offcanvas__sidebar{border-right:1px solid rgba(76,78,100,.08);background:#fbfbfd;min-height:0;overflow-y:auto;overscroll-behavior:contain}.tutorial-track-list{padding:1rem}.tutorial-track-card{border:1px solid rgba(76,78,100,.1);background:#fff;border-radius:1.1rem;padding:1rem;margin-bottom:.75rem;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.tutorial-track-card:hover{transform:translateY(-1px);border-color:rgba(var(--bs-primary-rgb),.2);box-shadow:0 12px 24px #4c4e6414}.tutorial-track-card.is-active{border-color:rgba(var(--bs-primary-rgb),.38);box-shadow:0 0 0 3px rgba(var(--bs-primary-rgb),.08);background:linear-gradient(180deg,rgba(var(--bs-primary-rgb),.06),#fff)}.tutorial-track-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;margin-bottom:.35rem}.tutorial-track-card__title{font-size:1rem;font-weight:700;color:#2f3349;line-height:1.3}.tutorial-track-card__meta{font-size:.82rem;color:#7a829b;margin-bottom:.4rem}.tutorial-track-card__progress{font-size:.84rem;color:#5d6785}.tutorial-track-card__dot{width:16px;height:16px;border-radius:50%;border:2px solid rgba(76,78,100,.24);flex-shrink:0;margin-top:.25rem}.tutorial-track-card.is-complete .tutorial-track-card__dot{border-color:#28c76f;background:#28c76f;box-shadow:0 0 0 4px #28c76f26}.tutorial-offcanvas__content{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:#fff}.tutorial-step-header{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem;border-bottom:1px solid rgba(76,78,100,.08)}.tutorial-step-circles{display:flex;flex-wrap:wrap;gap:.6rem}.tutorial-step-circle{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(76,78,100,.12);color:#7a829b;background:#f8f9fc;font-weight:700;cursor:pointer}.tutorial-step-circle.is-active{color:#fff;border-color:var(--bs-primary);background:var(--bs-primary);box-shadow:0 8px 16px rgba(var(--bs-primary-rgb),.24)}.tutorial-step-circle.is-complete:not(.is-active){border-color:#28c76f4d;background:#28c76f1f;color:#28c76f}.tutorial-step-meta{min-width:0}.tutorial-step-card{flex:1 1 auto;min-height:0;padding:1.5rem;overflow-y:auto;overscroll-behavior:contain}.tutorial-step-card__top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.tutorial-step-menu{display:inline-flex;align-items:center;padding:.55rem .85rem;border-radius:.9rem;background:rgba(var(--bs-primary-rgb),.08);color:var(--bs-primary);font-size:.88rem;font-weight:600}.tutorial-step-summary{color:#5d6785;font-size:.98rem;line-height:1.7}.tutorial-step-section{border:1px solid rgba(76,78,100,.08);border-radius:1rem;padding:1rem 1rem 1rem 1.1rem;background:#fcfcfe}.tutorial-step-section__title{margin-bottom:.75rem;font-size:.86rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#6d748c}.tutorial-step-points{padding-left:1.1rem;color:#33405e}.tutorial-step-points li+li{margin-top:.65rem}.tutorial-step-tip{border:1px solid rgba(255,159,67,.34);background:linear-gradient(180deg,#ff9f431a,#ff9f430a);border-radius:1rem;padding:1rem 1.1rem;color:#7a4a00}.tutorial-step-tip__label{font-size:.82rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.5rem}.tutorial-checklist{display:flex;flex-direction:column;gap:.85rem}.tutorial-checklist-item{display:flex;gap:.75rem;align-items:flex-start;padding:.85rem .9rem;border-radius:.9rem;border:1px solid rgba(76,78,100,.08);background:#fff}.tutorial-checklist-item input{margin-top:.2rem}.tutorial-checklist-item__text{color:#33405e;line-height:1.55}.tutorial-step-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-shrink:0;padding:1rem 1.5rem 1.5rem;border-top:1px solid rgba(76,78,100,.08);background:linear-gradient(180deg,#f8f9fc33,#fff)}.sks-calculator-page{display:flex;flex-direction:column;gap:1.5rem}.sks-calculator-hero{border:0;overflow:hidden;background:radial-gradient(circle at top right,rgba(105,108,255,.18),transparent 30%),linear-gradient(135deg,#fff,#f6f7ff 58%,#eff8ff);box-shadow:0 18px 40px #4c4e6414}.sks-calculator-hero__badge{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;background:rgba(var(--bs-primary-rgb),.1);color:var(--bs-primary);font-size:.82rem;font-weight:700}.sks-calculator-hero__title{margin:.9rem 0 .55rem;color:#2f3349;font-size:clamp(1.75rem,2vw,2.3rem);font-weight:800;letter-spacing:-.02em}.sks-calculator-hero__desc{max-width:760px;margin:0;color:#5d6785;font-size:1rem;line-height:1.7}.sks-calculator-toolbar{margin-top:1.5rem;padding:1rem;border:1px solid rgba(76,78,100,.08);border-radius:1.1rem;background:#ffffffd1;backdrop-filter:blur(8px)}.sks-calculator-toolbar .form-label{color:#6d748c;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.sks-calculator-toolbar .form-select,.sks-calculator-toolbar .form-control{min-height:46px;border-radius:.95rem}.sks-calculator-note{display:inline-flex;align-items:center;gap:.55rem;padding:.85rem 1rem;border-radius:1rem;background:#28c76f14;color:#1f7a45;font-weight:600}.sks-calculator-stat{height:100%;border:1px solid rgba(76,78,100,.08);border-radius:1.15rem;background:#fff;box-shadow:0 10px 24px #4c4e640d}.sks-calculator-stat__body{padding:1.35rem 1.35rem 1.2rem}.sks-calculator-stat__label{margin-bottom:.6rem;color:#7a829b;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.sks-calculator-stat__value{margin-bottom:.35rem;color:#2f3349;font-size:2rem;font-weight:800;line-height:1}.sks-calculator-stat__help{color:#5d6785;font-size:.92rem}.sks-calculator-stat--primary .sks-calculator-stat__value{color:var(--bs-primary)}.sks-calculator-stat--info .sks-calculator-stat__value{color:#00bad1}.sks-calculator-stat--success .sks-calculator-stat__value{color:#28c76f}.sks-calculator-stat--warning .sks-calculator-stat__value{color:#ff9f43}.sks-calculator-surface{border:1px solid rgba(76,78,100,.08);border-radius:1.25rem;background:#fff;box-shadow:0 18px 40px #4c4e640f}.sks-calculator-surface__header{padding:1.25rem 1.4rem 1rem;border-bottom:1px solid rgba(76,78,100,.08)}.sks-calculator-surface__title{margin:0;color:#2f3349;font-size:1.1rem;font-weight:800}.sks-calculator-surface__subtitle{margin:.35rem 0 0;color:#6d748c}.sks-calculator-table{margin-bottom:0}.sks-calculator-table thead th{padding:1rem;vertical-align:bottom;border-bottom-width:1px;color:#5d6785;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;background:#f7f8fc}.sks-calculator-table tbody td,.sks-calculator-table tfoot td{padding:1rem;vertical-align:middle}.sks-calculator-table tbody tr:hover{background:rgba(var(--bs-primary-rgb),.03)}.sks-calculator-table__course-code{color:#2f3349;font-size:1rem;font-weight:800}.sks-calculator-table__course-name{color:#6d748c}.sks-calculator-table__calc{background:#ff9f4314}.sks-calculator-table__calc-value{color:#2f3349;font-size:1.05rem;font-weight:800}.sks-calculator-table__calc-helper{color:#7a829b;font-size:.78rem}.sks-calculator-diff{font-size:1.05rem;font-weight:800}.sks-calculator-diff--positive{color:#28c76f}.sks-calculator-diff--negative{color:#ea5455}.sks-calculator-diff--neutral{color:#7a829b}.sks-calculator-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.4rem 1.25rem;border-top:1px solid rgba(76,78,100,.08);background:linear-gradient(180deg,#f7f8fc4d,#fff)}.sks-calculator-footer__summary{color:#5d6785}.sks-calculator-footer__summary strong{color:#2f3349}.sks-calculator-empty{border:1px solid rgba(255,159,67,.2);border-radius:1.15rem;background:linear-gradient(180deg,#ff9f431f,#ff9f430a)}@media(max-width:991.98px){.tutorial-offcanvas__body{grid-template-columns:1fr}.tutorial-offcanvas__sidebar{border-right:0;border-bottom:1px solid rgba(76,78,100,.08);max-height:240px}.tutorial-step-header{flex-direction:column;align-items:flex-start}.tutorial-step-footer{flex-direction:column;align-items:stretch}.tutorial-step-footer>div{display:grid!important;grid-template-columns:1fr 1fr}.sks-calculator-footer{flex-direction:column;align-items:stretch}}@media(max-width:575.98px){.tutorial-offcanvas{--bs-offcanvas-width: 100vw}.tutorial-offcanvas__header,.tutorial-offcanvas__progress,.tutorial-offcanvas__filters,.tutorial-step-header,.tutorial-step-card,.tutorial-step-footer{padding-left:1rem;padding-right:1rem}.tutorial-filter-chip{font-size:.78rem}.sks-calculator-hero__title{font-size:1.5rem}.sks-calculator-toolbar{padding:.9rem}.sks-calculator-stat__body,.sks-calculator-surface__header,.sks-calculator-footer{padding-left:1rem;padding-right:1rem}}