/* Atelier: approved course design. Opt in with .atelier; no global theme reset. */
@font-face{font-family:AtelierSerif;src:url('/assets/fonts/atelier/Newsreader.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:AtelierSans;src:url('/assets/fonts/atelier/AlbertSans.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:AtelierHand;src:url('/assets/fonts/atelier/EduNSWACTFoundation.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
.atelier{
  --at-bg:#0e0d0b;--at-surface:#17150f;--at-ink:#efe9df;--at-muted:#bcb3a2;--at-line:#443a2b;
  --at-gold:#e8b467;--at-rose:#d09cae;--at-blue:#99b9ca;--at-paper:#f4eddf;--at-paper-ink:#302e29;
  --at-serif:AtelierSerif,Georgia,serif;--at-sans:AtelierSans,sans-serif;--at-hand:AtelierHand,cursive;
  --at-space-1:.5rem;--at-space-2:1rem;--at-space-3:1.5rem;--at-space-4:2.5rem;--at-space-5:4rem;
  --at-reading:68ch;--at-wide:1120px;--at-column:960px;--at-gutter:clamp(1rem,4vw,3rem);
  color:var(--at-ink);background:var(--at-bg);font:400 20px/1.62 var(--at-serif);
  --text-primary:var(--at-ink);--text-secondary:var(--at-muted);--text-muted:var(--at-muted);--text-dim:var(--at-muted);
  --accent-gold:var(--at-gold);--border-subtle:var(--at-line);--bg-primary:var(--at-bg);--bg-secondary:var(--at-surface);
}
.atelier *{box-sizing:border-box}.atelier [hidden]{display:none!important}
.atelier ::selection{background:#70542d;color:#fff7e8}
.atelier :is(a,button,summary,input,textarea,select):focus-visible{outline:2px solid var(--at-gold);outline-offset:5px}
.atelier a{color:inherit;text-underline-offset:5px}.atelier button{cursor:pointer}
.atelier .at-label{font:400 1.55rem/1.25 var(--at-hand);color:var(--at-gold);margin:0 0 .4rem}
.atelier .at-meta{font:400 .75rem/1.6 var(--at-sans);color:var(--at-muted);margin:1rem 0 0}
.atelier .at-lesson-heading,.atelier .at-step-heading{display:grid;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:1.8rem}
.atelier .at-lesson-heading{margin-bottom:var(--at-space-4)}
.atelier .at-step-heading{margin:var(--at-space-5) 0 var(--at-space-3)}
.atelier .at-lesson-heading h1,.atelier .at-lesson-heading h2{font:400 clamp(2.2rem,4.4vw,3.6rem)/1.08 var(--at-serif);letter-spacing:-.02em;color:var(--at-ink);margin:0}
.atelier .at-step-heading h2,.atelier .at-step-heading h3{font:400 clamp(1.8rem,3vw,2.6rem)/1.15 var(--at-serif);letter-spacing:-.018em;color:var(--at-ink);margin:0}
.atelier .at-number{position:relative;width:86px;text-align:center;font:500 62px/1 var(--at-hand);color:var(--at-gold)}
.atelier .at-number svg{position:absolute;inset:-14px -8px;width:102px;height:93px;overflow:visible;stroke:currentColor;fill:none;stroke-width:1.3}
.atelier .at-number--step{font-size:52px;transform:rotate(-5deg)}
.atelier .at-number--step::after{content:"";position:absolute;bottom:-8px;left:18px;width:57px;border-bottom:2px solid currentColor;transform:rotate(-6deg)}
.atelier .at-prose{max-width:var(--at-reading);font:400 20px/1.62 var(--at-serif)}
.atelier .at-prose p{margin:0 0 1.1em}.atelier .at-prose strong{font-weight:600}
.atelier .at-graphic{margin:var(--at-space-4) 0;border-radius:var(--radius-lg,16px);overflow:hidden;background:var(--at-surface);border:1px solid var(--at-line);padding:clamp(.6rem,1.8vw,1.5rem)}
.atelier .at-graphic img,.atelier .at-graphic>svg{display:block;width:100%;height:auto;border-radius:var(--radius-lg,16px)}
.atelier .at-graphic figcaption{font:400 .75rem/1.5 var(--at-sans);color:var(--at-muted);margin-top:.8rem}
.atelier .at-graphic-title{font:600 clamp(2rem,4vw,3.5rem)/1.15 var(--at-hand);color:var(--at-ink);margin:0 0 1rem}
.atelier .at-graphic-title svg{display:block;width:min(100%,480px);height:16px;fill:none;stroke:var(--at-gold);stroke-width:2;stroke-linecap:round;overflow:visible;margin-top:.2rem}
.atelier .at-graphic-subtitle{font:400 clamp(1.2rem,2.2vw,1.6rem)/1.4 var(--at-hand);color:var(--at-muted);margin:0 0 1.5rem}
.atelier .at-paper{color:var(--at-paper-ink);background:var(--at-paper);background-image:radial-gradient(#302e2912 .6px,transparent .9px);background-size:4px 3px;padding:var(--at-space-3);font-family:var(--at-hand);border:1px solid #a6987d;clip-path:polygon(.3% .5%,34% 0,67% .4%,99.7% 0,100% 45%,99.7% 99.8%,61% 99.5%,25% 100%,0 99.5%,.2% 40%)}
.atelier .at-paper--gold{background-color:#e5d099}.atelier .at-paper--rose{background-color:#e4c9bd}.atelier .at-paper--blue{background-color:#cfdee0}
.atelier .at-button{display:inline-flex;justify-content:center;align-items:center;gap:.6rem;min-height:44px;padding:.75rem 1.2rem;border:1px solid var(--at-line);background:transparent;color:var(--at-gold);font:500 .85rem/1.4 var(--at-sans);text-decoration:none;border-radius:var(--radius-md,8px)}
.atelier .at-button:hover{border-color:var(--at-gold);background:#e8b4670b}.atelier .at-button--primary{background:var(--at-gold);border-color:var(--at-gold);color:var(--at-bg)}
.atelier .at-input{width:100%;background:var(--at-surface);color:var(--at-ink);border:1px solid var(--at-line);border-radius:var(--radius-md,8px);padding:1rem;font:400 1rem/1.6 var(--at-sans);resize:vertical}
.atelier .at-input::placeholder{color:var(--at-muted)}
@media(max-width:700px){.atelier{font-size:18px}.atelier .at-prose{font-size:18px}.atelier .at-lesson-heading,.atelier .at-step-heading{grid-template-columns:55px minmax(0,1fr);gap:1rem}.atelier .at-number{width:55px;font-size:48px}.atelier .at-number svg{width:70px;height:80px;inset:-15px -8px}.atelier .at-number--step{font-size:42px}.atelier .at-number--step::after{left:5px;width:45px}.atelier .at-label{font-size:21px}.atelier .at-lesson-heading h1,.atelier .at-lesson-heading h2{font-size:clamp(1.8rem,6vw,2.8rem)}}
@media(prefers-reduced-motion:reduce){.atelier *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Reader, exercises and media share a column below the original course introduction. */
.atelier .at-reader{max-width:none}
.atelier .at-reader>.at-spoken{max-width:none}
.atelier .at-reader .at-label{margin:0 0 .4rem}
.atelier .at-section-heading{scroll-margin-top:5rem}
.atelier .at-contents{max-width:var(--at-reading);margin:0 0 2rem;font:400 .85rem/1.5 var(--at-sans);border-bottom:1px solid var(--at-line);padding-bottom:1rem}
.atelier .at-contents summary{cursor:pointer;color:var(--at-gold);padding:.7rem 0;min-height:44px}
.atelier .at-contents>div{display:grid;gap:.3rem;margin-top:.5rem}
.atelier .at-contents button{display:flex;gap:1rem;text-align:left;border:0;background:none;color:var(--at-muted);font:inherit;padding:.6rem 0;min-height:44px}
.atelier .at-contents button span{color:var(--at-gold);font:500 1.3rem/1 var(--at-hand);min-width:1.5rem}
.atelier .at-enlarge{display:block;width:100%;border:0;background:none;padding:0;color:var(--at-muted);text-align:right;font:400 .75rem/1.5 var(--at-sans);cursor:zoom-in}
.atelier .at-enlarge>span{display:block;padding:.8rem .2rem 0}
.atelier .at-course-contact{display:flex;flex-wrap:wrap;gap:1rem;margin:2.5rem 0}
.atelier .at-image-dialog{position:fixed;inset:0;width:min(96vw,1800px);max-width:96vw;max-height:94dvh;margin:auto;border:1px solid var(--at-line);border-radius:var(--radius-lg,16px);background:var(--at-bg);color:var(--at-ink);padding:1rem;font:400 .9rem/1.5 var(--at-sans);overscroll-behavior:contain}
.atelier .at-image-dialog::backdrop{background:#000d}
.atelier .at-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.atelier .at-image-scroll{max-height:calc(94dvh - 100px);overflow:auto}
.atelier .at-image-scroll img{display:block;border-radius:var(--radius-lg,16px);width:100%;min-width:1000px;max-width:none;height:auto}

/* Adapter for the existing members' course. Account UI and other routes keep Kontur. */
body.has-sidebar #app .atelier .at-course-nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1.2rem;padding:.7rem 0;background:#0e0d0bf5;border-block:1px solid var(--at-line)}
body.has-sidebar #app .atelier .at-course-nav a{display:inline-flex;align-items:baseline;gap:.4rem;font:400 .76rem/1.6 var(--at-sans);color:var(--at-muted);text-decoration:none;white-space:nowrap;padding:.35rem 0;border-bottom:1px solid transparent}
body.has-sidebar #app .atelier .at-course-nav a span{font:500 1.4rem/1 var(--at-hand)}
body.has-sidebar #app .atelier .at-course-nav a:is(:hover,[aria-current]){color:var(--at-gold);border-color:var(--at-gold)}
body.has-sidebar #app .atelier .at-course-nav .at-course-mark{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;margin-right:auto;color:var(--at-ink)}
body.has-sidebar #app .atelier .at-cover{padding:clamp(3.5rem,9vh,7rem) 0 3.5rem;scroll-margin-top:calc(var(--at-nav-height,100px) + 24px)}
body.has-sidebar #app .atelier .at-brandline{font:500 .66rem/1.5 var(--at-sans);letter-spacing:.32em;text-transform:uppercase;color:var(--at-gold)}
body.has-sidebar #app .atelier .at-cover h1{font:300 clamp(3.2rem,6.4vw,5.4rem)/.98 var(--at-serif);letter-spacing:-.025em;margin:.3em 0 .4em;color:var(--at-ink)}
body.has-sidebar #app .atelier .at-cover h1 em{font-weight:400;color:var(--at-gold)}
body.has-sidebar #app .atelier .at-lead{max-width:68ch;font:300 1.18em/1.52 var(--at-serif);color:var(--at-ink)}
body.has-sidebar #app .atelier .at-foundations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.7rem}
body.has-sidebar #app .atelier .at-foundations a{position:relative;padding:1.4rem 1.5rem 1.2rem 0;border-top:1px solid var(--at-line);text-decoration:none}
body.has-sidebar #app .atelier .at-foundations a+a{padding-left:1.5rem;border-left:1px solid var(--at-line)}
body.has-sidebar #app .atelier .at-foundations span{display:block;font:500 .65rem var(--at-sans);letter-spacing:.16em;text-transform:uppercase;color:var(--at-gold)}
body.has-sidebar #app .atelier .at-foundations b{display:block;font:400 1.7rem var(--at-serif);margin:.6rem 0 .25rem}
body.has-sidebar #app .atelier .at-foundations i{font:400 1.3rem var(--at-hand);color:var(--at-gold)}
body.has-sidebar #app .atelier .at-foundations a:nth-child(2) :is(span,i){color:var(--at-rose)}
body.has-sidebar #app .atelier .at-foundations a:nth-child(3) :is(span,i){color:var(--at-blue)}
body.has-sidebar #app .atelier .at-foundations a:hover b{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
.atelier .at-foundation-arrow{position:absolute;top:-1rem;right:-2.25rem;width:4.5rem;height:1.85rem;z-index:1;pointer-events:none;overflow:visible;color:var(--at-gold);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.atelier .at-foundation-arrow .at-arrow-clear{stroke:var(--at-bg);stroke-width:6}
.atelier .at-foundation-arrow .at-arrow-pencil{opacity:.4;stroke-width:.7}
.atelier .at-foundations a:nth-child(2) .at-foundation-arrow{color:var(--at-rose)}
@media(max-width:700px){.atelier .at-foundation-arrow{top:auto;right:1rem;bottom:-.6rem;width:2.8rem;height:1.2rem;transform:rotate(90deg)}}
body.has-sidebar #app .atelier .at-cover-bottom{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--at-line);padding-top:1.5rem;margin-top:.7rem;font:400 .75rem var(--at-sans);color:var(--at-muted)}
body.has-sidebar #app .atelier .at-cover-bottom a{color:var(--at-gold);text-decoration:none}
body.has-sidebar #app .atelier .at-chapter{padding:clamp(2.8rem,6vh,5rem) 0 1.1rem;border-bottom:1px solid var(--at-line);scroll-margin-top:calc(var(--at-nav-height,100px) + 24px)}
body.has-sidebar #app .atelier .at-chapter:last-of-type{border-bottom:0}
body.has-sidebar #app .atelier .at-chapter>:is(.at-spoken,.at-step-heading){max-width:none;margin-inline:0}
body.has-sidebar #app .atelier .at-chapter>.at-step-heading{margin-top:0;margin-bottom:2rem}
body.has-sidebar #app .atelier .at-chapter .at-step-heading h3{font:400 clamp(1.8rem,3vw,2.6rem)/1.15 var(--at-serif);letter-spacing:-.018em;margin:0;color:var(--at-ink)}
body.has-sidebar #app .atelier .at-lesson-heading h2{font:400 clamp(2.2rem,4.4vw,3.6rem)/1.08 var(--at-serif);letter-spacing:-.02em;margin:0;color:var(--at-ink)}
body.has-sidebar #app .atelier #lesson-main{scroll-margin-top:calc(var(--at-nav-height,100px) + 24px)}
body.has-sidebar #app .atelier .at-contents{max-width:none;background:none;box-shadow:none;border:0;border-block:1px solid var(--at-line);border-radius:0;padding:.9rem 0;margin:0}
body.has-sidebar #app .atelier .at-contents>div{display:flex;flex-wrap:wrap;gap:.5rem 1.8rem}
body.has-sidebar #app .atelier .at-contents button{padding:.3rem 0}
body.has-sidebar #app .atelier .at-fig-brand{font:400 1rem/1.4 var(--at-hand);text-align:center;color:var(--at-gold);padding:.6rem 0 1rem}
body.has-sidebar #app .atelier .at-graphic{margin:0 0 2.8rem}
body.has-sidebar #app .atelier .at-graphic figcaption{font:400 .72rem/1.5 var(--at-sans);margin-top:.3rem}
body.has-sidebar #app .atelier .at-next-lesson{display:block;font:400 2rem/1.3 var(--at-serif);text-decoration:none;color:var(--at-gold);padding:1.5rem 0}
body.has-sidebar #app .atelier .at-next-lesson span:first-child{display:block;font:400 1.4rem/1.3 var(--at-hand);margin-bottom:1rem}
body.has-sidebar #app .atelier .at-next-lesson:hover{text-decoration:underline}
body.has-sidebar #app .atelier .at-course-footer{border-top:1px solid var(--at-line);padding:2rem 0 0;margin-top:3rem}
body.has-sidebar #app .atelier .at-course-footer p{font:400 .85rem var(--at-sans);color:var(--at-muted);margin-top:.75rem}
.atelier .at-skip-link{position:absolute;top:-1000px;left:1rem;z-index:40;background:var(--at-bg);padding:1rem}.atelier .at-skip-link:focus{top:1rem}
@media(max-width:768px){body.has-sidebar #app .atelier .at-course-nav{top:48px}body.has-sidebar #app .atelier :is(.at-chapter,#lesson-main,.at-cover){scroll-margin-top:calc(var(--at-nav-height,100px) + 72px)}}
@media(max-width:700px){body.has-sidebar #app .atelier .at-course-nav{gap:.3rem 1rem}body.has-sidebar #app .atelier .at-course-mark{width:100%}body.has-sidebar #app .atelier .at-foundations{grid-template-columns:1fr}body.has-sidebar #app .atelier .at-foundations a,body.has-sidebar #app .atelier .at-foundations a+a{padding:1rem 0;border-left:0}body.has-sidebar #app .atelier .at-chapter>:is(.at-spoken,.at-step-heading){margin-left:0}body.has-sidebar #app .atelier .at-chapter .at-step-heading h3{font-size:clamp(1.65rem,5.5vw,2.3rem)}body.has-sidebar #app .atelier .at-lesson-heading h2{font-size:clamp(1.8rem,6vw,2.8rem)}body.has-sidebar #app .atelier .at-contents>div{flex-direction:column;gap:.5rem}body.has-sidebar #app .atelier .at-cover-bottom{flex-direction:column}}
@media print{body.atelier-course-active :is(.sidebar,.site-header,.at-course-nav,.focus-header,.crs-side-toggle,.at-contents,.at-skip-link,.crs-main-actions,.at-enlarge>span,.crs-main-foot,dialog){display:none!important}body.has-sidebar #app .atelier.at-course{max-width:none;padding:0}body.has-sidebar #app .atelier .at-chapter>:is(.at-spoken,.at-step-heading){margin-left:0}.atelier .at-graphic{break-inside:avoid}.atelier{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
body.atelier-course-active{background:#0e0d0b}
body.atelier-course-active :is(#particles-bg,#particles-fg){visibility:hidden}
body.has-sidebar #app .atelier.at-course{max-width:var(--at-wide);padding:2rem var(--at-gutter) 5rem}
body.has-sidebar #app .atelier .crs-main{max-width:none;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
body.has-sidebar #app .atelier .crs-main-head{padding-block:2.5rem 1.5rem;border-top:1px solid var(--at-line);margin:0}
body.has-sidebar #app .atelier .at-lesson-heading{flex:1;min-width:0}
body.has-sidebar #app .atelier .at-lesson-heading h1{font:400 clamp(2.2rem,4.4vw,3.6rem)/1.08 var(--at-serif);letter-spacing:-.02em;margin:0;color:var(--at-ink)}
body.has-sidebar #app .atelier .at-step-heading h2{font:400 clamp(1.8rem,3vw,2.6rem)/1.15 var(--at-serif);letter-spacing:-.018em;margin:0;color:var(--at-ink)}
body.has-sidebar #app .atelier .at-question-heading{display:grid;grid-template-columns:55px minmax(0,1fr);gap:1rem;align-items:center;margin:2.5rem 0 1.5rem}
body.has-sidebar #app .atelier .at-question-heading .at-number{width:55px;font-size:36px}
body.has-sidebar #app .atelier .at-question-heading .at-number::after{left:7px;width:38px}
body.has-sidebar #app .atelier .at-question-heading h3{font:400 1.55rem/1.3 var(--at-serif);margin:0;color:var(--at-ink)}
body.has-sidebar #app .atelier .focus-header{margin-bottom:1.5rem;font-family:var(--at-sans)}
body.has-sidebar #app .atelier .focus-back{font-size:.8rem}.atelier .focus-meta{font-family:var(--at-hand);color:var(--at-gold)}
body.has-sidebar #app .atelier .crs-side-toggle{margin:0 0 1.5rem;font:400 .85rem/1.6 var(--at-sans)}
body.has-sidebar #app .atelier .crs-side-toggle>summary{color:var(--at-gold);padding-block:.5rem;cursor:pointer;min-height:44px}
body.has-sidebar #app .atelier .crs-side-box{background:none;border:0;padding:1rem 0;border-radius:0}
body.has-sidebar #app .atelier .crs-side-summary{display:none}
body.has-sidebar #app .atelier .crs-side-title{font:400 1.8rem/1.2 var(--at-serif);margin-bottom:1rem}
body.has-sidebar #app .atelier .crs-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem 1rem;margin-top:1rem}
body.has-sidebar #app .atelier .crs-lesson{padding:.7rem .3rem;min-height:48px;justify-content:flex-start;background:none;border:0;border-bottom:1px solid var(--at-line);border-radius:0;color:var(--at-muted);font:400 .85rem/1.5 var(--at-sans)}
body.has-sidebar #app .atelier .crs-lesson-title{white-space:normal;flex:1}
body.has-sidebar #app .atelier .crs-lesson.is-current{color:var(--at-gold);border-bottom-color:var(--at-gold)}
.atelier .at-nav-number{font:500 1.6rem/1 var(--at-hand);color:var(--at-gold)}
body.has-sidebar #app .atelier .crs-progress{height:18px;max-width:360px;border-radius:var(--radius-full,9999px);background:#e8b46715}
body.has-sidebar #app .atelier .crs-progress-fill{background:var(--at-gold);border-radius:var(--radius-full,9999px)}
.atelier .crs-progress-label{font-family:var(--at-sans)}
body.has-sidebar #app .atelier .crs-main-foot{max-width:var(--at-column);border-color:var(--at-line)}
body.has-sidebar #app .atelier :is(.btn,.lesson-copy-btn,.lesson-form-submit){font-family:var(--at-sans);border-radius:var(--radius-md,8px);box-shadow:none;text-transform:none;letter-spacing:0;min-height:44px}
body.has-sidebar #app .atelier .btn-primary{background:var(--at-gold);color:var(--at-bg);border-color:var(--at-gold)}
body.has-sidebar #app .atelier .crs-pager .btn{white-space:normal;text-align:left;max-width:100%}
body.has-sidebar #app .atelier .lesson-image{border-radius:var(--radius-lg,16px);overflow:hidden;margin:2.5rem 0;padding:1rem;background:var(--at-surface);border:1px solid var(--at-line)}
body.has-sidebar #app .atelier .lesson-image img{height:auto;object-fit:contain;border:0;border-radius:var(--radius-lg,16px);background:var(--at-bg)}
body.has-sidebar #app .atelier .lesson-image figcaption{font:400 1.15rem/1.4 var(--at-hand);color:var(--at-muted);text-align:left}
body.has-sidebar #app .atelier :is(.lesson-key-label,.lesson-checkpoint-text,.lesson-signoff-name){font-family:var(--at-hand);font-size:1.4rem;letter-spacing:0;text-transform:none;font-style:normal;color:var(--at-gold)}
body.has-sidebar #app .atelier :is(.lesson-key-text,.lesson-emphasis){font:400 clamp(1.5rem,2.5vw,2rem)/1.4 var(--at-serif);color:var(--at-ink)}
body.has-sidebar #app .atelier .at-quote{margin:2.5rem 0;padding:1rem 0 1rem 1.5rem;border-left:1px solid var(--at-gold);font:400 1.4rem/1.5 var(--at-serif)}
body.has-sidebar #app .atelier :is(.lesson-copyblock,.lesson-form,.lesson-fourpoint,.card){background:var(--at-surface);border:1px solid var(--at-line);border-radius:var(--radius-lg,16px);box-shadow:none;backdrop-filter:none}
body.has-sidebar #app .atelier :is(.lesson-copyblock-text,.lesson-fourpoint-desc){font:400 1.1rem/1.65 var(--at-serif)}
body.has-sidebar #app .atelier :is(.lesson-form-label,.lesson-fourpoint-title){font:500 1.35rem/1.4 var(--at-hand);color:var(--at-gold)}
body.has-sidebar #app .atelier :is(.form-textarea,.lesson-form-textarea,.lesson-form-name){background:var(--at-bg);color:var(--at-ink);border:1px solid var(--at-line);border-radius:var(--radius-md,8px);font-family:var(--at-sans);font-size:1rem}
body.has-sidebar #app .atelier .lesson-bigthree{gap:1rem}
body.has-sidebar #app .atelier .lesson-bigthree-item{padding:1.5rem;background:#e5d099;background-image:radial-gradient(#302e2912 .6px,transparent .9px);background-size:4px 3px;border:1px solid #a6987d;border-radius:var(--radius-lg,16px);transform:rotate(-.25deg)}
body.has-sidebar #app .atelier .lesson-bigthree-item:nth-child(2){background-color:#cfdee0;transform:rotate(.2deg)}
body.has-sidebar #app .atelier .lesson-bigthree-item:nth-child(3){background-color:#e4c9bd}
body.has-sidebar #app .atelier .lesson-bigthree-num{font:500 2rem/1 var(--at-hand);color:var(--at-paper-ink);background:none;border:0;padding:0;width:auto;height:auto}
body.has-sidebar #app .atelier .lesson-bigthree-title{font:600 1.6rem/1.3 var(--at-hand);color:var(--at-paper-ink)}
body.has-sidebar #app .atelier .lesson-bigthree-title::after{content:"";display:block;width:min(100%,260px);height:8px;margin:.25rem 0 .5rem;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 8'%3E%3Cpath d='M1 2Q120 7 259 1M12 6Q134 8 244 4' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat}
body.has-sidebar #app .atelier .lesson-bigthree-desc{font:400 1.3rem/1.5 var(--at-hand);color:var(--at-paper-ink)}
body.has-sidebar #app .atelier :is(.lesson-level-title,.lesson-level-num,.lesson-cycle-name){font-family:var(--at-hand)}
@media(max-width:700px){body.has-sidebar #app .atelier.at-course{padding-top:1rem}body.has-sidebar #app .atelier .at-lesson-heading h1{font-size:clamp(1.8rem,6vw,2.8rem)}body.has-sidebar #app .atelier .crs-main-head{display:block;padding-top:1.8rem}body.has-sidebar #app .atelier .crs-main-actions{justify-content:flex-end;margin-top:-.6rem;margin-bottom:1.5rem}body.has-sidebar #app .atelier .crs-lessons{grid-template-columns:1fr}body.has-sidebar #app .atelier .at-step-heading h2{font-size:1.8rem}body.has-sidebar #app .atelier .lesson-image{padding:.6rem;margin-inline:-.25rem}}