.catalog-workshop{--catalog-ink:#0b1746;--catalog-muted:#4e638a;color:var(--catalog-ink);background:linear-gradient(#f1f9ff,#f8fcff 52%,#edf8ff);min-height:70vh;font-family:Segoe UI,Arial,sans-serif}.catalog-workshop>.ui-container,.catalog-workshop .catalog-hero-inner.ui-container{width:min(100% - 3rem,76rem)}.catalog-workshop h1,.catalog-workshop h2,.catalog-workshop h3{letter-spacing:-.025em;font-weight:800}.catalog-hero{isolation:isolate;position:relative}.catalog-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#f0faffd9 5%,#eef9ff75 48%,#eef9ff00 76%);position:absolute;inset:0}.catalog-hero-landscape{object-fit:cover;object-position:center 56%;z-index:-2}.catalog-hero-inner{grid-template-columns:minmax(0,1fr) 24rem;align-items:center;gap:1rem;min-height:20rem;padding-block:1rem 2.4rem;display:grid}.catalog-workshop .catalog-heading{min-width:0;padding-block:1rem}.catalog-workshop .catalog-heading h1{letter-spacing:-.045em;margin:0 0 .75rem;font-size:clamp(2.6rem,4.6vw,4.25rem);line-height:1.07}.catalog-workshop .catalog-heading p{color:#314771;margin:0;font-size:clamp(1.05rem,1.8vw,1.5rem);font-weight:600;line-height:1.5}.catalog-workshop .catalog-heading .catalog-profile{margin-top:.4rem;font-size:.95rem;font-weight:400}.catalog-hero-robot.robot-avatar{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 12px #273b6c25);width:100%;height:17rem}.catalog-workshop .catalog-page{z-index:1;gap:1.25rem;min-width:0;margin-top:-2rem;padding-block:0 1.5rem;display:grid;position:relative}.catalog-workshop .catalog-controls{background:#ffffffed;border:1px solid #fff;border-radius:1.6rem;padding:1.1rem;box-shadow:0 5px 20px #8bb0dc10}.catalog-workshop .catalog-filter-panel{background:0 0;border:0;border-radius:0}.catalog-workshop .catalog-filter-panel>form{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:0;scroll-margin-top:1rem;display:grid}.catalog-workshop .catalog-filter-panel>form.with-child{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-workshop .catalog-filter-field{color:#243a6b;background:linear-gradient(135deg,#f8fcff,#f3f9ff);border:1px solid #daebff;border-radius:1.15rem;grid-template-columns:2.2rem minmax(0,1fr);align-items:center;gap:0 .6rem;padding:.6rem .6rem .3rem .75rem;font-size:.8rem;font-weight:500;display:grid}.catalog-workshop .catalog-filter-field>span:nth-child(2){padding-left:.25rem}.catalog-filter-icon{color:#078aff;background:#e8f7ff;border-radius:50%;grid-row:span 2;place-items:center;width:2.2rem;height:2.2rem;display:grid}.catalog-filter-icon>svg{width:1.4rem;height:1.4rem}.catalog-filter-field:nth-child(n+3) .catalog-filter-icon{color:#7750ef;background:#f1ecff}.catalog-workshop .catalog-controls select{min-height:48px;box-shadow:none;color:var(--catalog-ink);background-color:#0000;border:0;border-radius:.4rem;padding:.25rem 1.25rem .25rem .25rem;font-size:.95rem;font-weight:650}.catalog-workshop .catalog-controls select:focus-visible{outline-offset:2px;outline:3px solid #009ebc}.catalog-workshop .catalog-pending:empty{display:none}.catalog-workshop .catalog-pending{background:#fff;border-radius:.5rem;padding:.3rem .75rem}.catalog-continue{background:linear-gradient(110deg,#fff,#f8fcff);border:1px solid #d9ecff;border-radius:1.5rem;grid-template-columns:13rem minmax(0,1fr) auto;align-items:center;gap:1.4rem;padding:1rem 1.15rem;display:grid;box-shadow:0 4px 16px #97b6db10}.catalog-continue-art{aspect-ratio:2.4;border-radius:.9rem;min-width:0;position:relative}.catalog-continue-art>img:first-child{object-fit:cover;border-radius:inherit;width:100%;height:100%}.catalog-continue-copy{min-width:0}.catalog-continue h2{margin-bottom:.35rem;font-size:1.4rem;line-height:1.25}.catalog-continue p{color:#38527e;font-size:1rem;line-height:1.45}.catalog-continue-copy>span{color:var(--catalog-muted);margin-top:.3rem;font-size:.85rem;display:block}.catalog-workshop .ui-button{color:#052c4c;min-height:3rem;box-shadow:none;text-align:center;white-space:normal;background:#00c5df;border-color:#00c5df;border-radius:.85rem;gap:.6rem;font-weight:750;line-height:1.35}.catalog-workshop .ui-button>svg{flex-shrink:0;width:1.15rem;height:1.15rem}.catalog-workshop .ui-button:hover{background:#00b4d0;border-color:#00a9c2;transform:none}.catalog-workshop .ui-button.secondary{color:#1553b7;background:#f5faff;border:1px solid #b9d6ff}.catalog-workshop .ui-button.secondary:hover{background:#e8f4ff}.catalog-workshop .ui-button:focus-visible,.catalog-workshop a:focus-visible,.catalog-workshop button:focus-visible,.catalog-workshop summary:focus-visible{outline-offset:3px;outline:3px solid #007a9c}.catalog-results-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.6rem 1rem;margin:.15rem 0 1rem;display:flex}.catalog-results-heading>h2{font-size:clamp(1.7rem,2.8vw,2.35rem);line-height:1.2}.catalog-results-heading>p{color:#354d7b;font-size:.95rem}.catalog-workshop .catalog-lessons{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:1rem;display:grid}.catalog-workshop .catalog-lesson{grid-row:span 4;grid-template-rows:subgrid;background:linear-gradient(145deg,#fff,#fafdff);border:1px solid #cfe4fb;border-radius:1.35rem;row-gap:.8rem;min-width:0;padding:.75rem;display:grid;box-shadow:0 5px 20px #8cb1d414}.catalog-workshop .catalog-lesson-active{background:linear-gradient(145deg,#fff,#f2fdff);border:2px solid #00bedc;padding:calc(.75rem - 1px);box-shadow:0 3px 18px #00bbd715}.catalog-lesson-cover{aspect-ratio:1.85;background:#e3f3ff;border-radius:.85rem;min-width:0;position:relative}.catalog-lesson-cover>img:first-child{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.catalog-cover-robot.robot-avatar{object-fit:contain;filter:drop-shadow(0 4px 5px #28417030);width:42%;height:90%;position:absolute;bottom:0;left:5%}.catalog-workshop .catalog-lesson-top{pointer-events:none;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.35rem;display:flex;position:absolute;inset:.6rem .6rem auto}.catalog-ordinal,.catalog-workshop .catalog-lesson-top .ui-badge{color:#254f93;background:#f4fbfff2;border:1px solid #ffffffa3;border-radius:2rem;padding:.3rem .6rem;font-size:.75rem;font-weight:650;line-height:1.35}.catalog-workshop .catalog-lesson-top .ui-badge{white-space:normal;align-items:center;gap:.25rem;display:inline-flex}.catalog-workshop .catalog-lesson-top .ui-badge.success{color:#10673b;background:#d6fbe8f2}.catalog-lesson-top .ui-badge>svg{flex-shrink:0;width:.95rem;height:.95rem}.catalog-workshop .catalog-lesson-heading{align-items:flex-start;gap:.5rem;min-width:0;padding-inline:.2rem;display:flex}.catalog-workshop .catalog-lesson-heading>div{min-width:0}.catalog-workshop .catalog-lesson h3{letter-spacing:-.02em;overflow-wrap:anywhere;margin:0;font-size:1.1rem;font-weight:750;line-height:1.35}.catalog-workshop .catalog-path{color:#50668e;margin-bottom:.35rem;font-size:.75rem;line-height:1.45}.catalog-workshop .catalog-info-button{color:#345cc1;background:#edf2ff;border:1px solid #d5e0fb;flex-basis:2.75rem;width:2.75rem;height:2.75rem;min-height:2.75rem;font-size:1.1rem}.catalog-workshop .catalog-lesson-details{align-content:start;gap:.6rem;padding-inline:.2rem;display:grid}.catalog-workshop .catalog-meta{color:#435c82;font-size:.82rem;line-height:1.45}.catalog-workshop .lesson-battery{grid-template-columns:minmax(0,1fr);align-content:start;justify-items:start;gap:.4rem;width:100%;min-width:0;margin:0;display:grid}.catalog-workshop .lesson-battery-visual{width:13.5rem;min-width:0;max-width:100%}.catalog-workshop .lesson-battery-body{background:0 0;border:0;border-radius:0;gap:.3rem;width:100%;min-width:0;max-width:100%;height:1.85rem;padding:0}.catalog-workshop .lesson-battery-body>span{background:linear-gradient(#f3f7fd,#e0ebf7);border:1px solid #bdcee3;border-radius:.4rem;box-shadow:inset 0 1px #fff}.catalog-workshop .lesson-battery-body>span[data-charged=true]{background:linear-gradient(#98f3a4,#36c466);border-color:#42c36b;box-shadow:inset 0 1px 1px #d6ffcd}.catalog-workshop .lesson-battery-tip{display:none}.catalog-workshop .lesson-battery-caption{color:#50668c;font-size:.8rem;line-height:1.45}.catalog-workshop .lesson-battery-caption>strong{color:inherit;font-weight:500}.catalog-workshop .lesson-battery[data-gold=true] .lesson-battery-body{background:0 0;border:0}.catalog-workshop .lesson-battery[data-gold=true] .lesson-battery-body>span[data-charged=true]{background:linear-gradient(#ffe992,#ffbf29);border-color:#e8b421;box-shadow:inset 0 1px 1px #fff8d2}.catalog-workshop .lesson-battery-repeat{color:#187148;background:#e1fbec;border-radius:2rem;width:fit-content;margin-top:.55rem;padding:.35rem .65rem;font-weight:500;display:block}.catalog-workshop .catalog-progress p{color:#486288;font-size:.8rem;line-height:1.45}.catalog-workshop .catalog-progress{min-width:0}.catalog-workshop .catalog-progress>div{margin:.35rem 0}.catalog-workshop .catalog-progress progress{accent-color:#00bedc;width:100%;min-width:0;max-width:100%}.catalog-workshop .catalog-progress progress::-webkit-progress-bar{background:#dcebf8;border-radius:1rem}.catalog-workshop .catalog-progress progress::-webkit-progress-value{background:#00c5df;border-radius:1rem}.catalog-workshop .catalog-progress progress::-moz-progress-bar{background:#00c5df;border-radius:1rem}.catalog-workshop .catalog-lesson-actions{flex-direction:column;align-self:end;align-items:stretch;gap:.5rem;margin:0;padding:.2rem;display:flex}.catalog-workshop .catalog-lesson-actions>form,.catalog-workshop .catalog-lesson-actions .ui-button{width:100%;min-width:0;max-width:100%}.catalog-workshop .catalog-lesson-actions .ui-link{text-align:center;justify-content:center;align-items:center;line-height:1.4;display:inline-flex}.catalog-workshop .catalog-lesson-actions form+form>.ui-button.secondary{color:#1553b7;background:0 0;border-color:#0000}.catalog-workshop .catalog-completed-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,8rem),1fr));align-items:start;display:grid}.catalog-workshop .catalog-completed-actions>form .ui-button.secondary{background:0 0;border-color:#0000}.catalog-charge-legend{background:linear-gradient(110deg,#fff,#f7fcff);border:1px solid #cfe5fc;border-radius:1.4rem;align-items:center;gap:1.25rem;min-width:0;padding:1.1rem 1.25rem;display:flex}.catalog-legend-blocks{background:#f7fbff;border:1px solid #d8e8ff;border-radius:2rem;flex:0 13.5rem;grid-template-columns:repeat(5,1fr);gap:.3rem;width:13.5rem;min-width:0;max-width:100%;padding:.6rem;display:grid}.catalog-legend-blocks>span{background:linear-gradient(#9df3ae,#38c66c);border:1px solid #43c978;border-radius:.4rem;height:1.8rem;box-shadow:inset 0 2px 1px #d7ffe3}.catalog-legend-copy{flex:1;min-width:0}.catalog-legend-copy h2{margin-bottom:.25rem;font-size:1rem}.catalog-legend-copy p{color:#50668c;font-size:.85rem;line-height:1.5}.catalog-robot-link{color:#1353b9;border-left:1px solid #d9e8fc;justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;min-height:3rem;padding-left:1rem;font-size:.9rem;font-weight:650;display:flex}.catalog-robot-link>.robot-avatar{object-fit:contain;width:4.3rem;height:5.2rem}.catalog-robot-link>span{align-items:center;gap:.5rem;display:flex}.catalog-robot-link svg{flex-shrink:0;width:1.1rem;height:1.1rem}.catalog-workshop .catalog-empty{background:#fff;border-radius:1.3rem;padding:1.5rem}@media (max-width:1100px){.catalog-workshop .catalog-lessons,.catalog-workshop .catalog-filter-panel>form.with-child{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-hero-inner{grid-template-columns:minmax(0,1fr) 18rem}.catalog-continue{grid-template-columns:10rem minmax(0,1fr)}.catalog-continue>.ui-button{grid-column:2;justify-self:start}.catalog-continue-art{aspect-ratio:1.4;grid-row:span 2}.catalog-charge-legend{flex-wrap:wrap}.catalog-robot-link{margin-left:auto}}@media (max-width:700px){.catalog-workshop>.ui-container,.catalog-workshop .catalog-hero-inner.ui-container{width:calc(100% - 1.5rem)}.catalog-hero-inner{flex-wrap:wrap;gap:.25rem;min-height:15rem;padding-block:1rem 2.8rem;display:flex}.catalog-workshop .catalog-heading{flex:14rem}.catalog-workshop .catalog-heading h1{font-size:clamp(2rem,7.5vw,2.8rem)}.catalog-workshop .catalog-heading p{font-size:1rem}.catalog-workshop .catalog-heading .catalog-profile{font-size:.8rem}.catalog-hero-robot.robot-avatar{flex:0 min(25vw,6.5rem);align-self:end;width:min(25vw,6.5rem);height:min(9rem,35vw);margin-left:auto}.catalog-workshop .catalog-page{gap:1rem;margin-top:-1.8rem}.catalog-workshop .catalog-controls{border-radius:1.2rem;padding:.3rem .65rem}.catalog-workshop .catalog-filter-panel>summary{min-height:3rem;padding:.65rem 1.5rem .65rem .25rem;font-size:.95rem;display:block}.catalog-workshop .catalog-filter-panel>summary>span{color:#486187;margin-top:.3rem;font-size:.8rem}.catalog-workshop .catalog-filter-panel>form,.catalog-workshop .catalog-filter-panel>form.with-child{grid-template-columns:minmax(0,1fr);gap:.65rem;padding-bottom:.65rem}.catalog-workshop .catalog-filter-field{grid-template-columns:2.2rem minmax(0,1fr)}.catalog-workshop .catalog-lessons{grid-template-columns:minmax(0,1fr);gap:1rem}.catalog-workshop .catalog-lesson{grid-row:auto;grid-template-rows:auto auto 1fr auto;row-gap:.75rem;padding:.65rem}.catalog-workshop .catalog-lesson-active{padding:calc(.65rem - 1px)}.catalog-workshop .catalog-lesson h3{font-size:1.15rem}.catalog-continue{flex-wrap:wrap;gap:.7rem;padding:.85rem;display:flex}.catalog-continue-art{aspect-ratio:1;flex:0 min(22vw,5.5rem)}.catalog-continue-copy{flex:12rem}.catalog-continue h2{font-size:1.1rem}.catalog-continue p{font-size:.85rem}.catalog-continue>.ui-button{width:100%}.catalog-results-heading{margin-block:.25rem .9rem}.catalog-results-heading>h2{font-size:1.7rem}.catalog-results-heading>p{font-size:.85rem}.catalog-charge-legend{gap:.85rem;padding:1rem}.catalog-legend-blocks{flex:0 12rem}.catalog-legend-copy{flex-basis:100%}.catalog-robot-link{border-top:1px solid #d9e8fc;border-left:0;justify-content:space-between;width:100%;margin:0;padding:.5rem 0 0}}@media (prefers-reduced-motion:reduce){.catalog-workshop *{scroll-behavior:auto}}