/* The written studios extend Skillfolio's quiet editorial identity. */
.studio-announcement{display:flex;align-items:center;justify-content:space-between;gap:28px;margin:0 0 28px;padding:25px 28px;border:1px solid #d8d9d2;border-radius:12px;background:linear-gradient(110deg,#eeeee8,#ffffff)}
.studio-edition{font:10px/1.4 ui-monospace,monospace;letter-spacing:.12em;color:#d43b1c}.studio-announcement p{font-size:20px;letter-spacing:-.5px;margin:9px 0 6px}.studio-announcement small{font-size:12px;line-height:1.6;color:#62675e}.studio-announcement .text-button{max-width:240px;text-align:left;font-size:12px;line-height:1.6;flex:none;color:#20251f}
.catalog-controls{gap:16px;flex-wrap:wrap}.category-tabs{flex-wrap:wrap}.category{font-size:11px;padding:10px 12px}.category>span{opacity:.7;margin-left:4px}.search-box{flex:1;min-width:260px}.results-toolbar{font-size:11px}.sort-controls select{font-size:11px;min-height:38px}.course-card{display:flex;flex-direction:column;min-width:0}.course-card .art-link{flex:none}.course-content{display:flex;flex:1;flex-direction:column}.course-title{line-height:1.3;font-size:21px;letter-spacing:-.5px}.course-title button{text-align:left}.course-content .creator-line{margin-top:auto;padding-top:15px}.course-meta{font-size:10px;line-height:1.5;flex-wrap:wrap}.course-time{font-size:10px;line-height:1.7;color:#62675e;margin-top:11px;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.course-time span{color:#62675e}.course-content .course-bottom{margin-top:14px}.lesson-count{font-size:9px;display:block}.course-art:has(.studio-art){height:auto;aspect-ratio:5/3;padding:0;background:#d9dece}.studio-art{display:block;width:100%;height:100%}.studio-art-scene{transform-origin:center;transition:transform .65s cubic-bezier(.2,.7,.2,1)}.art-link:hover .studio-art-scene,.art-link:focus-visible .studio-art-scene{transform:translateY(-3px)}.course-art:has(.studio-art) .art-badge{z-index:1;background:#17221ddd;color:#f0f3df;border:1px solid #ffffff2a;font:7px/1.5 ui-monospace,monospace;letter-spacing:.04em;padding:4px 7px;top:14px;left:14px}.catalog-more{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:30px}.catalog-more:empty{display:none}.catalog-more>span{color:#62675e;font:11px ui-monospace,monospace}
.specialist-collection{margin-top:30px;border-top:1px solid #d8d9d2}.specialist-collection summary{padding:25px 0;cursor:pointer;font-size:18px;color:#20251f;line-height:1.5}.specialist-collection summary>span{display:block;font-size:11px;color:#62675e;margin:5px 0 0 18px}.specialist-path-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.specialist-path{min-width:0;display:flex;flex-direction:column;gap:12px;text-align:left;padding:24px;border:1px solid #d8d9d2;border-radius:10px;background:#eeeee8;transition:background .2s,border-color .2s}.specialist-path:hover{background:#eeeee8;border-color:#d8d9d2}.specialist-path strong{font-size:22px;letter-spacing:-.5px;color:#20251f}.specialist-path>span:not(.path-number){font-size:12px;line-height:1.7;color:#62675e}.specialist-path small{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#20251f;margin-top:auto;padding-top:12px;border-top:1px solid #d8d9d2}.specialist-path small svg{width:16px;height:16px;flex:none}
.detail-hero .course-art:has(.studio-art){height:auto;aspect-ratio:5/3}.study-estimate{font:11px/1.8 ui-monospace,monospace;color:#62675e;margin:12px 0}.detail-small{font-size:12px;line-height:1.5}.detail-section p{font-size:14px}.detail-section .outcome-row p{font-size:14px}.outcome-row strong{font-size:13px}.learning-outcomes{padding:20px 24px;border:1px solid #d8d9d2;border-radius:10px;margin:24px 0}.learning-outcomes ul{padding-left:18px;color:#62675e;font-size:14px;line-height:1.8}.learning-outcomes li+li{margin-top:8px}.workspace-note{border-left:2px solid #d8d9d2;padding:5px 0 5px 17px;margin:24px 0;color:#20251f;font-size:13px}.workspace-note p{font-size:13px;line-height:1.8}.workspace-note strong{display:block;margin-bottom:6px}.curriculum-module+.curriculum-module{margin-top:30px}.module-heading{margin-bottom:15px}.module-heading>span{font:10px ui-monospace,monospace;letter-spacing:.12em;color:#62675e}.module-heading h3{margin:8px 0}.module-heading p{font-size:12px}.curriculum-row>span:nth-child(2){flex:1;min-width:0}.curriculum-row strong{font-size:14px;line-height:1.5}.curriculum-row small{display:block;font-size:11px;margin-top:5px;line-height:1.5}.curriculum-row>svg{flex:none}.curriculum-row .free-label{font-size:9px;flex:none}.curriculum-module~.muted-small{margin-top:25px;line-height:1.8;font-size:12px}.project-milestones{margin:28px 0}.project-milestones ol{list-style:none;padding:0;display:grid;gap:12px}.project-milestones li{display:flex;gap:15px;align-items:flex-start;padding:15px 0;border-bottom:1px solid #d8d9d2}.project-milestones li>span{font:22px Georgia,serif;color:#62675e}.project-milestones li p{font-size:14px}.project-checklist label{align-items:flex-start;font-size:13px;line-height:1.7}.project-checklist input{flex:none;margin-top:3px}.detail-section .checklist-heading{margin-top:28px}.notes-field{font-size:15px;line-height:1.7}.goal-select{width:100%;padding:15px;background:#eeeee8;border:1px solid #d8d9d2;border-radius:8px;color:#20251f;font:14px/1.5 inherit}.goal-select option{background:#eeeee8;color:#20251f}
.reader-context{display:flex;flex-direction:column;gap:7px;padding:0 0 20px;font-size:11px;color:#62675e;line-height:1.5}.reader-context strong{font-weight:500;color:#62675e}.lesson-reader .lesson-header .dialog-title{font:400 clamp(28px,4vw,39px)/1.17 Georgia,serif;letter-spacing:-.6px}.lesson-reader .dialog-description{font-size:16px;line-height:1.85;color:#62675e}.lesson-reader .lesson-body{max-width:66ch;margin-inline:auto}.lesson-body section{margin-bottom:27px}.lesson-reader .lesson-body h3{font-size:19px;letter-spacing:-.3px;margin-bottom:12px}.lesson-reader .lesson-body p{font-size:16px;line-height:1.9;color:#62675e}.lesson-reader .code-example{margin:30px 0}.code-label{padding:11px 16px;background:#eeeee8;border:1px solid #d8d9d2;border-radius:8px 8px 0 0;font:10px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}.code-example pre{margin:0;border-top:0;border-radius:0 0 8px 8px;line-height:1.9;font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}
.knowledge-check{margin:32px 0;padding:25px;border:1px solid #d8d9d2;border-radius:12px;background:#eeeee8}.knowledge-check h3{margin-top:0!important}.knowledge-check fieldset{border:0;padding:0;min-width:0}.knowledge-check legend{font-size:15px;line-height:1.7;color:#20251f;margin-bottom:17px}.check-option{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;background:#ffffff;border:1px solid #d8d9d2;border-radius:7px;padding:13px 14px;margin:9px 0;color:#20251f;font-size:14px;line-height:1.65}.check-option>span{font:12px ui-monospace,monospace;margin-top:4px;color:#62675e}.check-option:hover,.check-option.chosen{border-color:#d8d9d2;background:#eeeee8}.knowledge-check .check-feedback{font-size:14px;line-height:1.8;color:#20251f;margin-top:17px}.knowledge-check .check-feedback:empty{display:none}.knowledge-check .check-feedback.correct{color:#20251f}.knowledge-check>small{font-size:11px;line-height:1.7;display:block;color:#62675e;margin-top:15px}.lesson-references{margin-top:30px;padding-top:20px;border-top:1px solid #d8d9d2}.lesson-references h3{font-size:15px}.lesson-references p{font-size:12px;color:#62675e;line-height:1.8;margin-top:8px}.lesson-references ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 20px;margin:12px 0;padding:0}.lesson-references a{font-size:12px;line-height:1.8;text-decoration:underline;text-underline-offset:4px;color:#20251f}.lesson-footer .text-button{line-height:1.5}.cart-row .course-art:has(.studio-art),.library-row .course-art:has(.studio-art){height:76px;aspect-ratio:auto}.cart-row .studio-art,.library-row .studio-art{object-fit:contain;background:#d9dece}
@media(min-width:681px) and (max-width:1050px){.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-title{font-size:21px}.course-content{padding:18px}.lesson-count{display:block}.detail-hero{grid-template-columns:1.05fr 1fr;gap:22px}}
@media(max-width:680px){.studio-announcement{display:block;padding:21px}.studio-announcement p{font-size:21px;line-height:1.35}.studio-announcement small{font-size:12px}.studio-announcement .text-button{padding:13px 0 0;max-width:none;font-size:12px}.category-tabs{flex-wrap:nowrap;overflow:auto;scrollbar-width:thin;scrollbar-color:#d43b1c transparent}.category{min-height:44px;font-size:11px}.results-toolbar{flex-direction:column;gap:12px;font-size:11px}.sort-controls{width:100%;justify-content:space-between;gap:12px}.sort-controls select{max-width:none;min-width:0;font-size:12px;min-height:40px;padding:6px 8px}.search-box{min-width:0}.search-box input{font-size:16px}.course-title{font-size:24px}.course-meta{font-size:10px}.course-time{font-size:11px}.course-content{padding:20px}.course-art:has(.studio-art){margin:7px}.course-art:has(.studio-art) .art-badge{font-size:7px}.catalog-more{flex-direction:column;gap:12px}.catalog-more .button{width:100%;justify-content:center}.specialist-path-grid{grid-template-columns:1fr}.specialist-collection summary{font-size:17px}.specialist-path{padding:22px}.specialist-path strong{font-size:23px}.detail-hero .course-art:has(.studio-art){margin:0}.detail-small{font-size:12px}.study-estimate{font-size:11px}.detail-section p{font-size:14px}.curriculum-row{gap:10px;padding:13px 11px}.curriculum-row strong{font-size:13px}.curriculum-row small{font-size:10px}.curriculum-row .free-label{font-size:8px}.curriculum-row .lesson-index{font-size:9px}.curriculum-row>svg{width:14px}.learning-outcomes{padding:18px}.lesson-reader{padding:30px 21px}.lesson-reader .lesson-body p{font-size:16px;line-height:1.85}.lesson-reader .dialog-description{font-size:15px}.lesson-reader .dialog-eyebrow{line-height:1.7;font-size:9px;letter-spacing:.08em}.knowledge-check{padding:18px}.check-option{font-size:14px;padding:13px 11px}.lesson-reader .code-example pre{font-size:11px;padding:15px}.lesson-footer .text-button{font-size:13px}.goal-select{font-size:16px}.radio-grid.two{grid-template-columns:1fr}.radio-grid.two .radio-card{font-size:13px}.cart-row .course-art:has(.studio-art),.library-row .course-art:has(.studio-art){height:61px}.project-checklist input{width:18px;height:18px}.notes-field{font-size:16px}}
@media(prefers-reduced-motion:reduce){.studio-art-scene{transition:none;transform:none!important}.specialist-path{transition:none}}
.curriculum-library{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:27px 30px;margin:0 0 30px;border:1px solid #d8d9d2;border-radius:12px;background:linear-gradient(115deg,#eeeee8,#eeeee8)}.curriculum-library strong{display:block;font:30px/1.25 Georgia,serif;color:#20251f;margin:9px 0}.curriculum-library p{max-width:62ch;font-size:13px;line-height:1.8;color:#62675e}.curriculum-library .button{flex:none;font-size:12px}.module-time{display:block;font:11px/1.8 ui-monospace,monospace;color:#62675e;margin:9px 0}.lesson-objective{border-block:1px solid #d8d9d2;padding:24px 0;margin:8px 0 35px}.lesson-reader .lesson-objective p{color:#20251f;font-size:18px;line-height:1.65;margin:12px 0 20px}.lesson-route{display:flex;flex-wrap:wrap;gap:8px 20px;font:10px/1.8 ui-monospace,monospace;color:#62675e}.lesson-walkthrough{padding-top:22px;border-top:1px solid #d8d9d2}.lesson-walkthrough>.dialog-eyebrow,.guided-lab>.dialog-eyebrow,.lesson-review>.dialog-eyebrow{margin-bottom:12px}.walkthrough-step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:15px;margin:26px 0}.step-number{font:15px/1.8 Georgia,serif;color:#62675e}.walkthrough-step h4{font-size:16px;line-height:1.6;color:#20251f;margin:0 0 8px}.guided-lab{padding:28px;background:#eeeee8;border:1px solid #d8d9d2;border-radius:12px}.guided-lab ol{padding-left:22px;margin:22px 0;color:#20251f;font-size:15px;line-height:1.85}.guided-lab li+li{margin-top:14px}.lab-deliverable{border-top:1px solid #d8d9d2;padding-top:20px}.lab-deliverable strong{font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#20251f}.lesson-reader .lab-deliverable p{font-size:15px;margin:9px 0}.lesson-reader .lab-note{font-size:12px;line-height:1.8;color:#62675e;margin-top:18px}.answer-disclosure{border:1px solid #d8d9d2;border-radius:8px;margin:14px 0;background:#eeeee8}.answer-disclosure summary{cursor:pointer;padding:18px 20px;font-size:14px;line-height:1.65;color:#20251f}.answer-disclosure summary:focus-visible{outline:2px solid #d43b1c;outline-offset:4px}.answer-disclosure[open] summary{border-bottom:1px solid #d8d9d2}.lesson-reader .answer-disclosure p{margin:0;padding:20px;font-size:15px;line-height:1.9}.answer-disclosure dl{padding:0 20px 20px;margin:0}.answer-disclosure dt{font-size:14px;font-weight:600;line-height:1.7;color:#20251f;margin-top:20px}.answer-disclosure dd{font-size:14px;line-height:1.8;color:#62675e;margin:6px 0 0}.transfer-check{padding-top:25px;border-top:1px solid #d8d9d2}.lesson-downloads{display:flex;flex-wrap:wrap;align-items:center;gap:15px 24px;border-top:1px solid #d8d9d2;padding-top:24px;margin-top:35px}.lesson-downloads>a:first-child{font-size:13px;line-height:1.7;text-decoration:underline;text-underline-offset:4px;color:#20251f}.curriculum-download{font-size:12px;line-height:1.7;white-space:normal}.capstone-review{border-top:1px solid #d8d9d2;margin-top:30px;padding-top:25px}.capstone-review ol{padding:4px 26px 20px 42px;color:#20251f;font-size:14px;line-height:1.8}.capstone-review li+li{margin-top:15px}.capstone-review li span{display:block;color:#62675e;font-size:12px;margin-top:4px}
@media(max-width:680px){.curriculum-library{display:block;padding:22px}.curriculum-library strong{font-size:27px}.curriculum-library .button{margin-top:20px;width:100%;justify-content:center}.guided-lab{padding:21px 17px}.walkthrough-step{grid-template-columns:20px minmax(0,1fr);gap:9px}.answer-disclosure summary{padding:16px}.lesson-reader .answer-disclosure p{padding:16px}.lesson-downloads{align-items:flex-start;flex-direction:column}.lesson-objective{padding:22px 0}}

.curriculum-handbook-link{font-size:12px;margin:-15px 0 28px;color:#62675e}.curriculum-handbook-link a{text-decoration:underline;text-underline-offset:4px}
.course-learning-intro{padding:0 0 26px;margin-bottom:25px;border-bottom:1px solid #d8d9d2}.course-learning-intro h3{font:27px/1.3 Georgia,serif;margin:10px 0 12px}.course-learning-intro p{max-width:62ch;line-height:1.8}.curriculum-row .curriculum-goal{display:block;font-size:12px;line-height:1.7;color:#62675e;margin-top:7px}.course-access-note{font-size:11px;line-height:1.7;color:#62675e;margin:0 0 12px}.course-contents{border:1px solid #d8d9d2;border-radius:10px;margin:0 0 30px;background:#eeeee8}.course-contents summary{cursor:pointer;padding:17px 20px;line-height:1.6;font-size:14px;color:#20251f}.course-contents summary>span:last-child{font:11px/1.8 ui-monospace,monospace;color:#62675e;margin-left:18px}.course-contents summary:focus-visible{outline:2px solid #d43b1c;outline-offset:4px}.course-contents[open] summary{border-bottom:1px solid #d8d9d2}.course-contents nav{padding:17px}.contents-module+.contents-module{margin-top:20px}.contents-module>strong{display:block;font:10px/1.7 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.06em;color:#62675e;padding:4px 10px 10px}.contents-module button{display:flex;align-items:flex-start;gap:13px;width:100%;text-align:left;background:transparent;padding:13px 10px;border:1px solid transparent;border-radius:6px;color:#20251f;font-size:14px;line-height:1.6}.contents-module button>span:first-child{font:11px/1.9 ui-monospace,monospace;color:#62675e}.contents-module button>span:last-child{min-width:0}.contents-module button small{display:block;font-size:11px;line-height:1.7;color:#62675e;margin-top:4px}.contents-module button:hover,.contents-module button[aria-current]{background:#eeeee8;border-color:#d8d9d2}.contents-project{display:block;margin:15px 10px 3px;background:none;text-align:left;color:#20251f;font-size:12px;padding:10px 0}.lesson-footer{flex-wrap:wrap}.lesson-footer .text-button{white-space:normal}
@media(max-width:680px){.course-contents summary{padding:15px}.course-contents summary>span:last-child{display:block;margin:6px 0 0 18px}.course-contents nav{padding:12px}.contents-module button{font-size:13px}.curriculum-row .curriculum-goal{font-size:11px}.course-learning-intro h3{font-size:24px}.lesson-footer{gap:15px}.lesson-footer>.text-button:first-child{width:100%}}