:root{color-scheme:dark;--bg:#0b0d10;--panel:#13161b;--panel2:#1a1e25;--ink:#f2f0eb;--muted:#a2a5ad;--line:#2b2e35;--wine:#bd3449;--wine-light:#ed8190;--mint:#b7d9be;--paper:#f0eee8;--max:1300px;font-family:Inter,"Segoe UI",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-size:15px;line-height:1.65}button,input{font:inherit}button,a,input{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--mint);outline-offset:4px}img{max-width:100%}button{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.14}h1{letter-spacing:-.055em}h2{letter-spacing:-.035em}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;color:var(--wine-light);margin-bottom:16px}.skip-link{position:absolute;top:-100px;left:20px;background:white;color:black;padding:12px;z-index:50}.skip-link:focus{top:10px}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 max(28px,calc((100vw - var(--max))/2));background:rgba(11,13,16,.97);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:9px;font-weight:700;font-size:19px;letter-spacing:.14em;line-height:1.2}.brand img{object-fit:contain;width:72px;height:72px}.brand small{display:block;letter-spacing:.27em;font-weight:400;font-size:9px;color:var(--muted);margin-top:6px}.site-header nav{display:flex;gap:34px;align-items:center}.site-header nav a{font-size:13px;color:var(--muted);padding:35px 0;border-bottom:2px solid transparent}.site-header nav a.active,.site-header nav a:hover{color:var(--ink);border-bottom-color:var(--wine)}.preview-badge{font-size:11px;border:1px solid var(--line);padding:5px 11px;border-radius:20px;color:#c2c3c8;white-space:nowrap}.preview-badge i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--wine-light);margin-right:6px}.wrap{max-width:var(--max);margin:auto;padding:0 36px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--wine);color:#fff;border:1px solid var(--wine);padding:13px 21px;font-weight:600;font-size:13px;border-radius:6px;line-height:1.4}.btn:hover{background:#a9283c}.btn.secondary{background:transparent;border-color:#484b52;color:var(--ink)}.btn.secondary:hover{border-color:#aaa;background:#1b1e24}.btn.quiet{border:0;background:none;padding:8px 0;color:var(--muted)}.hero{padding:76px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative}.hero:before{content:"03";position:absolute;right:3px;top:28px;font-size:190px;line-height:1;font-weight:800;letter-spacing:-.1em;color:#111419;z-index:-1}.hero h1{font-size:clamp(42px,4.4vw,66px);font-weight:650;margin-bottom:23px}.hero h1 em{font-style:normal;color:var(--wine-light)}.hero .lead{font-size:16px;color:#b1b2b9;max-width:440px;margin-bottom:30px}.hero-actions{display:flex;gap:23px;align-items:center}.hero-meta{display:flex;gap:20px;margin-top:27px;color:#858a94;font-size:11px}.hero-meta span+span:before{content:"·";margin-right:20px}.hero-demo{border:1px solid var(--line);background:linear-gradient(145deg,#151920,#0f1116);border-radius:12px;padding:22px;box-shadow:0 35px 80px #0004}.demo-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.11em;color:#8e949f}.demo-bottom{border-top:1px solid var(--line);padding-top:16px;display:flex;align-items:center;justify-content:space-between;font-size:12px}.demo-bottom strong{font-size:17px;letter-spacing:.05em}.chip-label{color:var(--muted);font-size:10px;border:1px solid #404550;border-radius:20px;padding:4px 10px}.section-rule{border-top:1px solid var(--line)}.course-section{padding:60px 0 76px;display:grid;grid-template-columns:300px 1fr;gap:90px}.course-section h2{font-size:40px;max-width:290px}.course-section .intro p{color:var(--muted);font-size:14px}.syllabus-block{border-bottom:1px solid var(--line);padding:23px 0}.syllabus-block:first-child{padding-top:0}.chapter-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:14px}.chapter-head h3{font-size:15px;font-weight:500;margin:0}.chapter-head span{color:#777e89;font-size:10px;letter-spacing:.08em}.lesson-row{display:flex;align-items:center;gap:15px;padding:10px 0;font-size:13px;color:#9298a3}.lesson-row .number{font-variant-numeric:tabular-nums;font-size:11px;width:24px;color:#68717e}.lesson-row .lesson-state{margin-left:auto;font-size:10px;color:#626b77}.lesson-row.available{color:var(--ink);background:#25171e;border:1px solid #5e2937;border-radius:6px;padding:13px 14px;margin:4px -14px}.lesson-row.available .number,.lesson-row.available .lesson-state{color:var(--wine-light)}.tools-feature{padding:42px 0;display:flex;justify-content:space-between;align-items:center;gap:30px}.tools-feature h2{font-size:29px;margin-bottom:10px}.tools-feature p{color:var(--muted);max-width:600px;margin-bottom:0}.feature-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.feature-tags span{font-size:10px;color:#b5b8c0;border:1px solid var(--line);padding:4px 9px;border-radius:3px}.community-preview{padding:35px 0 65px;display:flex;gap:22px;align-items:flex-start}.community-preview .discord-symbol{background:#242235;color:#ada8df;padding:13px 16px;border-radius:8px;font-weight:bold;line-height:1}.community-preview h3{font-size:17px;margin-bottom:8px}.community-preview p{max-width:700px;color:var(--muted);font-size:13px;margin:0}.community-preview .chip-label{margin-left:auto;white-space:nowrap}.site-footer{max-width:var(--max);margin:0 auto;border-top:1px solid var(--line);padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:#7e838e}.site-footer>span{font-weight:600;letter-spacing:.2em;color:#aaa}.site-footer small{display:block;font-size:8px;letter-spacing:.26em}.site-footer p{margin:0;line-height:1.6}.loading{min-height:60vh;padding:100px max(32px,calc((100vw - 1228px)/2));}.loading h1{font-size:36px}.lesson-shell{display:grid;grid-template-columns:215px minmax(0,1fr);gap:65px;align-items:start;padding-top:40px;padding-bottom:70px}.lesson-sidebar{position:sticky;top:130px;max-height:calc(100vh - 155px);overflow:auto;padding-right:8px}.back-link{font-size:11px;color:var(--muted);display:block;margin-bottom:26px}.sidebar-title{font-size:11px;color:#b7bcc5;letter-spacing:.1em;display:block;margin-bottom:22px}.lesson-sidebar nav{display:flex;flex-direction:column;gap:5px}.lesson-sidebar nav a{padding:8px 0 8px 12px;border-left:1px solid var(--line);font-size:11px;color:#9097a3}.lesson-sidebar nav a:hover{border-color:var(--wine-light);color:var(--ink)}.lesson-sidebar .sidebar-tools{font-size:11px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.local-progress{margin-top:28px;font-size:10px;color:#8e95a1}.progress-bar{height:3px;background:#282e37;margin:10px 0}.progress-bar span{display:block;height:100%;background:var(--mint)}.lesson-main{min-width:0}.breadcrumbs{font-size:11px;color:#8b919c;margin-bottom:30px}.lesson-heading h1{font-size:clamp(34px,4vw,54px);max-width:820px;margin-bottom:20px}.lesson-heading>p{font-size:17px;color:#b5bac3;margin-bottom:23px}.lesson-pills{display:flex;gap:10px;margin-bottom:28px;flex-wrap:wrap}.lesson-pills span{font-size:10px;border:1px solid var(--line);border-radius:20px;color:#b8bdc5;padding:4px 11px}.learning-objectives{padding:18px 0 25px;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;border-top:1px solid var(--line);font-size:12px;color:#a8aeb8}.learning-objectives div:before{content:"↗";color:var(--wine-light);margin-right:9px}.lesson-section{padding:42px 0;border-top:1px solid var(--line);scroll-margin-top:125px}.lesson-section h2{font-size:29px;margin-bottom:20px;max-width:700px}.lesson-section p{max-width:780px;color:#b0b6c1;font-size:14px;line-height:1.85;margin-bottom:16px}.key-line{margin:25px 0 0;padding-left:18px;border-left:2px solid var(--wine);font-size:13px;color:#d2d5dc}.key-line strong{color:var(--wine-light);font-size:10px;text-transform:uppercase;letter-spacing:.1em;display:block;margin-bottom:4px}.position-guide{display:flex;gap:15px;flex-wrap:wrap;margin-top:24px}.position-mini{flex:1;min-width:150px;border:1px solid var(--line);padding:17px;border-radius:7px}.position-mini>b{display:inline-block;color:var(--wine-light);font-size:17px;margin-bottom:8px}.position-mini strong{display:block;font-size:12px;font-weight:500}.position-mini p{font-size:11px;line-height:1.7;margin:8px 0 0}.interactive-lab{margin-top:35px;background:#14181f;border:1px solid #343944;border-radius:10px;overflow:hidden}.lab-title{padding:23px 27px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;align-items:center}.lab-title h3{font-size:18px;margin:0}.lab-title .eyebrow{margin:0 0 7px;font-size:9px}.level-control{display:flex;align-items:center;gap:6px}.level-control .small-label{font-size:9px;letter-spacing:.06em;color:#a7adba;margin-right:6px;text-transform:uppercase}.level-control button,.segment button{border:1px solid #353c48;background:transparent;border-radius:5px;padding:6px 11px;color:#aeb6c2;font-size:11px}.level-control button[aria-pressed=true],.segment button[aria-pressed=true]{background:#eeeae3;color:#101318;border-color:#eeeae3}.lab-controls{padding:18px 27px 0;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.segment{display:flex;gap:5px}.fold-label{font-size:10px;color:#a9b0bd;display:flex;gap:6px;align-items:center}.fold-label input{accent-color:var(--wine)}.lab-display{display:grid;grid-template-columns:minmax(300px,1fr) 230px;align-items:center;gap:15px;padding:8px 27px 18px}.table-stage{position:relative;width:100%;max-width:500px;height:310px;margin:8px auto}.table-stage.compact{height:285px}.felt{position:absolute;inset:60px 30px 49px;background:radial-gradient(ellipse,#26362f,#17241e);border:6px solid #202b28;border-radius:50%;box-shadow:0 0 0 1px #4b5650,inset 0 0 0 1px #394a40,inset 0 8px 20px #0004;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px}.felt .table-brand{font-family:Georgia,serif;font-size:18px;letter-spacing:.2em;color:#819184}.felt small{font-size:8px;letter-spacing:.18em;color:#819184}.board-placeholder{font-size:9px;border:1px solid #516156;border-radius:3px;padding:3px 13px;color:#a7b6ac;text-transform:uppercase;letter-spacing:.16em}.seat{position:absolute;z-index:2;background:#20252f;border:1px solid #4e5665;border-radius:7px;min-width:92px;max-width:140px;padding:9px 13px;line-height:1.3;transform:translateX(-50%);box-shadow:0 8px 15px #0005;text-align:center;transition:border-color .2s,background .2s}.seat.top{left:50%;top:0}.seat.left{left:16%;top:70%}.seat.right{left:84%;top:70%}.seat.hu-left{left:11%;top:43%}.seat.hu-right{left:89%;top:43%}.seat strong{font-size:13px;display:block;letter-spacing:.05em}.seat small{display:block;font-size:10px;color:#b4bdca;margin-top:3px}.seat .seat-name{color:#919aa8;font-size:9px}.seat.folded{opacity:.4;border-style:dashed}.seat.selected{border-color:var(--wine-light);background:#3c222e}.seat .order-badge{position:absolute;top:-9px;right:-9px;background:var(--wine);border:2px solid #14181f;border-radius:50%;width:23px;height:23px;color:white;font-size:10px;line-height:19px}.dealer-chip{position:absolute;left:calc(50% + 55px);top:47px;border-radius:50%;background:#ede8db;color:#111;width:19px;height:19px;text-align:center;font-size:10px;font-weight:bold;border:1px solid #aaa}.dealer-chip.hu{left:calc(11% + 47px);top:40%}.lab-aside{font-size:12px}.lab-aside .eyebrow{font-size:9px}.lab-aside h4{font-size:16px;font-weight:500;margin:8px 0 12px}.lab-aside p{font-size:11px;line-height:1.8;margin-bottom:15px}.order-display{font-size:19px;color:var(--ink);font-weight:600;margin:12px 0}.lab-actions{display:flex;gap:10px;flex-wrap:wrap}.lab-actions .btn{font-size:11px;padding:10px 13px}.lab-note{border-top:1px solid var(--line);padding:12px 27px;font-size:10px;color:#8d97a6;line-height:1.7}.lab-feedback{padding:16px 27px;color:#bbc7c2;background:#1d2923;font-size:12px;border-top:1px solid #35473a}.lab-feedback:empty{display:none}.example-list{display:flex;gap:6px;padding:0 27px 18px;flex-wrap:wrap}.example-list button{font-size:10px;color:#929dad;background:transparent;border:1px solid #353c48;border-radius:20px;padding:5px 10px}.example-list button.active{color:#f6c1cb;border-color:#a3465a}.practice-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px}.practice-heading .eyebrow{margin:0}.practice-grid{display:grid;gap:18px}.question{border:1px solid var(--line);border-radius:8px;padding:22px;background:#12161c}.question .q-number{font-size:10px;color:var(--wine-light);letter-spacing:.1em}.question h3{font-size:15px;font-weight:500;line-height:1.6;margin:8px 0 15px}.question .options{display:grid;gap:7px}.question button{padding:11px 14px;border:1px solid #333a46;text-align:left;color:#aeb6c3;background:transparent;border-radius:5px;font-size:12px}.question button:hover{background:#1b222c;border-color:#687588}.question button.picked{background:#38222d;border-color:#a3495c;color:#eee}.question .answer-feedback{font-size:12px;line-height:1.8;margin:14px 0 0;padding:13px 15px;border-radius:4px}.answer-feedback.correct{background:#1e3027;color:#b7d9be}.answer-feedback.retry{background:#322a22;color:#ddc7aa}.recap-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:25px 0}.recap-list>div{padding:16px;border:1px solid var(--line);border-radius:5px}.recap-list small{display:block;color:#8f98a6;font-size:10px;margin-bottom:6px}.recap-list strong{font-size:15px;font-weight:500}.source-details{font-size:11px;color:var(--muted);margin-top:30px}.source-details summary{cursor:pointer}.source-details a{display:block;text-decoration:underline;font-size:11px;margin:10px 0}.lesson-end{padding:25px 0 0;display:flex;gap:20px;align-items:center;justify-content:space-between}.lesson-end p{font-size:12px;color:#8d96a4;margin:0}.community-page{max-width:850px;margin:80px auto;padding:0 30px 100px}.community-page h1{font-size:52px}.community-page .channels{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0}.community-page .channels span{padding:8px 13px;border:1px solid var(--line);border-radius:5px;color:#aaa;font-size:12px}.error-panel{max-width:700px;padding:70px 30px;margin:auto}.error-panel h1{font-size:35px}.error-panel p{color:var(--muted)}
.guided-case{padding:20px 27px 4px}.guided-case .eyebrow{font-size:9px;margin:0 0 10px}.guided-case p{font-size:12px;line-height:1.8;margin:0 0 10px;max-width:800px}.guided-case .guided-explanation{color:#c3cec5}.guided-case>strong{font-size:11px;color:var(--mint);font-weight:500;display:block;margin:12px 0}
.mode-bar{border-bottom:1px solid var(--line);background:#101318}.mode-bar-inner{max-width:var(--max);margin:auto;padding:17px 36px;display:flex;align-items:center;gap:30px}.mode-label{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#808995;white-space:nowrap}.mode-bar nav{display:flex;gap:10px}.mode-bar a{display:flex;align-items:center;gap:12px;border:1px solid #303641;border-radius:7px;padding:10px 15px;min-width:234px;color:#939ba7;transition:background .2s,border-color .2s}.mode-bar a>b{font-size:24px;line-height:1;font-weight:500;letter-spacing:-.05em;color:#5e6878}.mode-bar a>span{font-size:13px;line-height:1.4;font-weight:600}.mode-bar a small{display:block;font-size:9px;font-weight:400;color:#7f8897}.mode-bar a:hover{background:#1b1e26;border-color:#646a75}.mode-bar a.active{background:#281b24;border-color:#8f4355;color:#f1e5e9}.mode-bar a.active>b{color:var(--wine-light)}.mode-bar a.active small{color:#c69da8}.mode-dot{display:block;width:5px;height:5px;border-radius:50%;margin-left:auto;background:#404957}.mode-bar a.active .mode-dot{background:var(--wine-light);box-shadow:0 0 9px #ed81904d}
.sixmax-hero{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;padding:70px 0 80px}.sixmax-hero h1{font-size:clamp(44px,4.5vw,66px);font-weight:650;margin:20px 0 24px}.sixmax-hero h1 em{font-style:normal;color:var(--wine-light)}.sixmax-hero .lead{max-width:470px;color:#b1b6c0;font-size:16px}.sixmax-status{font-size:12px;color:#7f8998;margin-bottom:27px}.work-in-progress{display:inline-flex;align-items:center;gap:9px;font-size:10px;border:1px solid #4d3b2c;color:#d1bda5;background:#241e18;padding:5px 10px;border-radius:20px}.work-in-progress i,.pending-status i{width:5px;height:5px;border-radius:50%;background:#d1b18c}.sixmax-hero .hero-actions{flex-wrap:wrap;gap:20px}.workshop-visual{position:relative;padding:13px 0 25px;max-width:520px;width:100%;justify-self:center}.build-window{background:linear-gradient(140deg,#1c222b,#10141a);border:1px solid #3c434e;border-radius:13px;box-shadow:0 28px 60px #0004;overflow:hidden}.build-window-bar{padding:15px 19px;border-bottom:1px solid #303640;display:flex;align-items:center;justify-content:space-between}.build-window-bar>span{display:flex;gap:5px}.build-window-bar i{width:5px;height:5px;display:block;background:#46505f;border-radius:50%}.build-window-bar small{font-size:8px;color:#7d8797;letter-spacing:.12em}.build-stage{height:260px;position:relative;margin:14px 20px 0}.build-felt{position:absolute;inset:48px 30px 51px;border:1px solid #41544b;border-radius:50%;background:radial-gradient(ellipse,#263c31,#15251e);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:inset 0 0 0 5px #14251c,0 0 0 5px #1f2d27}.build-felt>span{font-size:9px;color:#849b89;letter-spacing:.28em}.build-felt>strong{font-size:51px;color:#b6c8b5;font-weight:450;line-height:1.2;letter-spacing:-.06em}.build-felt strong>span{font-size:11px;letter-spacing:.16em;margin-left:7px;color:#849b89}.build-seat{position:absolute;background:#1c222d;border:1px solid #424b5b;border-radius:7px;width:55px;height:43px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#818e9e;animation:seat-ready 5s ease-in-out infinite;animation-delay:calc(var(--seat)*.45s)}.build-seat i{width:4px;height:4px;background:#a95b6b;border-radius:50%}.build-seat-1{left:calc(50% - 27px);top:8px;--seat:0}.build-seat-2{right:0;top:62px;--seat:1}.build-seat-3{right:0;bottom:62px;--seat:2}.build-seat-4{left:calc(50% - 27px);bottom:8px;--seat:3}.build-seat-5{left:0;bottom:62px;--seat:4}.build-seat-6{left:0;top:62px;--seat:5}.build-gear{position:absolute;width:70px;height:70px;right:13%;bottom:8%;background:#151a20;border:1px solid #6e4951;padding:11px;border-radius:15px;box-shadow:0 8px 15px #0005;transform:rotate(-8deg);color:var(--wine-light)}.build-gear svg{display:block;width:100%;height:100%;animation:work-gear 16s linear infinite}.build-code{display:flex;flex-direction:column;gap:6px;margin:7px 30px 23px;width:52%}.build-code span{display:block;height:4px;border-radius:3px;background:linear-gradient(90deg,#5d3544 0%,#9c5266 48%,#343b49 100%);background-size:200% 100%;animation:work-lines 3s ease-in-out infinite}.build-code span:nth-child(2){width:73%;animation-delay:.4s}.build-code span:nth-child(3){width:86%;animation-delay:.8s}.build-window-status{font-size:9px;color:#8e9aab;border-top:1px solid #303640;padding:13px 20px;display:flex;gap:8px;align-items:center}.build-window-status>i{display:block;width:5px;height:5px;background:#a7c6ad;border-radius:50%}.build-window-status>span{margin-left:auto;color:var(--wine-light);font-size:16px;line-height:1}.build-stamp{position:absolute;right:17px;bottom:6px;background:#14171e;border:1px solid #414652;font-size:8px;letter-spacing:.16em;color:#8993a3;padding:6px 10px;border-radius:4px;transform:rotate(-4deg)}.pending-tools{padding:48px 0 65px}.pending-section-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:28px}.pending-section-heading h2{font-size:32px;margin:0}.pending-tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pending-tool{border:1px solid var(--line);border-radius:9px;background:linear-gradient(140deg,#171c24,#11151b);padding:25px;display:flex;flex-direction:column}.pending-tool-number{font-size:12px;color:#767f8e;margin-bottom:35px}.pending-tool-number>span{float:right;color:#5b6472}.pending-tool h3{font-size:19px;margin-bottom:14px}.pending-tool p{font-size:12px;color:#929baa;line-height:1.8;margin-bottom:24px}.pending-status{display:flex;align-items:center;gap:7px;font-size:10px;color:#c5ac90;margin-top:auto}
@keyframes work-gear{to{transform:rotate(360deg)}}@keyframes work-lines{0%,100%{background-position:100% 0;opacity:.55}50%{background-position:0 0;opacity:1}}@keyframes seat-ready{0%,75%,100%{border-color:#424b5b;color:#818e9e}25%{border-color:#a75b6b;color:#e4afbc}}
@media(max-width:1100px){.sixmax-hero{gap:35px}.sixmax-hero h1{font-size:49px}.pending-tool{padding:20px}}
@media(max-width:780px){.mode-bar-inner{padding:14px 22px;gap:15px}.mode-label{display:none}.mode-bar nav{width:100%;gap:9px}.mode-bar a{flex:1;min-width:0;padding:9px 12px;gap:10px}.mode-bar a>b{font-size:23px}.mode-bar a>span{font-size:12px}.mode-bar a small{font-size:9px}.sixmax-hero{grid-template-columns:1fr;padding:39px 0 47px;gap:28px}.sixmax-hero h1{font-size:50px}.sixmax-hero .lead{max-width:550px}.workshop-visual{max-width:470px}.pending-tool-grid{grid-template-columns:1fr}.pending-tool{padding:23px}.pending-tool-number{margin-bottom:20px}.pending-section-heading{align-items:flex-start;flex-direction:column;gap:15px}.pending-section-heading h2{font-size:28px}}
@media(max-width:420px){.mode-bar-inner{padding:12px 16px}.mode-bar a{gap:8px;padding:9px 10px}.mode-bar a>b{font-size:20px}.mode-bar a>span{font-size:11px}.mode-bar a small{font-size:8px}.mode-dot{display:none}.sixmax-hero h1{font-size:41px}.sixmax-hero .lead{font-size:15px}.sixmax-hero .hero-actions{gap:10px}.build-stage{margin:10px 15px 0;height:230px}.build-window-bar{padding:13px 15px}.build-window-bar small{font-size:7px}.build-seat{width:46px;height:37px}.build-seat-1,.build-seat-4{left:calc(50% - 23px)}.build-gear{width:60px;height:60px;right:14%;bottom:9%}.build-felt{inset:46px 23px}.build-felt>strong{font-size:41px}.build-code{margin-left:23px}.build-window-status{font-size:8px;padding:12px 15px}.lesson-row{gap:10px}.lesson-state{max-width:84px}.chapter-head{align-items:flex-start}.chapter-head>span{font-size:8px;white-space:nowrap}}
@media(min-width:1600px){.hero h1{font-size:70px}}
@media(max-width:1100px){.hero{gap:35px}.hero h1{font-size:51px}.course-section{gap:45px;grid-template-columns:260px 1fr}.lesson-shell{grid-template-columns:180px minmax(0,1fr);gap:35px}.lab-display{grid-template-columns:1fr}.lab-aside{padding:0 5px 15px}.lab-aside .order-display{margin:0 0 12px}.lab-aside h4{display:inline-block;margin:0 0 10px}.lab-display{gap:0}.lab-aside p{max-width:650px}.site-header{padding:0 24px}.site-header nav{gap:25px}.hero-demo{padding:18px}.hero-meta{gap:10px}.hero-meta span+span:before{margin-right:10px}}
@media(max-width:780px){.site-header{height:84px;gap:10px;padding:0 16px}.brand img{width:57px;height:57px}.brand{font-size:15px;gap:4px}.brand small{font-size:7px}.site-header nav{gap:17px}.site-header nav a{font-size:11px;padding:29px 0}.preview-badge{display:none}.wrap{padding:0 22px}.hero{grid-template-columns:1fr;padding:44px 0 40px;gap:35px}.hero h1{font-size:51px;max-width:620px}.hero .lead{max-width:540px}.hero-demo{max-width:550px;width:100%;justify-self:center}.hero:before{display:none}.hero-meta{font-size:10px}.course-section{display:block;padding:40px 0}.course-section h2{max-width:none;font-size:32px}.course-section .intro{margin-bottom:30px}.tools-feature{align-items:flex-start;flex-direction:column}.tools-feature h2{font-size:28px}.community-preview .chip-label{display:none}.lesson-shell{display:block;padding-top:22px}.lesson-sidebar{position:static;max-height:none;padding:0;margin-bottom:26px}.lesson-sidebar>.back-link{margin-bottom:17px}.lesson-sidebar>.sidebar-title,.lesson-sidebar>nav,.lesson-sidebar>.sidebar-tools{display:none}.local-progress{margin-top:0;display:flex;align-items:center;gap:12px}.local-progress>p{margin:0;white-space:nowrap}.progress-bar{flex:1;min-width:60px}.lesson-heading h1{font-size:38px}.breadcrumbs{margin-bottom:20px}.learning-objectives{gap:10px 15px;font-size:11px}.lesson-section{padding:31px 0}.lesson-section h2{font-size:25px}.lab-title{padding:20px;align-items:flex-start;flex-direction:column}.lab-title h3{font-size:17px}.lab-controls{padding:15px 17px 0;gap:12px}.lab-display{padding:8px 17px 15px}.lab-note,.lab-feedback{padding:12px 18px}.example-list{padding:0 17px 15px}.position-guide{gap:8px}.position-mini{min-width:120px;padding:13px}.position-mini p{font-size:10px}.lesson-end{flex-direction:column;align-items:flex-start}.site-footer{padding:25px 22px;align-items:flex-start;flex-wrap:wrap}.site-footer>p{max-width:170px}.recap-list{gap:8px}.recap-list strong{font-size:13px}.recap-list>div{padding:13px}}
@media(max-width:420px){.brand img{width:46px;height:46px}.brand{font-size:12px}.brand small{font-size:6px}.site-header nav{gap:12px}.site-header nav a{font-size:10px}.hero h1{font-size:43px}.hero-actions{gap:17px}.hero-meta{gap:8px;flex-wrap:wrap}.hero-meta span+span:before{display:none}.table-stage{height:275px}.table-stage.compact{height:270px}.felt{inset:65px 22px 50px}.seat{min-width:76px;padding:8px 10px}.seat.left{left:16%}.seat.right{left:84%}.seat.hu-left{left:13%}.seat.hu-right{left:87%}.seat strong{font-size:11px}.seat small{font-size:9px}.learning-objectives{grid-template-columns:1fr}.question{padding:18px}.lesson-pills{gap:6px}.lesson-pills span{font-size:9px}.lab-display{grid-template-columns:minmax(0,1fr)}.recap-list{grid-template-columns:1fr}.community-page h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* Respuestas de la lección interactiva de posiciones. */
.question button.picked.is-correct{background:#153a2b;border-color:#65cf96;color:#daf7e6;box-shadow:inset 3px 0 #65cf96}
.question button.picked.is-review{background:#392c1c;border-color:#cda362;color:#f2dfbf;box-shadow:inset 3px 0 #cda362}
.question .quiz-choice-icon{display:inline-block;min-width:1.5em;font-weight:700}
