/* v155 Blender Basics collection page. All rules are scoped to this page. */
.bb-hub{max-width:1140px}
.bb-hub .bb-hub-hero{grid-template-columns:minmax(0,1fr) 350px;min-height:340px;isolation:isolate}
.bb-hub .bb-hub-hero::after{content:"✦";position:absolute;right:30%;top:20px;color:#b67b32a8;font-size:1.7rem;pointer-events:none}
.bb-hub .bb-hub-hero h1{font-size:clamp(3.4rem,6.2vw,5.7rem)}
.bb-hub-version{display:inline-block;margin:3px 0 0;padding:9px 17px;color:#693059;background:#fff5dfb9;border:1px solid #d4a86d;border-radius:25px;font-size:1.02rem}
.bb-hub-intro{background:radial-gradient(ellipse at 25% 15%,#fff9eb,#f4d9b1 65%,#eac18e);border:4px ridge #d7a05a;border-radius:24px;padding:clamp(25px,4vw,43px);margin:28px 0 34px;text-align:center;box-shadow:0 12px 30px #18021d5c;position:relative}
.bb-hub-intro::before{content:"";position:absolute;inset:11px;pointer-events:none;border:1px solid #d3a15eaa;border-radius:15px}
.bb-hub-eyebrow,.bb-hub-section-heading>p{font:bold .77rem/1.4 Georgia,serif;letter-spacing:.16em;color:#985a43;margin:0 0 12px}
.bb-hub-intro h2,.bb-hub-section-heading h2{font:bold clamp(2rem,4vw,3.5rem)/1.05 'Cormorant Garamond',Georgia,serif;color:#76245f;margin:0 0 14px}
.bb-hub-intro>p:last-child{max-width:72ch;margin:0 auto;font:1.09rem/1.65 Georgia,serif}
.bb-hub-section-heading{text-align:center;margin-bottom:22px;color:#f9e0af}
.bb-hub-section-heading>p{color:#eebd7e;margin-bottom:7px}
.bb-hub-section-heading h2{color:#fbe0af;margin-bottom:8px;text-shadow:1px 2px 4px #18001e}
.bb-hub-section-heading>span{font-size:.99rem;color:#f7e5d0}
.bb-hub-feature{display:grid;grid-template-columns:108px minmax(0,1fr) 45px;gap:22px;align-items:center;position:relative;overflow:hidden;padding:clamp(22px,4vw,38px);border:4px ridge #f1be6f;border-radius:27px;background:radial-gradient(ellipse at 5% 0,#a54999aa,transparent 50%),linear-gradient(135deg,#7b2b6e,#4d174f 64%,#34123c);text-decoration:none;box-shadow:inset 0 0 0 5px #f0c77733,0 14px 30px #18051f6d;color:#fff2dc;transition:filter .16s,transform .16s}
.bb-hub-feature::before{content:"";position:absolute;inset:12px;pointer-events:none;border:1px solid #e5ab66a8;border-radius:16px}
.bb-hub-feature:hover,.bb-hub-feature:focus-visible{transform:translateY(-3px);filter:brightness(1.12)}
.bb-hub-feature-badge{height:105px;width:105px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:3px ridge #ecc373;box-shadow:0 0 0 5px #d9a15350,0 5px 16px #16041b70;border-radius:50%;background:radial-gradient(circle at 40% 25%,#ab5baa,#662465 52%,#3d134b)}
.bb-hub-feature-badge span{font:700 2.55rem Georgia,serif;color:#ffdfa0}.bb-hub-feature-badge small{font:bold .67rem Georgia,serif;letter-spacing:.09em;color:#fff1d1}
.bb-hub-available{font:bold .8rem/1.5 Georgia,serif;letter-spacing:.09em;color:#f4c881}
.bb-hub-feature-copy h3{font:700 clamp(2rem,3.5vw,3.35rem)/1.03 'Cormorant Garamond',Georgia,serif;color:#ffe3ae;margin:8px 0 11px;text-shadow:0 3px 8px #260322}
.bb-hub-feature-copy p{font:1.06rem/1.58 Georgia,serif;color:#ffedde;margin:0 0 22px;max-width:65ch}
.bb-hub-cta{display:inline-flex;align-items:center;gap:11px;border:2px solid #e0ab5b;border-radius:28px;background:linear-gradient(165deg,#fff5db,#eec88e);color:#63265d;padding:11px 20px;font:700 1.06rem Georgia,serif;box-shadow:0 5px 12px #230b2a61}
.bb-hub-cta span{font-size:1.65rem;line-height:.7}
.bb-hub-feature-gem{font-size:3.1rem;color:#ffce89;text-shadow:0 0 14px #ffbf80}
.bb-hub-up-next{margin:42px 0 26px}
.bb-hub-next-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.bb-hub-next-card{position:relative;min-width:0;text-align:center;background:linear-gradient(165deg,#fff9ed,#f2d5ab);border:3px solid #d8a75c;border-radius:21px;box-shadow:inset 0 0 0 4px #fff0cc,0 7px 17px #1905205c;padding:27px 21px 25px;}
.bb-hub-next-icon{display:block;font-size:2.1rem;color:#a35d83;margin-bottom:8px}
.bb-hub-next-card h3{font:bold 1.45rem/1.1 'Cormorant Garamond',Georgia,serif;color:#71265f;margin:0 0 12px}
.bb-hub-next-card p{font:.96rem/1.5 Georgia,serif;margin:0 0 18px}
.bb-hub-next-card small{font:bold .72rem Georgia,serif;color:#875d6f;letter-spacing:.12em}
@media(max-width:800px){.bb-hub .bb-hub-hero{grid-template-columns:1fr}.bb-hub-next-grid{grid-template-columns:1fr}.bb-hub-feature{grid-template-columns:80px minmax(0,1fr)}.bb-hub-feature-badge{width:75px;height:75px}.bb-hub-feature-badge span{font-size:1.7rem}.bb-hub-feature-gem{display:none}}
@media(max-width:480px){.bb-hub .bb-hub-hero h1{font-size:clamp(2.9rem,12vw,4.1rem)}.bb-hub-feature{grid-template-columns:1fr;gap:14px;text-align:center}.bb-hub-feature-badge{margin:0 auto}.bb-hub-feature-copy p{font-size:.97rem}.bb-hub-cta{padding:12px 14px;font-size:.93rem}}
@media(prefers-reduced-motion:reduce){.bb-hub-feature{transition:none}}

/* v158: two completed lessons, with breathing room; planned cards take two columns. */
.bb-hub .bb-hub-feature + .bb-hub-feature{margin-top:18px}
.bb-hub .bb-hub-next-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.bb-hub .bb-hub-next-grid{grid-template-columns:1fr}}