
/* Mobile-first access to product resources */
html{scroll-padding-top:145px}body{overflow-wrap:break-word}main>*{min-width:0}select,textarea{font-size:1rem!important} .navlinks a{min-height:44px;display:inline-flex;align-items:center}.navlinks a[aria-current=page]{color:var(--purple);text-decoration:underline;text-underline-offset:7px}.quick-start{padding:28px 0;background:#f4f0ff;border-bottom:1px solid #ded4f4}.quick-start h2{font-size:clamp(1.65rem,3vw,2.3rem);margin:8px 0}.quick-start p{margin:8px 0 16px}.quick-form{display:flex;gap:12px;align-items:end;max-width:740px}.quick-form label{display:block;font-weight:700;margin-bottom:6px}.quick-field{flex:1;min-width:0}.quick-form select{width:100%;min-height:50px;border:1px solid #b8a5dc;border-radius:12px;padding:10px;background:white;color:var(--ink)}.guide-back{display:inline-flex;align-items:center;min-height:44px;color:var(--purple);font-weight:700;margin-bottom:12px}.video-resource{background:#f4f0ff;border:1px solid #d8c9f2;border-radius:18px;padding:24px;margin-top:24px}.video-resource h3{font-size:1.4rem;letter-spacing:-.02em}.video-resource .status{display:inline-block;margin-top:12px;padding:4px 10px;background:white;border-radius:6px;font-size:.875rem;font-weight:700;color:#565061}.video-resource p{margin:12px 0 0}.resource-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}.resource-links a{padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--purple);min-height:44px;font-weight:700}.guide-view #quick-start,.guide-view .mission,.guide-view #collection{display:none}.guide-view #main{display:flex;flex-direction:column}.guide-view #instructions{order:-3}.guide-view #ideas{order:-2}.guide-view #questions{order:-1}.guide-view #instructions{border-top:0;padding-top:22px}.guide-view #instructions .section-title{margin-bottom:18px}.availability{grid-template-columns:1fr}.video-note{display:block;color:var(--muted);font-size:.875rem;margin-top:12px}.kit-card .button{white-space:normal}.kit-card{min-width:0}.section-title h2{letter-spacing:-.035em}
@media(max-width:800px){.nav{justify-content:space-between}.navlinks{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;text-align:center;font-size:.875rem}.navlinks a{justify-content:center;padding:8px 2px;line-height:1.3}.nav{gap:0;padding-bottom:4px}.logo-window{height:48px}.shell{padding-left:18px;padding-right:18px}.quick-start{padding:20px 0}.mission h1,.hero h1,.company-intro h1{font-size:2rem;line-height:1.18}.mission p{font-size:1rem}.kit-card h3{font-size:1.45rem}.kit-card{padding:20px}.kit-foot,.resin-grid .kit-foot{flex-direction:column;align-items:stretch;gap:10px}.kit-foot .mini{max-width:none}.kit-foot .button{width:100%}.guide-body{padding:18px}.guide-heading h3{font-size:1.4rem}.kit-switch{display:block}.kit-switch label{display:block;margin-bottom:8px}.video-resource{padding:18px}.section{padding:30px 0}.section-title h2{font-size:1.8rem}.tag,.eyebrow{font-size:.875rem;letter-spacing:.07em}.family-title{scroll-margin-top:0}.collection-nav{gap:8px}.collection-nav a{flex:1;text-align:center}.collection-nav span{display:none}}
@media(max-width:520px){.quick-form{display:block}.quick-form .button{width:100%;margin-top:12px}.quick-start p{font-size:1rem}.guide-back{margin-bottom:8px}.mission{padding-top:24px}.contact-card{padding:18px}.resource-links a{flex:1;text-align:center}.guide-view #instructions .section-title p{margin-top:8px}.guide-view #instructions .section-title h2{font-size:1.6rem}.kit-grid{grid-template-columns:1fr}}
