#course-view{padding:31px 34px 36px;max-width:1500px;margin:0 auto}
.course-heading{align-items:flex-start}.course-heading p{max-width:650px;font-size:1rem;color:#596b7b}
.course-heading .btn{margin-top:10px;font-size:.875rem;padding:12px 18px}
.course-overview-progress{background:#fff;border:1px solid #dfe5eb;border-radius:11px;padding:20px 24px;margin:0 0 26px}
.course-overview-progress>div{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.875rem}.course-overview-progress strong{font-weight:600}.course-overview-progress span{color:#566c49}
.course-overview-progress progress{width:100%;height:7px;display:block;appearance:none;border:0;border-radius:8px;overflow:hidden;margin:15px 0;background:#e7edf1}.course-overview-progress progress::-webkit-progress-bar{background:#e7edf1}.course-overview-progress progress::-webkit-progress-value{background:#85ab4e}.course-overview-progress progress::-moz-progress-bar{background:#85ab4e}.course-overview-progress p{font-size:.875rem;color:#637384;margin:0;line-height:1.7}
.course-group{margin-bottom:26px}.course-group>h2{font-size:1rem;font-weight:600;margin:0 0 12px;color:#506274}.course-lesson-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.course-card{display:flex;align-items:flex-start;gap:17px;border:1px solid #dfe5eb;border-radius:10px;background:#fff;padding:20px;text-align:left;min-width:0;width:100%}.course-card:hover{border-color:#89a662;background:#fbfdf7}.course-card.complete{border-color:#b0c988}.course-number{display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#152132;color:#c9f479;font-size:.875rem;flex-shrink:0}.complete .course-number{background:#e4efcf;color:#536f31}.course-card-body{min-width:0}.course-card-body>strong{font-size:1rem;font-weight:600;color:#26394b;display:block;line-height:1.5}.course-card-body>span{font-size:.875rem;color:#647487;display:block;margin-top:6px;line-height:1.65}.course-card-body small{font-size:.75rem;display:block;color:#65764f;margin-top:12px}
.course-sidebar-progress{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #3a494e;margin-top:16px;padding-top:12px;font-size:.75rem;color:#b7c5cf}.course-sidebar-progress b{color:#d8edb5;white-space:nowrap}
.tutorial-workspace .workspace-heading{align-items:flex-start}.tutorial-workspace .workspace-heading h1{font-size:1.75rem;letter-spacing:-.7px}.tutorial-workspace .workspace-heading p{font-size:1rem;color:#556979;max-width:660px}.tutorial-workspace .work-grid{grid-template-columns:minmax(310px,.85fr) minmax(440px,1.7fr)}
.course-header-tools{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:220px;max-width:310px}.course-header-tools label{font-size:.875rem;color:#586b7c;margin-top:6px}.course-header-tools select{width:100%;max-width:100%;font-size:.875rem;padding:8px 10px;white-space:normal}.course-header-tools .btn{font-size:.875rem}
.course-lesson-content{padding:15px 20px 20px;min-width:0}.course-theory summary,.course-expected summary,.course-relationships summary{font-size:.875rem;font-weight:600;cursor:pointer;color:#49622d;padding:7px 0}.course-theory p{font-size:1rem;line-height:1.8;color:#42596b;margin:12px 0}.course-lesson-content code,.course-visual-card code{font-family:'SFMono-Regular',Consolas,monospace;font-size:.875em;color:#334d60;background:#edf1f4;border-radius:3px;padding:1px 3px;overflow-wrap:anywhere}.course-takeaway{background:#f0f6e7;border-left:3px solid #91b45f;padding:12px 14px;margin:18px 0}.course-takeaway strong{font-size:.875rem;color:#49622d}.course-takeaway p{font-size:.875rem;margin:5px 0 0;line-height:1.8}
.course-activities{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px 12px;border-top:1px solid #e4e9ec;border-bottom:1px solid #e4e9ec;padding:15px 0;margin-top:15px;font-size:.875rem;color:#576b7d}.course-activities>div{display:flex;flex-wrap:wrap;gap:6px}.course-activities button{border:1px solid #dce4e9;border-radius:6px;background:#f8fafb;color:#52677a;padding:6px 10px;min-width:34px;min-height:34px;font-size:.875rem}.course-activities button.selected{background:#152132;color:#d7f5ad;border-color:#152132}.course-activities button.done:not(.selected){background:#eaf3dc;border-color:#afc986;color:#49662d}
.course-activity-content{padding-top:17px}.course-activity-content .question-title{font-size:1.35rem;line-height:1.4;color:#2e4456;margin:12px 0}.course-activity-content .question-text{font-size:1rem;color:#42596b;line-height:1.8}.course-activity-content .output-contract h3{font-size:.875rem}.course-activity-content .output-contract p{font-size:.75rem;color:#667b8d}.course-activity-content .hint{font-size:.875rem;color:#725f2d}.course-activity-content .hint-button,.course-activity-content .text-button{font-size:.875rem}.course-activity-content .hint-section{margin-top:18px}.course-activity-content .pill{font-size:.75rem}.course-expected{margin:18px 0;border:1px solid #e1e7ec;border-radius:7px;padding:8px 12px}.course-expected .table-scroll{margin-top:10px;max-width:100%;max-height:250px}.course-expected table{font-size:.875rem}.course-expected td,.course-expected th{padding:8px 10px}.course-expected .null{font-size:.75rem}.course-experiment{background:#f3f6f9;border-radius:7px;padding:13px 15px;margin:18px 0}.course-experiment strong{font-size:.875rem;color:#4a6176}.course-experiment p{font-size:.875rem;line-height:1.8;color:#4c6478;margin:6px 0 0}.course-activity-content>.btn{font-size:.875rem;white-space:normal}
.course-lesson-nav{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border-top:1px solid #e4e9ec;margin-top:24px;padding-top:16px}.course-lesson-nav .btn{font-size:.875rem;white-space:normal;padding:9px 10px;flex:1}.course-complete{display:flex;gap:8px;align-items:flex-start;font-size:.875rem;color:#496a30;background:#eef6e2;border-radius:7px;padding:12px;margin-top:20px}.course-complete svg{flex-shrink:0;margin-top:2px}.course-related{margin-top:22px;padding-top:12px;border-top:1px solid #e4e9ec}.course-related h3{font-size:.875rem;font-weight:600;margin:8px 0}.course-related button{display:block;font-size:.875rem;color:#4f7135;margin:6px 0}
.course-relationships{padding:10px 18px 17px;border-top:1px solid #e4e9ec}.course-relationships summary{display:flex;align-items:center;gap:7px}.course-relationships p{display:flex;flex-direction:column;gap:3px;background:#f5f8fa;border-radius:5px;padding:8px 10px;font-size:.875rem;overflow-wrap:anywhere}.course-relationships p span{font-size:.75rem;color:#6a7e59}.course-relationships code{font-size:.75rem;overflow-wrap:anywhere}.course-relationships small{font-size:.75rem;line-height:1.7;display:block;color:#657687}
.course-visual-card{border:1px solid #dfe5eb;background:#fff;border-radius:11px;padding:20px;margin-top:19px;min-width:0}.course-visual-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.course-visual-heading h2{font-size:1rem;font-weight:600;color:#3b5267;margin:0}.course-visual-card>p{font-size:.875rem;line-height:1.8;color:#536a7e}.course-join-switch{display:flex;gap:4px;border:1px solid #dfe5eb;border-radius:6px;padding:3px;background:#f0f3f6}.course-join-switch button{font-size:.75rem;border:0;background:none;padding:5px 7px;border-radius:4px;color:#51687c}.course-join-switch button.selected{background:#152132;color:#d7f5ad}.course-join-tables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.course-join-tables>div,.course-group-tables>div{min-width:0}.course-visual-card h3{font-size:.75rem;color:#5d7082;font-weight:600;margin:7px 0 10px}.course-visual-card td,.course-visual-card th{font-size:.75rem;padding:8px 10px;position:static}.course-visual-card .table-scroll{border:1px solid #e5eaf0;border-radius:6px;max-height:310px}.course-visual-card .null{font-size:.75rem;color:#87613b}.course-visual-card .match-a td{background:#eef3fd}.course-visual-card .match-b td{background:#edf6e5}.course-visual-card .unmatched td{background:#fff4df}.course-visual-card .group-papiernicze td{background:#eef3fd}.course-visual-card .group-dom td{background:#edf6e5}.course-visual-card .group-akcesoria td{background:#fff4df}.course-visual-card .text-button{font-size:.875rem;color:#4e6d33}.course-group-tables{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px}.course-group-tables p{font-size:.875rem;line-height:1.8;color:#536a7e}
@media(min-width:1550px){#course-view{padding:38px 45px}.tutorial-workspace .workspace-heading h1{font-size:2rem}}
@media(max-width:1230px){#course-view{padding:25px 23px 32px}.course-header-tools{align-items:flex-start;max-width:100%;width:100%}.course-header-tools select{max-width:450px}.course-heading>.btn{align-self:flex-start}}
@media(max-width:1100px){.tutorial-workspace .work-grid{grid-template-columns:minmax(260px,.9fr) minmax(350px,1.4fr)}.course-join-tables{grid-template-columns:1fr 1fr}.course-join-tables>div:last-child{grid-column:1/-1}.course-group-tables{grid-template-columns:1fr}}
@media(max-width:760px){#course-view{padding:23px 17px 32px}.course-lesson-list{grid-template-columns:1fr}.course-card{padding:17px;gap:14px}.course-heading p{font-size:1rem}.course-overview-progress{padding:17px}.course-overview-progress>div{align-items:flex-start;flex-direction:column;gap:4px}.course-lesson-content{padding:14px 18px 20px}.tutorial-workspace .workspace-heading h1{font-size:1.6rem}.course-header-tools select{max-width:100%}.tutorial-workspace .mobile-editor-link{font-size:.875rem;white-space:nowrap;margin-right:0}.tutorial-workspace .panel-heading{flex-wrap:wrap}.course-visual-card{padding:16px}.course-group-tables{grid-template-columns:1fr}.course-visual-card td,.course-visual-card th{font-size:.8125rem}.tutorial-workspace .btn,.tutorial-workspace .hint-button{font-size:.875rem}.tutorial-workspace .editor-actions{gap:8px}.tutorial-workspace .run-actions{flex-wrap:wrap}.tutorial-workspace .workspace-foot{font-size:.75rem}.tutorial-workspace .workspace-foot>button{font-size:.75rem}}
@media(max-width:420px){.sidebar{padding:12px;gap:7px}.brand{font-size:19px;gap:6px}.brand-mark{width:27px;height:27px}.brand-mark svg{width:19px;height:19px}.nav-item{padding:9px 7px;gap:0}nav{gap:2px}.course-card{gap:12px}.course-number{width:32px;height:32px}.course-join-tables{grid-template-columns:1fr}.course-join-tables>div:last-child{grid-column:auto}.course-activities{grid-template-columns:1fr;gap:6px}.course-activities>div{margin-bottom:5px}}