/* The Apple learning catalogue, in the browser's contextual workspace. */
.courses-workspace{--course-ink:#ece6dc;--course-muted:#a3ad9b;--course-accent:#efb299;display:flex;flex-direction:column;min-width:0;min-height:0;height:100%;color:var(--course-ink);font-family:inherit;overflow:hidden}
.courses-workspace button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}.courses-workspace button:disabled{opacity:.35;cursor:default}.courses-workspace button:focus-visible{outline:2px solid var(--course-accent);outline-offset:4px}.courses-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:4px 0 20px;border-bottom:1px solid #e1ddc31a;flex:none}.course-eyebrow{font-size:8px;letter-spacing:1.4px;font-weight:600;color:#bcbea5;line-height:1.6}.courses-header h2{font:30px/1.15 Georgia,serif;letter-spacing:-.6px;margin:10px 0 11px;color:#f1e8da}.courses-header p{font-size:11px;line-height:1.8;color:var(--course-muted);max-width:640px;margin:0}.courses-header-actions{display:flex;gap:7px;flex:none;align-items:center}.courses-header-actions button{border:1px solid #e7dcc420;background:#fff4e005;padding:9px 11px;border-radius:6px;font-size:9px}.courses-header-actions button:last-child{font-size:18px;padding:6px 11px}.course-overall-progress{display:flex;align-items:center;gap:14px;padding:17px 0;flex-wrap:wrap;flex:none}.course-overall-progress>span{font-size:10px;color:#b8c1ab;white-space:nowrap}.course-overall-progress progress{height:3px;flex:1;min-width:60px;max-width:180px;border:0;border-radius:2px;accent-color:var(--course-accent);background:#ffffff12}.course-overall-progress progress::-webkit-progress-bar{background:#ffffff12;border-radius:2px}.course-overall-progress progress::-webkit-progress-value{background:var(--course-accent);border-radius:2px}.course-overall-progress button{border:0;background:none;font-size:9px;padding:5px 0;color:#e1c4a3}.course-overall-progress .course-reset{color:#7f8f7a;margin-left:auto;font-size:8px}.courses-content{overflow:auto;min-height:0;flex:1;scrollbar-color:#c2b39240 transparent;scrollbar-width:thin;padding:0 3px 15px 0;overscroll-behavior:contain}.course-filters{display:flex;gap:6px;flex-wrap:wrap;margin:3px 0 20px}.course-filters button{border:1px solid #c7ccb218;background:#ffffff03;border-radius:20px;padding:8px 11px;font-size:9px;color:#a8b59d;white-space:nowrap}.course-filters button[aria-pressed=true]{background:#efb29914;border-color:#efb29950;color:#efc0a5}.course-catalogue{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:12px}.course-catalogue-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;border:1px solid #dcd4b826;background:radial-gradient(ellipse at 95% 0,#efb29909,transparent 75%),#1b251f;border-radius:11px;padding:20px;min-height:180px;position:relative;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.course-catalogue-card:hover{border-color:#efb29966;box-shadow:0 8px 24px #0003,0 0 24px #efb29909;transform:translateY(-2px)}.course-card-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.course-card-top>span{font-size:6px;letter-spacing:1.1px;color:#94a38a}.course-card-top i{font:24px/1 Georgia,serif;font-style:normal;color:#ddb296}.course-catalogue-card>strong{font:20px/1.15 Georgia,serif;color:#ece5d5;font-weight:normal}.course-catalogue-card>p{font-size:10px;line-height:1.7;color:#9aaa91;margin:10px 0 18px}.course-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:13px;border-top:1px solid #dcd4b814;color:#c3c6af;font-size:8px}.course-card-bottom b{font-size:15px;font-weight:normal;color:#edb899}.course-privacy-note,.course-small-note{font-size:9px;line-height:1.9;color:#82977d;margin:19px 0 3px}.course-tabs{display:flex;align-items:center;gap:6px;padding:3px 0 18px;border-bottom:1px solid #c9ccb618}.course-tabs button{border:1px solid #d3d6bb1a;background:#ffffff03;padding:11px 17px;border-radius:7px;font-size:11px;color:#a9b89e;white-space:nowrap}.course-tabs button small{font-size:7px;margin-right:9px;color:#70836c}.course-tabs button[aria-pressed=true]{background:#efb29917;border-color:#efb29955;color:#f2c9b0}.course-tabs button[aria-pressed=true] small{color:#dca784}.course-tabs button>span{color:#b3d2a0;margin-left:8px}.course-lesson-number{margin-left:auto;font-size:7px;letter-spacing:1px;color:#82917a;white-space:nowrap}.course-body{padding:24px 0}.course-rule-intro{display:flex;align-items:flex-start;gap:22px;padding:3px 0 26px}.course-large-symbol{font:55px/1 Georgia,serif;color:#e4b191;min-width:58px;text-align:center;margin-top:12px}.course-rule-intro h3{font:21px/1.65 Georgia,serif;color:#dfddcb;font-weight:normal;margin:9px 0 14px;max-width:800px}.course-rule-intro p{font-size:10px;line-height:1.8;color:#9fae95;max-width:720px;margin:0}.course-rule-sections{display:flex;flex-direction:column;gap:3px;margin:0 0 25px}.course-rule-sections>article{display:flex;gap:15px;padding:21px 0;border-top:1px solid #d2d5b91a}.course-rule-sections>article>span{font-size:8px;color:#baa58b;padding-top:3px;min-width:21px}.course-rule-sections h4{font-size:13px;font-weight:500;line-height:1.6;color:#e0e4d0;margin:0 0 9px}.course-rule-sections p{font-size:11px;line-height:1.9;color:#a3b09a;margin:0;max-width:830px}.course-card-strip{display:flex;gap:9px;flex-wrap:wrap;margin:19px 0 3px;padding:4px 0 7px}.course-card-strip>span{display:block;width:60px}.course-card-strip .playing-card{--card-width:60px;width:60px}.course-primary{border:1px solid #edbc9d;background:#edb299;color:#35291f!important;border-radius:6px;padding:12px 17px;font-size:10px!important;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:39px}.course-primary>span{font-size:17px}.course-stage-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:0 0 23px}.course-stage-heading h3{font:23px/1.5 Georgia,serif;letter-spacing:-.3px;max-width:720px;font-weight:normal;color:#e9e2d2;margin:9px 0 11px}.course-stage-heading p{font-size:10px;line-height:1.9;color:#91a38a;margin:0;max-width:670px}.course-isolated-label{color:#b3bea0;border:1px solid #aab9922b;border-radius:20px;padding:7px 10px;font-size:6px;letter-spacing:.8px;white-space:nowrap;margin-top:4px}.course-demo-table{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;background:radial-gradient(ellipse at center,#3a51413b,#18251e33);border:1px solid #b6c6a61d;border-radius:11px;padding:23px 16px;margin:0 0 23px}.course-demo-table>span{display:flex;align-items:center;flex-direction:column;gap:11px}.course-demo-card{width:66px;display:block;--card-width:66px}.course-demo-card .playing-card{--card-width:66px;width:66px}.course-demo-table small{font-size:9px;color:#a6b394}.course-observation-events{list-style:none;padding:0;margin:0 0 22px;display:flex;flex-direction:column;gap:10px}.course-observation-events li{display:flex;align-items:flex-start;gap:13px;border:1px solid #b5c0a518;border-radius:8px;background:#fff8e903;padding:18px}.course-observation-events li>span{font:20px Georgia,serif;color:#c8aa8a;padding-top:1px}.course-observation-events strong{font-size:11px;color:#d4dcc7;font-weight:500}.course-observation-events p{font-size:10px;color:#a2b095;line-height:1.9;margin:8px 0 0}.course-observation-controls{display:flex;justify-content:space-between;align-items:center;gap:13px}.course-observation-controls>button:not(.course-primary){border:1px solid #d3d6bb26;background:#ffffff05;border-radius:6px;padding:11px 17px;color:#c2cbb1;font-size:10px}.course-observation-controls>span{font-size:9px;color:#93a383}.course-role-ledger,.course-example-ledger{margin:0 0 24px;border:1px solid #d1d3b721;border-radius:9px;background:#15201955;padding:8px 18px}.course-role-ledger>div,.course-example-ledger>div{display:flex;justify-content:space-between;align-items:center;gap:22px;border-bottom:1px solid #c5d3b315;padding:12px 0}.course-role-ledger>div:last-child,.course-example-ledger>div:last-child{border:0}.course-role-ledger dt,.course-example-ledger dt{font-size:10px;color:#8fa083}.course-role-ledger dd,.course-example-ledger dd{margin:0;font-size:12px;color:#d5d9bf;font-variant-numeric:tabular-nums;text-align:right}.course-practice-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:8px;margin-bottom:20px}.course-practice-choices>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px solid #c6cbb227;border-radius:9px;background:#ffffff04;padding:15px 13px;min-height:58px;text-align:center}.course-practice-choices>button:hover{border-color:#efb29966;background:#efb29909}.course-practice-choices>button.is-selected{border-color:#edb299aa;box-shadow:0 0 18px #edb29912;background:#edb2990a}.course-practice-choices strong{font-size:10px;font-weight:500;line-height:1.7;color:#d7dfc9}.course-practice-choices small{font-size:8px;line-height:1.6;color:#8e9e83}.course-practice-choices.with-cards{grid-template-columns:repeat(auto-fit,minmax(min(100%,110px),1fr));gap:10px}.course-practice-choices.with-cards>button{padding:17px 10px}.course-choice-card{display:block;width:67px;--card-width:67px;margin-bottom:7px;pointer-events:none}.course-choice-card .playing-card{width:67px;--card-width:67px}.course-feedback{padding:18px;border:1px solid #d6ad7c42;border-radius:9px;background:#b27f4020;margin:0 0 18px}.course-feedback.is-success{border-color:#a8c9954d;background:#91ae7a10}.course-feedback>strong{font-size:11px;font-weight:500;color:#dec49c}.course-feedback.is-success>strong{color:#b6d9a6}.course-feedback p{font-size:11px;line-height:1.9;color:#c6c9b0;margin:9px 0 0}.course-feedback>div{display:flex;gap:6px;flex-wrap:wrap;margin-top:13px}.course-feedback>div>span{font-size:8px;border:1px solid #c8cead25;border-radius:4px;padding:6px 8px;color:#b7caa7;background:#a8c99505}.course-hint-controls{display:flex;gap:17px;justify-content:space-between;align-items:center;margin:14px 0 0}.course-hint-controls button{border:0;background:transparent;color:#b9b99a;padding:5px 0;font-size:9px}.course-hint-controls button:last-child{color:#849779;font-size:8px}.course-hint{font-size:10px;line-height:1.9;color:#cebd9d;border-left:2px solid #ba9e71;padding:10px 15px;background:#bca0670a;margin:15px 0 0}.course-knowledge{margin:27px 0 0;padding:23px 0 4px;border-top:1px solid #dad9b821}.course-knowledge h4{font:20px/1.5 Georgia,serif;color:#dfdfc8;font-weight:normal;margin:12px 0 17px}.course-knowledge>div{display:flex;flex-direction:column;gap:7px}.course-knowledge>div>button{display:flex;align-items:center;gap:15px;border:1px solid #b5c49e23;border-radius:7px;background:#ffffff03;color:#879d7c;font-size:9px;text-align:left;padding:13px 15px}.course-knowledge>div>button>span{font-size:11px;line-height:1.6;color:#c8d3ba}.course-knowledge>div>button.is-selected{border-color:#edb29966;background:#edb29908}.course-knowledge>p{font-size:11px;line-height:1.9;color:#d2bb95;padding:15px;background:#a88b5512;border-radius:7px}.course-knowledge>p.is-success{color:#b5d3a5;background:#96b4800c}.course-knowledge>small{display:block;font-size:9px;line-height:1.8;color:#8fa381}.course-checkpoints{display:flex;gap:15px;align-items:center;flex-wrap:wrap;border-top:1px solid #cbd3af23;padding:18px 0 8px;font-size:8px;color:#7e9272}.course-checkpoints>span.done{color:#bad4a5}.course-checkpoints .course-primary{margin-left:auto;font-size:9px!important;padding:10px 14px;min-height:35px}.course-special-lab{border:1px solid #b9c49e22;padding:20px;border-radius:10px;margin-top:23px;background:#1a251d}.course-special-lab h4{font:20px Georgia,serif;color:#d8dbc2;margin:0 0 13px}.course-special-lab p{font-size:10px;line-height:1.8;color:#98ac8a}.course-special-lab button{border:1px solid #d1b89144;background:#bda07709;border-radius:6px;color:#d7c5a7;padding:10px 13px;font-size:9px;margin:0 7px 7px 0}.course-special-lab output{font-size:11px;line-height:1.9;display:block;color:#c7d7b5;margin-top:8px}
@media(max-width:700px){.courses-header{gap:10px;padding-bottom:17px}.courses-header h2{font-size:26px}.courses-header p{font-size:10px}.courses-header-actions{gap:5px;flex-direction:column-reverse;align-items:flex-end}.courses-header-actions button{font-size:8px;padding:8px}.course-overall-progress{gap:8px 12px;padding:14px 0}.course-overall-progress>span{font-size:9px}.course-overall-progress .course-reset{font-size:7px}.course-tabs{gap:5px}.course-tabs button{padding:10px 12px;font-size:10px}.course-tabs button small{margin-right:5px;font-size:6px}.course-lesson-number{font-size:6px}.course-stage-heading{flex-direction:column;gap:10px}.course-stage-heading h3{font-size:21px}.course-stage-heading .course-isolated-label{margin-top:0}.course-demo-table{gap:16px;padding:19px 12px}.course-rule-intro{gap:14px}.course-large-symbol{font-size:40px;min-width:40px}.course-rule-intro h3{font-size:19px}.course-rule-sections>article{gap:10px}.course-rule-sections p{font-size:10px}.course-catalogue-card{padding:18px;min-height:170px}.course-catalogue-card>strong{font-size:21px}.course-observation-controls{gap:8px}.course-observation-controls .course-primary{gap:10px;font-size:9px!important;padding:11px 12px}.course-checkpoints{gap:10px}.course-checkpoints .course-primary{margin-left:0}.course-observation-events li{padding:14px}.course-observation-events li>span{font-size:17px}.course-example-ledger,.course-role-ledger{padding-inline:13px}.course-example-ledger dd,.course-role-ledger dd{font-size:10px}.course-hint-controls{gap:10px}.course-hint-controls button{font-size:8px}.course-demo-card{width:56px;--card-width:56px}.course-demo-card .playing-card{width:56px;--card-width:56px}.course-card-strip{gap:7px}.course-card-strip>span{width:47px}.course-card-strip .playing-card{width:47px;--card-width:47px}}
[data-course-motion=reduced] .course-catalogue-card{transition:none}[data-course-motion=reduced] .course-catalogue-card:hover{transform:none}@media(prefers-reduced-motion:reduce){.course-catalogue-card{transition:none}.course-catalogue-card:hover{transform:none}}
