/* v154: Blender Basics guide, scoped to this page only */
.bb-page{box-sizing:border-box;max-width:1180px;padding:16px clamp(14px,3vw,38px) 70px!important;margin:0 auto;color:#57254f;font-family:Georgia,serif;}
.bb-page *{box-sizing:border-box}
.bb-breadcrumb{text-align:left;margin:17px 0 21px;color:#f8dfa5;font-size:1rem;font-weight:700}
.bb-breadcrumb a{color:#ffda86;text-underline-offset:4px}.bb-breadcrumb span{padding:0 5px}
.bb-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 320px;align-items:center;gap:20px;padding:clamp(25px,4vw,45px);background:radial-gradient(ellipse at 20% 16%,#fffaf0,#f4dcba 56%,#ecc48d);border:5px ridge #c28e43;border-radius:28px;box-shadow:inset 0 0 0 5px #ffe8b4,0 14px 32px #19062566;overflow:hidden}
.bb-hero:before{content:'';position:absolute;inset:13px;border:1px solid #c68b417f;border-radius:17px;pointer-events:none}
.bb-kicker{margin:0 0 12px;color:#8e4389;letter-spacing:.15em;font:bold .8rem/1.3 Georgia,serif}
.bb-hero h1{font:bold clamp(2.5rem,5.2vw,4.6rem)/1 'Cormorant Garamond',Georgia,serif;color:#6c225f;margin:0 0 19px;text-shadow:1px 2px #fff8e8}
.bb-lead{font:1.17rem/1.6 Georgia,serif;margin:0 0 21px;max-width:55ch}
.bb-chips{display:flex;gap:9px;flex-wrap:wrap}.bb-chips span{padding:8px 13px;border:1px solid #ca9b5d;border-radius:30px;background:#fff8e9bf;color:#703769;font:.85rem Georgia,serif}
.bb-hero-illustration{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 10px #2d0e3555);align-self:center}
.bb-welcome,.bb-finish,.bb-faq,.bb-reference{background:radial-gradient(ellipse at 30% 0,#fff7e4,#f4dbb2 72%,#e9bd85);border:3px solid #c9954c;outline:3px solid #eabb70;outline-offset:-10px;border-radius:20px;padding:clamp(25px,4.6vw,42px);box-shadow:0 11px 24px #2007205c;margin-top:27px}
.bb-welcome h2,.bb-finish h2,.bb-faq h2{font:bold clamp(2rem,3.6vw,3rem)/1.06 'Cormorant Garamond',Georgia,serif;color:#6a205d;margin:0 0 16px}
.bb-welcome p,.bb-finish p,.bb-reference p{font:1.08rem/1.66 Georgia,serif;margin:0 0 12px}
.bb-trust{color:#874c5b;font-style:italic}
.bb-page code,.bb-page kbd{background:#f0d6b6;color:#60265d;border:1px solid #c79b68;border-radius:4px;padding:1px 6px;font-size:.95em}
.bb-quicknav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:27px 0}
.bb-quicknav a{display:flex;align-items:center;gap:15px;border:2px solid #d3a25f;border-radius:19px;padding:20px 23px;color:#ffedda;text-decoration:none;background:linear-gradient(135deg,#74296f,#4e1a58 74%,#381441);box-shadow:inset 0 0 0 3px #e4ab5c44,0 9px 17px #1907244f;transition:filter .16s,transform .16s}
.bb-quicknav a:hover,.bb-quicknav a:focus-visible{filter:brightness(1.14);transform:translateY(-2px)}
.bb-quicknum{flex:none;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:#f4dfbc;color:#65235e;border:2px solid #d9aa63;font:bold 1.35rem Georgia,serif}
.bb-quicknav strong{font-size:1.23rem;color:#ffe3ac}.bb-quicknav small{display:block;font-size:.89rem;line-height:1.4;margin-top:5px}.bb-quicknav a>span:last-child{margin-left:auto;font-size:2rem;color:#ffdfaa}
.bb-lesson{position:relative;border:4px ridge #d0a160;border-radius:24px;background:linear-gradient(130deg,#fff9ee,#f5e3c6 60%,#eed0a1);padding:clamp(23px,4vw,40px);box-shadow:0 12px 30px #1b082a59;scroll-margin-top:25px;margin:25px 0}
.bb-lesson:before{content:'';position:absolute;inset:11px;border:1px solid #c9a27699;pointer-events:none;border-radius:13px}
.bb-section-head{display:flex;gap:19px;align-items:center;border-bottom:1px solid #d5af7d;padding-bottom:21px;margin-bottom:22px}
.bb-section-number{display:grid;place-items:center;flex:none;width:64px;height:64px;border:3px solid #e0b46c;border-radius:50%;background:linear-gradient(140deg,#7e3976,#46154e);color:#ffdb9c;font:700 1.9rem Georgia,serif;box-shadow:0 4px 9px #5123486b}
.bb-section-head p{margin:0 0 8px;font:bold .8rem Georgia,serif;color:#934e80;letter-spacing:.14em}
.bb-section-head h2{font:bold clamp(2.1rem,3.4vw,3.15rem)/1 'Cormorant Garamond',Georgia,serif;color:#662259;margin:0}
.bb-path{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 22px;padding:13px 17px;border-radius:12px;background:#502057;color:#ffe9c7;border:2px solid #d3ab65;font-size:.99rem}
.bb-path strong{color:#fff4dc}.bb-path span[aria-hidden]{color:#edc18a;font-size:1.25rem}
.bb-steps{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;gap:15px}
.bb-steps li{counter-increment:step;position:relative;padding:4px 7px 4px 64px;min-height:52px;line-height:1.56;font-size:1.05rem}
.bb-steps li:before{content:counter(step);position:absolute;top:0;left:0;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff5e5;border:2px solid #ba8a4c;box-shadow:inset 0 0 0 3px #f7e2bb;color:#6a2c5e;font-weight:bold;font-size:1.15rem}
.bb-steps li strong{color:#6f2e64}
.bb-callout{border:1px solid #a86e43;border-left:5px solid #8d4281;border-radius:11px;background:#f3dbbaf0;margin-top:25px;padding:16px 19px;font:1rem/1.5 Georgia,serif}
.bb-faq-grid{display:grid;grid-template-columns:repeat(2, minmax(0,1fr));gap:17px;margin-top:20px}
.bb-faq-grid div{border:1px solid #c9a57b;background:#fff8ebbf;border-radius:13px;padding:19px}
.bb-faq-grid h3{color:#672459;font:700 1.35rem/1.18 Georgia,serif;margin:0 0 10px}
.bb-faq-grid p{font:1rem/1.52 Georgia,serif;margin:0}
.bb-reference{text-align:center;padding:23px 26px}
.bb-reference p{margin:0 0 7px;font-size:1rem}.bb-reference a{color:#783365;text-decoration:underline;text-underline-offset:3px;font-weight:700}
.bb-back{text-align:center;margin-top:32px}.bb-back a{display:inline-flex;border:2px solid #d8a761;border-radius:27px;background:linear-gradient(160deg,#7d3675,#42164d);color:#fff2d6;padding:13px 26px;text-decoration:none;font-weight:700;box-shadow:0 6px 12px #19092480}.bb-back a:hover{filter:brightness(1.2)}
@media (max-width:810px){.bb-hero{grid-template-columns:1fr;text-align:center}.bb-lead{margin-left:auto;margin-right:auto}.bb-hero-illustration{width:min(100%,320px);margin:0 auto}.bb-chips{justify-content:center}.bb-quicknav{grid-template-columns:1fr}.bb-faq-grid{grid-template-columns:1fr}}
@media (max-width:530px){.bb-page{padding-left:8px!important;padding-right:8px!important}.bb-hero,.bb-lesson,.bb-welcome,.bb-finish,.bb-faq{padding:25px 19px}.bb-hero h1{font-size:clamp(2.05rem,9vw,3.2rem)}.bb-section-head{gap:10px}.bb-section-number{width:46px;height:46px;font-size:1.3rem}.bb-section-head h2{font-size:clamp(1.75rem,7vw,2.2rem)}.bb-section-head p{font-size:.64rem}.bb-steps li{font-size:.98rem;padding-left:53px}.bb-steps li:before{width:36px;height:36px}.bb-path{font-size:.86rem;gap:6px}.bb-quicknav a{padding:15px}}