/* Build Your Own Art World (Update 253): on white, in the Courses room. Data palette only in drawings and tints, never text.
   Red only on the one main button per screen (.ac-primary). */
html.aw-white,html.aw-white body,html.aw-white.ac-courses #main{background:#FFFFFF!important;color:#1C1B18!important}
html.aw-white.ac-courses #main a{color:#1C1B18!important}
html.aw-white.ac-courses #main .lead,html.aw-white.ac-courses #main small,html.aw-white.ac-courses #main .small{color:#5C5C58!important}
html.aw-white.ac-courses .ac-tabs{background:#FFFFFF!important}
html.aw-white.ac-courses .ac-tabs a{color:#5C5C58!important}
html.aw-white.ac-courses .ac-tabs a[aria-current=page]{color:#1C1B18!important;border-bottom-color:#1C1B18!important}
@media (max-width:1023px){html.aw-white.ac-courses .ac-tabs a{border-color:#E4E4E0!important}html.aw-white.ac-courses .ac-tabs a[aria-current=page]{background:#1C1B18!important;color:#fff!important}}
.aw-cap{font:500 11.5px/1.4 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase;color:#5C5C58;margin:0 0 8px}
.aw-cap a{color:#5C5C58!important}
.aw-home h1,.aw-lesson h1,.aw-lecture h1{font:500 34px/1.08 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;margin:0 0 8px}
@media (min-width:760px){.aw-home h1,.aw-lesson h1,.aw-lecture h1{font-size:46px}}
.aw-sub{color:#5C5C58;margin:0 0 16px;font-size:15px}
.aw-sect{border-top:1px solid #1C1B18;padding-top:14px;margin-top:40px}
.aw-panel{background:#F4F4F2;padding:14px 16px;margin:16px 0;font-size:17px;line-height:1.45;max-width:40em}
.aw-q{font:500 26px/1.15 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;margin:6px 0 12px;max-width:26em}
.aw-lesson,.aw-lecture,.aw-home{max-width:880px}
.aw-dots{list-style:none;display:flex;gap:6px;margin:0 0 20px;padding:0}
.aw-dots li{width:22px;height:4px;background:#E4E4E0}.aw-dots li.done{background:#5C5C58}.aw-dots li.now{background:#1C1B18}
.aw-screen{min-height:200px}
.aw-nav{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:center;margin:28px 0 8px;padding-top:16px;border-top:1px solid #E4E4E0}
.aw-saved{color:#5C5C58}
.aw-in{animation:awIn .25s ease-out}
@keyframes awIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.aw-in{animation:none}}
.aw-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.aw-chip{min-height:44px;padding:0 16px!important;background:#FFFFFF!important;color:#1C1B18!important;border:1px solid #E4E4E0!important;font:400 15px "Jost","Jost Fallback",system-ui,sans-serif!important}
.aw-chip[aria-pressed=true],.aw-chip[aria-checked=true]{background:#1C1B18!important;color:#FFFFFF!important;border-color:#1C1B18!important}
.aw-num{max-width:10em}
.aw-money{display:inline-flex;align-items:center;gap:6px;font-size:18px}
.aw-hunch{border-top:1px solid #E4E4E0;margin-top:18px;padding-top:12px}
.aw-guess{font:500 26px "Cormorant Garamond","Cormorant Fallback",Georgia,serif;margin:0 0 12px}
.aw-reassure{color:#5C5C58}
.aw-step{border:1px solid #E4E4E0;padding:18px 18px 8px;max-width:36em}
.aw-stept{font:500 22px/1.25 "Cormorant Garamond","Cormorant Fallback",Georgia,serif;margin:0 0 6px}
.aw-deeper{margin-top:28px;font-size:15px}
.aw-deeper a{color:#5C5C58!important;text-decoration-thickness:1px}
/* films */
.aw-film{margin:0 0 20px}
.aw-film .vid{position:relative;aspect-ratio:16/9;background:#F4F4F2}.aw-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.aw-poster>span{display:flex;align-items:center;justify-content:center;aspect-ratio:16/9;background:#F4F4F2;color:#5C5C58;font:500 15px "Jost","Jost Fallback",system-ui,sans-serif;border:1px solid #E4E4E0}
.aw-film figcaption{margin-top:6px}
/* the world and other drawings, with their list views */
.aw-wfig{margin:12px 0}
.aw-world,.aw-ladder,.aw-income{display:block;width:100%;max-width:560px;height:auto}
.aw-ladder,.aw-income{max-width:680px}
.aw-lbl{font:500 11px "IBM Plex Mono",ui-monospace,monospace;fill:#5C5C58}
.aw-key{list-style:none;padding:0;margin:10px 0;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13.5px;color:#5C5C58}
.aw-key li{display:inline-flex;align-items:center;gap:6px}
.aw-sw{display:inline-block;width:12px;height:12px;border:1px solid #5C5C58}
.aw-sw-f{background:#A3B59E;border-color:#5F7A5B}.aw-sw-d{background:#fff;border:1px dashed #5F7A5B}.aw-sw-t{background:#E9EFE6;border-color:#A3B59E}
.aw-sw-line{width:18px;height:0;border:0;border-top:2px dashed #1C1B18}
.aw-wlist h3{margin:14px 0 6px}.aw-wlist ul,.aw-llist,.aw-ilist{margin:0;padding-left:18px;font-size:15px}
.aw-world-empty{margin:8px 0}
/* lessons list and shelf */
.aw-lessons{list-style:none;margin:0;padding:0}
.aw-l{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:4px 12px;align-items:baseline;padding:12px 0;border-bottom:1px solid #E4E4E0}
.aw-ln{font:500 20px "Cormorant Garamond","Cormorant Fallback",Georgia,serif}
.aw-lt{font-size:17px}
.aw-l-soon .aw-lt,.aw-l-soon .aw-ln{color:#5C5C58}
.aw-ls{font:500 11px "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase;color:#5C5C58;white-space:nowrap}
.aw-l-done .aw-ls::before{content:"\2713  "}
@media (max-width:480px){.aw-l{grid-template-columns:28px minmax(0,1fr)}.aw-ls{grid-column:2}}
.aw-shelf{list-style:none;display:flex;flex-wrap:wrap;gap:6px;padding:0;margin:8px 0}
.aw-spine{width:44px;height:170px;border:1px solid;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font:500 13px "Jost","Jost Fallback",system-ui,sans-serif;padding:8px 0;overflow:hidden;color:#1C1B18}
/* lesson 1 */
.aw-work{display:flex;gap:16px;align-items:flex-start;flex-wrap:wrap}
.aw-work img,.aw-noimg{width:160px;height:200px;object-fit:cover;background:#F4F4F2;display:flex;align-items:center;justify-content:center;color:#5C5C58;font-size:13px}
.aw-checks{list-style:none;margin:0;padding:0;font-size:16px}
.aw-checks li{padding:8px 0;border-bottom:1px solid #E4E4E0;display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.aw-tick{width:18px;font-weight:600}
.aw-v1{margin:16px 0;color:#1C1B18}.aw-v1 summary{cursor:pointer;color:#5C5C58;min-height:44px;display:flex;align-items:center}
/* lesson 2 */
.aw-row3{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:640px}
@media (min-width:640px){.aw-row3{grid-template-columns:2fr 1fr 1fr}}
.aw-row3 label{display:flex;flex-direction:column;gap:4px}
.aw-added{padding-left:18px}.aw-way{margin:4px 0}
/* lesson 3 */
.aw-five{padding-left:22px;max-width:420px}.aw-five li{margin:0 0 8px}
.aw-pick{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.aw-pick{grid-template-columns:repeat(4,minmax(0,1fr))}}
.aw-pw{display:flex!important;flex-direction:column;gap:6px;padding:6px!important;background:#FFFFFF!important;border:1px solid #E4E4E0!important;color:#1C1B18!important;text-align:left;width:100%;min-height:44px}
.aw-pw img,.aw-pw .aw-noimg{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.aw-pw[aria-pressed=true]{background:var(--tint)!important;border:2px solid var(--deep)!important}
.aw-pw[aria-pressed=true]::after{content:"\2713  linked";font:500 11px "IBM Plex Mono",monospace;letter-spacing:.1em;text-transform:uppercase}
/* lectures */
.aw-lecture h2{font:500 26px "Cormorant Garamond","Cormorant Fallback",Georgia,serif;margin:28px 0 8px}
.aw-lecture h2.aw-cap{font:500 11.5px "IBM Plex Mono",monospace}
.aw-find li{margin:0 0 8px}
.aw-refs{font-size:13px;color:#5C5C58;padding-left:18px}
.aw-jq{margin:12px 0}.aw-jq label{display:block;margin-bottom:6px}.aw-jq textarea{width:100%;max-width:640px}
.aw-private{margin-top:32px}
html.nl #main .aw-cap,html.nl #main h2.aw-cap,html.nl #main h3.aw-cap{font:500 11.5px/1.4 "IBM Plex Mono",ui-monospace,monospace!important;letter-spacing:.12em!important;text-transform:uppercase;color:#5C5C58!important;margin:0 0 10px}
html.nl #main a.ac-primary,html.nl #main button.ac-primary{background:#C4472A!important;border-color:#C4472A!important;color:#FFFFFF!important}
html.nl #main a.ac-primary:hover,html.nl #main button.ac-primary:hover{background:#A93A21!important;border-color:#A93A21!important}
html.aw-white.ac-courses #main input,html.aw-white.ac-courses #main select,html.aw-white.ac-courses #main textarea{background:#FFFFFF!important;color:#1C1B18!important;border-color:#E4E4E0!important}
html.aw-white .aichars [aria-checked=true]{background:#1C1B18!important;border-color:#1C1B18!important;color:#FFFFFF!important}
html.aw-white .aichars [aria-checked=true] *{color:#FFFFFF!important}
.aw-world{max-height:480px}
html.nl #main :is(#aw-go,#aw-take,#aw-next).ac-primary{background:#C4472A!important;border-color:#C4472A!important;color:#FFFFFF!important}
html.nl #main :is(#aw-go,#aw-take,#aw-next).ac-primary:hover{background:#A93A21!important;border-color:#A93A21!important}
.aw-film{max-width:640px}
.aw-world[data-layers="1"]{max-width:300px}
html.aw-white.ac-courses #main a.btn.quiet,html.aw-white.ac-courses #main button.btn.quiet{background:#FFFFFF!important;color:#1C1B18!important;border:1px solid #1C1B18!important;opacity:1!important}
.aw-income{max-height:260px}
.aw-world[data-layers="1"]{max-width:200px}
html.aw-white.ac-courses #main input[type=month]{border:1px solid #E4E4E0!important;min-height:44px;padding:0 10px;font:inherit;width:100%;box-sizing:border-box}
/* Update 254: Lessons 4 to 6 */
.aw-sw-dot{border-radius:50%}
.aw-sw-deep{background:#4D7A73;border-color:#4D7A73}
.aw-sw-dotted{background:#fff;border:1px dotted #9A5E46}
.aw-sw-clay{background:#D9A992;border-color:#9A5E46}
.aw-sw-ochre{background:#F5EFDF;border-color:#8F7536}
.aw-known,.aw-rlist,.aw-intros{padding-left:18px;font-size:15px;max-width:40em}
.aw-known li,.aw-rlist li{margin:0 0 6px}
.aw-intros{list-style:none;padding:0}.aw-intros li{border-top:1px solid #E4E4E0;padding:10px 0}
.aw-dupes{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;max-width:640px;margin:12px 0}
@media (min-width:640px){.aw-dupes{grid-template-columns:1fr 1fr}}
.aw-dupe{border:1px solid #E4E4E0;padding:12px 14px}.aw-dupe .small{word-break:break-word}
.aw-sweep{display:block;width:100%;max-width:420px;height:auto;border:1px solid #E4E4E0;background:#FFFFFF}
.aw-swrow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.aw-swrow input{flex:1 1 180px;min-width:0}
.aw-ring{display:block;width:100%;max-width:300px;height:auto}
.aw-hours{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:520px;margin:12px 0}
.aw-hours label{display:flex;flex-direction:column;gap:4px;font-size:15px}
.aw-slist,.aw-hlist{padding-left:18px;font-size:15px}
.aw-step select,.aw-step input{max-width:100%}
#aw-wcard label{display:block;margin:10px 0 4px}
.aw-cornerpick .aw-chip{min-height:40px}
html.nl #main :is(#aw-bring,#aw-merge,#aw-swgo,#aw-ssave,#aw-radd,#aw-wsave,#aw-keep).ac-primary{background:#C4472A!important;border-color:#C4472A!important;color:#FFFFFF!important}
html.nl #main :is(#aw-go,#aw-take,#aw-next,#aw-bring,#aw-merge,#aw-swgo,#aw-ssave,#aw-radd,#aw-wsave,#aw-keep).ac-primary:disabled{opacity:.6}
.aw-sweep{max-width:360px}
/* Update 255: Lessons 7 to 9 */
html.nl #main :is(#aw-keeprt,#aw-askgo,#aw-plango,#aw-ckgo,#aw-print).ac-primary{background:#C4472A!important;border-color:#C4472A!important;color:#FFFFFF!important}
.aw-flow,.aw-love{display:block;width:100%;max-width:640px;height:auto}
.aw-flist,.aw-lvlist,.aw-top3{padding-left:18px;font-size:15px}
.aw-fill{border-top:1px solid #E4E4E0;padding-top:8px}
.aw-rank .aw-chip[aria-pressed=true]{background:#1C1B18!important;color:#FFFFFF!important}
.aw-replay{margin:12px 0}.aw-replay .aw-world{max-width:420px}
.aw-still{list-style:none;padding:0;margin:8px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:640px){.aw-still{grid-template-columns:repeat(3,minmax(0,1fr))}}
.aw-still li{border:1px solid #E4E4E0;padding:8px}.aw-still .aw-world{max-width:100%}
.aw-goals{padding-left:22px;max-width:640px}.aw-goals li{margin:0 0 16px}.aw-goals input{width:100%;margin:4px 0 8px}
.aw-goals label{display:block}
.aw-friend{margin:18px 0 0}.aw-fq{font:italic 400 20px/1.35 "Cormorant Garamond",Georgia,serif;margin:8px 0 0;max-width:30em}
.aw-ans{border-top:1px solid #E4E4E0;padding:12px 0}.aw-ans textarea{width:100%;max-width:640px}
.aw-pin summary{cursor:pointer;min-height:44px;display:flex;align-items:center;color:#5C5C58}
.aw-pin label{display:block}.aw-pin input:not([type=checkbox]){width:100%;max-width:480px}
.aw-asklist{list-style:none;padding:0}.aw-asklist li{padding:8px 0;border-bottom:1px solid #E4E4E0}
.aw-asklist select{max-width:100%}
.aw-ckl{list-style:none;padding:0}.aw-ckl li{border-top:1px solid #E4E4E0;padding:8px 0}