.tutorial-page{background:#faf7ef;color:#35251e}.tutorial-page [hidden]{display:none!important}.tr-main{padding-bottom:60px}.tr-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;padding:55px 0 42px}.tr-intro h1,.tr-path-heading h1{font:normal clamp(40px,4.2vw,60px)/1.09 Georgia,serif;letter-spacing:-.035em;margin:20px 0 0}.tr-intro h1 em,.tr-path-heading h1 em{color:#926e26;font-weight:normal}.tr-intro-copy{align-self:center;max-width:410px}.tr-intro-copy>p:first-child{font-size:18px;line-height:1.7}.tr-caption{font-size:12px;line-height:1.7;color:#716251}.tr-intro-copy .text-link{font-size:13px;line-height:1.8}.tr-start{background:#efe8d9;padding:25px 30px;border:1px solid #dfd2bd;border-radius:9px}.tr-start .eyebrow{margin:0 0 12px}.tr-start h2{font:normal 27px/1.2 Georgia,serif;margin:0 0 12px}.tr-start>p:last-child{font-size:14px;line-height:1.8;max-width:920px;margin-bottom:0}.tr-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:30px 0 40px}.tr-path-card{display:block;padding:24px 20px;border:1px solid #d8c9b1;border-radius:8px;background:#fffdf8;text-decoration:none;color:#35251e;transition:border-color .15s,transform .15s}.tr-path-card:hover{border-color:#9e762d;transform:translateY(-3px)}.tr-path-number{font-size:9px;font-weight:bold;letter-spacing:.11em;color:#977030}.tr-path-card h2{font:normal 26px/1.25 Georgia,serif;margin:22px 0 13px}.tr-path-card h2 span{font:16px Arial,sans-serif;color:#95702e}.tr-path-card p{font-size:13px;line-height:1.8;color:#796953;min-height:90px}.tr-path-card strong{display:block;color:#71531f;font-size:11px;line-height:1.6;margin-top:20px}.tr-find{border-top:1px solid #dfd2bd;padding:25px 0 0}.tr-find h2{font:normal 27px Georgia,serif;margin:0 0 20px}.tr-find label{display:block;font-size:12px;font-weight:bold;margin-bottom:8px}.tr-find input{width:100%;max-width:650px;padding:15px 17px;border-radius:6px;border:1px solid #bfb19c;background:#fffdf8;font:14px Arial,sans-serif;color:#35251e;box-sizing:border-box}#tr-search-status{font-size:13px}#tr-search-items{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:360px;overflow:auto;margin:15px 0}#tr-search-items a{background:#f1eadc;border:1px solid #d9cdb7;padding:14px;text-decoration:none;border-radius:5px;color:#493726}#tr-search-items span{font-size:10px;display:block;color:#7f6540;letter-spacing:.05em;margin-bottom:6px}#tr-search-items strong{font-size:14px}.tr-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;margin:30px 0;color:#7e6d58}.tr-breadcrumb a{color:#7b571c}.tr-path-heading{padding:10px 0 25px;max-width:800px}.tr-path-heading>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#736149;max-width:620px}.tr-path-heading-actions{display:flex;gap:22px;align-items:center;margin-top:24px}.tr-path-heading .button{font-size:13px;padding:15px 23px}.tr-topic-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 45px;margin:25px 0 40px;align-items:start}.tr-topic-group{border-top:1px solid #cabb9f;padding-top:18px}.tr-topic-group h2{font:normal 24px Georgia,serif;margin:0 0 15px}.tr-topic-group ol{list-style:none;padding:0;margin:0}.tr-topic-group li{border-bottom:1px solid #e6dece}.tr-topic-group a{display:flex;justify-content:space-between;gap:20px;padding:12px 0;color:#5c4b36;text-decoration:none;font-size:14px;line-height:1.6}.tr-topic-group a:hover{text-decoration:underline}.tr-done::after{content:'✓';color:#4b703b;margin-left:6px}.tr-workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:30px;align-items:start}.tr-stage{border:1px solid #d9cdbb;background:#fffdf8;border-radius:10px;padding:35px;min-width:0}.tr-stage h1{font:normal 39px/1.15 Georgia,serif;letter-spacing:-.025em;margin:0 0 17px;max-width:710px}.tr-stage>.eyebrow{font-size:10px;line-height:1.7}.tr-lesson-intro{font-size:15px;line-height:1.8;color:#716251;margin:0 0 26px;max-width:760px}.tr-step-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e5dccc;padding-top:20px;margin-bottom:20px}.tr-step-heading>p{font-size:11px;font-weight:bold;text-transform:uppercase;letter-spacing:.1em;color:#8a682a;margin:0}.tr-step-heading [role=group]{display:flex;gap:8px}.tr-step-heading button{width:30px;height:30px;border-radius:50%;border:1px solid #cdbb9b;background:#fffdf8;color:#7b6645;cursor:pointer;font-size:12px}.tr-step-heading button[aria-current=step]{background:#926b27;color:white;border-color:#926b27}.tr-step-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:start}.tr-step-number{display:block;font:normal 40px/1 Georgia,serif;color:#b89757;margin:4px 0 20px}.tr-instruction{padding-bottom:10px}.tr-instruction h2{font-size:20px;line-height:1.4;margin:0 0 13px}.tr-instruction p{font-size:14px;line-height:1.85;color:#67594a;margin:0 0 10px}.tr-instruction .tr-control-inline{font-size:11px;color:#7c6030;margin-top:16px}.tr-screen{background:#f7f3e9;border:1px solid #dbcdb8;border-radius:7px;overflow:hidden;margin-top:5px}.tr-screen-top{background:#35251e;color:#f0e2c4;display:flex;align-items:center;gap:7px;font-size:8px;letter-spacing:.05em;padding:13px 12px}.tr-screen-top>span:last-child{margin-left:auto;font-size:7px;color:#c9b995}.tr-dot{width:5px;height:5px;background:#bd963f;border-radius:50%}.tr-screen-content{padding:22px 18px}.tr-screen-content .tr-caption{font-size:9px;font-weight:bold;letter-spacing:.1em;line-height:1.4}.tr-screen h3{font:normal 22px/1.3 Georgia,serif;margin:10px 0 18px;overflow-wrap:anywhere}.tr-screen-lines{margin:16px 0 28px}.tr-screen-lines i{display:block;height:5px;background:#e8dfce;margin:8px 0;border-radius:3px}.tr-screen-lines i:last-child{width:68%}.tr-screen strong{display:block;border:1px solid #b59043;background:#fff8e6;color:#654b1e;padding:12px 13px;font-size:12px;line-height:1.6;margin:10px 0 16px;border-radius:5px}.tr-screen-content .tr-demo-note{font-size:10px;line-height:1.7;color:#796b59}.tr-note{border-left:3px solid #b4914e;background:#f7f1e4;padding:14px 17px;margin:22px 0 0;font-size:12px;line-height:1.75;color:#66543e}.tr-step-actions{display:flex;justify-content:space-between;gap:16px;margin-top:25px}.tr-step-actions .button{border:1px solid #35251e;font-size:13px;cursor:pointer;padding:14px 20px}.tr-secondary{background:transparent;border:1px solid #bfb09b;border-radius:5px;padding:12px 17px;color:#48382a;font:600 13px/1.5 Arial,sans-serif;cursor:pointer}.tr-secondary:disabled{opacity:.4;cursor:default}#tr-announcement{font-size:13px;color:#42652b;line-height:1.7}.tr-tools{display:flex;gap:18px;flex-wrap:wrap;margin:17px 0}.tr-quiet{background:transparent;border:0;font-size:11px;text-decoration:underline;color:#74604c;cursor:pointer;padding:5px 0}.tr-lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:25px;border-top:1px solid #dfd2bf;padding-top:23px;margin-top:24px}.tr-lesson-nav a{text-decoration:none;color:#6f511e;font-size:13px;line-height:1.6}.tr-lesson-nav a:hover{text-decoration:underline}.tr-lesson-nav a:last-child{text-align:right}.tr-lesson-nav span{display:block;font-size:9px;letter-spacing:.08em;color:#8f7b5a;margin-bottom:6px}.tr-side{position:sticky;top:20px}.tr-app-link{display:block;background:#3b2b22;color:#fff5df;border-radius:7px;padding:20px;font-size:14px;text-decoration:none;font-weight:bold;margin-bottom:19px}.tr-app-link span{display:block;font-size:11px;line-height:1.7;color:#cdbda1;font-weight:normal;margin-top:9px}.tr-syllabus{border:1px solid #dfd5c7;border-radius:8px;background:#f2ede3;overflow:hidden}.tr-syllabus h2{font:normal 23px Georgia,serif;margin:22px 18px 10px}.tr-syllabus>p{margin:0 18px 18px}.tr-syllabus nav{max-height:410px;overflow-y:auto;padding-bottom:12px}.tr-syllabus nav a{border-left:3px solid transparent;padding:10px 14px;display:flex;gap:10px;color:#65594d;font:12px/1.55 Arial,sans-serif;text-decoration:none}.tr-syllabus nav a>span{font-size:10px;color:#96702d;flex:0 0 15px}.tr-syllabus nav a[aria-current=page]{background:#fffdf8;border-left-color:#a97c2d;color:#35251e;font-weight:bold}.tr-syllabus nav a:hover{background:#faf6ed}.tr-all-topics{display:block;padding:17px;border-top:1px solid #dfd5c7;font-size:11px;line-height:1.7;color:#795a26}.tutorial-page :focus-visible{outline:3px solid #9b722a;outline-offset:4px}.tutorial-page button,.tutorial-page input{font-family:Arial,sans-serif}
@media(max-width:1100px){.tr-workspace{grid-template-columns:minmax(0,1fr) 225px;gap:20px}.tr-stage{padding:26px}.tr-stage h1{font-size:34px}.tr-step-layout{grid-template-columns:1fr}.tr-screen{display:none}.tr-directory{grid-template-columns:repeat(2,1fr)}.tr-path-card p{min-height:0}.tr-path-card h2{margin-top:17px}.tr-intro{gap:5%}}
@media(max-width:760px){.tr-intro{grid-template-columns:1fr;padding:35px 0 25px;gap:15px}.tr-intro h1,.tr-path-heading h1{font-size:42px}.tr-intro-copy>p:first-child{font-size:16px}.tr-start{padding:22px}.tr-start h2{font-size:25px}.tr-directory{gap:12px}.tr-path-card{padding:21px 17px}.tr-path-card h2{font-size:23px}.tr-path-card p{font-size:12px}.tr-path-card strong{font-size:10px}.tr-topic-groups{grid-template-columns:1fr;gap:25px}.tr-path-heading-actions{flex-direction:column;align-items:flex-start;gap:14px}.tr-workspace{grid-template-columns:1fr}.tr-side{position:static}.tr-syllabus nav{max-height:210px}.tr-stage{padding:25px 20px}.tr-stage h1{font-size:31px}.tr-step-actions .button,.tr-secondary{font-size:12px;padding:13px}.tr-lesson-nav{gap:15px}.tr-lesson-nav a{font-size:12px}.tr-tools{gap:10px 20px}.tr-breadcrumb{font-size:11px;margin:24px 0}.tr-side{display:grid;grid-template-columns:1fr;gap:0}.tutorial-page .site-header{gap:12px}.tutorial-page .header-actions .sign-in{display:none}.tutorial-page .brand{font-size:18px}.tutorial-page .brand img{width:37px;height:37px}.tutorial-page .header-actions .button{padding:10px;font-size:11px}#tr-search-items{grid-template-columns:1fr}.tr-main{padding-bottom:40px}}
@media(max-width:410px){.tr-directory{grid-template-columns:1fr}.tr-path-card p{margin-bottom:10px}.tr-path-card h2{margin:12px 0}.tr-path-card strong{margin-top:12px}}
@media print{body{background:white!important;color:black!important}.site-header,.site-footer,.tr-breadcrumb,.tr-side,.tr-step-heading,.tr-step-actions,.tr-tools,.tr-lesson-nav,.tr-screen,#tr-announcement{display:none!important}.wrap{width:100%!important;max-width:none!important}.tr-main{padding:0}.tr-workspace,.tr-step-layout{display:block}.tr-stage{border:0;padding:0}.tr-instruction,.tr-instruction[hidden]{display:block!important;break-inside:avoid;margin:20px 0}.tr-step-number{font-size:25px;margin:12px 0}.tr-instruction p{font-size:12px}.tr-stage h1{font-size:30px}.tr-note{background:none}}

.tr-step-layout:has(.tr-screen[hidden]){grid-template-columns:1fr}

@media(max-width:760px){.tutorial-page .header-actions{display:flex}}