/* Artist Created: the shared look (Brand Book v3, November 2026), loaded last on every Studio-host page, after studio.css or
   community.css. Other hosts (Cricket Creator, The Golfer Pro, the Diary, Ink Studio) never load it.

   Four checks on every page: the name is right; the page is quiet (white field, hairlines, room around the work, red only
   on the main button and the +); the work is real (the picture first); Puplo is earned (30 Daily Drawings only).

   Tokens (also on :root in studio.css and community.css):
   --white #FFFFFF field · --off-white #F4F4F2 quiet panels · --line #E4E4E0 hairlines · --ink #1C1B18 text and strong rules
   --grey #5C5C58 secondary text (never on Night) · --night #161513 Courses · --night-raised #23221F · --night-line #2E2D2A
   --on-night-grey #B8B2A5 · --paper #F3EEE4 small accent tiles only · --red #C4472A the main action and the + only.
   Type: Cormorant Garamond 500 (headlines), Jost 400/500 (text and the app), IBM Plex Mono 500 (small labels). */
:root{--white:#FFFFFF;--off-white:#F4F4F2;--line:#E4E4E0;--ink:#1C1B18;--grey:#5C5C58;--night:#161513;--night-raised:#23221F;--night-line:#2E2D2A;--on-night-grey:#B8B2A5;--paper:#F3EEE4;--red:#C4472A;--red-dark:#A93A21;
  --bg:#FFFFFF;--mist:#F4F4F2;--slate:#1C1B18;--soft:#5C5C58;
  --serif:"Cormorant Garamond","Cormorant Fallback",Georgia,"Times New Roman",serif;--sans:"Jost","Jost Fallback",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace}

/* ---------- The field and type ---------- */
html,body{background:var(--white)}
body{font-family:var(--sans);font-size:16px;line-height:1.5;color:var(--ink)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;line-height:1.12;letter-spacing:0;color:inherit}
h1 em,h2 em,h3 em{font-style:italic}
:where(#main) h1,.cm-page h1{font-size:34px;line-height:1.08}
@media (min-width:760px){:where(#main) h1,.cm-page h1{font-size:46px}}
p,li,dd,td,label,input,select,textarea,button{font-family:var(--sans)}
small,.small{font-size:13.5px}
a{color:var(--ink);text-decoration:underline;text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{color:var(--ink);text-decoration-thickness:2px}
:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--ink)!important;outline-offset:2px!important;box-shadow:none}
.ac-label,.nl-label,.hm-label{font:500 11.5px/1.35 var(--mono)!important;text-transform:uppercase;letter-spacing:.12em!important;color:var(--grey)}
.ac-sect{border-top:1px solid var(--ink);padding-top:14px;margin-top:40px}
.ac-sect>.ac-label:first-child{margin:0 0 14px}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* ---------- Buttons: red is the main action only; secondary is white with an ink line; links are ink and underlined ---------- */
button,.btn,a.btn,.cm-btn,a.cm-btn,.nl-btn{font:500 15px/1.2 var(--sans);border-radius:0!important;padding:12px 22px;min-height:44px;background:var(--red);border:1px solid var(--red);color:#fff;text-decoration:none}
button:hover,.btn:hover,.cm-btn:hover{background:var(--red-dark);border-color:var(--red-dark);color:#fff}
button.quiet,.btn.quiet,a.btn.quiet,.cm-btn-q,a.cm-btn-q,.hm-btn-light,button.danger,.btn.danger,button.secondary,.btn.secondary,.ac-btn2{background:#fff!important;border:1px solid var(--ink)!important;color:var(--ink)!important}
button.quiet:hover,.btn.quiet:hover,.cm-btn-q:hover,.hm-btn-light:hover,button.danger:hover,.ac-btn2:hover{background:var(--off-white)!important;color:var(--ink)!important}
button.linkish,.linkish{background:none!important;border:0!important;color:var(--ink)!important;text-decoration:underline;padding:0;min-height:0}
button[disabled],.btn[disabled]{opacity:.5}
/* Errors and messages: ink words with an icon, never red */
.msg.err,.err,.cm-err,.error,[role=alert].err{color:var(--ink)!important;font-weight:500}
.msg.err::before,.cm-err::before,.ac-err::before{content:"!";display:inline-flex;align-items:center;justify-content:center;width:1.15em;height:1.15em;border:1.5px solid currentColor;border-radius:50%;font:600 .72em/1 var(--sans);margin-right:.45em;vertical-align:.08em}

/* ---------- Chips, tabs, inputs, tables ---------- */
.chip,.pill,.nl-pill,.nl-chips button,.nl-chips a,.ac-chips a,.seg button,.cm-chip,.sc-chip{border-radius:0!important;border:1px solid var(--line)!important;background:#fff;color:var(--ink);font:500 14px var(--sans)}
.chip[aria-pressed=true],.chip.on,.nl-chips [aria-pressed=true],.nl-chips [aria-current],.ac-chips [aria-current],.seg [aria-pressed=true],.nl-pill.dark,.cm-chip[aria-current],.sc-chip[aria-current]{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important}
.tabs a,.mtabs a,.nl-tabs a,.ac-tabs a{border-radius:0;background:none;border:0;border-bottom:2px solid transparent;color:var(--grey);text-decoration:none}
.tabs a[aria-current],.mtabs a[aria-current],.nl-tabs a[aria-current],.ac-tabs a[aria-current],.tabs a.on{border-bottom-color:var(--ink);color:var(--ink);background:none}
input[type=text],input[type=email],input[type=date],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=password],input:not([type]),select,textarea{border:1px solid var(--line)!important;border-radius:0!important;background:#fff!important;color:var(--ink);font-family:var(--sans)}
input:focus,select:focus,textarea:focus{border-color:var(--ink)!important}
label{font-family:var(--sans)}
table{border-collapse:collapse}
th{font:500 11.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--grey);text-align:left;border-bottom:1px solid var(--ink)}
td{border-bottom:1px solid var(--line)}
tr:nth-child(even) td{background:none}
td.num,th.num,.num{text-align:right;font-variant-numeric:tabular-nums}
/* Cards for works: the picture first, title and status beneath, no border */
.nl-card,.nl-item,.cm-card,.sc-card{border:0!important;border-radius:0!important}
.nl-item .pic,.nl-card .pic,.cm-card img{border-radius:0!important}
/* Panels: quiet off-white, square, no shadow */
.nl-panel,.note,.cm-note{border-radius:0!important}
.nl-glass{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid var(--line)!important;box-shadow:none!important}

/* ---------- Circles: avatars, the + and the Founding badge only ---------- */
.nl-me span,.sc-me span,.nl-face,.ac-avatar,.avatar,.cm-avatar,.sc-face,.hm-face,.pr-face{border-radius:50%!important}

/* ---------- The wordmark: one component (Brand.wordmark) ---------- */
.ac-wordmark{display:block;height:14px;width:auto;max-width:100%}
.nl-logo,.sc-logo,.cm-mark{display:flex;align-items:center;text-decoration:none!important}
.nl-logo .ac-wordmark,.sc-logo .ac-wordmark,.cm-mark .ac-wordmark{height:13px}
@media (min-width:1024px){.nl-logo .ac-wordmark,.sc-logo .ac-wordmark,.cm-mark .ac-wordmark{height:15px}}

/* ---------- The Founding badge: a round ink outline on off-white, "100" in Cormorant, a small mono label ---------- */
.ac-founding{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;border:1.5px solid var(--ink);background:var(--off-white);color:var(--ink);text-align:center;flex:none}
.ac-founding b{font:500 22px/1 var(--serif)}
.ac-founding small{font:500 7.5px/1.2 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:2px}
.ac-founding.sm{width:44px;height:44px}.ac-founding.sm b{font-size:16px}.ac-founding.sm small{font-size:6px}
.ac-founding.lg{width:120px;height:120px}.ac-founding.lg b{font-size:44px}.ac-founding.lg small{font-size:10px}

/* ---------- The Studio frame (signed in): top bar on computers, three-tab bar and the + on phones ---------- */
.nl-top{position:fixed;top:0;left:0;right:0;max-width:none;margin:0;z-index:30;height:56px;padding:0 16px;padding-top:env(safe-area-inset-top,0px);box-sizing:content-box;display:flex;align-items:center;gap:12px;background:#fff!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
.nl-top .nl-logo{margin-right:auto}
.nl-me-top{display:flex!important;width:44px;height:44px;align-items:center;justify-content:center;text-decoration:none}
.nl-me span{width:34px!important;height:34px!important;background:var(--ink)!important;color:#fff!important;border:0!important;box-shadow:none!important}
.nl-me span b{font:500 16px/1 var(--sans)!important}
.nl-me.on span{outline:2px solid var(--ink);outline-offset:2px}
html.nl #main{padding-top:calc(80px + env(safe-area-inset-top,0px))}
/* Phones and tablets: the bottom tab bar, exactly three rooms */
.nl-bot{position:fixed!important;left:0!important;right:0!important;bottom:0!important;max-width:none!important;margin:0!important;height:auto!important;min-height:60px;padding:4px 8px calc(4px + env(safe-area-inset-bottom,0px))!important;display:flex!important;gap:0!important;background:#fff!important;border:0!important;border-top:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;z-index:30}
.nl-bot>a,html.nl header.top nav.nl-bot a{flex:1 1 0;height:52px!important;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;background:none!important;border:0!important;border-radius:0;color:var(--grey)!important;font:400 12px/1 var(--sans)!important;text-transform:none!important;letter-spacing:0!important;padding:0!important}
.nl-bot>a svg{width:22px;height:22px}
.nl-bot>a[aria-current=page],html.nl header.top nav.nl-bot a[aria-current=page]{color:var(--ink)!important;font-weight:500!important}
.nl-bot>a.nl-me{display:none!important}
html.nl #main{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}
/* The Add work +: a 60px red circle above the tab bar, on Studio screens only */
.ac-fab{position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom,0px));z-index:31;width:60px;height:60px;border-radius:50%!important;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:0 6px 18px rgba(28,27,24,.24);border:0;padding:0;cursor:pointer}
.ac-fab:hover{background:var(--red-dark);color:#fff}
.ac-fab svg{width:26px;height:26px}
.nl-plusw .nl-plusm{right:0;top:auto;bottom:70px;background:#fff;border:1px solid var(--line);box-shadow:none}
.nl-top .nl-plusw,.nl-top .ac-add{display:none}
.nl-spaces,.nl-search{display:none}
/* Inside Studio on phones: the sections as a row of chips */
.ac-side{margin:0 0 24px}
.ac-side .ac-label,.ac-side .ac-lvl{display:none}
.ac-side ul{list-style:none;margin:0 -16px;padding:0 16px 4px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}
.ac-side ul::-webkit-scrollbar{display:none}
.ac-side li a{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border:1px solid var(--line);color:var(--ink);text-decoration:none;white-space:nowrap;font:500 14px var(--sans)}
.ac-side li a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}
.ac-side li a .n{color:var(--grey);font-weight:400}
.ac-side li a[aria-current=page] .n{color:#fff}
/* Computers: the full top bar, no bottom bar, no floating +; Studio has its side list */
@media (min-width:1024px){
  .nl-top{height:64px;padding:0 32px;gap:20px}
  .nl-top .nl-logo{margin-right:12px}
  .nl-spaces{display:flex!important;gap:4px;margin-right:auto}
  .nl-spaces a,html.nl header.top nav.nl-spaces a{display:flex;align-items:center;height:64px;padding:0 14px!important;background:none!important;color:var(--grey)!important;border-radius:0;border:0;border-bottom:2px solid transparent!important;font:500 15px var(--sans);text-decoration:none}
  .nl-spaces a svg{display:none}
  .nl-spaces a[aria-current=page],html.nl header.top nav.nl-spaces a[aria-current=page]{color:var(--ink)!important;border-bottom-color:var(--ink)!important;background:none!important}
  .nl-search{display:block!important;flex:0 1 260px;margin-left:0}
  .nl-search input{height:40px!important;min-height:40px;padding:0 14px!important;font-size:14px!important;background:var(--off-white)!important;border:1px solid var(--line)!important}
  .nl-top .nl-plusw,.nl-top .ac-add{display:inline-flex}
  .ac-add{width:auto!important;align-items:center;gap:8px;height:40px;padding:0 18px;background:var(--red);color:#fff;text-decoration:none;font:500 15px var(--sans);border:0;border-radius:0;cursor:pointer;white-space:nowrap}
  .ac-add:hover{background:var(--red-dark);color:#fff}
  .ac-add svg{width:16px;height:16px}
  .nl-top .nl-plusm{top:56px;bottom:auto}
  .nl-bot,html.nl header.top nav.nl-bot,.ac-fab{display:none!important}
  html.nl #main{padding-top:104px;padding-bottom:80px;max-width:1240px;margin:0 auto}
  html.ac-studio .frame{display:grid!important;grid-template-columns:240px minmax(0,1fr);max-width:1304px!important;margin:0 auto!important;column-gap:0}
  html.ac-studio .frame>header.top,html.ac-studio .frame>footer{grid-column:1/-1}
  html.ac-studio .frame>#main{grid-column:2;padding-left:48px;max-width:none;margin:0;min-width:0}
  .ac-side{grid-column:1;position:sticky;top:64px;align-self:start;max-height:calc(100vh - 64px);overflow-y:auto;margin:0;padding:104px 24px 24px 32px;border-right:0;background:#fff}
  .ac-side .ac-label{display:block;margin:0 0 12px}
  .ac-side ul{display:block;margin:0;padding:0;overflow:visible}
  .ac-side li a{display:flex;justify-content:space-between;min-height:40px;padding:0;border:0;border-bottom:1px solid var(--line);font-weight:400}
  .ac-side li a[aria-current=page]{background:none;color:var(--ink);font-weight:500;border-bottom-color:var(--ink)}
  .ac-side li a[aria-current=page] .n{color:var(--grey)}
  .ac-side .ac-lvl{display:flex;align-items:center;gap:12px;margin-top:28px;font-size:14px}
  .ac-side .ac-lvl span{display:block}
  .ac-side .ac-lvl .ac-label{display:block;margin:0 0 2px}
}

/* ---------- Public frame (signed out): wordmark, Showcase, Courses, For artists; Sign in and Join free ---------- */
.ac-pub{display:flex;align-items:center;gap:20px;height:64px;padding:0 24px;border-bottom:1px solid var(--line);background:#fff;max-width:none}
.ac-pub .ac-nav{display:none;gap:4px;margin-right:auto}
.ac-pub .ac-nav a{color:var(--grey);text-decoration:none;font:500 15px var(--sans);padding:0 12px;height:64px;display:flex;align-items:center;border-bottom:2px solid transparent}
.ac-pub .ac-nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}
.ac-pub .ac-logo{margin-right:auto;display:flex;align-items:center}
.ac-pub .ac-in{color:var(--ink);font:500 15px var(--sans);padding:0 4px;min-height:44px;display:inline-flex;align-items:center}
.ac-pub .ac-join{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;background:var(--red);color:#fff;text-decoration:none;font:500 15px var(--sans)}
.ac-pub .ac-join:hover{background:var(--red-dark);color:#fff}
@media (max-width:420px){.ac-pub{gap:12px;padding:0 16px}.ac-pub .ac-join{padding:0 12px}}
@media (min-width:900px){.ac-pub{padding:0 32px}.ac-pub .ac-logo{margin-right:12px}.ac-pub .ac-nav{display:flex}}
.ac-pubnav-phone{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--line);overflow-x:auto}
.ac-pubnav-phone a{color:var(--grey);text-decoration:none;font:500 14px var(--sans);padding:0 10px;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap}
.ac-pubnav-phone a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}
@media (min-width:900px){.ac-pubnav-phone{display:none}}

/* ---------- Public footer: three columns, then the company line ---------- */
.ac-foot{border-top:1px solid var(--ink);margin-top:96px;padding:40px 24px 48px;background:#fff;color:var(--ink)}
.ac-foot .ac-cols{display:grid;grid-template-columns:1fr;gap:28px;max-width:1240px;margin:0 auto}
.ac-foot h2{font:500 11.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--grey);margin:0 0 12px;border:0;padding:0}
.ac-foot ul{list-style:none;margin:0;padding:0}
.ac-foot li a{display:inline-flex;align-items:center;min-height:36px;color:var(--ink);text-decoration:none;font-size:15px}
.ac-foot li a:hover{text-decoration:underline}
.ac-foot .ac-made{max-width:1240px;margin:36px auto 0;padding-top:16px;border-top:1px solid var(--line);font-size:13.5px;color:var(--grey)}
.ac-foot .ac-made p{margin:0 0 6px}
@media (min-width:700px){.ac-foot{padding:48px 32px}.ac-foot .ac-cols{grid-template-columns:repeat(3,1fr)}}

/* ---------- Courses on Night ---------- */
.ac-night{background:var(--night);color:var(--off-white)}
.ac-night a{color:var(--off-white)}
.ac-night .ac-label,.ac-night .nl-label,.ac-night .ac-sub,.ac-night small{color:var(--on-night-grey)!important}
.ac-night .ac-raised{background:var(--night-raised);padding:20px}
.ac-night hr,.ac-night .ac-sect{border-color:var(--night-line)}
.ac-night .ac-sect{border-top-color:var(--off-white)}
.ac-night button.quiet,.ac-night .btn.quiet,.ac-night .cm-btn-q,.ac-night .ac-btn2{background:transparent!important;color:var(--off-white)!important;border-color:var(--off-white)!important}
.ac-night .ac-tile{background:var(--paper);color:var(--ink);display:flex;align-items:flex-end;padding:14px;aspect-ratio:4/3;font:500 11.5px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.12em}
html.ac-courses,html.ac-courses body{background:var(--night)}
html.ac-courses #main{color:var(--off-white)}
html.ac-courses #main a{color:var(--off-white)}
html.ac-courses #main .w,html.ac-courses #main .nl-label,html.ac-courses #main .lead,html.ac-courses #main small,html.ac-courses #main .m,html.ac-courses #main .soft{color:var(--on-night-grey)!important}
html.ac-courses #main .nl-panel,html.ac-courses #main .note{background:var(--night-raised)!important;color:var(--off-white)}
html.ac-courses #main .nl-list li,html.ac-courses #main .nl-row{border-color:var(--night-line)!important}
html.ac-courses #main .nl-pill:not(.dark),html.ac-courses #main button.quiet,html.ac-courses #main .btn.quiet{background:transparent!important;border-color:var(--off-white)!important;color:var(--off-white)!important}
html.ac-courses #main .nl-pill.dark{background:var(--off-white)!important;color:var(--night)!important}
html.ac-courses #main .nl-prog{background:var(--night-line)}
html.ac-courses #main .nl-prog span{background:var(--off-white)}
html.ac-courses #main input,html.ac-courses #main select,html.ac-courses #main textarea{background:var(--night-raised)!important;color:var(--off-white)!important;border-color:var(--night-line)!important}

/* ---------- Photographs never meet type on a hard cut: the joining edge fades over about 10% ---------- */
.ac-fade-b{-webkit-mask-image:linear-gradient(to bottom,#000 90%,transparent);mask-image:linear-gradient(to bottom,#000 90%,transparent)}
.ac-fade-r{-webkit-mask-image:linear-gradient(to right,#000 90%,transparent);mask-image:linear-gradient(to right,#000 90%,transparent)}

/* ---------- Empty states: one sentence and one button ---------- */
.nl-empty,.ac-empty{background:none!important;border:0;border-top:1px solid var(--line);padding:24px 0;border-radius:0}

/* ---------- Status words ---------- */
.ac-status{font:400 14px var(--sans);color:var(--ink)}
.ac-status.need{font-weight:500}

/* ---------- Loading: the wordmark centred on white (the slot for Rob's handwriting stays ready) ---------- */
.ld-box .ac-wordmark{height:16px;margin:0 auto}
.ld-msg{font:400 14px var(--sans);color:var(--grey)}

/* ---------- Narrow screens: never wider than the screen ---------- */
html,body{overflow-x:clip}
img,video,svg,canvas{max-width:100%}

/* ---------- Skip link: hidden until it has focus ---------- */
.skip{position:absolute!important;left:-9999px!important;top:8px;z-index:60;background:var(--ink);color:#fff!important;padding:10px 16px}
.skip:focus{left:12px!important}

/* ---------- Phones: the public bar stays on one line ---------- */
@media (max-width:899px){.ac-pub{height:56px;gap:14px;padding:0 16px}.ac-pub .ac-wordmark{height:11px}.ac-pub .ac-join{min-height:40px;padding:0 14px;white-space:nowrap}.ac-pub .ac-in{white-space:nowrap}}

/* ---------- The course site (/learn and created-courses.com) on Night ---------- */
body.ac-coursesite,body.ac-coursesite .cm-frame{background:#fff}
main.ac-night{background:var(--night);color:var(--off-white);padding-bottom:88px}
main.ac-night .cm-page{color:var(--off-white)}
main.ac-night h1,main.ac-night h2,main.ac-night h3,main.ac-night b{color:var(--off-white)}
main.ac-night p,main.ac-night li{color:var(--off-white)}
main.ac-night .cm-lead,main.ac-night .hm-lead,main.ac-night .cs-card span,main.ac-night .cs-made span,main.ac-night .cs-kicker,main.ac-night .cs-endnote,main.ac-night .cs-meta,main.ac-night .cm-small,main.ac-night small,main.ac-night .hm-sub{color:var(--on-night-grey)!important}
main.ac-night a{color:var(--off-white)}
main.ac-night .cs-hero,main.ac-night .cs-chero{background:var(--night)!important;color:var(--off-white)}
main.ac-night .cs-card a{color:var(--off-white);border-top:1px solid var(--night-line)}
main.ac-night .cs-card img,main.ac-night .cs-cardnum{background:var(--paper);color:var(--ink)}
main.ac-night .cs-card .cs-meta{color:var(--off-white)!important;font-weight:500}
/* No open frame round the course picture (Brand Book v3 keeps it for Created Conversations): white space and a hairline */
main.ac-night .cs-cimg img{border:0!important;padding:0!important;background:none!important}
main.ac-night .cs-bignum{border:0!important;border-bottom:1px solid var(--night-line)!important;color:var(--off-white)}
main.ac-night .cs-made img{border:0!important;padding:0!important;background:none!important}
main.ac-night .cs-days li{background:var(--night-raised)!important;border:0!important;border-top:1px solid var(--night-line)!important;color:var(--off-white)}
main.ac-night .cs-days li.cs-soon{background:transparent!important;color:var(--on-night-grey)}
main.ac-night .cs-days li.cs-soon .cs-dn{color:var(--on-night-grey)}
main.ac-night .cs-outcomes li,main.ac-night .cs-teacher{border-color:var(--night-line)!important}
main.ac-night .cs-outcomes li::before{background:var(--off-white)}
main.ac-night .cm-empty,main.ac-night .note,main.ac-night [class*="card"]:not(.cs-card){background:var(--night-raised)!important;color:var(--off-white)!important;border-color:var(--night-line)!important}
main.ac-night .cs-pw li,main.ac-night .cs-pw a{background:var(--night-raised);color:var(--off-white);border-color:var(--night-line)}
main.ac-night .cm-btn-q,main.ac-night .hm-btn-light{background:transparent!important;color:var(--off-white)!important;border-color:var(--off-white)!important}
main.ac-night input{background:var(--night-raised)!important;color:var(--off-white)!important;border-color:var(--night-line)!important}
main.ac-night .cm-crumbs,main.ac-night nav[aria-label=Breadcrumb] a{color:var(--on-night-grey)}
main.ac-night .cm-page>.ac-sect{border-top-color:var(--off-white)}
.ac-made-note{max-width:1240px;margin:0 auto 32px;font-size:13.5px;color:var(--grey)}
.ac-foot .nw-block{max-width:1240px;margin:0 auto 32px}
/* The public pages: no box round the page; content no wider than 1240px */
body.ac .cm-frame,body.sc .cm-frame{border:0!important;max-width:none!important;margin:0!important}
body.ac #main>.cm-page,body.ac #main>section,body.sc #main>.cm-page,body.sc #main>section{max-width:1240px;margin-left:auto;margin-right:auto}
body.ac-coursesite .ac-foot{margin-top:0}

/* ---------- Studio home: Today ---------- */
html.nl .nh-btn{background:var(--red)!important;border-color:var(--red)!important;color:#fff!important;border-radius:0!important}
html.nl .nh-btn:hover{background:var(--red-dark)!important}
html.nl .nh-btn.quiet{background:#fff!important;border:1px solid var(--ink)!important;color:var(--ink)!important}
.nh{display:block!important}
.nh-main{gap:0!important;max-width:none}
.nh-hello{margin:0 0 32px}
.nh-hello .ac-label{margin:0 0 8px}
html.nl .nh-hello h1{margin:0;font:500 34px/1.08 var(--serif)}
@media (min-width:760px){html.nl .nh-hello h1{font-size:46px}}
.ac-today{display:grid;grid-template-columns:minmax(0,1fr);gap:32px;margin-bottom:8px}
@media (min-width:1024px){.ac-today{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:40px;align-items:start}}
.ac-today .nh-needs{border-top:1px solid var(--ink);padding-top:14px}
.ac-today .nh-kick{margin:0 0 6px}
.ac-today .nh-cards{display:block!important}
.ac-need{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:2px 16px;padding:14px 0!important;border:0!important;border-bottom:1px solid var(--line)!important;background:none!important;border-radius:0!important}
.ac-need>p{margin:0}
.ac-need .nh-ct{grid-column:1;display:flex;gap:8px;align-items:center}
.ac-need .nh-ct b{font-weight:500}
.ac-need>p:not(.nh-ct):not(.nh-go){grid-column:1;color:var(--grey);font-size:14px}
.ac-need .nh-go{grid-column:2;grid-row:1/span 2;align-self:center}
.ac-need .nl-prog{grid-column:1}
.ac-act{color:var(--ink);font-weight:500;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.nh-needs .nh-more{display:none!important}
.nh-needs .ac-need{display:grid!important}
.ac-step{background:var(--off-white)!important;border:0!important;border-radius:0!important;padding:20px!important;display:block!important;margin:0!important}
.ac-step h2{font-size:24px;margin:8px 0 6px}
.ac-step .nh-acts{margin:16px 0 0;display:flex;gap:12px;align-items:center}
.nh-work.ac-sect{margin-top:48px}
.nh-work .nh-head{display:flex;justify-content:space-between;align-items:baseline;margin:0 0 16px}
.nh-work .nh-head h2{margin:0}
.ac-latest{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}
@media (min-width:760px){.ac-latest{grid-template-columns:repeat(5,minmax(0,1fr))}}
.ac-work{display:flex;flex-direction:column;gap:4px;color:var(--ink);text-decoration:none}
.ac-work .pic{display:block;aspect-ratio:4/5;background:var(--off-white);overflow:hidden}
.ac-work .pic img{width:100%;height:100%;object-fit:cover;display:block}
.ac-work b{font-weight:500;font-size:15px;margin-top:6px}
.ac-work .ac-status{font-size:13.5px}
.nh-later{background:none!important;border:0!important;color:var(--ink)!important;text-decoration:underline;padding:0!important;min-height:44px}
/* Phones and tablets: the Studio chips sit under the top bar, above the page */
@media (max-width:1023px){
  html.ac-studio .ac-side{margin:calc(72px + env(safe-area-inset-top,0px)) 16px 0}
  html.ac-studio #main{padding-top:24px!important}
}
@media (min-width:1024px){.ac-side{padding-top:40px!important}}
#wskip{padding:10px 18px!important}

/* ---------- Public home page ---------- */
.ac-home{max-width:1240px;margin:0 auto;padding:0 16px}
@media (min-width:700px){.ac-home{padding:0 32px}}
.ac-hero{padding:72px 0 56px;max-width:880px}
.ac-hero h1{font:500 clamp(40px,7vw,76px)/1.04 var(--serif);margin:14px 0 20px;max-width:none}
.ac-hero .ac-lead{font-size:18px;line-height:1.5;max-width:36em;color:var(--ink)}
.ac-acts{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 12px}
.ac-wide{margin:0 0 8px}
.ac-wide img{display:block;width:100%;max-height:640px;object-fit:cover}
.ac-wide figcaption{margin-top:10px}
.ac-hsect{border-top:1px solid var(--ink);padding-top:16px;margin-top:88px}
@media (min-width:1024px){.ac-hsect{margin-top:104px}}
.ac-hsect h2{font:500 clamp(30px,4.6vw,52px)/1.08 var(--serif);margin:12px 0 28px;border:0;padding:0}
.ac-rooms h2{margin-top:0}
.ac-three{display:grid;grid-template-columns:1fr;gap:28px}
.ac-three>div{border-top:1px solid var(--ink);padding-top:14px}
.ac-three h3{font:500 26px/1.15 var(--serif);margin:10px 0 8px}
.ac-three p:not(.ac-label){color:var(--ink);margin:0}
@media (min-width:760px){.ac-three{grid-template-columns:repeat(3,1fr);gap:32px}}
.ac-grid4{list-style:none;margin:20px 0 20px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
@media (min-width:900px){.ac-grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 24px}}
.ac-by{color:var(--grey);font-size:14px}
.ac-band{background:var(--night);color:var(--off-white);border-top:0;padding:40px 20px 44px;margin-left:-16px;margin-right:-16px}
@media (min-width:700px){.ac-band{padding:56px 48px;margin-left:0;margin-right:0}}
.ac-band h2{color:var(--off-white);margin:0 0 6px}
.ac-band p{color:var(--off-white)}
.ac-band .ac-sub,.ac-band .ac-label{color:var(--on-night-grey)!important}
.ac-band .ac-strong{font-weight:500;margin:16px 0}
.ac-bandin{display:grid;grid-template-columns:1fr;gap:28px;margin-top:20px;align-items:center}
@media (min-width:900px){.ac-bandin{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px}}
.ac-bandpic{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.ac-band .ac-tile{display:flex;align-items:flex-end;aspect-ratio:4/3;background:var(--paper);color:var(--ink);padding:16px;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.ac-others{margin-top:28px;border-top:1px solid var(--night-line);padding-top:16px}
.ac-levels{list-style:none;margin:0 0 24px;padding:0;display:grid;grid-template-columns:1fr;gap:0}
.ac-level{border-top:1px solid var(--line);padding:20px 0}
.ac-level .ac-price{margin:8px 0}
.ac-level .ac-price b{font:500 34px/1 var(--serif)}
.ac-level .ac-price span{color:var(--grey)}
@media (min-width:900px){.ac-levels{grid-template-columns:repeat(4,1fr);gap:32px}.ac-level{border-top:1px solid var(--ink)}}
.ac-f100{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.ac-f100 h2{margin:8px 0 8px}
.ac-grid6{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ac-grid6 img{width:100%;aspect-ratio:1;object-fit:cover;display:block}
@media (min-width:900px){.ac-grid6{grid-template-columns:repeat(6,1fr)}}
.ac-home .hm-signin{font-size:14px;color:var(--grey)}
.ac-home .hm-signin a{color:var(--ink)}
.ac-made-note{margin-bottom:28px!important}
header.ac-pub,.cm-top.ac-pub{flex-wrap:nowrap!important;justify-content:flex-start!important;border-bottom:1px solid var(--line)!important}
.ac-pub .ac-in{margin-left:auto}
@media (min-width:900px){.ac-pub .ac-in{margin-left:0}}
/* ---------- The Courses room (signed in) on Night ---------- */
html.ac-courses .ac-ctitle{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;margin:0 0 24px}
html.ac-courses .ac-ctitle h1{margin:0}
html.ac-courses .nl-browse{margin:0;text-align:left}
html.ac-courses #main .nl-card .t{font:500 24px/1.15 var(--serif)}
html.ac-courses #main .nl-tile,html.ac-courses #main .nl-mcard .pic>span{background:var(--paper)!important;color:var(--ink)!important;font:500 11.5px/1.3 var(--sans)!important;letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:flex-end;justify-content:flex-start;padding:14px;text-decoration:none}
html.ac-courses #main .nl-card .pic{background:var(--paper)}
html.ac-courses #main .nl-card .p,html.ac-courses #main .nl-card b{color:var(--off-white);font-weight:500}
html.ac-courses #main .nl-label,html.ac-courses #main .nl-lead{color:var(--on-night-grey)!important}
html.ac-courses #main button:not(.quiet):not(.linkish),html.ac-courses #main .btn:not(.quiet){background:var(--red);border-color:var(--red);color:#fff}
.ac-founding.xs{width:24px;height:24px;border-width:1px;vertical-align:middle}.ac-founding.xs b{font-size:10px}
.f100-badge{display:inline-flex;align-items:center;gap:10px;background:none!important;border:0!important;color:var(--ink)!important;font:500 11.5px var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:0!important}
/* ---------- Showcase: the artist page ---------- */
.sc-aid>div{display:flex;flex-direction:column}
.sc-aid .sc-ameta{order:-1;font:500 11.5px/1.4 var(--mono)!important;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)!important;margin:0 0 6px}
.sc-aid h1{font:500 clamp(34px,5vw,46px)/1.08 var(--serif)!important;margin:0}
.sc-aline{color:var(--grey)!important;font-size:16px}
.sc-btn{border-radius:0!important;min-height:44px;display:inline-flex;align-items:center;padding:0 20px;font:500 15px var(--sans);text-decoration:none}
.sc-btn.cm-enquire,.sc-btn.sc-red{background:var(--red)!important;border:1px solid var(--red)!important;color:#fff!important}
.sc-btn.sc-line,.sc-btn.sc-dark:not(.cm-enquire){background:#fff!important;border:1px solid var(--ink)!important;color:var(--ink)!important}
.sc-tabs a,.cm-tabs a{background:none!important;border:0!important;border-bottom:2px solid transparent!important;color:var(--grey)!important;border-radius:0!important;text-decoration:none}
.sc-tabs a[aria-current],.cm-tabs a[aria-current]{border-bottom-color:var(--ink)!important;color:var(--ink)!important}
.sc-aface,.sc-aface img,.sc-aface span{border-radius:50%!important}
/* ---------- Join: four levels in a row on computers; no empty picture boxes ---------- */
@media (min-width:900px){.jo-levels .jn-levels{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
.jo-youngcard{display:flex;flex-direction:column;gap:8px;text-align:left}
.jo-youngcard .jo-btn{margin-top:auto;align-self:flex-start}
.jn-lv[aria-pressed=true]{border-color:var(--ink)!important;outline:1px solid var(--ink)}
.jo-ph{display:none!important}
.jo-pics:not(:has(img)){display:none}
.jo-hero:not(:has(.jo-pics img)){grid-template-columns:1fr!important}
/* ---------- Sign in: a centred single column with the wordmark above ---------- */
.frame{border:0!important}
header.top .bar .ac-wordmark{height:15px;width:auto}
header.top:has(.bar){border-bottom:1px solid var(--line)}
html.ac-signin #main{max-width:520px;margin:0 auto;padding:56px 16px}
html.ac-signin #main h1,html.ac-signin #main h2{max-width:none}
header .ac-wordmark,.ac-pub .ac-wordmark,.nl-top .ac-wordmark{height:13px!important;width:auto!important;max-width:none}
@media (min-width:1024px){header .ac-wordmark,.ac-pub .ac-wordmark,.nl-top .ac-wordmark{height:15px!important}}
html.ac-signin header.top .bar{justify-content:center;padding:28px 16px}
html.ac-signin header.top nav,html.ac-signin header.top .menubtn{display:none!important}
/* More in your Studio: the rest of a member's pages, folded */
.ac-more{margin:8px 0 0}
.ac-more summary{cursor:pointer;min-height:44px;display:flex;align-items:center;font:500 14px var(--sans);color:var(--ink);list-style:none}
.ac-more summary::-webkit-details-marker{display:none}
.ac-more summary::after{content:"+";margin-left:8px;color:var(--grey)}
.ac-more[open] summary::after{content:"–"}
.ac-more ul{display:block!important;margin:0!important;padding:0!important;overflow:visible!important}
.ac-more li a{display:flex!important;min-height:36px!important;border:0!important;padding:0!important;font-weight:400!important;font-size:14px!important;color:var(--ink)}
@media (max-width:1023px){.ac-more ul{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}}
/* Pages with their own frame (the pricing calculators): the side list is fixed at the side on computers */
html.ac-sidefixed .frame{display:block!important}
@media (min-width:1024px){
  html.ac-sidefixed .ac-side{position:fixed!important;top:64px;left:max(0px,calc((100vw - 1304px) / 2));width:240px;bottom:0;max-height:none}
  html.ac-sidefixed body{padding-left:calc(max(0px,(100vw - 1304px) / 2) + 264px)}
  html.ac-sidefixed #lc,html.ac-sidefixed #cl-frame{padding-top:72px}
}
@media (max-width:1023px){html.ac-sidefixed .ac-side{margin-top:calc(72px + env(safe-area-inset-top,0px))}}

/* ===================== Updates 249 and 250: type in Studio and Admin, section tabs, the avatar menu ===================== */
/* Studio uses two families: Cormorant Garamond for page headlines and the wordmark, Jost for everything else. Small labels
   (IN YOUR STUDIO, YOUR LEVEL, counts, tags) are Jost Medium capitals at 0.12em in grey. Plex Mono stays on public pages
   only (body.ac / body.sc: the Showcase, the course site, the home page, /price-my-work) for captions, units and running heads. */
html.nl .ac-label,html.nl .nl-label,html.nl .ac-side .ac-label,html.nl .ac-lvl .ac-label,html.nl .nh-kick,html.nl .nh-small,html.nl .nl-list .num,html.nl .nl-item .tags,html.nl .nl-bot>a,html.nl [class*="kicker"],html.nl .mono,html.nl code{font-family:var(--sans)!important;font-weight:500!important;text-transform:uppercase;letter-spacing:.12em!important;color:var(--grey)}
html.nl .nl-bot>a{text-transform:none;letter-spacing:0!important}
html.nl body,html.nl #main{font-family:var(--sans)}
html.nl #main [style*="Plex Mono"]{font-family:var(--sans)!important}
/* One type scale for form controls everywhere in Studio: inputs, dropdowns, their values and placeholders are Jost 16px
   on the font's own line height (browsers fix a dropdown's line height, so every control uses the same); field labels one step smaller (14px), Jost Medium, in ink. */
html.nl input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]),html.nl select,html.nl textarea{font-family:var(--sans)!important;font-size:16px!important;line-height:normal!important;font-weight:400!important;color:var(--ink)!important}
html.nl input::placeholder,html.nl textarea::placeholder{font-family:var(--sans);font-size:16px;line-height:normal;color:var(--grey);opacity:1}
html.nl select option{font-family:var(--sans);font-size:16px}
html.nl #main label,html.nl #cf-art label,html.nl #lc label,html.nl #main .field>span:first-child,html.nl #main legend{font-family:var(--sans);font-size:14px;line-height:1.4;font-weight:500;color:var(--ink)}
html.nl #main label small,html.nl #main label .hint{font-size:13px;font-weight:400;color:var(--grey)}
/* The Founding badge, redrawn: an ink circle on off-white, "100" and "FOUNDING" in Jost, always inside the circle. */
.ac-founding{display:inline-flex!important;flex-direction:column;align-items:center;justify-content:center;flex:none;box-sizing:border-box;width:64px;height:64px;border-radius:50%!important;border:1.5px solid var(--ink);background:var(--off-white);color:var(--ink);text-align:center;overflow:hidden;padding:0 4px;line-height:1}
.ac-founding b{font:600 20px/1 var(--sans)!important;letter-spacing:0}
.ac-founding small{font:500 7px/1 var(--sans)!important;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;white-space:nowrap}
.ac-founding.sm{width:48px;height:48px}.ac-founding.sm b{font-size:15px!important}.ac-founding.sm small{font-size:5.5px!important;letter-spacing:.06em}
.ac-founding.lg{width:120px;height:120px}.ac-founding.lg b{font-size:38px!important}.ac-founding.lg small{font-size:11px!important}
.ac-founding.xs{width:26px;height:26px;border-width:1px;padding:0}.ac-founding.xs b{font-size:10px!important}.ac-founding.xs small{display:none}
@media (min-width:1024px){.ac-side .ac-lvl{display:flex;align-items:center;gap:12px;min-width:0}.ac-side .ac-lvl>div{min-width:0}}
.f100-badge{gap:10px;flex-wrap:nowrap}.f100-badge>.ac-founding{flex:none}
/* Section tabs: text tabs on computers (the current one ink with a 2px rule), a row of chips on phones */
.ac-tabs ul{list-style:none;margin:0;padding:0;display:flex;gap:4px 20px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.ac-tabs ul::-webkit-scrollbar{display:none}
.ac-tabs a{display:inline-flex;align-items:center;min-height:44px;color:var(--grey);text-decoration:none;font:500 15px var(--sans);white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}
.ac-tabs a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}
.ac-tabs .ac-tgroup{display:flex;align-items:center;font:500 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--grey);padding-left:12px;border-left:1px solid var(--line)}
html.ac-hastabs #main{padding-top:24px!important}
.ac-tabs{margin:calc(72px + env(safe-area-inset-top,0px)) 16px 0}
html.ac-studio .ac-tabs{margin-top:12px}
@media (max-width:1023px){
  .ac-tabs ul{border-bottom:0;gap:8px;padding-bottom:4px}
  .ac-tabs a{border:1px solid var(--line);padding:0 14px;margin:0;font-size:14px}
  .ac-tabs a[aria-current=page]{background:var(--ink);border-color:var(--ink);color:#fff}
  .ac-tabs .ac-tgroup{border-left:0;padding-left:4px}
}
@media (min-width:1024px){
  .ac-tabs{margin:88px 32px 0;max-width:1240px}
  html.ac-studio .frame{grid-template-rows:auto auto 1fr auto}
  html.ac-studio .frame>header.top{grid-row:1}
  html.ac-studio .ac-side{grid-row:2 / 4}
  html.ac-studio .ac-tabs{grid-column:2;grid-row:2;margin:88px 0 0 48px}
  html.ac-studio .frame>#main{grid-row:3}
  html.ac-studio .frame>footer{grid-row:4}
  html.ac-sidefixed .ac-tabs{margin:88px 0 0}
  html.ac-sidefixed.ac-hastabs #lc,html.ac-sidefixed.ac-hastabs #cl-frame{padding-top:16px}
}
/* The avatar menu */
.ac-mew{position:relative;display:flex}
.ac-memenu{position:absolute;right:0;top:52px;z-index:45;min-width:220px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;padding:6px 0}
.ac-memenu[hidden]{display:none}
.ac-memenu a,.ac-memenu button{display:flex;align-items:center;min-height:44px;padding:0 18px;color:var(--ink)!important;text-decoration:none!important;font:400 15px var(--sans)!important;background:none!important;border:0!important;text-align:left;width:100%;cursor:pointer}
.ac-memenu a:hover,.ac-memenu button:hover{background:var(--off-white)!important}
.ac-memenu button{border-top:1px solid var(--line)!important}

/* The Courses room's tabs on Night */
html.ac-courses .ac-tabs ul{border-bottom-color:var(--night-line)}
html.ac-courses .ac-tabs a{color:var(--on-night-grey)}
html.ac-courses .ac-tabs a[aria-current=page]{color:var(--off-white);border-bottom-color:var(--off-white)}
@media (max-width:1023px){html.ac-courses .ac-tabs a{border-color:var(--night-line)}html.ac-courses .ac-tabs a[aria-current=page]{background:var(--off-white);color:var(--night);border-color:var(--off-white)}}
html.ac-courses .ac-tabs{background:var(--night);margin:0;padding:calc(72px + env(safe-area-inset-top,0px)) 16px 0}
@media (min-width:1024px){html.ac-courses .ac-tabs{max-width:none;padding:88px max(32px,calc((100vw - 1240px) / 2)) 0}}
html.nl th{font-family:var(--sans)!important;font-weight:500}
.ac-mlvl{display:flex;align-items:center;gap:12px;padding:10px 18px 12px;border-bottom:1px solid var(--line);min-width:0}
.ac-mlvl>div{display:flex;flex-direction:column;min-width:0;font-size:14px}
.ac-mlvl .ac-label{margin:0 0 2px}
/* One red button per screen (Update 249): inside Studio pages every button is outlined (white, an ink line) except the
   screen's one main action, listed here by its id. The + Add work in the top bar is red on every screen; a page with
   no listed main action has only that. */
html.nl #main button:not(.linkish):not([aria-pressed=true]):not([aria-checked=true]):not(.chip-btn):not(.choice),html.nl #main .btn,html.nl #main a.btn,html.nl #main .nh-btn,
html.nl #cf-art button:not([aria-pressed=true]),html.nl #lc button:not([aria-pressed=true]){background:#FFFFFF!important;color:var(--ink)!important;border:1px solid var(--ink)!important}
html.nl #main button:not(.linkish):hover,html.nl #main .btn:hover,html.nl #main .nh-btn:hover{background:var(--off-white)!important;color:var(--ink)!important}
html.nl #main :is(#wiz-next,#sh-new,#cat-make,#send,#nh-first,#welcome-go),html.nl #nh-step a.nh-btn,html.nl #main .ac-primary{background:var(--red)!important;border-color:var(--red)!important;color:#FFFFFF!important}
html.nl #main :is(#wiz-next,#sh-new,#cat-make,#send,#nh-first):hover,html.nl #nh-step a.nh-btn:hover,html.nl #main .ac-primary:hover{background:var(--red-dark)!important;border-color:var(--red-dark)!important;color:#FFFFFF!important}