:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#302c25;background:#f6f2e9;font-synthesis:none;line-height:1.65}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#766038}a:focus-visible,summary:focus-visible{outline:3px solid #877247;outline-offset:5px}.site-header,main,footer{width:min(1120px,calc(100% - 48px));margin:auto}.site-header{display:flex;align-items:center;gap:32px;padding:25px 0;border-bottom:1px solid #cfc6b7}.brand{font:29px Georgia,serif;text-decoration:none}.brand span{font-size:36px}nav{display:flex;gap:20px;margin-left:auto;font-size:14px}nav [aria-current]{font-weight:700}.enter{font-size:14px}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;padding:90px 0 65px;align-items:center}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}h1{font-size:clamp(40px,5.3vw,66px);letter-spacing:-1.7px;margin:15px 0 25px}h2{font-size:32px}h3{font-size:23px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;text-transform:uppercase;color:#745d3f}.lead{font-size:19px;line-height:1.7;color:#62594c}.cta{display:inline-block;background:#424a36;color:#fff;padding:15px 22px;text-decoration:none;margin-top:18px;font-size:15px}.cta:hover{background:#303a25;color:white}.small{font-size:13px;color:#766c5d}.notebook{padding:32px;background:#eae1d0;border:1px solid #c5b492;border-left:8px solid #806141;box-shadow:7px 9px 0 #e0d7c6}.rook{font-size:65px;color:#725238}.notebook h2{font-size:29px}.notebook ol{list-style:none;padding:0;margin:0}.notebook li{display:grid;grid-template-columns:60px 1fr;gap:15px;border-top:1px solid #c5b492;padding:18px 0;font-size:15px}.workflow,.reading,.faq{padding:36px 0;border-top:1px solid #cfc6b7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step p{color:#62594c}.reading{max-width:850px}.reading h2 a{text-decoration:none}.faq{max-width:850px}details{border-bottom:1px solid #d9d0c1;padding:18px 0}summary{cursor:pointer;font-weight:600}details p{max-width:700px}.closing{padding:25px 0 65px}footer{display:flex;align-items:center;gap:25px;border-top:1px solid #cfc6b7;padding:25px 0;font-size:13px;color:#746958}footer p{flex:1}.article-head{padding:65px 0 20px}article{max-width:780px;margin:auto}.article-head h1{font-size:clamp(36px,5vw,54px)}.lesson{padding:20px 0;border-top:1px solid #d9d0c1}.lesson p{font-size:17px}.note{border-left:3px solid #8b7957;padding-left:20px;color:#62594c}.skip{position:absolute;left:12px;top:-100px;background:white;padding:12px}.skip:focus{top:8px}@media(max-width:700px){.site-header,main,footer{width:calc(100% - 32px)}.site-header{gap:16px;flex-wrap:wrap}.brand{font-size:24px}nav{gap:12px}.enter{margin-left:auto}.hero{grid-template-columns:1fr;gap:25px;padding:40px 0}.steps{grid-template-columns:1fr;gap:0}h1{letter-spacing:-1px}.notebook{padding:22px}footer{flex-wrap:wrap;gap:10px}footer p{flex-basis:100%;margin:0}.article-head{padding-top:35px}}
/* Public entry pages share the training room's visual identity. */
:root{color:#24263d;background:#f7f8fc}a:hover{color:#6552ce}a:focus-visible,summary:focus-visible{outline-color:#7760d8}.site-header{border-color:#e3e5ef}.brand,h1,h2,h3{font-family:inherit;font-weight:650;letter-spacing:-.035em}.brand span{color:#6552ce}.lead,.step p,.small,footer{color:#62667c}.eyebrow{color:#6552ce}.cta{background:#6552ce;border-radius:11px;font-weight:600}.cta:hover{background:#4f3fb0}.notebook{background:#efecfa;border:1px solid #ddd7f4;border-radius:20px;box-shadow:none}.rook{color:#7865bd}.notebook li,.workflow,.reading,.faq,footer,.lesson,details{border-color:#e3e5ef}.note{border-color:#9e8dd9;color:#62667c}.steps{gap:20px}.step{background:#fff;border:1px solid #e3e5ef;padding:24px;border-radius:18px}.step h3{font-size:1.2rem}.hero{gap:50px}.reading{background:#fff;border:1px solid #e3e5ef;padding:28px;border-radius:18px;max-width:none;margin:24px 0}.reading h2{font-size:1.6rem}.reading p{max-width:820px}footer{flex-wrap:wrap}.article-head h1{line-height:1.18}@media(max-width:700px){.hero{gap:25px}.steps{gap:16px}.reading{padding:22px}.reading h2{font-size:1.35rem}.brand{font-size:24px}.lead{font-size:17px}nav{flex-wrap:wrap}}