body.tutorial-conservatory { --serif:'Cormorant Garamond',Georgia,serif;--narrow:'Cormorant Garamond',Georgia,serif;--ebon:#0c1e1c;--wood:#102824;--wood-raised:#19392f;--wood-line:#9e855350;--brass:#9b7838;--brass-hi:#e2c48a;--on-wood:#efe4cd;--on-wood-soft:#bfccb8;font:500 18px/1.45 var(--serif);background:radial-gradient(ellipse at 50% 25%,#244b3b80,transparent 65%),#0c1e1c;--corners:url('../home/ornaments/brass-tl.svg'),url('../home/ornaments/brass-tr.svg'),url('../home/ornaments/brass-bl.svg'),url('../home/ornaments/brass-br.svg'); }
.tutorial-conservatory .cab {margin:12px 12px 0;padding:26px 55px;gap:14px;border:1px solid #d1ad6866;background-color:#102b24;background-image:var(--corners);background-position:left top,right top,left bottom,right bottom;background-repeat:no-repeat;background-size:65px;box-shadow:inset 0 0 0 5px #0a1e19,inset 0 0 0 6px #b4914e66}
.tutorial-conservatory .wordmark {font:400 23px/1.3 'Cinzel Decorative',Georgia,serif;letter-spacing:.06em}.tutorial-conservatory .wordmark small{font:500 14px/1.5 var(--serif);margin-top:6px}
.tutorial-conservatory .nav{flex-wrap:wrap}.tutorial-conservatory .navlink,.tutorial-conservatory .btn{font-size:17px;border-radius:0}.tutorial-conservatory .pill{font-size:15px}
.tutorial-conservatory .cab .btn.primary{background:linear-gradient(120deg,#b9965b,#ecd29c 48%,#c5a367);color:#192b24;border-color:#d5b67c}
.tutorial-conservatory .lesson-stage{border-radius:0;border:1px solid #d1ad6877;background-color:#102822;background-image:var(--corners);background-position:left top,right top,left bottom,right bottom;background-repeat:no-repeat;background-size:75px;padding:28px}
.tutorial-conservatory .lesson-stage:before{content:'';display:block;width:200px;height:56px;margin:0 auto 20px;background:url('../home/ornaments/conservatory-crest.svg') center/contain no-repeat}
.tutorial-conservatory .lesson-head h1{font:400 clamp(24px,2.5vw,34px)/1.25 'Cinzel Decorative',Georgia,serif;color:#ecd5a9}
.tutorial-conservatory .lesson-head p{font-size:19px}.tutorial-conservatory .lesson-head{flex-wrap:wrap}.tutorial-conservatory .lesson-number{font-size:14px}
.tutorial-conservatory .folio{border-radius:0;border:1px solid #bca06a99;outline:1px solid #8f753b44;outline-offset:-5px}
.tutorial-conservatory .folio h2{font:400 20px/1.35 'Cinzel Decorative',Georgia,serif;flex-wrap:wrap}.tutorial-conservatory .folio h2 span{font-size:14px}
.tutorial-conservatory .chapter-name{font-size:19px}.tutorial-conservatory .chapter-skill{font-size:16px}.tutorial-conservatory .chapter-count{font-size:14px}.tutorial-conservatory .note{font-size:17px}
.tutorial-conservatory .mission{border-radius:0;border:1px solid #bca06a88}.tutorial-conservatory .mission h2,.tutorial-conservatory .mission h3{font-family:'Cinzel Decorative',Georgia,serif;font-weight:400}
.tutorial-conservatory .rail{background:#102b24;border-top:3px double #bca06a77}.tutorial-conservatory .rail h3{font-family:'Cinzel Decorative',Georgia,serif;font-weight:400}
.tutorial-conservatory :focus-visible{outline:3px solid #e0b365;outline-offset:3px}
@media(max-width:760px){.tutorial-conservatory .cab{padding:24px 32px;background-size:48px}.tutorial-conservatory .lesson-stage{padding:24px 18px;background-size:55px}}
.tutorial-conservatory .note-block p,.tutorial-conservatory .note-block ul,.tutorial-conservatory .legend-row {font-size:16px;line-height:1.45}
.tutorial-conservatory .note-block h3 {font-size:19px}