.shade-wisp .stars{display:inline-flex;align-items:center;gap:2px}.shade-wisp .stars svg{width:14px;height:14px}.shade-wisp__mast{display:inline-flex;align-items:center;flex-wrap:wrap}.shade-wisp__core{margin-inline-start:6px;font-size:var(--font-size-xs);font-weight:var(--fw-bold);color:var(--color-text-light)}.shade-wisp__stair{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:var(--color-white);border:1.5px solid var(--color-primary)}.shade-wisp__stair-rack{display:block;width:100%;height:100%;object-fit:contain;padding:15%}.shade-wisp--drop{display:inline-flex;align-items:center;gap:10px;margin-block-start:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:rgba(255,255,255,0.06);color:var(--color-white);text-decoration:none;transition:background 0.18s ease}.shade-wisp--drop:hover{background:rgba(255,255,255,0.12)}.shade-wisp--drop:focus-visible{outline:3px solid var(--color-white);outline-offset:2px}.shade-wisp--drop .shade-wisp__stair{width:30px;height:30px;border-radius:var(--radius-md)}.shade-wisp--drop .shade-wisp__linen{display:flex;flex-direction:column;gap:1px;min-width:0}.shade-wisp--drop .shade-wisp__pine{font-size:13px;font-weight:var(--fw-bold);line-height:1.2;color:var(--color-white)}.shade-wisp--drop .shade-wisp__core{font-size:11px;color:rgba(255,255,255,0.75)}.shade-wisp--drop .stars svg{width:12px;height:12px}.shade-wisp-cord{max-width:var(--container-max);margin-inline:auto;margin-block:var(--space-8);padding-inline:var(--space-6);box-sizing:border-box}.shade-wisp--step{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);text-decoration:none;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.shade-wisp--step:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md);transform:translateY(-1px)}.shade-wisp--step .shade-wisp__stair{width:40px;height:40px;border-radius:10px}.shade-wisp--step .shade-wisp__linen{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.shade-wisp--step .shade-wisp__pine{font-size:15px;font-weight:var(--fw-bold);line-height:var(--line-height-tight)}.shade-wisp--step .shade-wisp__crumb{font-size:13px;line-height:1.35;color:var(--color-text-light)}.shade-wisp--step .shade-wisp__mast{flex:0 0 auto}.shade-wisp--step .shade-wisp__blurb{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:9px 22px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--fw-bold);white-space:nowrap;transition:background 0.18s ease}.shade-wisp--step:hover .shade-wisp__blurb{background:var(--color-primary-dark)}.shade-wisp--stub{display:flex;align-items:center;gap:var(--space-4);margin-block:var(--space-6);padding:18px var(--space-6);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--color-text);text-align:start}.shade-wisp--stub .shade-wisp__stair{width:48px;height:48px;border-radius:11px}.shade-wisp--stub .shade-wisp__linen{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.shade-wisp--stub .shade-wisp__pine{font-size:var(--font-size-base);font-weight:var(--fw-bold);line-height:1.3}.shade-wisp--stub .shade-wisp__blurb{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--fw-bold);white-space:nowrap;text-decoration:none;transition:background 0.18s ease}.shade-wisp--stub .shade-wisp__blurb:hover{background:var(--color-primary-dark)}@media (max-width:768px){.shade-wisp--step{flex-wrap:wrap}.shade-wisp--step .shade-wisp__mast{order:5;flex-basis:100%}}@media (max-width:560px){.shade-wisp-cord{margin-block:var(--space-6);padding-inline:var(--space-4)}.shade-wisp--step{padding:14px var(--space-4);gap:var(--space-3)}.shade-wisp--step .shade-wisp__crumb,.shade-wisp--step .shade-wisp__core{display:none}.shade-wisp--stub{flex-wrap:wrap;padding:var(--space-4) 18px;gap:var(--space-3)}.shade-wisp--stub .shade-wisp__blurb{flex-basis:100%;width:100%}}@media (prefers-reduced-motion:reduce){.shade-wisp--step:hover{transform:none}}