:root{--studio-card-radius:22px;--studio-card-shadow:0 10px 30px #292a3314;--studio-card-hover-shadow:0 16px 38px #292a3321;--studio-card-focus:3px solid #67895666}.theory-home{color:#292a33;max-width:1040px;height:auto;min-height:100vh;padding-top:64px;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Inter,Arial,sans-serif;display:block;overflow:visible}.theory-home__header{padding:50px 4px 20px}.theory-home .theory-home__header>p:first-child{color:#678956;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:720}.theory-home .theory-home__header h1{letter-spacing:-.04em;color:#292a33;margin:0;font-size:42px;font-weight:760;line-height:1.04}.theory-home .theory-home__header>p:last-child{color:#6d6f76;max-width:680px;margin:16px 0 0;font-size:16px;line-height:1.55}.theory-course-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%;margin-top:38px;display:grid}.theory-home .theory-course{border-radius:var(--studio-card-radius);height:340px;box-shadow:var(--studio-card-shadow);background:#fff;border:0;grid-template-rows:205px 135px;align-self:start;margin-top:0;transition:box-shadow .18s,transform .18s;display:grid;position:relative}.theory-home .theory-course>svg{background:#fbfbfb;width:100%;height:100%;min-height:0}.theory-home .theory-course>div:not(.theory-course__art){border-top:0;height:135px;min-height:0;padding:18px 21px;display:block}.theory-home .theory-course>div:not(.theory-course__art)>div{flex-direction:column;height:100%;display:flex}.theory-home .theory-course h2{line-height:1.3}.theory-home .theory-course p{max-width:250px;line-height:1.45}.theory-home .theory-course.is-complete>div:not(.theory-course__art){padding:18px 21px}@media (max-width:820px){.theory-course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.theory-course-grid{grid-template-columns:1fr}.theory-home .theory-course{grid-template-rows:205px 125px;height:330px}.theory-home .theory-course>div:not(.theory-course__art){height:125px}}.course-check{z-index:1;color:#40553d;background:#fff;border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:650;display:inline-flex;position:absolute;top:14px;right:14px;box-shadow:0 1px 3px #292a3314}.theory-home .theory-course>.theory-course__art{background:#fbfbfb;height:100%;min-height:0;padding:0 14px;display:block}.theory-home .theory-course__art .engraved-row{width:100%;height:100%;animation:none}@media (max-width:760px){.theory-shell.theory-home{overscroll-behavior-y:contain;height:100dvh;min-height:0;padding:16px 16px calc(92px + env(safe-area-inset-bottom));overflow-y:auto}.theory-home .theory-home__header{padding:8px 0 16px}.theory-home .theory-home__header h1{font-size:30px}.theory-home .theory-course-grid{margin-top:12px}body:has(.theory-home){padding-bottom:0!important}}.theory-home .theory-course:focus-visible{outline:var(--studio-card-focus);outline-offset:3px;box-shadow:var(--studio-card-hover-shadow)}@media (hover:hover) and (pointer:fine){.theory-home .theory-course:hover{box-shadow:var(--studio-card-hover-shadow);transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.theory-home .theory-course{transition:none}.theory-home .theory-course:hover{transform:none}}.theory-home{--tint-green:#eef4ec;--tint-pink:#faf0f6;--tint-sand:#f7f1e6;--tint-slate:#edf1f5}.theory-home .theory-course:nth-child(4n+1)>.theory-course__art{background:var(--tint-sand)}.theory-home .theory-course:nth-child(4n+2)>.theory-course__art{background:var(--tint-slate)}.theory-home .theory-course:nth-child(4n+3)>.theory-course__art{background:var(--tint-pink)}.theory-home .theory-course:nth-child(4n+4)>.theory-course__art{background:var(--tint-green)}.theory-home .theory-course{overflow:hidden}.theory-home .theory-course h2{letter-spacing:-.01em;font-size:16px;font-weight:650;line-height:1.3}.theory-home .theory-course p{color:#71747e;margin-top:4px;font-size:14px;line-height:1.4}.studio-route:has(>.theory-home){overscroll-behavior-y:contain;overflow-y:auto}.theory-home .course-check{top:10px;left:10px;right:auto}@media (max-width:760px){.theory-home .course-check{justify-content:center;gap:0;width:24px;height:24px;padding:0;font-size:13px}.theory-home .course-check__word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}