:root{font-family:Arial,sans-serif;color:#20201f;background:#f6f4ef;--red:#c71c12}*{box-sizing:border-box}body{margin:0}header{background:var(--red);color:white;padding:24px 5%;display:flex;justify-content:space-between;align-items:center}header a{color:inherit;text-decoration:none;font-family:Georgia,serif;font-size:24px}main{max-width:1100px;margin:40px auto;padding:0 24px}nav{display:flex;gap:12px;align-items:center;margin-bottom:50px}nav span{margin-left:auto;color:#777;font-size:13px}h1{font-family:Georgia,serif;font-size:48px;font-weight:400;margin:20px 0}h2{font-family:Georgia,serif;font-size:28px;font-weight:400}p{line-height:1.6;color:#60605b}button{cursor:pointer;border:1px solid #ccc;background:white;border-radius:6px;padding:12px 18px;font:inherit}button.primary{background:var(--red);color:white;border-color:var(--red)}button:disabled{opacity:.5;cursor:wait}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.card,form,.module{padding:24px;background:white;border:1px solid #dedbd4;border-radius:10px;margin-bottom:18px}.card small{color:#777}label{display:block;font-size:14px;margin:16px 0 8px}input,textarea,select{display:block;width:100%;padding:12px;border:1px solid #ccc;border-radius:5px;font:inherit}textarea{min-height:110px}#message{color:var(--red);margin-bottom:18px}.actions{display:flex;gap:12px;flex-wrap:wrap}.lesson{border-top:1px solid #eee;padding:16px 0}.lesson p{white-space:pre-wrap}.empty{padding:40px;background:#ebe8df;border-radius:10px}[hidden]{display:none!important}@media(max-width:600px){h1{font-size:36px}header a{font-size:18px}main{padding:0 16px}nav{gap:6px}nav button{padding:10px}}
.eyebrow{font-size:12px;letter-spacing:.12em;margin-top:28px}.course-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:24px;align-items:start}.outline{background:#ebe8df;padding:18px;border-radius:10px}.outline summary{font-weight:bold;padding:14px 0;cursor:pointer}.outline-lesson{display:block;width:100%;text-align:left;border:0;background:transparent;padding:10px;font-size:14px;line-height:1.4}.outline-lesson.active{background:white;color:var(--red);box-shadow:inset 3px 0 var(--red)}.lesson-page{background:white;border:1px solid #dedbd4;border-radius:10px;padding:32px}.content-block{margin:24px 0;line-height:1.7;overflow-wrap:anywhere}.content-block img{max-width:100%;height:auto}.content-block iframe{width:100%;aspect-ratio:16/9;border:0;margin:12px 0}.content-block h1{font-size:32px}.content-block h2{font-size:28px}.content-block h3{font-size:22px}.content-block p{color:#30302c}.content-block a{color:#a31810}.video-pending{padding:24px;background:#f6f4ef;border:1px dashed #ccc;border-radius:8px}.video-pending p{font-size:14px}.lesson-page .actions{padding-top:24px;border-top:1px solid #eee}@media(max-width:800px){.course-layout{grid-template-columns:1fr}.lesson-page{padding:20px}.outline{max-height:300px;overflow:auto}}
.rich-editor{border:1px solid #ccc;border-radius:6px;padding:20px;line-height:1.6;margin:20px 0;min-height:100px}.rich-editor:focus{outline:2px solid var(--red)}.rich-editor img{max-width:100%}
.course-cover{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:6px;margin-bottom:20px}
.content-block video{display:block;width:100%;max-height:70vh;background:#111;border-radius:6px}
/* Modern Art Direction learning workspace */
:root{--red:#c71c12;--ink:#242421;--muted:#73736b;--line:#e3e0d8;--paper:#f6f4ef;font-family:Arial,Helvetica,sans-serif;color:var(--ink);font-size:15px}header{padding:24px 4%;min-height:88px}header a{font-family:Georgia,'Times New Roman',serif;font-weight:700;letter-spacing:-.035em;font-size:27px}main{max-width:1360px;margin:28px auto 80px;padding:0 40px}nav{gap:10px;padding-bottom:22px;margin-bottom:36px;border-bottom:1px solid var(--line)}nav button{background:transparent;border-color:transparent}nav button:hover{background:#eae7df}h1{font-size:clamp(36px,4vw,54px);letter-spacing:-.045em;line-height:1.1;margin:18px 0}h2{letter-spacing:-.025em;line-height:1.2}h3{font-size:15px}p{line-height:1.7}button{min-height:44px;padding:12px 20px;border-color:#d8d4ca;border-radius:8px;font-size:14px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#f0ede6;border-color:#bfb9ae}button.primary:hover{background:#a7160e;border-color:#a7160e}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #bc746c;outline-offset:4px}button:active{transform:translateY(1px)}button:disabled{cursor:default}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin:0 0 16px}.page-intro{margin-bottom:36px;max-width:730px}.page-intro>p:last-child{font-size:17px}.library-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:40px}.library-layout .grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card,form,.module{border-radius:14px;padding:28px;margin:24px 0;background:#fff;border-color:var(--line)}.card{margin:0}.course-card{padding:0;overflow:hidden;box-shadow:0 8px 28px #302a1e08}.course-card .course-cover{border-radius:0;margin:0;aspect-ratio:16/9}.card-body{padding:28px}.card small{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--muted)}.card h2{font-size:32px;margin:16px 0}.card-body>p{font-size:14px}.card-body>button{margin-top:24px;width:100%;display:flex;justify-content:space-between}.progress-meta{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:24px 0 10px}progress{appearance:none;width:100%;height:5px;border:0;border-radius:20px;overflow:hidden;background:#e9e6df}progress::-webkit-progress-bar{background:#e9e6df}progress::-webkit-progress-value{background:var(--red)}progress::-moz-progress-bar{background:var(--red)}.library-aside{padding:30px;background:#ebe8df;border-radius:14px;align-self:start}.library-aside h2{font-size:30px;margin:14px 0}.library-aside a{display:block;padding:14px 0;border-bottom:1px solid #d9d5cb;font-size:14px;color:var(--ink);text-decoration:none}.library-aside a:hover{color:var(--red)}hr{border:0;border-top:1px solid var(--line);margin:26px 0}.actions{gap:14px;margin:24px 0}.lesson-heading{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.lesson-heading strong{flex:1;min-width:180px}.lesson-heading small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;background:#f0ede6;border-radius:20px;padding:6px 10px}.lesson{padding:22px 0}.lesson p{font-size:13px;margin-bottom:0}.module h2{margin:0 0 20px;font-size:27px}.module .lesson:first-of-type{border-top:0}form h2{margin-top:0}form>button{margin-top:20px}label{line-height:1.5;margin:22px 0 10px;font-weight:600}input,textarea,select{margin-top:8px;border-color:#d8d4ca;padding:14px;border-radius:8px;background:#fdfcf9;font-weight:400}input:focus,textarea:focus,select:focus{outline:2px solid #bc746c;outline-offset:2px}.course-layout{grid-template-columns:280px minmax(0,1fr);gap:32px;margin-top:32px}.outline{background:transparent;padding:0 18px 0 0;position:sticky;top:24px;max-height:calc(100vh - 48px);overflow:auto;border-radius:0}.outline-caption{font-size:10px;font-weight:700;letter-spacing:.14em}.outline>p{font-size:12px;margin:0 0 14px}.outline details{border-top:1px solid var(--line);padding:8px 0}.outline summary{font-size:13px;line-height:1.4;padding:12px 4px}.outline-lesson{font-weight:400;font-size:13px;padding:11px 12px;margin:3px 0;border-radius:6px;color:#66665f;min-height:42px}.outline-lesson:hover{background:#ebe8df}.outline-lesson.active{background:#fff;color:var(--red);font-weight:600;box-shadow:inset 3px 0 var(--red)}.lesson-page{padding:36px 42px;border-color:var(--line);border-radius:14px;min-width:0}.lesson-page>h2{font-size:36px;margin:10px 0 28px}.content-block{font-size:16px;line-height:1.8;margin:28px 0}.content-block video{aspect-ratio:16/9;object-fit:contain;border-radius:10px;background:#171714;width:100%;max-height:none}.content-block h1{font-size:30px}.content-block ul,.content-block ol{padding-left:24px}.content-block li{margin:10px 0}.content-block blockquote{border-left:3px solid var(--red);margin:24px 0;padding-left:24px}.content-block a{text-underline-offset:3px}.lesson-page .actions{justify-content:space-between;margin-bottom:0}.rich-editor{padding:24px;background:#fdfcf9;border-color:var(--line);border-radius:10px}#message:empty{display:none}#message{padding:16px 20px;background:#fff0ed;border-radius:8px}.empty{padding:40px}.course-cover{object-fit:cover}
@media(max-width:1000px){main{padding:0 24px}.library-layout{grid-template-columns:1fr}.library-aside{max-width:none}.course-layout{grid-template-columns:230px minmax(0,1fr);gap:20px}.lesson-page{padding:28px}.card h2{font-size:28px}}
@media(max-width:760px){header{padding:22px 20px}header a{font-size:22px}main{padding:0 18px;margin-top:22px}nav{margin-bottom:26px;flex-wrap:wrap}nav span{font-size:11px}.course-layout{grid-template-columns:1fr}.outline{position:static;max-height:260px;padding:18px;background:#ebe8df;border-radius:12px}.lesson-page{padding:24px 20px}.lesson-page>h2{font-size:29px}.content-block{font-size:15px}.card-body{padding:24px}form,.module{padding:24px 20px}.actions button{flex-grow:1}.lesson-heading{gap:12px}.lesson-heading button{width:100%}.library-layout{gap:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Lighter palette: white surfaces with quiet grey and cream accents. */
:root{background:#fafafa;--paper:#fafafa;--line:#e8e8e5;--muted:#70716c}nav button:hover,.outline-lesson:hover{background:#f0f1ef}.library-aside{background:#f4f4f1}.library-aside a{border-color:#e4e5e1}.lesson-heading small{background:#f3f4f2}.card,form,.module,.lesson-page{background:#fff}.empty{background:#f3f4f2}input,textarea,select,.rich-editor{background:#fff;border-color:#dedfda}button{border-color:#dedfda}button:hover{background:#f5f5f3;border-color:#c8cbc5}.progress-meta{color:#70716c}progress,progress::-webkit-progress-bar{background:#ededeb}.video-pending{background:#f7f7f5}@media(max-width:760px){.outline{background:#f4f5f2}}
.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:28px 0 36px}.stat{background:#fff;border:1px solid var(--line);padding:26px;border-radius:14px}.stat>span{display:block;font-size:10px;letter-spacing:.12em;font-weight:700;color:var(--muted)}.stat>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:44px;margin:12px 0;line-height:1}.stat strong small{font-family:Arial,sans-serif;font-size:18px;color:var(--muted)}.home-focus{display:grid;grid-template-columns:2fr 1fr;background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;gap:40px}.home-focus h2{font-size:34px;margin:12px 0}.focus-progress{border-left:1px solid var(--line);padding-left:36px;display:flex;flex-direction:column;gap:12px;justify-content:center}.focus-progress>strong{font-family:Georgia,serif;font-size:54px;font-weight:400}.focus-progress>span{color:var(--muted);font-size:13px}.focus-progress button{margin-top:12px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:32px 0 20px}.section-heading h2{margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.product-tile h2{font-size:28px}.product-tile button{margin-top:24px}.support-strip{display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding:24px 0}.support-strip p{margin:0;font-size:13px}.support-strip a{color:var(--red);font-size:14px}.course-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;margin:32px 0}.course-hero img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9;border-radius:10px}.course-hero>div{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:20px}.course-hero h2{font-size:34px;margin:8px 0}.roadmap-layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:32px;align-items:start}.roadmap-module{background:#fff;border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:24px}.roadmap-module summary{display:flex;align-items:center;gap:16px;cursor:pointer;font-weight:600;list-style:none}.roadmap-module summary::-webkit-details-marker{display:none}.roadmap-module summary small{display:block;font-size:12px;color:var(--muted);font-weight:400;margin-top:7px}.module-number{font-family:Georgia,serif;color:#9a9b95;font-size:28px}.module-percent{margin-left:auto;font-size:12px;color:var(--red)}.roadmap-module>progress{margin:20px 0 12px}.roadmap-row{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:transparent;border:0;border-bottom:1px solid #efefec;border-radius:0;padding:16px 8px;font-weight:400;line-height:1.4}.roadmap-row:last-child{border-bottom:0}.roadmap-row>span:nth-child(2){flex:1}.roadmap-row small{display:block;color:var(--red);font-size:9px;letter-spacing:.1em;font-weight:700;margin-bottom:5px}.row-action{font-size:12px;color:var(--muted);white-space:nowrap}.completion-dot{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;border:1px solid #dfe1dc;border-radius:50%;font-size:13px;color:#8c8e86}.completion-dot.is-done{background:var(--red);color:white;border-color:var(--red)}.assignment-row{background:#fafaf7;border-radius:8px;margin:6px 0;border:1px solid #eaeae5;font-weight:600}.project-roadmap{margin-top:32px;background:#f4f4f1;border-radius:14px;padding:28px;position:sticky;top:24px}.project-roadmap h2{font-size:32px;margin:10px 0}.project-roadmap>p{font-size:14px}.project-step{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border-color:#e5e6e1;margin:10px 0;padding:16px 12px;line-height:1.4;font-size:13px}.project-step small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:5px}.project-count{font-weight:600}.project-roadmap .tracking-note{font-size:11px;color:var(--muted);margin-top:24px}@media(max-width:800px){.roadmap-layout{grid-template-columns:1fr}.project-roadmap{position:static;margin:0}.home-focus{grid-template-columns:1fr;gap:24px;padding:24px}.focus-progress{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}.course-hero{grid-template-columns:1fr;gap:12px}.course-hero>div{padding:12px}.stat{padding:20px}.stat>strong{font-size:36px}.stat-grid{gap:12px}.roadmap-module{padding:20px}.section-heading{flex-wrap:wrap}.support-strip{flex-wrap:wrap}}@media(max-width:480px){.stat-grid{grid-template-columns:1fr}.stat{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.stat>strong{margin:0}.stat>progress{flex-basis:100%}.roadmap-row{gap:10px}.roadmap-row .row-action{font-size:10px}.project-roadmap{padding:24px}.course-hero h2{font-size:28px}}
@font-face{font-family:'Instrument Serif';src:url('/assets/fonts/InstrumentSerif-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}header a{font-family:'Instrument Serif',Georgia,serif;font-weight:400;letter-spacing:-.025em;font-size:32px}@media(max-width:760px){header a{font-size:25px}}

.assignment-banner{border-left:3px solid var(--red);background:#f7f7f4;padding:20px 24px;border-radius:8px;margin:24px 0}.assignment-banner strong{color:var(--red);font-size:13px}.assignment-banner p{font-size:14px;margin:8px 0 0}
.sketch-icon{width:38px;height:38px;flex-shrink:0;color:#353631;display:block}.eye-icon{object-fit:contain;filter:invert(1);padding:6px 1px}.project-step{gap:12px}.project-step .completion-dot{width:22px;height:22px;font-size:11px}.project-step .sketch-icon{width:34px;height:34px}.milestone-name{display:flex;align-items:center;gap:12px}.milestone-name .sketch-icon{width:28px;height:28px}.assignment-row .milestone-name{margin-top:6px}.roadmap-eye{width:54px;height:auto;filter:invert(1);margin-bottom:22px}.assignment-banner{display:flex;align-items:flex-start;gap:20px}.assignment-banner .sketch-icon{margin-top:2px;width:42px;height:42px}.project-step:hover .sketch-icon,.assignment-row:hover .sketch-icon{color:var(--red)}.project-step:has(.is-done) .sketch-icon{color:var(--red)}@media(max-width:480px){.project-step{gap:10px}.project-step .sketch-icon{width:30px;height:30px}.assignment-banner{padding:18px;gap:14px}}

.project-emblem{margin-bottom:22px}.project-emblem .sketch-icon{width:54px;height:54px}
.outline-lesson{display:flex;align-items:center;gap:10px}.outline-lesson>span:nth-last-child(1){min-width:0}.outline-project{background:#f3f4f0;border:1px solid #e5e7df;margin:8px 0;padding:12px 10px;font-weight:600;color:var(--ink)}.outline-project .sketch-icon{width:28px;height:28px}.outline-project small{display:block;font-size:8px;letter-spacing:.12em;color:var(--red);margin-bottom:4px}.outline-done{margin-left:auto;color:var(--red)}.outline-project.active{border-color:#dec2be}.outline-project.active .sketch-icon{color:var(--red)}
.outline-lesson .completion-dot{width:19px;height:19px;font-size:10px}.outline-project .sketch-icon{width:25px;height:25px}.outline-project{gap:8px}.outline-lesson .is-done{color:#fff}.outline-lesson>span:last-child{flex:1}

.product-library{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:24px}.product-library .card-body{padding:22px}.product-library h2{font-family:Arial,Helvetica,sans-serif;font-size:19px;letter-spacing:-.02em;line-height:1.4;margin:12px 0}.product-library .card-body>button{margin-top:18px}.product-cover-placeholder{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:24px;background:#f1f2ef;font-family:Georgia,serif;font-size:26px;text-align:center}

.student-links{display:grid;grid-template-columns:1fr 2fr;gap:32px;padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px;margin-top:36px}.student-links h2{margin:0;font-size:28px}.student-link-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.student-link-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}.student-link-list a:hover{background:#f7f7f5;color:var(--red)}.student-link-list small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:8px;overflow-wrap:anywhere}@media(max-width:800px){.student-links{grid-template-columns:1fr}.student-link-list{grid-template-columns:1fr}}

.header-account{display:flex;gap:16px;align-items:center}
@media(max-width:600px){.header-account{gap:8px}.mad-products>summary{padding:9px}}

/* Product actions share the same visual treatment and target size. */
.course-card .product-open{display:flex;align-items:center;justify-content:flex-start;min-height:44px;border:1px solid #d8d8d5;border-radius:8px;padding:12px 18px;color:var(--ink,#20201f);text-decoration:none;font-size:14px;font-weight:600;background:white;margin-top:20px;line-height:1.4}
.course-card .product-open:hover{background:#f5f5f4;border-color:#b8b8b5}
.course-card .product-open:focus-visible{outline:2px solid var(--red);outline-offset:3px}
/* Iris-style switch: stable label/state, keyboard control, large hit target. */
.theme-toggle{position:relative;display:flex;align-items:center;justify-content:space-around;flex-shrink:0;width:64px;min-height:44px;padding:0 5px;border:1px solid #ffffff90;border-radius:24px;background:transparent;color:white}
.theme-toggle:hover{background:#ffffff15;border-color:white}.theme-toggle svg{position:relative;width:18px;height:18px;z-index:1;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-thumb{position:absolute;width:28px;height:28px;left:4px;top:7px;background:white;border-radius:50%;transition:transform .15s}.theme-sun{color:#a81100}.theme-moon{color:white}:root[data-theme="dark"] .theme-thumb{transform:translateX(26px)}:root[data-theme="dark"] .theme-sun{color:white}:root[data-theme="dark"] .theme-moon{color:#a81100}.theme-toggle:focus-visible{outline:3px solid white;outline-offset:4px}
:root{color-scheme:light;--brand-red:#c71c12}header,button.primary{background:var(--brand-red);color:white}button.primary{border-color:var(--brand-red)}
:root[data-theme="dark"]{color-scheme:dark;background:#16181a;--paper:#16181a;--ink:#f1f2f3;--muted:#b9bec3;--line:#454a50;--red:#ff9c93;--brand-red:#a81100;color:var(--ink)}
:root[data-theme="dark"] :is(.card,form,.module,.lesson-page,.stat,.home-focus,.course-hero,.roadmap-module,.student-links){background:#222426;border-color:var(--line);box-shadow:none}
:root[data-theme="dark"] :is(p,nav span,.progress-meta,.outline-lesson,.module-number,.completion-dot){color:var(--muted)}
:root[data-theme="dark"] :is(button,input,textarea,select,.rich-editor,.course-card .product-open){background:#222426;color:var(--ink);border-color:#777e86}
:root[data-theme="dark"] :is(input,textarea,select,.rich-editor){background:#181a1c}
:root[data-theme="dark"] :is(nav button,.roadmap-row,.outline-lesson){background:transparent;border-color:transparent}
:root[data-theme="dark"] :is(button:hover,.course-card .product-open:hover,.student-link-list a:hover,.outline-lesson:hover){background:#34383c;border-color:#969ea7}
:root[data-theme="dark"] button.primary{background:var(--brand-red);color:white;border-color:var(--brand-red)}
:root[data-theme="dark"] button.primary:hover{background:#c71c12;border-color:#c71c12}
:root[data-theme="dark"] :is(.empty,.library-aside,.project-roadmap,.assignment-banner,.assignment-row,.outline-project,.lesson-heading small,.video-pending,.product-cover-placeholder){background:#292d31;border-color:#51585f}
:root[data-theme="dark"] .project-step{background:#222426;border-color:#777e86}
:root[data-theme="dark"] :is(.content-block p,.content-block li,.content-block h1,.content-block h2,.content-block h3,.sketch-icon){color:var(--ink)}
:root[data-theme="dark"] .content-block :is(a,a:visited){color:var(--red)}
:root[data-theme="dark"] :is(.outline-lesson.active,.outline-project.active){background:#373034;color:var(--red);border-color:#7e5552}
:root[data-theme="dark"] :is(progress,progress::-webkit-progress-bar){background:#575e65}
:root[data-theme="dark"] .completion-dot{border-color:#9199a2}
:root[data-theme="dark"] .completion-dot.is-done{color:#16181a;background:var(--red);border-color:var(--red)}
:root[data-theme="dark"] :is(.roadmap-row,.lesson,.lesson-page .actions,.library-aside a){border-bottom-color:var(--line);border-top-color:var(--line)}
:root[data-theme="dark"] #message{background:#382525;color:#ffb4ad}
:root[data-theme="dark"] :is(button,a,summary,input,textarea,select):focus-visible{outline-color:#ffc0b9}
:root[data-theme="dark"] .theme-toggle{background:transparent;color:white;border-color:#ffffff90}
:root[data-theme="dark"] .theme-toggle:hover{background:#ffffff15;border-color:white}
:root[data-theme="dark"] .theme-toggle:focus-visible{outline-color:white}
:root[data-theme="dark"] :is(.eye-icon,.roadmap-eye){filter:none}
@media(max-width:600px){header{gap:12px}header>a{font-size:clamp(17px,4.5vw,25px);line-height:1.15}.header-account{gap:10px}.theme-toggle{width:60px}:root[data-theme="dark"] .theme-thumb{transform:translateX(22px)}}

.card-progress{margin-top:24px}.card-progress .progress-meta{margin:18px 0 10px;color:var(--muted)}.card-progress .progress-meta strong{color:var(--ink);font-weight:600}.card-progress progress{display:block}
/* Keep primary actions and native progress above generic control overrides. */
:root[data-theme="dark"] button.primary.primary{background:var(--brand-red);color:white;border-color:var(--brand-red)}
:root[data-theme="dark"] button.primary.primary:hover{background:#c71c12;border-color:#c71c12}
:root[data-theme="dark"] progress{background:#575e65}
:root[data-theme="dark"] progress::-webkit-progress-bar{background:#575e65}
:root[data-theme="dark"] progress::-webkit-progress-value{background:var(--red)}
:root[data-theme="dark"] progress::-moz-progress-bar{background:var(--red)}
:root[data-theme="dark"] .theme-toggle.theme-toggle{background:transparent;color:white;border-color:#ffffff90}
:root[data-theme="dark"] .theme-toggle.theme-toggle:hover{background:#ffffff15;border-color:white}

/* Match the supplied MAD wordmark: regular Instrument Serif, natural spacing. */
header>a.brand-wordmark{font-family:"Instrument Serif",Georgia,serif;font-size:24px;font-weight:400;font-style:normal;letter-spacing:0;line-height:1.1;font-synthesis:none}
@media(max-width:600px){header>a.brand-wordmark{font-size:clamp(17px,4.4vw,24px)}}
header>a.brand-wordmark{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
:root:not([data-theme="dark"]) .completion-dot{border-color:#848a82;color:#686e66}
:root:not([data-theme="dark"]) .completion-dot.is-done{background:var(--red);border-color:var(--red);color:white}
:root:not([data-theme="dark"]) :is(input,textarea,select){border-color:#858b82}

header>a.brand-wordmark{display:block;flex-shrink:1}header>a.brand-wordmark img{display:block;width:220px;max-width:100%;height:auto}
:root[data-theme="dark"] img[src="https://learn.modernartdirection.com/assets/iris-mark.svg"]{filter:invert(1)}
@media(max-width:600px){header>a.brand-wordmark img{width:clamp(150px,49vw,220px)}}